rita-workspace 0.5.24 → 0.5.25

package/README.md

@@ -8,10 +8,13 @@ Multi-drawing workspace feature for Rita (Excalidraw fork based on B310-digital/
 - **Folders** - Organize drawings in folders
 - **Auto-save** - All drawings saved locally in IndexedDB
 - **Multi-tab conflict detection** - Prevents data loss when same drawing is open in multiple tabs
+- **F5 preserves write ownership** - TAB_ID and openedAt persist in sessionStorage across page refresh
+- **Cross-tab refresh** - Creating/renaming/deleting drawings in one tab auto-refreshes other tabs via BroadcastChannel
 - **Workspace toggle** - Preview feature that can be enabled/disabled per browser tab
-- **Export/Import** - Export workspace as JSON, import `.excalidraw` files
+- **Export/Import** - Export workspace as JSON, export all drawings as individual .excalidraw files, import .excalidraw files
 - **i18n support** - Swedish and English with automatic Excalidraw language sync
 - **Optimized loading** - DB pre-warming and parallel initialization
+- **Smart drawing naming** - counts drawings from IndexedDB to avoid duplicate names across tabs
 
 ## Installation
 
@@ -160,7 +163,7 @@ const {
   t,                  // Translations
 
   // Drawing actions
-  createNewDrawing,       // (name?, folderId?) => Promise<Drawing | null>
+  createNewDrawing,       // (name?, folderId?, activate=true) => Promise<Drawing | null>
   switchDrawing,          // (id) => Promise<void>
   renameDrawing,          // (id, name) => Promise<void>
   removeDrawing,          // (id) => Promise<void>
@@ -181,6 +184,7 @@ const {
   exportWorkspace,    // () => Promise<void>
   importWorkspace,    // () => Promise<void>
   exportDrawingAsExcalidraw, // (id) => Promise<void>
+  exportAllDrawingsAsExcalidraw, // () => Promise<void> — downloads all as .excalidraw files
   importExcalidrawFile,      // () => Promise<void>
 } = useWorkspace();
 ```

package/dist/index.js

@@ -501,10 +501,6 @@ function setTabDrawing(drawingId) {
     }
   } else {
     delete tabs[TAB_ID];
-    try {
-      sessionStorage.removeItem(TAB_ENTRY_KEY);
-    } catch {
-    }
   }
   const json = JSON.stringify(tabs);
   localStorage.setItem(TABS_KEY, json);
@@ -2149,7 +2145,27 @@ var DrawingsDialog = ({
               borderBottom: "1px solid var(--default-border-color, #e0e0e0)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: t.dialogTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600, display: "flex", alignItems: "center", gap: "8px" }, children: [
+                t.dialogTitle,
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "10px",
+                      fontWeight: 700,
+                      letterSpacing: "0.5px",
+                      padding: "2px 8px",
+                      borderRadius: "10px",
+                      backgroundColor: "#fff3cd",
+                      color: "#856404",
+                      border: "1px solid #ffc107",
+                      textTransform: "uppercase"
+                    },
+                    title: "F\xF6rhandsvisning \u2014 funktionen \xE4r under utveckling och kan \xE4ndras",
+                    children: "BETA"
+                  }
+                )
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 "button",
                 {
@@ -2170,6 +2186,28 @@ var DrawingsDialog = ({
             ]
           }
         ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "div",
+          {
+            style: {
+              padding: "8px 20px",
+              backgroundColor: "#fff3cd",
+              color: "#856404",
+              fontSize: "12px",
+              borderBottom: "1px solid #ffc107",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u26A0\uFE0F" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "F\xF6rhandsvisning:" }),
+                ' Arbetsyta \xE4r under utveckling. Ta regelbundet backup via "Spara alla ritningar".'
+              ] })
+            ]
+          }
+        ),
         drawings.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { padding: "8px 20px", borderBottom: "1px solid var(--default-border-color, #e0e0e0)" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "input",
           {

package/dist/index.mjs

@@ -430,10 +430,6 @@ function setTabDrawing(drawingId) {
     }
   } else {
     delete tabs[TAB_ID];
-    try {
-      sessionStorage.removeItem(TAB_ENTRY_KEY);
-    } catch {
-    }
   }
   const json = JSON.stringify(tabs);
   localStorage.setItem(TABS_KEY, json);
@@ -2078,7 +2074,27 @@ var DrawingsDialog = ({
               borderBottom: "1px solid var(--default-border-color, #e0e0e0)"
             },
             children: [
-              /* @__PURE__ */ jsx6("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: t.dialogTitle }),
+              /* @__PURE__ */ jsxs4("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600, display: "flex", alignItems: "center", gap: "8px" }, children: [
+                t.dialogTitle,
+                /* @__PURE__ */ jsx6(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "10px",
+                      fontWeight: 700,
+                      letterSpacing: "0.5px",
+                      padding: "2px 8px",
+                      borderRadius: "10px",
+                      backgroundColor: "#fff3cd",
+                      color: "#856404",
+                      border: "1px solid #ffc107",
+                      textTransform: "uppercase"
+                    },
+                    title: "F\xF6rhandsvisning \u2014 funktionen \xE4r under utveckling och kan \xE4ndras",
+                    children: "BETA"
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx6(
                 "button",
                 {
@@ -2099,6 +2115,28 @@ var DrawingsDialog = ({
             ]
           }
         ),
+        /* @__PURE__ */ jsxs4(
+          "div",
+          {
+            style: {
+              padding: "8px 20px",
+              backgroundColor: "#fff3cd",
+              color: "#856404",
+              fontSize: "12px",
+              borderBottom: "1px solid #ffc107",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx6("span", { children: "\u26A0\uFE0F" }),
+              /* @__PURE__ */ jsxs4("span", { children: [
+                /* @__PURE__ */ jsx6("strong", { children: "F\xF6rhandsvisning:" }),
+                ' Arbetsyta \xE4r under utveckling. Ta regelbundet backup via "Spara alla ritningar".'
+              ] })
+            ]
+          }
+        ),
         drawings.length > 3 && /* @__PURE__ */ jsx6("div", { style: { padding: "8px 20px", borderBottom: "1px solid var(--default-border-color, #e0e0e0)" }, children: /* @__PURE__ */ jsx6(
           "input",
           {

package/package.json

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