feat(platform): 开源发布 - 初始化 Open AI Canvas

web/src/lib/canvas/canvas-export.ts

@@ -0,0 +1,53 @@
+import { saveAs } from "file-saver";
+
+import { createZip } from "@/lib/zip";
+import { getMediaBlob } from "@/services/file-storage";
+import { getImageBlob } from "@/services/image-storage";
+import type { CanvasExportAsset, CanvasExportFile } from "@/types/canvas-export";
+import type { CanvasProject } from "@/stores/canvas/use-canvas-store";
+
+export async function exportCanvasProjects(projects: CanvasProject[], fileName = "无限画布") {
+    const zipFiles: { name: string; data: BlobPart }[] = [];
+    const exportedProjects = await Promise.all(
+        projects.map(async (project) => {
+            const files: CanvasExportAsset[] = [];
+            await Promise.all(
+                collectStorageKeys(project).map(async (storageKey) => {
+                    const blob = storageKey.startsWith("image:") ? await getImageBlob(storageKey) : await getMediaBlob(storageKey);
+                    if (!blob) return;
+                    const path = `projects/${project.id}/files/${safeFileName(storageKey)}.${fileExtension(blob.type, storageKey)}`;
+                    files.push({ storageKey, path, mimeType: blob.type || "application/octet-stream", bytes: blob.size });
+                    zipFiles.push({ name: path, data: blob });
+                }),
+            );
+            return { project, files };
+        }),
+    );
+
+    const data: CanvasExportFile = { app: "infinite-canvas", version: 3, exportedAt: new Date().toISOString(), projects: exportedProjects };
+    const zip = await createZip([{ name: "projects.json", data: JSON.stringify(data, null, 2) }, ...zipFiles]);
+    saveAs(zip, `${safeFileName(fileName)}.zip`);
+}
+
+function collectStorageKeys(value: unknown, keys = new Set<string>()) {
+    if (!value || typeof value !== "object") return [...keys];
+    if ("storageKey" in value && typeof value.storageKey === "string" && value.storageKey.includes(":")) keys.add(value.storageKey);
+    Object.values(value).forEach((item) => (Array.isArray(item) ? item.forEach((child) => collectStorageKeys(child, keys)) : collectStorageKeys(item, keys)));
+    return [...keys];
+}
+
+function safeFileName(value: string) {
+    return value.replace(/[\\/:*?"<>|]/g, "_");
+}
+
+function fileExtension(mimeType: string, storageKey: string) {
+    if (mimeType.includes("png")) return "png";
+    if (mimeType.includes("jpeg")) return "jpg";
+    if (mimeType.includes("webp")) return "webp";
+    if (mimeType.includes("gif")) return "gif";
+    if (mimeType.includes("mp4")) return "mp4";
+    if (mimeType.includes("webm")) return "webm";
+    if (mimeType.includes("gltf-binary")) return "glb";
+    if (mimeType.includes("gltf+json")) return "gltf";
+    return storageKey.startsWith("image:") ? "png" : "bin";
+}