, User | null>(
9 | auth,
10 | ($auth, set) => {
11 | let unsubscribe = () => { }
12 |
13 | async function init() {
14 | if ($auth) {
15 | const { onAuthStateChanged } = await import('firebase/auth')
16 | unsubscribe = onAuthStateChanged($auth, set)
17 | }
18 | }
19 |
20 | if (browser) init()
21 |
22 | return unsubscribe
23 | }
24 | )
25 |
26 | return { subscribe }
27 | }
28 |
29 | export const user = createUser()
30 |
--------------------------------------------------------------------------------
/src/routes/+layout.server.ts:
--------------------------------------------------------------------------------
1 | import type { LayoutServerLoad } from './$types'
2 | import { getSession } from './session/+server'
3 |
4 | export const load: LayoutServerLoad = async ({ locals }) => {
5 | // session consists of just the user object, but could contain other preferences
6 | const { user } = locals
7 | const session = getSession(user)
8 |
9 | // layout data could also return additional data other than the session
10 | return { session }
11 | }
--------------------------------------------------------------------------------
/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
8 |
9 |
10 |
11 |
12 |
13 |
23 |
--------------------------------------------------------------------------------
/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 | session:
6 | {JSON.stringify($session, null, 2)}
7 |
8 |
13 |
--------------------------------------------------------------------------------
/src/routes/session/+server.ts:
--------------------------------------------------------------------------------
1 | import { dev } from '$app/environment'
2 | import type { RequestHandler } from './$types'
3 | import { auth } from '$lib/admin.server'
4 | import { json } from '@sveltejs/kit'
5 | import type { DecodedIdToken } from 'firebase-admin/auth'
6 | import type { Session } from '$lib/types'
7 |
8 | const WEEK_IN_SECONDS = 60 * 60 * 24 * 7
9 | const WEEK_IN_MILLISECONDS = WEEK_IN_SECONDS * 1000
10 |
11 | // POST receives the client-side auth token, validates it and sets a cookie for future server-requests
12 | export const POST: RequestHandler = async ({ request, cookies }) => {
13 | const token = await request.text()
14 |
15 | const user = await auth.verifyIdToken(token)
16 | const sessionCookie = await auth.createSessionCookie(token, { expiresIn: WEEK_IN_MILLISECONDS })
17 | const options = { maxAge: WEEK_IN_SECONDS, httpOnly: true, secure: !dev }
18 | cookies.set('session', sessionCookie, options)
19 |
20 | return json(getSession(user))
21 | }
22 |
23 | // DELETE clears the session cookie
24 | export const DELETE: RequestHandler = async ({ cookies }) => {
25 | cookies.delete('session')
26 |
27 | return json(getSession(null))
28 | }
29 |
30 | export function getSession(user: DecodedIdToken | null): Session {
31 | if (user) {
32 | const { name, email, email_verified, uid } = user
33 | return { user: { name, email: email!, email_verified: email_verified!, uid } }
34 | }
35 | return { user }
36 | }
--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CaptainCodeman/sveltekit-example/6f7f92677cb8d7ade95a9424cc5ac2cd6e0f80bf/static/favicon.ico
--------------------------------------------------------------------------------
/static/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
1 | import preprocess from 'svelte-preprocess'
2 | import adapt from '@sveltejs/adapter-node'
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://github.com/sveltejs/svelte-preprocess
7 | // for more information about preprocessors
8 | preprocess: preprocess(),
9 |
10 | kit: {
11 | // By default, `npm run build` will create a standard Node app.
12 | // You can create optimized builds for different platforms by
13 | // specifying a different adapter
14 | adapter: adapt(),
15 | },
16 | }
17 |
18 | export default config
19 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true
12 | }
13 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
14 | //
15 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16 | // from the referenced tsconfig.json - TypeScript does not merge them in
17 | }
18 |
--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import { sveltekit } from '@sveltejs/kit/vite'
3 |
4 | export default defineConfig({
5 | plugins: [sveltekit()],
6 | server: {
7 | host: 'localhost',
8 | port: 3000,
9 | },
10 | })
11 |
--------------------------------------------------------------------------------