Svelte 컴포넌트를 제외한 파일, 폴더 및 라우팅 경로의 이름을 kebab-case로 통일하고 import 경로에 실제 파일 확장자를 사용하도록 변경

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

src/routes/(main)/+layout.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
   import BottomBar from "./BottomBar.svelte";
 
   let { children } = $props();

src/routes/(main)/BottomBar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { AdaptiveDiv } from "#lib/ui/index.js";
+  import { AdaptiveDiv } from "#lib/ui/index.ts";
 
   import IconHome from "~icons/material-symbols/home";
   import IconFolder from "~icons/material-symbols/folder";

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

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
-  import { tryAction } from "#lib/features/errors.js";
+  import { tryAction } from "#lib/features/errors.ts";
   import {
     FileEntry,
     SubCategories,
     CategoryCreateModal,
-  } from "#lib/features/filesystem/components/index.js";
+  } from "#lib/features/filesystem/components/index.ts";
   import {
     createCategory,
     deleteCategory,
@@ -14,13 +14,13 @@
     setCategoryFileRecursive,
     useCategory,
     type LocalCategoryInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { CheckBox, OverlayGroup, RowVirtualizer, TopBar } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { CheckBox, OverlayGroup, RowVirtualizer, TopBar } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
   import CategoryDeleteModal from "./CategoryDeleteModal.svelte";
   import CategoryMenuBottomSheet from "./CategoryMenuBottomSheet.svelte";
   import CategoryRenameModal from "./CategoryRenameModal.svelte";
-  import { createContext } from "./service.svelte";
+  import { createContext } from "./service.svelte.ts";
 
   import IconClose from "~icons/material-symbols/close";
   import IconMoreVert from "~icons/material-symbols/more-vert";

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

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
-  import { useContext } from "./service.svelte";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { BottomSheet, CategoryLabel, IconEntryButton } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { BottomSheet, CategoryLabel, IconEntryButton } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   import IconEdit from "~icons/material-symbols/edit";
   import IconDelete from "~icons/material-symbols/delete";

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { RenameModal } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { RenameModal } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;

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

@@ -1,5 +1,5 @@
 import { createContext as createSvelteContext } from "svelte";
-import type { SelectedCategory } from "#lib/features/filesystem/components/index.js";
+import type { SelectedCategory } from "#lib/features/filesystem/components/index.ts";
 
 export interface SelectedFile {
   id: number;

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

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/state";
-  import { tryAction } from "#lib/features/errors.js";
-  import { createDirectory, uploadFile, useDirectory } from "#lib/features/filesystem/index.js";
-  import { FloatingButton, OverlayGroup, TopBar } from "#lib/ui/index.js";
+  import { tryAction } from "#lib/features/errors.ts";
+  import { createDirectory, uploadFile, useDirectory } from "#lib/features/filesystem/index.ts";
+  import { FloatingButton, OverlayGroup, TopBar } from "#lib/ui/index.ts";
   import DirectoryCreateModal from "./DirectoryCreateModal.svelte";
-  import DirectoryEntries from "./DirectoryEntries";
+  import DirectoryEntries from "./directory-entries/index.ts";
   import DownloadStatusCard from "./DownloadStatusCard.svelte";
   import DuplicateFileModal from "./DuplicateFileModal.svelte";
   import EntryCreateBottomSheet from "./EntryCreateBottomSheet.svelte";
@@ -13,7 +13,12 @@
   import EntryMenuBottomSheet from "./EntryMenuBottomSheet.svelte";
   import EntryRenameModal from "./EntryRenameModal.svelte";
   import UploadStatusCard from "./UploadStatusCard.svelte";
-  import { createContext, deleteEntry, renameEntry, toggleEntryFavorite } from "./service.svelte";
+  import {
+    createContext,
+    deleteEntry,
+    renameEntry,
+    toggleEntryFavorite,
+  } from "./service.svelte.ts";
 
   import IconSearch from "~icons/material-symbols/search";
   import IconAdd from "~icons/material-symbols/add";

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { TextInputModal } from "#lib/ui/index.js";
+  import { TextInputModal } from "#lib/ui/index.ts";
 
   interface Props {
     isOpen: boolean;

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getDownloadingFiles } from "#lib/client/transfer/index.js";
+  import { getDownloadingFiles } from "#lib/client/transfer/index.ts";
 
   interface Props {
     onclick: () => void;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
 
   interface Props {
     file: File | undefined;

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { BottomSheet, IconEntryButton } from "#lib/ui/index.js";
+  import { BottomSheet, IconEntryButton } from "#lib/ui/index.ts";
 
   import IconCreateNewFolder from "~icons/material-symbols/create-new-folder";
   import IconUploadFile from "~icons/material-symbols/upload-file";

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

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { ActionModal } from "#lib/ui/index.js";
-  import { truncateString } from "#lib/utils/index.js";
-  import { useContext } from "./service.svelte";
+  import { ActionModal } from "#lib/ui/index.ts";
+  import { truncateString } from "#lib/utils/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { BottomSheet, DirectoryEntryLabel, IconEntryButton } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { BottomSheet, DirectoryEntryLabel, IconEntryButton } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   import IconFavorite from "~icons/material-symbols/favorite";
   import IconFavoriteBorder from "~icons/material-symbols/favorite-outline";

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { RenameModal } from "#lib/ui/index.js";
-  import { useContext } from "./service.svelte";
+  import { RenameModal } from "#lib/ui/index.ts";
+  import { useContext } from "./service.svelte.ts";
 
   interface Props {
     isOpen: boolean;

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

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getUploadingFiles } from "#lib/client/transfer/index.js";
+  import { getUploadingFiles } from "#lib/client/transfer/index.ts";
 
   interface Props {
     onclick: () => void;

src/routes/(main)/directory/[[id]]/directory-entries/DirectoryEntries.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-  import { getUploadingFiles, type LiveFileUploadState } from "#lib/client/transfer/index.js";
-  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.js";
+  import { getUploadingFiles, type LiveFileUploadState } from "#lib/client/transfer/index.ts";
+  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.ts";
   import type {
     DirectoryInfo,
     SubDirectoryInfo,
     SummarizedFileInfo,
-  } from "#lib/features/filesystem/index.js";
-  import { ActionEntryButton, RowVirtualizer, DirectoryEntryLabel } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  } from "#lib/features/filesystem/index.ts";
+  import { ActionEntryButton, RowVirtualizer, DirectoryEntryLabel } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
   import UploadingFile from "./UploadingFile.svelte";
-  import type { SelectedEntry } from "../service.svelte";
+  import type { SelectedEntry } from "../service.svelte.ts";
 
   import IconMoreVert from "~icons/material-symbols/more-vert";
 

src/routes/(main)/directory/[[id]]/directory-entries/UploadingFile.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { LiveFileUploadState } from "#lib/client/transfer/index.js";
-  import { formatNetworkSpeed } from "#lib/utils/index.js";
+  import type { LiveFileUploadState } from "#lib/client/transfer/index.ts";
+  import { formatNetworkSpeed } from "#lib/utils/index.ts";
 
   import IconDraft from "~icons/material-symbols/draft";
 

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

@@ -7,7 +7,7 @@ import {
   setDirectoryFavorite,
   setFileFavorite,
   type DataKey,
-} from "#lib/features/filesystem/index.js";
+} from "#lib/features/filesystem/index.ts";
 
 export interface SelectedEntry {
   type: "directory" | "file";

src/routes/(main)/favorites/+page.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { showErrorToast, tryAction } from "#lib/features/errors.js";
+  import { showErrorToast, tryAction } from "#lib/features/errors.ts";
   import {
     getFavoriteEntries,
     removeFavorite,
     type FavoriteEntry,
-  } from "#lib/features/favorites/index.js";
-  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.js";
-  import { RowVirtualizer, TopBar } from "#lib/ui/index.js";
+  } from "#lib/features/favorites/index.ts";
+  import { DirectoryEntry, FileEntry } from "#lib/features/filesystem/components/index.ts";
+  import { RowVirtualizer, TopBar } from "#lib/ui/index.ts";
 
   import IconClose from "~icons/material-symbols/close";
   import IconSearch from "~icons/material-symbols/search";

src/routes/(main)/home/+page.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import { goto } from "$app/navigation";
-  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.js";
-  import { type SummarizedFileInfo } from "#lib/features/filesystem/index.js";
-  import { EntryButton } from "#lib/ui/index.js";
-  import { requestFreshMediaFilesRetrieval } from "./service";
+  import { FileThumbnailButton } from "#lib/features/filesystem/components/index.ts";
+  import { type SummarizedFileInfo } from "#lib/features/filesystem/index.ts";
+  import { EntryButton } from "#lib/ui/index.ts";
+  import { requestFreshMediaFilesRetrieval } from "./service.ts";
 
   let mediaFiles: SummarizedFileInfo[] = $state([]);
 

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

@@ -1,4 +1,4 @@
-import { getAllFileInfos } from "#lib/client/storage/indexedDB/index.js";
+import { getAllFileInfos } from "#lib/client/storage/indexed-db/index.ts";
 
 export const requestFreshMediaFilesRetrieval = async (limit = 8) => {
   const files = await getAllFileInfos();

src/routes/(main)/menu/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import MenuEntryButton from "./MenuEntryButton.svelte";
-  import { logout as requestLogout } from "#lib/features/auth/index.js";
-  import { tryAction } from "#lib/features/errors.js";
+  import { logout as requestLogout } from "#lib/features/auth/index.ts";
+  import { tryAction } from "#lib/features/errors.ts";
 
   import IconStorage from "~icons/material-symbols/storage";
   import IconImage from "~icons/material-symbols/image";
@@ -46,7 +46,7 @@
   <div class="space-y-2">
     <p class="font-semibold">보안</p>
     <MenuEntryButton
-      onclick={() => goto("/auth/changePassword")}
+      onclick={() => goto("/auth/change-password")}
       icon={IconPassword}
       iconColor="text-blue-500"
     >

src/routes/(main)/menu/+page.ts

@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 import type { PageLoad } from "./$types";
 
 export const load: PageLoad = async ({ parent }) => {

src/routes/(main)/menu/MenuEntryButton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Component, Snippet } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { IconEntryButton } from "#lib/ui/index.js";
+  import { IconEntryButton } from "#lib/ui/index.ts";
 
   interface Props {
     children: Snippet;