오타 수정

src/routes/(main)/directory/[[id]]/+page.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-  export interface SelectedDiretoryEntry {
+  export interface SelectedDirectoryEntry {
     type: "directory" | "file";
     id: number;
     name: string;
@@ -18,9 +18,9 @@
   import DirectoryEntryMenuBottomSheet from "./DirectoryEntryMenuBottomSheet.svelte";
   import RenameDirectoryEntryModal from "./RenameDirectoryEntryModal.svelte";
   import {
-    decryptDirectroyMetadata,
+    decryptDirectoryMetadata,
     decryptFileMetadata,
-    requestDirectroyCreation,
+    requestDirectoryCreation,
     requestFileUpload,
   } from "./service";
 
@@ -29,7 +29,7 @@
   let { data } = $props();
 
   let fileInput: HTMLInputElement | undefined = $state();
-  let selectedEntry: SelectedDiretoryEntry | undefined = $state();
+  let selectedEntry: SelectedDirectoryEntry | undefined = $state();
 
   let isCreateBottomSheetOpen = $state(false);
   let isCreateDirectoryModalOpen = $state(false);
@@ -42,7 +42,7 @@
   const metadata = $derived.by(() => {
     const { metadata } = data;
     if (metadata && $masterKeyStore) {
-      return decryptDirectroyMetadata(metadata, $masterKeyStore.get(metadata.mekVersion)!.key);
+      return decryptDirectoryMetadata(metadata, $masterKeyStore.get(metadata.mekVersion)!.key);
     }
   });
   const subDirectories = $derived.by(() => {
@@ -52,7 +52,7 @@
         subDirectories.map(async (subDirectory) => {
           const metadata = subDirectory.metadata!;
           return {
-            ...(await decryptDirectroyMetadata(
+            ...(await decryptDirectoryMetadata(
               metadata,
               $masterKeyStore.get(metadata.mekVersion)!.key,
             )),
@@ -81,7 +81,7 @@
   });
 
   const createDirectory = async (name: string) => {
-    await requestDirectroyCreation(name, data.id, $masterKeyStore?.get(1)!);
+    await requestDirectoryCreation(name, data.id, $masterKeyStore?.get(1)!);
     isCreateDirectoryModalOpen = false;
   };
 

src/routes/(main)/directory/[[id]]/+page.ts

@@ -1,7 +1,7 @@
 import { error } from "@sveltejs/kit";
 import { z } from "zod";
 import { callGetApi } from "$lib/hooks";
-import type { DirectroyInfoResponse, FileInfoResponse } from "$lib/server/schemas";
+import type { DirectoryInfoResponse, FileInfoResponse } from "$lib/server/schemas";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ params, fetch }) => {
@@ -17,13 +17,13 @@ export const load: PageLoad = async ({ params, fetch }) => {
   const res = await callGetApi(`/api/directory/${directoryId}`, fetch);
   if (!res.ok) error(404, "Not found");
 
-  const directoryInfo: DirectroyInfoResponse = await res.json();
+  const directoryInfo: DirectoryInfoResponse = await res.json();
   const subDirectoryInfos = await Promise.all(
     directoryInfo.subDirectories.map(async (subDirectoryId) => {
       const res = await callGetApi(`/api/directory/${subDirectoryId}`, fetch);
       if (!res.ok) error(500, "Internal server error");
       return {
-        ...((await res.json()) as DirectroyInfoResponse),
+        ...((await res.json()) as DirectoryInfoResponse),
         id: subDirectoryId,
       };
     }),

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

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { Modal } from "$lib/components";
   import { Button } from "$lib/components/buttons";
-  import type { SelectedDiretoryEntry } from "./+page.svelte";
+  import type { SelectedDirectoryEntry } from "./+page.svelte";
 
   interface Props {
     isOpen: boolean;
-    selectedEntry: SelectedDiretoryEntry | undefined;
+    selectedEntry: SelectedDirectoryEntry | undefined;
   }
 
   let { isOpen = $bindable(), selectedEntry = $bindable() }: Props = $props();

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

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { BottomSheet } from "$lib/components";
   import { EntryButton } from "$lib/components/buttons";
-  import type { SelectedDiretoryEntry } from "./+page.svelte";
+  import type { SelectedDirectoryEntry } from "./+page.svelte";
 
   import IconFolder from "~icons/material-symbols/folder";
   import IconDraft from "~icons/material-symbols/draft";
@@ -12,7 +12,7 @@
     onRenameClick: () => void;
     onDeleteClick: () => void;
     isOpen: boolean;
-    selectedEntry: SelectedDiretoryEntry | undefined;
+    selectedEntry: SelectedDirectoryEntry | undefined;
   }
 
   let {

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

@@ -2,11 +2,11 @@
   import { Modal } from "$lib/components";
   import { Button } from "$lib/components/buttons";
   import { TextInput } from "$lib/components/inputs";
-  import type { SelectedDiretoryEntry } from "./+page.svelte";
+  import type { SelectedDirectoryEntry } from "./+page.svelte";
 
   interface Props {
     isOpen: boolean;
-    selectedEntry: SelectedDiretoryEntry | undefined;
+    selectedEntry: SelectedDirectoryEntry | undefined;
   }
 
   let { isOpen = $bindable(), selectedEntry = $bindable() }: Props = $props();

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

@@ -9,7 +9,7 @@ import {
   decryptString,
 } from "$lib/modules/crypto";
 import type {
-  DirectroyInfoResponse,
+  DirectoryInfoResponse,
   DirectoryCreateRequest,
   FileUploadRequest,
 } from "$lib/server/schemas";
@@ -17,8 +17,8 @@ import type { MasterKey } from "$lib/stores";
 
 export { decryptFileMetadata } from "$lib/services/file";
 
-export const decryptDirectroyMetadata = async (
-  metadata: NonNullable<DirectroyInfoResponse["metadata"]>,
+export const decryptDirectoryMetadata = async (
+  metadata: NonNullable<DirectoryInfoResponse["metadata"]>,
   masterKey: CryptoKey,
 ) => {
   const { dataKey } = await unwrapDataKey(metadata.dek, masterKey);
@@ -27,7 +27,7 @@ export const decryptDirectroyMetadata = async (
   };
 };
 
-export const requestDirectroyCreation = async (
+export const requestDirectoryCreation = async (
   name: string,
   parentId: "root" | number,
   masterKey: MasterKey,