diff --git a/README.md b/README.md index 9761748..32f3aec 100644 --- a/README.md +++ b/README.md @@ -73,6 +73,18 @@ use for client side auth in an SSR application you will need to ensure it is not {#if process.browser} ..... {/if} ``` +## SvelteKit/SSR +Same as what is needed for Sapper (see above section). To do this, we need to import in the `script` section: + +``` +import { browser } from '$app/env'; +``` + +And in the `main`: +``` +{#if browser} ..... {/if} +``` + ## Contributing Contributors are Welcome. There is a lot of value in a vendor neutral OIDC component for use by the Svelte and Sapper diff --git a/src/components/OidcContext.svelte b/src/components/OidcContext.svelte index 6cc01eb..232f928 100644 --- a/src/components/OidcContext.svelte +++ b/src/components/OidcContext.svelte @@ -2,7 +2,6 @@ import { writable } from 'svelte/store'; import { getContext } from 'svelte'; import oidcClient from 'oidc-client'; - const { UserManager } = oidcClient; import { onMount, onDestroy, setContext } from 'svelte'; /** @@ -121,8 +120,8 @@ automaticSilentRenew: true, }; - const userManager = new UserManager(settings); - userManager.events.addUserLoaded(function(user) { + const userManager = new oidcClient.UserManager(settings); + userManager.events.addUserLoaded(function (user) { isAuthenticated.set(true); accessToken.set(user.access_token); idToken.set(user.id_token);