Introduction

const isDespia = navigator.userAgent.toLowerCase().includes('despia')

if (isDespia) {
    window.onClerkEvent = (r) => {
        if (!r.ok) {
            console.error(r.event, r.error.code, r.error.message)
            return
        }

        if (r.event === 'ready') {
            despia('clerk://state')
        }

        if (r.event === 'state') {
            if (r.isSignedIn) {
                renderApp(r.user)
            } else {
                despia('clerk://authview')
            }
        }
    }

    despia('clerk://configure?key=pk_test_abc123')
}

{
    ok: boolean,                                // false means error present
    event: string,                              // 'ready', 'state', 'signIn', etc.
    status?: string,                            // success detail
    error?: { code: string, message: string },  // when ok === false
    // plus route-specific fields
}

despia('clerk://configure?key=pk_test_abc123')

{
    "ok": true,
    "event": "ready",
    "status": "configured",
    "publishableKey": "pk_test_abc123"
}