technofab/svelte-oidc
1
0
Fork 0
mirror of https://github.com/TECHNOFAB11/svelte-oidc.git synced 2025-12-11 23:50:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #13 from JackDra/master

Browse source 
docs: update with SvelteKit instructions
This commit is contained in:
Darrel O'Pry 2021-06-07 19:26:52 -04:00 • committed by GitHub
commit fa5e7f5a4e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
README.md
View file

@ -73,6 +73,18 @@ use for client side auth in an SSR application you will need to ensure it is not
{#if process.browser} <OidcContext> ..... </OidcContext> {/if} {#if process.browser} <OidcContext> ..... </OidcContext> {/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} <OidcContext> ..... </OidcContext> {/if}
```
## Contributing ## Contributing
Contributors are Welcome. There is a lot of value in a vendor neutral OIDC component for use by the Svelte and Sapper Contributors are Welcome. There is a lot of value in a vendor neutral OIDC component for use by the Svelte and Sapper

5
src/components/OidcContext.svelte
View file

@ -2,7 +2,6 @@
import { writable } from 'svelte/store'; import { writable } from 'svelte/store';
import { getContext } from 'svelte'; import { getContext } from 'svelte';
import oidcClient from 'oidc-client'; import oidcClient from 'oidc-client';
const { UserManager } = oidcClient;
import { onMount, onDestroy, setContext } from 'svelte'; import { onMount, onDestroy, setContext } from 'svelte';
/** /**
@ -121,8 +120,8 @@
automaticSilentRenew: true, automaticSilentRenew: true,
}; };
const userManager = new UserManager(settings); const userManager = new oidcClient.UserManager(settings);
userManager.events.addUserLoaded(function(user) { userManager.events.addUserLoaded(function (user) {
isAuthenticated.set(true); isAuthenticated.set(true);
accessToken.set(user.access_token); accessToken.set(user.access_token);
idToken.set(user.id_token); idToken.set(user.id_token);