MVP

frontend/src/utils/importUtils.ts

@@ -0,0 +1,117 @@
+import { exportToSvg } from "@excalidraw/excalidraw";
+import { API_URL } from "../api";
+
+export const importDrawings = async (
+  files: File[],
+  targetCollectionId: string | null,
+  onSuccess?: () => void | Promise<void>
+) => {
+  const drawingFiles = files.filter(
+    (f) => f.name.endsWith(".json") || f.name.endsWith(".excalidraw")
+  );
+
+  if (drawingFiles.length === 0) {
+    return { success: 0, failed: 0, errors: ["No supported files found."] };
+  }
+
+  let successCount = 0;
+  let failCount = 0;
+  const errors: string[] = [];
+
+  await Promise.all(
+    drawingFiles.map(async (file) => {
+      try {
+        const text = await file.text();
+        const data = JSON.parse(text);
+
+        // Basic validation
+        if (!data.elements || !data.appState) {
+          throw new Error(`Invalid file structure: ${file.name}`);
+        }
+
+        // Generate Preview
+        const svg = await exportToSvg({
+          elements: data.elements,
+          appState: {
+            ...data.appState,
+            exportBackground: true,
+            viewBackgroundColor: data.appState.viewBackgroundColor || "#ffffff",
+          },
+          files: data.files || null,
+          exportPadding: 10,
+        });
+
+        // Prepare payload
+        const payload = {
+          name: file.name.replace(/\.(json|excalidraw)$/, ""),
+          elements: data.elements,
+          appState: data.appState,
+          files: data.files || null,
+          collectionId: targetCollectionId,
+          createdAt: data.createdAt || Date.now(),
+          updatedAt: data.updatedAt || Date.now(),
+          preview: svg.outerHTML,
+        };
+
+        const res = await fetch(`${API_URL}/drawings`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+
+        if (!res.ok) throw new Error("API Error");
+        successCount++;
+      } catch (err: any) {
+        console.error(`Failed to import ${file.name}:`, err);
+        failCount++;
+        errors.push(`${file.name}: ${err.message}`);
+      }
+    })
+  );
+
+  if (successCount > 0 && onSuccess) {
+    await onSuccess();
+  }
+
+  return { success: successCount, failed: failCount, errors };
+};
+
+export const importLibrary = async (file: File) => {
+  try {
+    const text = await file.text();
+    const data = JSON.parse(text);
+
+    let newItems = [];
+    if (data.libraryItems) {
+      newItems = data.libraryItems;
+    } else if (Array.isArray(data)) {
+      newItems = data;
+    } else {
+      throw new Error("Invalid library file format");
+    }
+
+    // Fetch existing
+    const existingRes = await fetch(`${API_URL}/library`);
+    let existingItems = [];
+    if (existingRes.ok) {
+      const existingData = await existingRes.json();
+      existingItems = existingData.libraryItems || [];
+    }
+
+    // Merge (simple concat)
+    const mergedItems = [...existingItems, ...newItems];
+
+    // Save
+    const saveRes = await fetch(`${API_URL}/library`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ libraryItems: mergedItems }),
+    });
+
+    if (!saveRes.ok) throw new Error("Failed to save library");
+    return { success: true, count: newItems.length };
+  } catch (err: any) {
+    console.error("Library import failed:", err);
+    return { success: false, error: err.message };
+  }
+};