demo.html

<link rel="stylesheet" href="https://unpkg.com/mvp.css@1.12/mvp.css"> 

<div style="display: flex; height: 100vh; align-items: center; justify-content: center; flex-direction: column;">
    <button onclick="onClickRequest()">Request Profile</button>
    <button onclick="onClickSignIn()">Sign In</button>
    <button onclick="onClickSignOut()">Sign Out</button>
    <pre><code id="output"></code></pre>
</div>
<script type="module">
    import passwordless from './src/index.js'
    
    async function init() {
        const user = await passwordless.id({scope:'openid avatar email'})
        document.getElementById('output').textContent = JSON.stringify(user, null,' ')
    }
    init()

    window.onClickSignIn = () => {
        passwordless.auth({scope:'openid avatar email'})
    }

    window.onClickRequest = async () => {
        const user = await passwordless.request({scope:'openid avatar email'})
        document.getElementById('output').textContent = JSON.stringify(user, null,' ')
    }

    window.onClickSignOut = async () => {
        const user = await passwordless.logout()
        document.getElementById('output').textContent = ''
    }

    
</script>