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

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

src/routes/(main)/category/[[id]]/service.svelte.ts

@@ -30,7 +30,7 @@ export const requestCategoryRename = async (category: SelectedCategory, newName:
   const newNameEncrypted = await encryptString(newName, category.dataKey.key);
 
   try {
-    await trpc().category.rename.mutate({
+    await trpc.category.rename.mutate({
       id: category.id,
       dekVersion: category.dataKey.version,
       name: newNameEncrypted.ciphertext,
@@ -45,7 +45,7 @@ export const requestCategoryRename = async (category: SelectedCategory, newName:
 
 export const requestCategoryDeletion = async (category: SelectedCategory) => {
   try {
-    await trpc().category.delete.mutate({ id: category.id });
+    await trpc.category.delete.mutate({ id: category.id });
     return true;
   } catch {
     // TODO: Error Handling

src/routes/(main)/directory/[[id]]/service.svelte.ts

@@ -36,7 +36,7 @@ export const requestHmacSecretDownload = async (masterKey: CryptoKey) => {
 
   let hmacSecretsWrapped;
   try {
-    hmacSecretsWrapped = await trpc().hsk.list.query();
+    hmacSecretsWrapped = await trpc.hsk.list.query();
   } catch {
     // TODO: Error Handling
     return false;
@@ -64,7 +64,7 @@ export const requestDirectoryCreation = async (
   const nameEncrypted = await encryptString(name, dataKey);
 
   try {
-    await trpc().directory.create.mutate({
+    await trpc.directory.create.mutate({
       parent: parentId,
       mekVersion: masterKey.version,
       dek: await wrapDataKey(dataKey, masterKey.key),
@@ -109,14 +109,14 @@ export const requestEntryRename = async (entry: SelectedEntry, newName: string)
 
   try {
     if (entry.type === "directory") {
-      await trpc().directory.rename.mutate({
+      await trpc.directory.rename.mutate({
         id: entry.id,
         dekVersion: entry.dataKey.version,
         name: newNameEncrypted.ciphertext,
         nameIv: newNameEncrypted.iv,
       });
     } else {
-      await trpc().file.rename.mutate({
+      await trpc.file.rename.mutate({
         id: entry.id,
         dekVersion: entry.dataKey.version,
         name: newNameEncrypted.ciphertext,
@@ -133,7 +133,7 @@ export const requestEntryRename = async (entry: SelectedEntry, newName: string)
 export const requestEntryDeletion = async (entry: SelectedEntry) => {
   try {
     if (entry.type === "directory") {
-      const { deletedFiles } = await trpc().directory.delete.mutate({ id: entry.id });
+      const { deletedFiles } = await trpc.directory.delete.mutate({ id: entry.id });
       await Promise.all(
         deletedFiles.flatMap((fileId) => [
           deleteFileCache(fileId),
@@ -141,7 +141,7 @@ export const requestEntryDeletion = async (entry: SelectedEntry) => {
         ]),
       );
     } else {
-      await trpc().file.delete.mutate({ id: entry.id });
+      await trpc.file.delete.mutate({ id: entry.id });
       await Promise.all([deleteFileCache(entry.id), deleteFileThumbnailCache(entry.id)]);
     }
     return true;
@@ -155,15 +155,15 @@ export const requestFavoriteToggle = async (entry: SelectedEntry) => {
   try {
     if (entry.type === "directory") {
       if (entry.isFavorite) {
-        await trpc().favorites.removeDirectory.mutate({ id: entry.id });
+        await trpc.favorites.removeDirectory.mutate({ id: entry.id });
       } else {
-        await trpc().favorites.addDirectory.mutate({ id: entry.id });
+        await trpc.favorites.addDirectory.mutate({ id: entry.id });
       }
     } else {
       if (entry.isFavorite) {
-        await trpc().favorites.removeFile.mutate({ id: entry.id });
+        await trpc.favorites.removeFile.mutate({ id: entry.id });
       } else {
-        await trpc().favorites.addFile.mutate({ id: entry.id });
+        await trpc.favorites.addFile.mutate({ id: entry.id });
       }
     }
     return true;

src/routes/(main)/favorites/+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 favorites = await createCaller(event).favorites.get();
-  return { favorites };
-};

src/routes/(main)/favorites/+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 favorites = await trpc.favorites.get.query();
+  return { favorites };
+};

src/routes/(main)/favorites/service.ts

@@ -52,9 +52,9 @@ export const requestFavoriteEntries = async (
 export const requestRemoveFavorite = async (type: "file" | "directory", id: number) => {
   try {
     if (type === "directory") {
-      await trpc().favorites.removeDirectory.mutate({ id });
+      await trpc.favorites.removeDirectory.mutate({ id });
     } else {
-      await trpc().favorites.removeFile.mutate({ id });
+      await trpc.favorites.removeFile.mutate({ id });
     }
     return true;
   } catch {

src/routes/(main)/menu/+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 { nickname } = await createCaller(event).user.get();
-  return { nickname };
-};

src/routes/(main)/menu/+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 { nickname } = await trpc.user.get.query();
+  return { nickname };
+};