rita-workspace 0.5.18 → 0.5.20

package/dist/index.d.mts

@@ -50,11 +50,16 @@ interface RitaWorkspaceDB extends DBSchema {
     };
 }
 declare function getDB(): Promise<IDBPDatabase<RitaWorkspaceDB>>;
+/** Pre-warm the DB connection so it's ready when first query runs */
+declare function warmDB(): void;
 declare function closeDB(): Promise<void>;
 
 declare function createDrawing(name?: string, elements?: unknown[], appState?: Record<string, unknown>, folderId?: string | null): Promise<Drawing>;
 declare function getDrawing(id: string): Promise<Drawing | undefined>;
 declare function getAllDrawings(): Promise<Drawing[]>;
+/** Lightweight metadata-only fetch — skips elements/appState/files for fast listing */
+type DrawingMeta = Pick<Drawing, 'id' | 'name' | 'folderId' | 'createdAt' | 'updatedAt'>;
+declare function getAllDrawingsMeta(): Promise<DrawingMeta[]>;
 declare function updateDrawing(id: string, updates: Partial<Omit<Drawing, 'id' | 'createdAt'>>): Promise<Drawing | undefined>;
 declare function deleteDrawing(id: string): Promise<boolean>;
 declare function duplicateDrawing(id: string, newName?: string): Promise<Drawing | undefined>;
@@ -382,4 +387,4 @@ interface WorkspacePluginProps {
  */
 declare function WorkspacePlugin(props: WorkspacePluginProps): react_jsx_runtime.JSX.Element;
 
-export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, type ExcalidrawImperativeAPI, type Folder, Sidebar, type SupportedLanguage, type Translations, type Workspace, WorkspaceBridge, type WorkspaceBridgeProps, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, createFolder, deleteDrawing, deleteFolder, duplicateDrawing, getAllDrawings, getAllFolders, getDB, getDrawing, getFolder, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isDrawingOpenedEarlierInOtherTab, isLanguageSupported, moveDrawingToFolder, removeDrawingFromWorkspace, renameFolder, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang };
+export { type Drawing, DrawingList, DrawingListItem, type DrawingMeta, DrawingsDialog, type DrawingsDialogProps, type ExcalidrawImperativeAPI, type Folder, Sidebar, type SupportedLanguage, type Translations, type Workspace, WorkspaceBridge, type WorkspaceBridgeProps, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, createFolder, deleteDrawing, deleteFolder, duplicateDrawing, getAllDrawings, getAllDrawingsMeta, getAllFolders, getDB, getDrawing, getFolder, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isDrawingOpenedEarlierInOtherTab, isLanguageSupported, moveDrawingToFolder, removeDrawingFromWorkspace, renameFolder, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang, warmDB };

package/dist/index.d.ts

@@ -50,11 +50,16 @@ interface RitaWorkspaceDB extends DBSchema {
     };
 }
 declare function getDB(): Promise<IDBPDatabase<RitaWorkspaceDB>>;
+/** Pre-warm the DB connection so it's ready when first query runs */
+declare function warmDB(): void;
 declare function closeDB(): Promise<void>;
 
 declare function createDrawing(name?: string, elements?: unknown[], appState?: Record<string, unknown>, folderId?: string | null): Promise<Drawing>;
 declare function getDrawing(id: string): Promise<Drawing | undefined>;
 declare function getAllDrawings(): Promise<Drawing[]>;
+/** Lightweight metadata-only fetch — skips elements/appState/files for fast listing */
+type DrawingMeta = Pick<Drawing, 'id' | 'name' | 'folderId' | 'createdAt' | 'updatedAt'>;
+declare function getAllDrawingsMeta(): Promise<DrawingMeta[]>;
 declare function updateDrawing(id: string, updates: Partial<Omit<Drawing, 'id' | 'createdAt'>>): Promise<Drawing | undefined>;
 declare function deleteDrawing(id: string): Promise<boolean>;
 declare function duplicateDrawing(id: string, newName?: string): Promise<Drawing | undefined>;
@@ -382,4 +387,4 @@ interface WorkspacePluginProps {
  */
 declare function WorkspacePlugin(props: WorkspacePluginProps): react_jsx_runtime.JSX.Element;
 
-export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, type ExcalidrawImperativeAPI, type Folder, Sidebar, type SupportedLanguage, type Translations, type Workspace, WorkspaceBridge, type WorkspaceBridgeProps, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, createFolder, deleteDrawing, deleteFolder, duplicateDrawing, getAllDrawings, getAllFolders, getDB, getDrawing, getFolder, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isDrawingOpenedEarlierInOtherTab, isLanguageSupported, moveDrawingToFolder, removeDrawingFromWorkspace, renameFolder, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang };
+export { type Drawing, DrawingList, DrawingListItem, type DrawingMeta, DrawingsDialog, type DrawingsDialogProps, type ExcalidrawImperativeAPI, type Folder, Sidebar, type SupportedLanguage, type Translations, type Workspace, WorkspaceBridge, type WorkspaceBridgeProps, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, createFolder, deleteDrawing, deleteFolder, duplicateDrawing, getAllDrawings, getAllDrawingsMeta, getAllFolders, getDB, getDrawing, getFolder, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isDrawingOpenedEarlierInOtherTab, isLanguageSupported, moveDrawingToFolder, removeDrawingFromWorkspace, renameFolder, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang, warmDB };

package/dist/index.js

@@ -46,6 +46,7 @@ __export(index_exports, {
   deleteFolder: () => deleteFolder,
   duplicateDrawing: () => duplicateDrawing,
   getAllDrawings: () => getAllDrawings,
+  getAllDrawingsMeta: () => getAllDrawingsMeta,
   getAllFolders: () => getAllFolders,
   getDB: () => getDB,
   getDrawing: () => getDrawing,
@@ -63,7 +64,8 @@ __export(index_exports, {
   updateWorkspace: () => updateWorkspace,
   useExcalidrawBridge: () => useExcalidrawBridge,
   useWorkspace: () => useWorkspace,
-  useWorkspaceLang: () => useWorkspaceLang
+  useWorkspaceLang: () => useWorkspaceLang,
+  warmDB: () => warmDB
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -72,9 +74,11 @@ var import_idb = require("idb");
 var DB_NAME = "rita-workspace";
 var DB_VERSION = 2;
 var dbInstance = null;
+var dbPromise = null;
 async function getDB() {
   if (dbInstance) return dbInstance;
-  dbInstance = await (0, import_idb.openDB)(DB_NAME, DB_VERSION, {
+  if (dbPromise) return dbPromise;
+  dbPromise = (0, import_idb.openDB)(DB_NAME, DB_VERSION, {
     upgrade(db, oldVersion) {
       if (!db.objectStoreNames.contains("workspaces")) {
         const workspaceStore = db.createObjectStore("workspaces", { keyPath: "id" });
@@ -90,8 +94,13 @@ async function getDB() {
       }
     }
   });
+  dbInstance = await dbPromise;
+  dbPromise = null;
   return dbInstance;
 }
+function warmDB() {
+  if (!dbInstance && !dbPromise) getDB();
+}
 async function closeDB() {
   if (dbInstance) {
     dbInstance.close();
@@ -125,6 +134,17 @@ async function getAllDrawings() {
   const db = await getDB();
   return db.getAllFromIndex("drawings", "by-updated");
 }
+async function getAllDrawingsMeta() {
+  const db = await getDB();
+  const all = await db.getAllFromIndex("drawings", "by-updated");
+  return all.map(({ id, name, folderId, createdAt, updatedAt }) => ({
+    id,
+    name,
+    folderId,
+    createdAt,
+    updatedAt
+  }));
+}
 async function updateDrawing(id, updates) {
   const db = await getDB();
   const existing = await db.get("drawings", id);
@@ -395,6 +415,7 @@ function isLanguageSupported(langCode) {
 
 // src/state/WorkspaceContext.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+warmDB();
 var WorkspaceContext = (0, import_react.createContext)(null);
 function useWorkspace() {
   const context = (0, import_react.useContext)(WorkspaceContext);
@@ -644,21 +665,21 @@ function WorkspaceProvider({ children, lang = "en" }) {
         setIsLoading(true);
         const ws = await getOrCreateDefaultWorkspace();
         setWorkspace(ws);
-        const allDrawings = await getAllDrawings();
+        const lastDrawingId = sessionStorage.getItem("rita-workspace-tab-drawing");
+        const activeDrawingPromise = lastDrawingId ? getDrawing(lastDrawingId) : Promise.resolve(void 0);
+        const [allDrawings, allFolders, eagarActive] = await Promise.all([
+          getAllDrawings(),
+          getAllFolders(),
+          activeDrawingPromise
+        ]);
         const wsDrawings = allDrawings.filter((d) => ws.drawingIds.includes(d.id));
         setDrawings(wsDrawings);
-        const allFolders = await getAllFolders();
         setFolders(allFolders);
-        const lastDrawingId = sessionStorage.getItem("rita-workspace-tab-drawing");
         let active = null;
-        if (lastDrawingId) {
+        if (eagarActive && ws.drawingIds.includes(eagarActive.id)) {
+          active = eagarActive;
+        } else if (lastDrawingId) {
           active = wsDrawings.find((d) => d.id === lastDrawingId) || null;
-          if (!active) {
-            const fromDb = await getDrawing(lastDrawingId);
-            if (fromDb && ws.drawingIds.includes(fromDb.id)) {
-              active = fromDb;
-            }
-          }
         }
         if (!active && wsDrawings.length > 0) {
           active = wsDrawings[0];
@@ -813,6 +834,7 @@ function WorkspaceProvider({ children, lang = "en" }) {
   }, [workspace]);
   const saveCurrentDrawing = (0, import_react.useCallback)(async (elements, appState, files) => {
     if (!activeDrawing) return;
+    if (isDrawingOpenedEarlierInOtherTab(activeDrawing.id)) return;
     try {
       const updateData = {
         elements,
@@ -827,6 +849,7 @@ function WorkspaceProvider({ children, lang = "en" }) {
     }
   }, [activeDrawing]);
   const saveDrawingById = (0, import_react.useCallback)(async (id, elements, appState, files) => {
+    if (isDrawingOpenedEarlierInOtherTab(id)) return;
     try {
       const updateData = {
         elements,
@@ -2460,6 +2483,7 @@ function WorkspacePlugin(props) {
   deleteFolder,
   duplicateDrawing,
   getAllDrawings,
+  getAllDrawingsMeta,
   getAllFolders,
   getDB,
   getDrawing,
@@ -2477,5 +2501,6 @@ function WorkspacePlugin(props) {
   updateWorkspace,
   useExcalidrawBridge,
   useWorkspace,
-  useWorkspaceLang
+  useWorkspaceLang,
+  warmDB
 });

package/dist/index.mjs

@@ -3,9 +3,11 @@ import { openDB } from "idb";
 var DB_NAME = "rita-workspace";
 var DB_VERSION = 2;
 var dbInstance = null;
+var dbPromise = null;
 async function getDB() {
   if (dbInstance) return dbInstance;
-  dbInstance = await openDB(DB_NAME, DB_VERSION, {
+  if (dbPromise) return dbPromise;
+  dbPromise = openDB(DB_NAME, DB_VERSION, {
     upgrade(db, oldVersion) {
       if (!db.objectStoreNames.contains("workspaces")) {
         const workspaceStore = db.createObjectStore("workspaces", { keyPath: "id" });
@@ -21,8 +23,13 @@ async function getDB() {
       }
     }
   });
+  dbInstance = await dbPromise;
+  dbPromise = null;
   return dbInstance;
 }
+function warmDB() {
+  if (!dbInstance && !dbPromise) getDB();
+}
 async function closeDB() {
   if (dbInstance) {
     dbInstance.close();
@@ -56,6 +63,17 @@ async function getAllDrawings() {
   const db = await getDB();
   return db.getAllFromIndex("drawings", "by-updated");
 }
+async function getAllDrawingsMeta() {
+  const db = await getDB();
+  const all = await db.getAllFromIndex("drawings", "by-updated");
+  return all.map(({ id, name, folderId, createdAt, updatedAt }) => ({
+    id,
+    name,
+    folderId,
+    createdAt,
+    updatedAt
+  }));
+}
 async function updateDrawing(id, updates) {
   const db = await getDB();
   const existing = await db.get("drawings", id);
@@ -326,6 +344,7 @@ function isLanguageSupported(langCode) {
 
 // src/state/WorkspaceContext.tsx
 import { jsx } from "react/jsx-runtime";
+warmDB();
 var WorkspaceContext = createContext(null);
 function useWorkspace() {
   const context = useContext(WorkspaceContext);
@@ -575,21 +594,21 @@ function WorkspaceProvider({ children, lang = "en" }) {
         setIsLoading(true);
         const ws = await getOrCreateDefaultWorkspace();
         setWorkspace(ws);
-        const allDrawings = await getAllDrawings();
+        const lastDrawingId = sessionStorage.getItem("rita-workspace-tab-drawing");
+        const activeDrawingPromise = lastDrawingId ? getDrawing(lastDrawingId) : Promise.resolve(void 0);
+        const [allDrawings, allFolders, eagarActive] = await Promise.all([
+          getAllDrawings(),
+          getAllFolders(),
+          activeDrawingPromise
+        ]);
         const wsDrawings = allDrawings.filter((d) => ws.drawingIds.includes(d.id));
         setDrawings(wsDrawings);
-        const allFolders = await getAllFolders();
         setFolders(allFolders);
-        const lastDrawingId = sessionStorage.getItem("rita-workspace-tab-drawing");
         let active = null;
-        if (lastDrawingId) {
+        if (eagarActive && ws.drawingIds.includes(eagarActive.id)) {
+          active = eagarActive;
+        } else if (lastDrawingId) {
           active = wsDrawings.find((d) => d.id === lastDrawingId) || null;
-          if (!active) {
-            const fromDb = await getDrawing(lastDrawingId);
-            if (fromDb && ws.drawingIds.includes(fromDb.id)) {
-              active = fromDb;
-            }
-          }
         }
         if (!active && wsDrawings.length > 0) {
           active = wsDrawings[0];
@@ -744,6 +763,7 @@ function WorkspaceProvider({ children, lang = "en" }) {
   }, [workspace]);
   const saveCurrentDrawing = useCallback(async (elements, appState, files) => {
     if (!activeDrawing) return;
+    if (isDrawingOpenedEarlierInOtherTab(activeDrawing.id)) return;
     try {
       const updateData = {
         elements,
@@ -758,6 +778,7 @@ function WorkspaceProvider({ children, lang = "en" }) {
     }
   }, [activeDrawing]);
   const saveDrawingById = useCallback(async (id, elements, appState, files) => {
+    if (isDrawingOpenedEarlierInOtherTab(id)) return;
     try {
       const updateData = {
         elements,
@@ -2390,6 +2411,7 @@ export {
   deleteFolder,
   duplicateDrawing,
   getAllDrawings,
+  getAllDrawingsMeta,
   getAllFolders,
   getDB,
   getDrawing,
@@ -2407,5 +2429,6 @@ export {
   updateWorkspace,
   useExcalidrawBridge,
   useWorkspace,
-  useWorkspaceLang
+  useWorkspaceLang,
+  warmDB
 };

package/package.json

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