Version v0.4

- Use svelte kit node server as proxy to fractal-server
- Use the node adapter to build the svelte server
- Update api packages to use server side fetch instead of client side fetch
- General updates to UI and data management with new SSR driven pattern

Author: rkpasia

.env.development

@@ -0,0 +1,10 @@
+FRACTAL_SERVER_HOST=http://localhost:8000
+
+# AUTH COOKIE
+AUTH_COOKIE_NAME=fastapiusersauth
+AUTH_COOKIE_SECURE=false
+AUTH_COOKIE_DOMAIN=localhost
+AUTH_COOKIE_PATH=/
+AUTH_COOKIE_MAX_AGE=1800
+AUTH_COOKIE_SAME_SITE=lax
+AUTH_COOKIE_HTTP_ONLY=true

package-lock.json

@@ -15,6 +15,7 @@
 	"devDependencies": {
 		"@playwright/test": "^1.32.3",
 		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-node": "^1.2.4",
 		"@sveltejs/kit": "^1.15.7",
 		"eslint": "^8.38.0",
 		"eslint-config-prettier": "^8.3.0",
@@ -29,6 +30,7 @@
 	"type": "module",
 	"dependencies": {
 		"@vincjo/datatables": "^1.6.0",
+		"jose": "^4.14.4",
 		"sweetalert2": "^11.4.37"
 	}
 }

package.json

@@ -0,0 +1,25 @@
+import { FRACTAL_SERVER_HOST } from '$env/static/private'
+
+export async function handle({ event, resolve }) {
+	console.log(`[${event.request.method}] - ${event.url.pathname}`)
+
+	if (event.url.pathname == '/' || event.url.pathname.startsWith('/auth')) {
+		console.log('Public page - No auth required')
+		return await resolve(event)
+	}
+
+	// Authentication guard
+	const fastApiUsersAuth = event.cookies.get('fastapiusersauth')
+	if (!fastApiUsersAuth) {
+		console.log('Authentication required - No auth cookie found - Redirecting to login')
+		return new Response(null, { status: 302, headers: { location: '/auth/login' } })
+	}
+
+	const whoami = await event.fetch(`${FRACTAL_SERVER_HOST}/auth/whoami`)
+	if (whoami.ok) {
+		return await resolve(event)
+	} else {
+		console.log('Validation of authentication - Error loading user info')
+		return new Response(null, { status: 302, headers: { location: '/auth/login' } })
+	}
+}