✨ Add cookie (#17)

package-lock.json

@@ -10,6 +10,7 @@
 			"dependencies": {
 				"@huggingface/inference": "^2.0.0-rc2",
 				"autoprefixer": "^10.4.14",
+				"date-fns": "^2.29.3",
 				"mongodb": "^5.3.0",
 				"postcss": "^8.4.21",
 				"tailwind-scrollbar": "^3.0.0",
@@ -1428,6 +1429,18 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/date-fns": {
+			"version": "2.29.3",
+			"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.3.tgz",
+			"integrity": "sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==",
+			"engines": {
+				"node": ">=0.11"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/date-fns"
+			}
+		},
 		"node_modules/debug": {
 			"version": "4.3.4",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",

package.json

@@ -31,6 +31,7 @@
 	"dependencies": {
 		"@huggingface/inference": "^2.0.0-rc2",
 		"autoprefixer": "^10.4.14",
+		"date-fns": "^2.29.3",
 		"mongodb": "^5.3.0",
 		"postcss": "^8.4.21",
 		"tailwind-scrollbar": "^3.0.0",

src/app.d.ts

@@ -3,7 +3,9 @@
 declare global {
 	namespace App {
 		// interface Error {}
-		// interface Locals {}
+		interface Locals {
+			sessionId: string;
+		}
 		// interface PageData {}
 		// interface Platform {}
 	}

src/hooks.server.ts

@@ -0,0 +1,21 @@
+import type { Handle } from '@sveltejs/kit';
+import { addYears } from 'date-fns';
+
+export const handle: Handle = async ({ event, resolve }) => {
+	const token = event.cookies.get('session');
+
+	event.locals.sessionId = token || crypto.randomUUID();
+
+	// Refresh cookie expiration date
+	event.cookies.set('session', event.locals.sessionId, {
+		path: '/',
+		sameSite: 'lax',
+		secure: true,
+		httpOnly: true,
+		expires: addYears(new Date(), 1)
+	});
+
+	const response = await resolve(event);
+
+	return response;
+};

src/routes/+page.server.ts

@@ -2,12 +2,14 @@ import type { PageServerLoad } from './$types';
 import { collections } from '$lib/server/database';
 import type { Conversation } from '$lib/types/Conversation';
 
-export const load: PageServerLoad = async () => {
+export const load: PageServerLoad = async (event) => {
 	const { conversations } = collections;
 
 	return {
 		conversations: await conversations
-			.find()
+			.find({
+				sessionId: event.locals.sessionId
+			})
 			.sort({ updatedAt: -1 })
 			.project<Pick<Conversation, 'title' | '_id' | 'updatedAt' | 'createdAt'>>({
 				title: 1,