style(code): 格式化代码缩进和布局样式

- 统一调整 admin.ts 文件中的接口定义缩进格式 - 优化 animated-theme-toggler.tsx 组件的代码结构和缩进 - 规范 app-config-modal.tsx 中 JSX 元素的嵌套格式 - 整理 app-providers.tsx 中的组件层级缩进 - 标准化 app-theme.ts 中的对象属性缩进格式
2026-05-22 23:19:25 +08:00
parent cee08cb5a8
commit e319481976
93 changed files with 11406 additions and 10424 deletions
@@ -13,79 +13,84 @@ export type ImageAsset = AssetBase<"image"> & { data: { dataUrl: string; storage
 export type Asset = TextAsset | ImageAsset;

 type AssetBase<T extends AssetKind> = {
-  id: string;
-  kind: T;
-  title: string;
-  coverUrl: string;
-  tags: string[];
-  source?: string;
-  note?: string;
-  createdAt: string;
-  updatedAt: string;
-  metadata?: Record<string, unknown>;
+    id: string;
+    kind: T;
+    title: string;
+    coverUrl: string;
+    tags: string[];
+    source?: string;
+    note?: string;
+    createdAt: string;
+    updatedAt: string;
+    metadata?: Record<string, unknown>;
 };

 type AssetStore = {
-  assets: Asset[];
-  addAsset: (asset: Omit<Asset, "id" | "createdAt" | "updatedAt">) => string;
-  updateAsset: (id: string, patch: Partial<Omit<Asset, "id" | "createdAt">>) => void;
-  removeAsset: (id: string) => void;
-  cleanupImages: (extra?: unknown) => void;
+    assets: Asset[];
+    addAsset: (asset: Omit<Asset, "id" | "createdAt" | "updatedAt">) => string;
+    updateAsset: (id: string, patch: Partial<Omit<Asset, "id" | "createdAt">>) => void;
+    removeAsset: (id: string) => void;
+    cleanupImages: (extra?: unknown) => void;
 };

 const ASSET_STORE_KEY = "infinite-canvas:asset_store";

 const assetStorage: PersistStorage<AssetStore> = {
-  getItem: async (name) => {
-    const value = await localForageStorage.getItem(name);
-    if (!value) return null;
-    const parsed = JSON.parse(value) as StorageValue<AssetStore>;
-    parsed.state.assets = await Promise.all(parsed.state.assets.map(async (asset) => {
-      if (asset.kind !== "image") return asset;
-      if (asset.data.storageKey) return {
-        ...asset,
-        coverUrl: asset.coverUrl.startsWith("blob:") ? await resolveImageUrl(asset.data.storageKey, asset.coverUrl) : asset.coverUrl,
-        data: { ...asset.data, dataUrl: await resolveImageUrl(asset.data.storageKey, asset.data.dataUrl) },
-      };
-      if (!asset.data.dataUrl.startsWith("data:image/")) return asset;
-      const image = await uploadImage(asset.data.dataUrl);
-      return { ...asset, coverUrl: asset.coverUrl.startsWith("data:image/") ? image.url : asset.coverUrl, data: { ...asset.data, dataUrl: image.url, storageKey: image.storageKey, bytes: image.bytes, mimeType: image.mimeType } };
-    }));
-    return parsed;
-  },
-  setItem: (name, value) => localForageStorage.setItem(name, JSON.stringify(value)),
-  removeItem: (name) => localForageStorage.removeItem(name),
+    getItem: async (name) => {
+        const value = await localForageStorage.getItem(name);
+        if (!value) return null;
+        const parsed = JSON.parse(value) as StorageValue<AssetStore>;
+        parsed.state.assets = await Promise.all(
+            parsed.state.assets.map(async (asset) => {
+                if (asset.kind !== "image") return asset;
+                if (asset.data.storageKey)
+                    return {
+                        ...asset,
+                        coverUrl: asset.coverUrl.startsWith("blob:") ? await resolveImageUrl(asset.data.storageKey, asset.coverUrl) : asset.coverUrl,
+                        data: { ...asset.data, dataUrl: await resolveImageUrl(asset.data.storageKey, asset.data.dataUrl) },
+                    };
+                if (!asset.data.dataUrl.startsWith("data:image/")) return asset;
+                const image = await uploadImage(asset.data.dataUrl);
+                return { ...asset, coverUrl: asset.coverUrl.startsWith("data:image/") ? image.url : asset.coverUrl, data: { ...asset.data, dataUrl: image.url, storageKey: image.storageKey, bytes: image.bytes, mimeType: image.mimeType } };
+            }),
+        );
+        return parsed;
+    },
+    setItem: (name, value) => localForageStorage.setItem(name, JSON.stringify(value)),
+    removeItem: (name) => localForageStorage.removeItem(name),
 };

 export const useAssetStore = create<AssetStore>()(
-  persist(
-    (set, get) => ({
-      assets: [],
-      addAsset: (asset) => {
-        const now = new Date().toISOString();
-        const id = nanoid();
-        set((state) => ({ assets: [{ ...asset, id, createdAt: now, updatedAt: now } as Asset, ...state.assets] }));
-        return id;
-      },
-      updateAsset: (id, patch) => set((state) => ({
-        assets: state.assets.map((asset) => asset.id === id ? { ...asset, ...patch, updatedAt: new Date().toISOString() } as Asset : asset),
-      })),
-      removeAsset: (id) => set((state) => {
-        const assets = state.assets.filter((asset) => asset.id !== id);
-        get().cleanupImages({ assets });
-        return { assets };
-      }),
-      cleanupImages: (extra) => {
-        window.setTimeout(async () => {
-          const { useCanvasStore } = await import("@/app/(user)/canvas/stores/use-canvas-store");
-          await cleanupUnusedImages({ assets: get().assets, projects: useCanvasStore.getState().projects, extra });
-        }, 0);
-      },
-    }),
-    {
-      name: ASSET_STORE_KEY,
-      storage: assetStorage,
-      partialize: (state) => ({ assets: state.assets }) as StorageValue<AssetStore>["state"],
-    },
-  ),
+    persist(
+        (set, get) => ({
+            assets: [],
+            addAsset: (asset) => {
+                const now = new Date().toISOString();
+                const id = nanoid();
+                set((state) => ({ assets: [{ ...asset, id, createdAt: now, updatedAt: now } as Asset, ...state.assets] }));
+                return id;
+            },
+            updateAsset: (id, patch) =>
+                set((state) => ({
+                    assets: state.assets.map((asset) => (asset.id === id ? ({ ...asset, ...patch, updatedAt: new Date().toISOString() } as Asset) : asset)),
+                })),
+            removeAsset: (id) =>
+                set((state) => {
+                    const assets = state.assets.filter((asset) => asset.id !== id);
+                    get().cleanupImages({ assets });
+                    return { assets };
+                }),
+            cleanupImages: (extra) => {
+                window.setTimeout(async () => {
+                    const { useCanvasStore } = await import("@/app/(user)/canvas/stores/use-canvas-store");
+                    await cleanupUnusedImages({ assets: get().assets, projects: useCanvasStore.getState().projects, extra });
+                }, 0);
+            },
+        }),
+        {
+            name: ASSET_STORE_KEY,
+            storage: assetStorage,
+            partialize: (state) => ({ assets: state.assets }) as StorageValue<AssetStore>["state"],
+        },
+    ),
 );