sveltekit jwt session

installation

1  // npm
2  npm install svelte-kit-jwt-session
3
4  // yarn
5  yarn add svelte-kit-jwt-session
6  
7  // pnpm 
8  pnpm add svelte-kit-jwt-session
9

Usage

hooks.server/index.ts|js

1import { handleSession, type Payloads } from "svelte-kit-jwt-session";
2
3const session = handleSession({
4    access: {
5        cookieName: "allins_session",
6        cookieOptions: {
7            path: "/",
8            maxAge: 60
9        },
10        secret: "secretKeyThatIsNotOnGithub"
11    },
12    refresh: {
13        cookieName: "allins_session_reserved",
14        cookieOptions: {
15            path: "/",
16            maxAge: 60 * 60 * 24 * 7
17        },
18        secret: 'ssssssh!'
19    }
20})
21
22export const handle: Handle = session
23
24// if you want to use handle hook use sequence helper method
25// export const handle = sequence(anotherHook, session)

and app.d.ts

1declare namespace App {
2	interface Locals {
3		session: import("svelte-kit-jwt-session").LocalType;
4	}
5	// interface PageData {}
6	// interface Error {}
7	// interface Platform {}
8}
9

Login

routes/login/+page.server.ts or whatever you want

1import { type Action, type Actions, redirect } from "@sveltejs/kit"
2import { login  }from "svelte-kit-jwt-session";
3
4const loginAction: Action = (event) => {
5   // do your logic ...
6
7   /**
8    * @param { import("svelte-kit-jwt-session").Payloads }  payloads 
9    */
10   login({ accessPayload: { sub: "j@doe" , role: "admin"}, refreshPayload: { sub: "j@doe"}})
11
12   throw redirect(302, "/")
13}
14
15export const actions: {
16    login: loginAction
17}
18

Access session

+layout.server.ts

1 import type { ServerLoad } from "@sveltejs/kit";
2  export const load: ServerLoad = ({locals}) => {
3
4    // session accessible on locals.session
5
6    return {
7        session: locals.session
8    }
9  }

Reauth

if you want to renew your access token automatically upon expiration

1
2const session = handleSession({
3    access: {...},
4    refresh: {...},
5    /**
6     * @param {JWTPayload | string} refreshToken
7     * @return { import("svelte-kit-jwt-session").Payloads }
8     */
9    reauth: (refreshTokenPayload) => {
10        // do your logic here
11        
12        
13        return {
14            accessPayload: refreshTokenPayload,
15            refreshPayload: refreshTokenPayload
16        }
17    }
18})
19
20