SSR을 비활성화하여 SPA로 전환

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/routes/(fullscreen)/auth/changePassword/service.ts

@@ -2,7 +2,7 @@ import { trpc } from "$trpc/client";
 
 export const requestPasswordChange = async (oldPassword: string, newPassword: string) => {
   try {
-    await trpc().auth.changePassword.mutate({ oldPassword, newPassword });
+    await trpc.auth.changePassword.mutate({ oldPassword, newPassword });
     return true;
   } catch {
     // TODO: Error Handling

src/routes/(fullscreen)/auth/login/+page.server.ts

@@ -1,12 +0,0 @@
-import { redirect } from "@sveltejs/kit";
-import type { PageServerLoad } from "./$types";
-
-export const load: PageServerLoad = async ({ locals, url }) => {
-  const redirectPath = url.searchParams.get("redirect") || "/home";
-
-  if (locals.session) {
-    redirect(302, redirectPath);
-  }
-
-  return { redirectPath };
-};

src/routes/(fullscreen)/auth/login/+page.ts

@@ -0,0 +1,6 @@
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ url }) => {
+  const redirectPath = url.searchParams.get("redirect") || "/home";
+  return { redirectPath };
+};

src/routes/(fullscreen)/auth/login/service.ts

@@ -9,7 +9,7 @@ export {
 
 export const requestLogin = async (email: string, password: string) => {
   try {
-    await trpc().auth.login.mutate({ email, password });
+    await trpc.auth.login.mutate({ email, password });
     return true;
   } catch {
     // TODO: Error Handling

src/routes/(fullscreen)/file/[id]/service.ts

@@ -41,7 +41,7 @@ export const requestThumbnailUpload = async (
 
 export const requestFileAdditionToCategory = async (fileId: number, categoryId: number) => {
   try {
-    await trpc().category.addFile.mutate({ id: categoryId, file: fileId });
+    await trpc.category.addFile.mutate({ id: categoryId, file: fileId });
     return true;
   } catch {
     // TODO: Error Handling
@@ -52,9 +52,9 @@ export const requestFileAdditionToCategory = async (fileId: number, categoryId:
 export const requestFavoriteToggle = async (fileId: number, isFavorite: boolean) => {
   try {
     if (isFavorite) {
-      await trpc().favorites.removeFile.mutate({ id: fileId });
+      await trpc.favorites.removeFile.mutate({ id: fileId });
     } else {
-      await trpc().favorites.addFile.mutate({ id: fileId });
+      await trpc.favorites.addFile.mutate({ id: fileId });
     }
     return true;
   } catch {

src/routes/(fullscreen)/gallery/+page.server.ts

@@ -1,7 +0,0 @@
-import { createCaller } from "$trpc/router.server";
-import type { PageServerLoad } from "./$types";
-
-export const load: PageServerLoad = async (event) => {
-  const files = await createCaller(event).file.list();
-  return { files };
-};

src/routes/(fullscreen)/gallery/+page.ts

@@ -0,0 +1,8 @@
+import { trpc } from "$trpc/client";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ parent }) => {
+  await parent(); // Wait for the key guard in the root layout
+  const files = await trpc.file.list.query();
+  return { files };
+};

src/routes/(fullscreen)/search/service.ts

@@ -20,7 +20,7 @@ export interface SearchResult {
 }
 
 export const requestSearch = async (filter: SearchFilter, masterKey: CryptoKey) => {
-  const { directories: directoriesRaw, files: filesRaw } = await trpc().search.search.query({
+  const { directories: directoriesRaw, files: filesRaw } = await trpc.search.search.query({
     ancestor: filter.ancestorId,
     inFavorites: filter.inFavorites,
     includeCategories: filter.categories

src/routes/(fullscreen)/settings/thumbnail/+page.server.ts

@@ -1,7 +0,0 @@
-import { createCaller } from "$trpc/router.server";
-import type { PageServerLoad } from "./$types";
-
-export const load: PageServerLoad = async (event) => {
-  const files = await createCaller(event).file.listWithoutThumbnail();
-  return { files };
-};

src/routes/(fullscreen)/settings/thumbnail/+page.ts

@@ -0,0 +1,8 @@
+import { trpc } from "$trpc/client";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ parent }) => {
+  await parent(); // Wait for the key guard in the root layout
+  const files = await trpc.file.listWithoutThumbnail.query();
+  return { files };
+};