feat(canvas): 画布插件与视觉 - 合并 PR #289 并保留任务计费边界

2026-08-22 10:01:41 +08:00
parent 8be75c1fbd 34a207eb39
commit 9327b75c2e
45 changed files with 5649 additions and 240 deletions
--- a/web/src/stores/use-plugin-store.ts
+++ b/web/src/stores/use-plugin-store.ts
@@ -0,0 +1,61 @@
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
+import { localForageStorageForScope } from "@/lib/localforage-storage";
+import type { PluginInstallation, PluginManifest } from "@/lib/plugins/plugin-types";
+
+export const PLUGIN_STORE_KEY = "infinite-canvas:plugin-store";
+
+type PluginStore = {
+    hydrated: boolean;
+    installations: PluginInstallation[];
+    ensurePlugin: (manifest: PluginManifest) => void;
+    setEnabled: (pluginId: string, enabled: boolean) => void;
+    updateConfig: (pluginId: string, config: Record<string, string | number | boolean>) => void;
+    setError: (pluginId: string, error?: string) => void;
+    removePlugin: (pluginId: string) => void;
+};
+
+function now() {
+    return new Date().toISOString();
+}
+
+export const usePluginStore = create<PluginStore>()(
+    persist(
+        (set) => ({
+            hydrated: false,
+            installations: [],
+            ensurePlugin: (manifest) =>
+                set((state) => {
+                    const current = state.installations.find((item) => item.manifest.id === manifest.id);
+                    if (current && current.manifest.version === manifest.version) return { hydrated: true };
+                    const timestamp = now();
+                    const next: PluginInstallation = current
+                        ? { ...current, manifest, updatedAt: timestamp }
+                        : { manifest, enabled: false, config: {}, installedAt: timestamp, updatedAt: timestamp };
+                    return { hydrated: true, installations: [...state.installations.filter((item) => item.manifest.id !== manifest.id), next] };
+                }),
+            setEnabled: (pluginId, enabled) =>
+                set((state) => ({
+                    installations: state.installations.map((item) => item.manifest.id === pluginId ? { ...item, enabled, updatedAt: now(), lastError: undefined } : item),
+                })),
+            updateConfig: (pluginId, config) =>
+                set((state) => ({
+                    installations: state.installations.map((item) => item.manifest.id === pluginId ? { ...item, config: { ...item.config, ...config }, updatedAt: now() } : item),
+                })),
+            setError: (pluginId, error) =>
+                set((state) => ({
+                    installations: state.installations.map((item) => item.manifest.id === pluginId ? { ...item, lastError: error, updatedAt: now() } : item),
+                })),
+            removePlugin: (pluginId) => set((state) => ({ installations: state.installations.filter((item) => item.manifest.id !== pluginId) })),
+        }),
+        {
+            name: PLUGIN_STORE_KEY,
+            storage: createJSONStorage(() => localForageStorageForScope()),
+            partialize: (state) => ({ installations: state.installations }),
+            onRehydrateStorage: () => (state) => {
+                if (state) state.hydrated = true;
+            },
+        },
+    ),
+);