refactor(web): use cookies interface (#1777)

web/src/routes/+layout.server.ts

@@ -1,29 +1,19 @@
 import { serverApi } from '@api';
-import * as cookieParser from 'cookie';
-
 import type { LayoutServerLoad } from './$types';
 
-export const load: LayoutServerLoad = async ({ request }) => {
+export const load = (async ({ cookies }) => {
 	try {
-		const cookies = cookieParser.parse(request.headers.get('cookie') || '');
-		const accessToken = cookies['immich_access_token'];
-
+		const accessToken = cookies.get('immich_access_token');
 		if (!accessToken) {
-			return {
-				user: undefined
-			};
+			return { user: undefined };
 		}
 
 		serverApi.setAccessToken(accessToken);
-		const { data: userInfo } = await serverApi.userApi.getMyUserInfo();
+		const { data: user } = await serverApi.userApi.getMyUserInfo();
 
-		return {
-			user: userInfo
-		};
+		return { user };
 	} catch (e) {
 		console.error('[ERROR] layout.server.ts [LayoutServerLoad]: ');
-		return {
-			user: undefined
-		};
+		return { user: undefined };
 	}
-};
+}) satisfies LayoutServerLoad;

web/src/routes/auth/logout/+server.ts

@@ -2,26 +2,12 @@ import { json } from '@sveltejs/kit';
 import { api, serverApi } from '@api';
 import type { RequestHandler } from '@sveltejs/kit';
 
-export const POST: RequestHandler = async () => {
+export const POST = (async ({ cookies }) => {
 	api.removeAccessToken();
 	serverApi.removeAccessToken();
 
-	const headers = new Headers();
+	cookies.delete('immich_auth_type', { path: '/' });
+	cookies.delete('immich_access_token', { path: '/' });
 
-	headers.append(
-		'set-cookie',
-		'immich_auth_type=deleted; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT;'
-	);
-	headers.append(
-		'set-cookie',
-		'immich_access_token=delete; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'
-	);
-	return json(
-		{
-			ok: true
-		},
-		{
-			headers
-		}
-	);
-};
+	return json({ ok: true });
+}) satisfies RequestHandler;