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

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

src/lib/features/auth/components/ForceLoginModal.svelte

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

src/lib/features/auth/index.ts

@@ -1,4 +1,4 @@
-import { trpc } from "#trpc/client.js";
+import { trpc } from "#trpc/client.ts";
 
 export const login = async (email: string, password: string) => {
   await trpc.auth.login.mutate({ email, password });

src/lib/features/errors.ts

@@ -1,5 +1,5 @@
-import { showToast } from "#lib/ui/index.js";
-import { isTRPCClientError } from "#trpc/client.js";
+import { showToast } from "#lib/ui/index.ts";
+import { isTRPCClientError } from "#trpc/client.ts";
 
 const getErrorMessage = (e: unknown, fallbackMessage: string) => {
   if (isTRPCClientError(e)) {

src/lib/features/favorites/index.ts

@@ -5,9 +5,9 @@ import {
   setFileFavorite,
   type LocalDirectoryInfo,
   type SummarizedFileInfo,
-} from "#lib/features/filesystem/index.js";
-import { sortEntries } from "#lib/utils/index.js";
-import { trpc } from "#trpc/client.js";
+} from "#lib/features/filesystem/index.ts";
+import { sortEntries } from "#lib/utils/index.ts";
+import { trpc } from "#trpc/client.ts";
 
 export type FavoriteEntry =
   | { type: "directory"; name: string; details: LocalDirectoryInfo }

src/lib/features/filesystem/category.ts

@@ -1,15 +1,15 @@
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
-import { invalidateFile } from "./file";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
+import { invalidateFile } from "./file.ts";
 import {
   decryptCategoryMetadata,
   decryptFileMetadata,
   encryptName,
   generateEntryKeys,
-} from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { CategoryInfo, DataKey, LocalCategoryInfo, MaybeCategoryInfo } from "./types";
+} from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { CategoryInfo, DataKey, LocalCategoryInfo, MaybeCategoryInfo } from "./types.ts";
 
 const cache = new FilesystemCache<CategoryId, MaybeCategoryInfo>({
   async fetchFromIndexedDB(id) {

src/lib/features/filesystem/components/Categories.svelte

@@ -1,5 +1,5 @@
 <script module lang="ts">
-  import type { DataKey, SubCategoryInfo } from "#lib/features/filesystem/index.js";
+  import type { DataKey, SubCategoryInfo } from "#lib/features/filesystem/index.ts";
 
   export interface SelectedCategory {
     id: number;
@@ -11,8 +11,8 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { SvelteHTMLElements } from "svelte/elements";
-  import { ActionEntryButton, CategoryLabel } from "#lib/ui/index.js";
-  import { sortEntries } from "#lib/utils/index.js";
+  import { ActionEntryButton, CategoryLabel } from "#lib/ui/index.ts";
+  import { sortEntries } from "#lib/utils/index.ts";
 
   interface Props {
     categories: SubCategoryInfo[];

src/lib/features/filesystem/components/CategoryCreateModal.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/lib/features/filesystem/components/DirectoryEntry.svelte

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

src/lib/features/filesystem/components/FileEntry.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { getFileThumbnail } from "#lib/client/cache/index.js";
-  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.js";
-  import { formatDateTime } from "#lib/utils/index.js";
-  import type { SummarizedFileInfo } from "../types";
+  import { getFileThumbnail } from "#lib/client/cache/index.ts";
+  import { ActionEntryButton, DirectoryEntryLabel } from "#lib/ui/index.ts";
+  import { formatDateTime } from "#lib/utils/index.ts";
+  import type { SummarizedFileInfo } from "../types.ts";
 
   interface Props {
     action?: {

src/lib/features/filesystem/components/FileThumbnailButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { getFileThumbnail } from "#lib/client/cache/index.js";
-  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.js";
+  import { getFileThumbnail } from "#lib/client/cache/index.ts";
+  import type { SummarizedFileInfo } from "#lib/features/filesystem/index.ts";
 
   import IconFavorite from "~icons/material-symbols/favorite";
 

src/lib/features/filesystem/components/SubCategories.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { Component } from "svelte";
   import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
-  import { Categories, type SelectedCategory } from "#lib/features/filesystem/components/index.js";
-  import type { CategoryInfo } from "#lib/features/filesystem/index.js";
-  import { IconEntryButton } from "#lib/ui/index.js";
+  import { Categories, type SelectedCategory } from "#lib/features/filesystem/components/index.ts";
+  import type { CategoryInfo } from "#lib/features/filesystem/index.ts";
+  import { IconEntryButton } from "#lib/ui/index.ts";
 
   import IconAddCircle from "~icons/material-symbols/add-circle";
 

src/lib/features/filesystem/content.ts

@@ -2,16 +2,16 @@ import {
   deleteFileCache,
   deleteFileThumbnailCache,
   storeFileThumbnailCache,
-} from "#lib/client/cache/index.js";
+} from "#lib/client/cache/index.ts";
 import {
   getDecryptedFileUrl,
   prepareFileDecryption,
   saveDecryptedFile,
-} from "#lib/client/serviceWorker.js";
-import { getAllFileInfos } from "#lib/client/storage/indexedDB/index.js";
-import { uploadBlob } from "#lib/client/transfer/chunkedUpload.js";
-import { trpc } from "#trpc/client.js";
-import type { DataKey } from "./types";
+} from "#lib/client/service-worker.ts";
+import { getAllFileInfos } from "#lib/client/storage/indexed-db/index.ts";
+import { uploadBlob } from "#lib/client/transfer/chunked-upload.ts";
+import { trpc } from "#trpc/client.ts";
+import type { DataKey } from "./types.ts";
 
 interface StreamableFile {
   id: number;

src/lib/features/filesystem/directory.ts

@@ -1,15 +1,15 @@
-import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.js";
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
+import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.ts";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
 import {
   decryptDirectoryMetadata,
   decryptFileMetadata,
   encryptName,
   generateEntryKeys,
-} from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { DataKey, DirectoryInfo, MaybeDirectoryInfo } from "./types";
+} from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { DataKey, DirectoryInfo, MaybeDirectoryInfo } from "./types.ts";
 
 const cache = new FilesystemCache<DirectoryId, MaybeDirectoryInfo>({
   async fetchFromIndexedDB(id) {

src/lib/features/filesystem/file.ts

@@ -1,11 +1,11 @@
-import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.js";
-import * as IndexedDB from "#lib/client/storage/indexedDB/index.js";
-import { isTRPCClientError, trpc } from "#trpc/client.js";
-import { FilesystemCache } from "./cache.svelte";
-import { invalidateDirectory } from "./directory";
-import { decryptCategoryMetadata, decryptFileMetadata, encryptName } from "./metadata";
-import { useResource } from "./resource.svelte";
-import type { DataKey, FileInfo, MaybeFileInfo } from "./types";
+import { deleteFileCache, deleteFileThumbnailCache } from "#lib/client/cache/index.ts";
+import * as IndexedDB from "#lib/client/storage/indexed-db/index.ts";
+import { isTRPCClientError, trpc } from "#trpc/client.ts";
+import { FilesystemCache } from "./cache.svelte.ts";
+import { invalidateDirectory } from "./directory.ts";
+import { decryptCategoryMetadata, decryptFileMetadata, encryptName } from "./metadata.ts";
+import { useResource } from "./resource.svelte.ts";
+import type { DataKey, FileInfo, MaybeFileInfo } from "./types.ts";
 
 const cache = new FilesystemCache<number, MaybeFileInfo>({
   async fetchFromIndexedDB(id) {

src/lib/features/filesystem/index.ts

@@ -1,6 +1,6 @@
-export * from "./category";
-export * from "./content";
-export * from "./directory";
-export * from "./file";
-export * from "./types";
-export * from "./upload";
+export * from "./category.ts";
+export * from "./content.ts";
+export * from "./directory.ts";
+export * from "./file.ts";
+export * from "./types.ts";
+export * from "./upload.ts";

src/lib/features/filesystem/metadata.ts

@@ -1,11 +1,11 @@
-import { keyring } from "#lib/client/keys/index.js";
+import { keyring } from "#lib/client/keys/index.ts";
 import {
   decryptString,
   encryptString,
   generateDataKey,
   unwrapDataKey,
   wrapDataKey,
-} from "#lib/shared/crypto/index.js";
+} from "#lib/shared/crypto/index.ts";
 
 const unwrapEntryDataKey = async (metadata: { mekVersion: number; dek: string }) => {
   const { dataKey } = await unwrapDataKey(

src/lib/features/filesystem/upload.ts

@@ -1,6 +1,6 @@
-import { storeFileThumbnailCache } from "#lib/client/cache/index.js";
-import { uploadFile as doUploadFile } from "#lib/client/transfer/index.js";
-import { invalidateDirectory } from "./directory";
+import { storeFileThumbnailCache } from "#lib/client/cache/index.ts";
+import { uploadFile as doUploadFile } from "#lib/client/transfer/index.ts";
+import { invalidateDirectory } from "./directory.ts";
 
 // Uploads the file and caches it with its thumbnail locally. Returns `false` if the upload is canceled.
 export const uploadFile = async (

src/lib/features/search/index.ts

@@ -4,8 +4,8 @@ import {
   type FileInfo,
   type LocalCategoryInfo,
   type LocalDirectoryInfo,
-} from "#lib/features/filesystem/index.js";
-import { trpc } from "#trpc/client.js";
+} from "#lib/features/filesystem/index.ts";
+import { trpc } from "#trpc/client.ts";
 
 export interface SearchFilter {
   ancestorId: DirectoryId;