rita-workspace 0.4.1 → 0.4.3

package/dist/index.d.mts

@@ -76,6 +76,8 @@ interface Translations {
     confirmDelete: string;
     exportWorkspace: string;
     importWorkspace: string;
+    exportDrawing: string;
+    importDrawing: string;
     shortcutNewDrawing: string;
 }
 /**
@@ -102,8 +104,11 @@ interface WorkspaceContextValue {
     removeDrawing: (id: string) => Promise<void>;
     duplicateCurrentDrawing: () => Promise<Drawing | null>;
     saveCurrentDrawing: (elements: unknown[], appState: Record<string, unknown>, files?: Record<string, unknown>) => Promise<void>;
+    saveDrawingById: (id: string, elements: unknown[], appState: Record<string, unknown>, files?: Record<string, unknown>) => Promise<void>;
     exportWorkspace: () => Promise<void>;
     importWorkspace: () => Promise<void>;
+    exportDrawingAsExcalidraw: (id: string) => Promise<void>;
+    importExcalidrawFile: () => Promise<void>;
 }
 declare function useWorkspace(): WorkspaceContextValue;
 /**

package/dist/index.d.ts

@@ -76,6 +76,8 @@ interface Translations {
     confirmDelete: string;
     exportWorkspace: string;
     importWorkspace: string;
+    exportDrawing: string;
+    importDrawing: string;
     shortcutNewDrawing: string;
 }
 /**
@@ -102,8 +104,11 @@ interface WorkspaceContextValue {
     removeDrawing: (id: string) => Promise<void>;
     duplicateCurrentDrawing: () => Promise<Drawing | null>;
     saveCurrentDrawing: (elements: unknown[], appState: Record<string, unknown>, files?: Record<string, unknown>) => Promise<void>;
+    saveDrawingById: (id: string, elements: unknown[], appState: Record<string, unknown>, files?: Record<string, unknown>) => Promise<void>;
     exportWorkspace: () => Promise<void>;
     importWorkspace: () => Promise<void>;
+    exportDrawingAsExcalidraw: (id: string) => Promise<void>;
+    importExcalidrawFile: () => Promise<void>;
 }
 declare function useWorkspace(): WorkspaceContextValue;
 /**

package/dist/index.js

@@ -230,8 +230,10 @@ var sv = {
   modified: "\xC4ndrad",
   confirmDelete: "Vill du ta bort denna ritning?",
   // Export/Import
-  exportWorkspace: "Exportera",
-  importWorkspace: "Importera",
+  exportWorkspace: "Exportera arbetsyta",
+  importWorkspace: "Importera arbetsyta",
+  exportDrawing: "Spara som .excalidraw",
+  importDrawing: "\xD6ppna .excalidraw",
   // Shortcuts
   shortcutNewDrawing: "Ctrl+Alt+N"
 };
@@ -255,8 +257,10 @@ var en = {
   modified: "Modified",
   confirmDelete: "Do you want to delete this drawing?",
   // Export/Import
-  exportWorkspace: "Export",
-  importWorkspace: "Import",
+  exportWorkspace: "Export workspace",
+  importWorkspace: "Import workspace",
+  exportDrawing: "Save as .excalidraw",
+  importDrawing: "Open .excalidraw",
   // Shortcuts
   shortcutNewDrawing: "Ctrl+Alt+N"
 };
@@ -420,6 +424,20 @@ function WorkspaceProvider({ children, lang = "en" }) {
       setError(err instanceof Error ? err.message : "Failed to save drawing");
     }
   }, [activeDrawing]);
+  const saveDrawingById = (0, import_react.useCallback)(async (id, elements, appState, files) => {
+    try {
+      const updateData = {
+        elements,
+        appState
+      };
+      if (files) {
+        updateData.files = files;
+      }
+      await updateDrawing(id, updateData);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save drawing");
+    }
+  }, []);
   const exportWorkspace = (0, import_react.useCallback)(async () => {
     try {
       const exportData = {
@@ -482,6 +500,70 @@ function WorkspaceProvider({ children, lang = "en" }) {
       setError(err instanceof Error ? err.message : "Failed to import workspace");
     }
   }, [workspace, t]);
+  const exportDrawingAsExcalidraw = (0, import_react.useCallback)(async (id) => {
+    try {
+      const drawing = drawings.find((d) => d.id === id) || await getDrawing(id);
+      if (!drawing) return;
+      const excalidrawData = {
+        type: "excalidraw",
+        version: 2,
+        source: "rita-workspace",
+        elements: drawing.elements || [],
+        appState: {
+          viewBackgroundColor: "#ffffff",
+          ...drawing.appState || {}
+        },
+        files: drawing.files || {}
+      };
+      const blob = new Blob([JSON.stringify(excalidrawData, null, 2)], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${drawing.name || "ritning"}.excalidraw`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to export drawing");
+    }
+  }, [drawings]);
+  const importExcalidrawFile = (0, import_react.useCallback)(async () => {
+    if (!workspace) return;
+    try {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = ".excalidraw,.excalidraw.json,.json";
+      input.multiple = true;
+      const files = await new Promise((resolve) => {
+        input.onchange = () => resolve(input.files);
+        input.click();
+      });
+      if (!files || files.length === 0) return;
+      for (const file of Array.from(files)) {
+        const text = await file.text();
+        const data = JSON.parse(text);
+        if (!data.elements && !data.type) {
+          continue;
+        }
+        const name = file.name.replace(/\.(excalidraw|json)$/gi, "") || t.newDrawing;
+        const drawing = await createDrawing(name);
+        await updateDrawing(drawing.id, {
+          elements: data.elements || [],
+          appState: data.appState || {},
+          files: data.files || {}
+        });
+        await addDrawingToWorkspace(workspace.id, drawing.id);
+      }
+      const allDrawings = await getAllDrawings();
+      const ws = await getOrCreateDefaultWorkspace();
+      const wsDrawings = allDrawings.filter((dr) => ws.drawingIds.includes(dr.id));
+      setWorkspace(ws);
+      setDrawings(wsDrawings);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to import drawing");
+    }
+  }, [workspace, t]);
   const value = {
     workspace,
     drawings,
@@ -496,8 +578,11 @@ function WorkspaceProvider({ children, lang = "en" }) {
     removeDrawing,
     duplicateCurrentDrawing,
     saveCurrentDrawing,
+    saveDrawingById,
     exportWorkspace,
-    importWorkspace
+    importWorkspace,
+    exportDrawingAsExcalidraw,
+    importExcalidrawFile
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WorkspaceContext.Provider, { value, children });
 }
@@ -823,6 +908,8 @@ var DrawingsDialog = ({
     removeDrawing,
     exportWorkspace,
     importWorkspace,
+    exportDrawingAsExcalidraw,
+    importExcalidrawFile,
     t: contextT,
     lang: contextLang
   } = useWorkspace();
@@ -922,12 +1009,7 @@ var DrawingsDialog = ({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
-                    t.dialogTitle,
-                    " (",
-                    drawings.length,
-                    ")"
-                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: t.dialogTitle }),
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "button",
                     {
@@ -1119,6 +1201,23 @@ var DrawingsDialog = ({
                             children: t.open
                           }
                         ),
+                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                          "button",
+                          {
+                            onClick: () => exportDrawingAsExcalidraw(drawing.id),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            title: t.exportDrawing,
+                            children: "\u{1F4BE}"
+                          }
+                        ),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                           "button",
                           {
@@ -1193,6 +1292,25 @@ var DrawingsDialog = ({
                         ]
                       }
                     ),
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      "button",
+                      {
+                        onClick: importExcalidrawFile,
+                        style: {
+                          padding: "10px 20px",
+                          fontSize: "14px",
+                          backgroundColor: "transparent",
+                          border: "1px solid var(--default-border-color, #ccc)",
+                          borderRadius: "6px",
+                          cursor: "pointer",
+                          color: "inherit"
+                        },
+                        children: [
+                          "\u{1F4C2} ",
+                          t.importDrawing
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                       "button",
                       {

package/dist/index.mjs

@@ -168,8 +168,10 @@ var sv = {
   modified: "\xC4ndrad",
   confirmDelete: "Vill du ta bort denna ritning?",
   // Export/Import
-  exportWorkspace: "Exportera",
-  importWorkspace: "Importera",
+  exportWorkspace: "Exportera arbetsyta",
+  importWorkspace: "Importera arbetsyta",
+  exportDrawing: "Spara som .excalidraw",
+  importDrawing: "\xD6ppna .excalidraw",
   // Shortcuts
   shortcutNewDrawing: "Ctrl+Alt+N"
 };
@@ -193,8 +195,10 @@ var en = {
   modified: "Modified",
   confirmDelete: "Do you want to delete this drawing?",
   // Export/Import
-  exportWorkspace: "Export",
-  importWorkspace: "Import",
+  exportWorkspace: "Export workspace",
+  importWorkspace: "Import workspace",
+  exportDrawing: "Save as .excalidraw",
+  importDrawing: "Open .excalidraw",
   // Shortcuts
   shortcutNewDrawing: "Ctrl+Alt+N"
 };
@@ -358,6 +362,20 @@ function WorkspaceProvider({ children, lang = "en" }) {
       setError(err instanceof Error ? err.message : "Failed to save drawing");
     }
   }, [activeDrawing]);
+  const saveDrawingById = useCallback(async (id, elements, appState, files) => {
+    try {
+      const updateData = {
+        elements,
+        appState
+      };
+      if (files) {
+        updateData.files = files;
+      }
+      await updateDrawing(id, updateData);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save drawing");
+    }
+  }, []);
   const exportWorkspace = useCallback(async () => {
     try {
       const exportData = {
@@ -420,6 +438,70 @@ function WorkspaceProvider({ children, lang = "en" }) {
       setError(err instanceof Error ? err.message : "Failed to import workspace");
     }
   }, [workspace, t]);
+  const exportDrawingAsExcalidraw = useCallback(async (id) => {
+    try {
+      const drawing = drawings.find((d) => d.id === id) || await getDrawing(id);
+      if (!drawing) return;
+      const excalidrawData = {
+        type: "excalidraw",
+        version: 2,
+        source: "rita-workspace",
+        elements: drawing.elements || [],
+        appState: {
+          viewBackgroundColor: "#ffffff",
+          ...drawing.appState || {}
+        },
+        files: drawing.files || {}
+      };
+      const blob = new Blob([JSON.stringify(excalidrawData, null, 2)], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${drawing.name || "ritning"}.excalidraw`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to export drawing");
+    }
+  }, [drawings]);
+  const importExcalidrawFile = useCallback(async () => {
+    if (!workspace) return;
+    try {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = ".excalidraw,.excalidraw.json,.json";
+      input.multiple = true;
+      const files = await new Promise((resolve) => {
+        input.onchange = () => resolve(input.files);
+        input.click();
+      });
+      if (!files || files.length === 0) return;
+      for (const file of Array.from(files)) {
+        const text = await file.text();
+        const data = JSON.parse(text);
+        if (!data.elements && !data.type) {
+          continue;
+        }
+        const name = file.name.replace(/\.(excalidraw|json)$/gi, "") || t.newDrawing;
+        const drawing = await createDrawing(name);
+        await updateDrawing(drawing.id, {
+          elements: data.elements || [],
+          appState: data.appState || {},
+          files: data.files || {}
+        });
+        await addDrawingToWorkspace(workspace.id, drawing.id);
+      }
+      const allDrawings = await getAllDrawings();
+      const ws = await getOrCreateDefaultWorkspace();
+      const wsDrawings = allDrawings.filter((dr) => ws.drawingIds.includes(dr.id));
+      setWorkspace(ws);
+      setDrawings(wsDrawings);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to import drawing");
+    }
+  }, [workspace, t]);
   const value = {
     workspace,
     drawings,
@@ -434,8 +516,11 @@ function WorkspaceProvider({ children, lang = "en" }) {
     removeDrawing,
     duplicateCurrentDrawing,
     saveCurrentDrawing,
+    saveDrawingById,
     exportWorkspace,
-    importWorkspace
+    importWorkspace,
+    exportDrawingAsExcalidraw,
+    importExcalidrawFile
   };
   return /* @__PURE__ */ jsx(WorkspaceContext.Provider, { value, children });
 }
@@ -761,6 +846,8 @@ var DrawingsDialog = ({
     removeDrawing,
     exportWorkspace,
     importWorkspace,
+    exportDrawingAsExcalidraw,
+    importExcalidrawFile,
     t: contextT,
     lang: contextLang
   } = useWorkspace();
@@ -860,12 +947,7 @@ var DrawingsDialog = ({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs4("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
-                    t.dialogTitle,
-                    " (",
-                    drawings.length,
-                    ")"
-                  ] }),
+                  /* @__PURE__ */ jsx6("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: t.dialogTitle }),
                   /* @__PURE__ */ jsx6(
                     "button",
                     {
@@ -1057,6 +1139,23 @@ var DrawingsDialog = ({
                             children: t.open
                           }
                         ),
+                        /* @__PURE__ */ jsx6(
+                          "button",
+                          {
+                            onClick: () => exportDrawingAsExcalidraw(drawing.id),
+                            style: {
+                              padding: "6px 12px",
+                              fontSize: "12px",
+                              backgroundColor: "transparent",
+                              border: "1px solid var(--default-border-color, #ccc)",
+                              borderRadius: "4px",
+                              cursor: "pointer",
+                              color: "inherit"
+                            },
+                            title: t.exportDrawing,
+                            children: "\u{1F4BE}"
+                          }
+                        ),
                         /* @__PURE__ */ jsx6(
                           "button",
                           {
@@ -1131,6 +1230,25 @@ var DrawingsDialog = ({
                         ]
                       }
                     ),
+                    /* @__PURE__ */ jsxs4(
+                      "button",
+                      {
+                        onClick: importExcalidrawFile,
+                        style: {
+                          padding: "10px 20px",
+                          fontSize: "14px",
+                          backgroundColor: "transparent",
+                          border: "1px solid var(--default-border-color, #ccc)",
+                          borderRadius: "6px",
+                          cursor: "pointer",
+                          color: "inherit"
+                        },
+                        children: [
+                          "\u{1F4C2} ",
+                          t.importDrawing
+                        ]
+                      }
+                    ),
                     /* @__PURE__ */ jsxs4(
                       "button",
                       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rita-workspace",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Multi-drawing workspace feature for Rita (Excalidraw fork)",
   "main": "dist/index.js",
   "module": "dist/index.mjs",