mirror of
https://github.com/TECHNOFAB11/svelte-oidc.git
synced 2025-12-15 09:23:50 +01:00
e4cf984082
svelte 3.25 and later won't let you call getContext and setContext outside of component initialization. This means you need to implement components inside the Auth0Context that getContext on initialization then pass them to functions BREAKING CHANGE: function signature for login, logout, and refreshToken
50 lines
No EOL
1.5 KiB
Svelte
50 lines
No EOL
1.5 KiB
Svelte
<script>
|
|
import { Highlight } from 'svelte-highlight';
|
|
import { json } from 'svelte-highlight/languages';
|
|
import { arduinoLight as highlightTheme } from "svelte-highlight/styles";
|
|
import {
|
|
OidcContext,
|
|
LoginButton,
|
|
LogoutButton,
|
|
RefreshTokenButton,
|
|
authError,
|
|
idToken,
|
|
accessToken,
|
|
isAuthenticated,
|
|
isLoading,
|
|
login,
|
|
logout,
|
|
refreshToken,
|
|
userInfo,
|
|
} from './components/components.module.js';
|
|
</script>
|
|
|
|
<svelte:head>
|
|
{@html highlightTheme}
|
|
</svelte:head>
|
|
|
|
<div class="container">
|
|
<OidcContext
|
|
issuer="process.env.OIDC_ISSUER"
|
|
client_id="process.env.OIDC_CLIENT_ID"
|
|
redirect_uri="process.env.OIDC_REDIRECT_URI"
|
|
post_logout_redirect_uri="process.env.OIDC_POST_LOGOUT_REDIRECT_URI"
|
|
>
|
|
<LoginButton>Login</LoginButton>
|
|
<LogoutButton>Logout</LogoutButton>
|
|
<RefreshTokenButton>refreshToken</RefreshTokenButton>
|
|
<table>
|
|
<thead>
|
|
<tr><th style="width: 20%;">store</th><th style="width: 80%;">value</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td>isLoading</td><td>{$isLoading}</td></tr>
|
|
<tr><td>isAuthenticated</td><td>{$isAuthenticated}</td></tr>
|
|
<tr><td>accessToken</td><td style="word-break: break-all;">{$accessToken}</td></tr>
|
|
<tr><td>idToken</td><td style="word-break: break-all;">{$idToken}</td></tr>
|
|
<tr><td>userInfo</td><td><Highlight language={json} code={JSON.stringify($userInfo, null, 2) || ''} /></td></tr>
|
|
<tr><td>authError</td><td>{$authError}</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</OidcContext>
|
|
</div> |