npm - rita-workspace - Versions diffs - 0.2.1 → 0.3.1 - Mend

rita-workspace 0.2.1 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -52,12 +52,48 @@ declare function addDrawingToWorkspace(workspaceId: string, drawingId: string):
 declare function removeDrawingFromWorkspace(workspaceId: string, drawingId: string): Promise<Workspace | undefined>;
 declare function setActiveDrawing(workspaceId: string, drawingId: string): Promise<Workspace | undefined>;
+/**
+ * Rita Workspace Translations
+ *
+ * Supports Swedish (sv) and English (en)
+ */
+type SupportedLanguage = 'sv' | 'en';
+interface Translations {
+    drawings: string;
+    newDrawing: string;
+    manageDrawings: string;
+    dialogTitle: string;
+    close: string;
+    open: string;
+    rename: string;
+    delete: string;
+    save: string;
+    cancel: string;
+    confirm: string;
+    noDrawingsYet: string;
+    clickNewToStart: string;
+    modified: string;
+    confirmDelete: string;
+    shortcutNewDrawing: string;
+}
+/**
+ * Get translations for a language code
+ * Falls back to English if language is not supported
+ */
+declare function getTranslations(langCode?: string): Translations;
+/**
+ * Check if a language is supported
+ */
+declare function isLanguageSupported(langCode?: string): boolean;
 interface WorkspaceContextValue {
     workspace: Workspace | null;
     drawings: Drawing[];
     activeDrawing: Drawing | null;
     isLoading: boolean;
     error: string | null;
+    lang: string;
+    t: Translations;
     createNewDrawing: (name?: string) => Promise<Drawing | null>;
     switchDrawing: (id: string) => Promise<void>;
     renameDrawing: (id: string, name: string) => Promise<void>;
@@ -66,10 +102,24 @@ interface WorkspaceContextValue {
     saveCurrentDrawing: (elements: unknown[], appState: Record<string, unknown>) => Promise<void>;
 }
 declare function useWorkspace(): WorkspaceContextValue;
+/**
+ * Hook to get current language and translations
+ * Can be used by any component within WorkspaceProvider
+ */
+declare function useWorkspaceLang(): {
+    lang: string;
+    t: Translations;
+};
 interface WorkspaceProviderProps {
     children: ReactNode;
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Pass Excalidraw's langCode here to sync languages
+     * Falls back to English if not supported
+     */
+    lang?: string;
 }
-declare function WorkspaceProvider({ children }: WorkspaceProviderProps): react_jsx_runtime.JSX.Element;
+declare function WorkspaceProvider({ children, lang }: WorkspaceProviderProps): react_jsx_runtime.JSX.Element;
 interface SidebarProps {
     isOpen?: boolean;
@@ -98,6 +148,11 @@ declare function DrawingListItem({ drawing, isActive, onSelect, onRename, onDele
  */
 interface WorkspaceMenuItemsProps {
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Falls back to English if not supported
+     */
+    lang?: string;
     /**
      * Called when a drawing is selected from the submenu
      */
@@ -137,6 +192,7 @@ interface WorkspaceMenuItemsProps {
  *   <MainMenu.DefaultItems.SaveToActiveFile />
  *   <MainMenu.Separator />
  *   <WorkspaceMenuItems
+ *     lang="sv"
  *     renderMenuItem={(props) => <MainMenu.Item {...props} />}
  *     renderSubMenu={(props) => <MainMenu.Sub>{props.children}</MainMenu.Sub>}
  *     renderSeparator={() => <MainMenu.Separator />}
@@ -166,6 +222,11 @@ interface DrawingsDialogProps {
      * Called when a drawing is selected
      */
     onDrawingSelect?: (drawing: Drawing) => void;
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Falls back to English if not supported
+     */
+    lang?: string;
 }
 /**
  * DrawingsDialog - modal for managing workspace drawings
@@ -224,4 +285,4 @@ interface WorkspacePluginProps {
  */
 declare function WorkspacePlugin(props: WorkspacePluginProps): react_jsx_runtime.JSX.Element;
-export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, Sidebar, type Workspace, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, deleteDrawing, duplicateDrawing, getAllDrawings, getDB, getDrawing, getOrCreateDefaultWorkspace, getWorkspace, removeDrawingFromWorkspace, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace };
+export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, Sidebar, type SupportedLanguage, type Translations, type Workspace, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, deleteDrawing, duplicateDrawing, getAllDrawings, getDB, getDrawing, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isLanguageSupported, removeDrawingFromWorkspace, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang };

package/dist/index.d.ts CHANGED Viewed

@@ -52,12 +52,48 @@ declare function addDrawingToWorkspace(workspaceId: string, drawingId: string):
 declare function removeDrawingFromWorkspace(workspaceId: string, drawingId: string): Promise<Workspace | undefined>;
 declare function setActiveDrawing(workspaceId: string, drawingId: string): Promise<Workspace | undefined>;
+/**
+ * Rita Workspace Translations
+ *
+ * Supports Swedish (sv) and English (en)
+ */
+type SupportedLanguage = 'sv' | 'en';
+interface Translations {
+    drawings: string;
+    newDrawing: string;
+    manageDrawings: string;
+    dialogTitle: string;
+    close: string;
+    open: string;
+    rename: string;
+    delete: string;
+    save: string;
+    cancel: string;
+    confirm: string;
+    noDrawingsYet: string;
+    clickNewToStart: string;
+    modified: string;
+    confirmDelete: string;
+    shortcutNewDrawing: string;
+}
+/**
+ * Get translations for a language code
+ * Falls back to English if language is not supported
+ */
+declare function getTranslations(langCode?: string): Translations;
+/**
+ * Check if a language is supported
+ */
+declare function isLanguageSupported(langCode?: string): boolean;
 interface WorkspaceContextValue {
     workspace: Workspace | null;
     drawings: Drawing[];
     activeDrawing: Drawing | null;
     isLoading: boolean;
     error: string | null;
+    lang: string;
+    t: Translations;
     createNewDrawing: (name?: string) => Promise<Drawing | null>;
     switchDrawing: (id: string) => Promise<void>;
     renameDrawing: (id: string, name: string) => Promise<void>;
@@ -66,10 +102,24 @@ interface WorkspaceContextValue {
     saveCurrentDrawing: (elements: unknown[], appState: Record<string, unknown>) => Promise<void>;
 }
 declare function useWorkspace(): WorkspaceContextValue;
+/**
+ * Hook to get current language and translations
+ * Can be used by any component within WorkspaceProvider
+ */
+declare function useWorkspaceLang(): {
+    lang: string;
+    t: Translations;
+};
 interface WorkspaceProviderProps {
     children: ReactNode;
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Pass Excalidraw's langCode here to sync languages
+     * Falls back to English if not supported
+     */
+    lang?: string;
 }
-declare function WorkspaceProvider({ children }: WorkspaceProviderProps): react_jsx_runtime.JSX.Element;
+declare function WorkspaceProvider({ children, lang }: WorkspaceProviderProps): react_jsx_runtime.JSX.Element;
 interface SidebarProps {
     isOpen?: boolean;
@@ -98,6 +148,11 @@ declare function DrawingListItem({ drawing, isActive, onSelect, onRename, onDele
  */
 interface WorkspaceMenuItemsProps {
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Falls back to English if not supported
+     */
+    lang?: string;
     /**
      * Called when a drawing is selected from the submenu
      */
@@ -137,6 +192,7 @@ interface WorkspaceMenuItemsProps {
  *   <MainMenu.DefaultItems.SaveToActiveFile />
  *   <MainMenu.Separator />
  *   <WorkspaceMenuItems
+ *     lang="sv"
  *     renderMenuItem={(props) => <MainMenu.Item {...props} />}
  *     renderSubMenu={(props) => <MainMenu.Sub>{props.children}</MainMenu.Sub>}
  *     renderSeparator={() => <MainMenu.Separator />}
@@ -166,6 +222,11 @@ interface DrawingsDialogProps {
      * Called when a drawing is selected
      */
     onDrawingSelect?: (drawing: Drawing) => void;
+    /**
+     * Language code (e.g., 'sv', 'en', 'sv-SE')
+     * Falls back to English if not supported
+     */
+    lang?: string;
 }
 /**
  * DrawingsDialog - modal for managing workspace drawings
@@ -224,4 +285,4 @@ interface WorkspacePluginProps {
  */
 declare function WorkspacePlugin(props: WorkspacePluginProps): react_jsx_runtime.JSX.Element;
-export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, Sidebar, type Workspace, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, deleteDrawing, duplicateDrawing, getAllDrawings, getDB, getDrawing, getOrCreateDefaultWorkspace, getWorkspace, removeDrawingFromWorkspace, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace };
+export { type Drawing, DrawingList, DrawingListItem, DrawingsDialog, type DrawingsDialogProps, Sidebar, type SupportedLanguage, type Translations, type Workspace, type WorkspaceContextValue, WorkspaceMenuItems, type WorkspaceMenuItemsProps, WorkspacePlugin, WorkspaceProvider, addDrawingToWorkspace, closeDB, createDrawing, deleteDrawing, duplicateDrawing, getAllDrawings, getDB, getDrawing, getOrCreateDefaultWorkspace, getTranslations, getWorkspace, isLanguageSupported, removeDrawingFromWorkspace, setActiveDrawing, updateDrawing, updateWorkspace, useExcalidrawBridge, useWorkspace, useWorkspaceLang };

package/dist/index.js CHANGED Viewed

@@ -46,13 +46,16 @@ __export(index_exports, {
   getDB: () => getDB,
   getDrawing: () => getDrawing,
   getOrCreateDefaultWorkspace: () => getOrCreateDefaultWorkspace,
+  getTranslations: () => getTranslations,
   getWorkspace: () => getWorkspace,
+  isLanguageSupported: () => isLanguageSupported,
   removeDrawingFromWorkspace: () => removeDrawingFromWorkspace,
   setActiveDrawing: () => setActiveDrawing,
   updateDrawing: () => updateDrawing,
   updateWorkspace: () => updateWorkspace,
   useExcalidrawBridge: () => useExcalidrawBridge,
-  useWorkspace: () => useWorkspace
+  useWorkspace: () => useWorkspace,
+  useWorkspaceLang: () => useWorkspaceLang
 });
 module.exports = __toCommonJS(index_exports);
@@ -204,6 +207,71 @@ async function setActiveDrawing(workspaceId, drawingId) {
 // src/state/WorkspaceContext.tsx
 var import_react = require("react");
+// src/i18n/translations.ts
+var sv = {
+  // Menu
+  drawings: "Ritningar",
+  newDrawing: "Ny ritning",
+  manageDrawings: "Hantera ritningar...",
+  // Dialog
+  dialogTitle: "Ritningar",
+  close: "St\xE4ng",
+  open: "\xD6ppna",
+  rename: "Byt namn",
+  delete: "Ta bort",
+  save: "Spara",
+  cancel: "Avbryt",
+  confirm: "Bekr\xE4fta",
+  // Messages
+  noDrawingsYet: "Inga ritningar \xE4nnu.",
+  clickNewToStart: 'Klicka "Ny ritning" f\xF6r att b\xF6rja.',
+  modified: "\xC4ndrad",
+  confirmDelete: "Vill du ta bort denna ritning?",
+  // Shortcuts
+  shortcutNewDrawing: "Ctrl+Alt+N"
+};
+var en = {
+  // Menu
+  drawings: "Drawings",
+  newDrawing: "New drawing",
+  manageDrawings: "Manage drawings...",
+  // Dialog
+  dialogTitle: "Drawings",
+  close: "Close",
+  open: "Open",
+  rename: "Rename",
+  delete: "Delete",
+  save: "Save",
+  cancel: "Cancel",
+  confirm: "Confirm",
+  // Messages
+  noDrawingsYet: "No drawings yet.",
+  clickNewToStart: 'Click "New drawing" to start.',
+  modified: "Modified",
+  confirmDelete: "Do you want to delete this drawing?",
+  // Shortcuts
+  shortcutNewDrawing: "Ctrl+Alt+N"
+};
+var translations = {
+  sv,
+  en
+};
+function getTranslations(langCode) {
+  if (!langCode) return en;
+  const lang = langCode.split("-")[0].toLowerCase();
+  if (lang in translations) {
+    return translations[lang];
+  }
+  return en;
+}
+function isLanguageSupported(langCode) {
+  if (!langCode) return false;
+  const lang = langCode.split("-")[0].toLowerCase();
+  return lang in translations;
+}
+// src/state/WorkspaceContext.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var WorkspaceContext = (0, import_react.createContext)(null);
 function useWorkspace() {
@@ -213,12 +281,20 @@ function useWorkspace() {
   }
   return context;
 }
-function WorkspaceProvider({ children }) {
+function useWorkspaceLang() {
+  const context = (0, import_react.useContext)(WorkspaceContext);
+  if (!context) {
+    return { lang: "en", t: getTranslations("en") };
+  }
+  return { lang: context.lang, t: context.t };
+}
+function WorkspaceProvider({ children, lang = "en" }) {
   const [workspace, setWorkspace] = (0, import_react.useState)(null);
   const [drawings, setDrawings] = (0, import_react.useState)([]);
   const [activeDrawing, setActiveDrawing2] = (0, import_react.useState)(null);
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   const [error, setError] = (0, import_react.useState)(null);
+  const t = getTranslations(lang);
   (0, import_react.useEffect)(() => {
     async function init() {
       try {
@@ -243,7 +319,8 @@ function WorkspaceProvider({ children }) {
   const createNewDrawing = (0, import_react.useCallback)(async (name) => {
     if (!workspace) return null;
     try {
-      const drawing = await createDrawing(name || `Ritning ${drawings.length + 1}`);
+      const defaultName = `${t.newDrawing} ${drawings.length + 1}`;
+      const drawing = await createDrawing(name || defaultName);
       await addDrawingToWorkspace(workspace.id, drawing.id);
       await setActiveDrawing(workspace.id, drawing.id);
       setDrawings((prev) => [...prev, drawing]);
@@ -258,7 +335,7 @@ function WorkspaceProvider({ children }) {
       setError(err instanceof Error ? err.message : "Failed to create drawing");
       return null;
     }
-  }, [workspace, drawings.length]);
+  }, [workspace, drawings.length, t]);
   const switchDrawing = (0, import_react.useCallback)(async (id) => {
     if (!workspace) return;
     try {
@@ -339,6 +416,8 @@ function WorkspaceProvider({ children }) {
     activeDrawing,
     isLoading,
     error,
+    lang,
+    t,
     createNewDrawing,
     switchDrawing,
     renameDrawing,
@@ -579,13 +658,15 @@ var DefaultMenuItem = ({ icon, children, onSelect, shortcut }) => /* @__PURE__ *
   }
 );
 var WorkspaceMenuItems = ({
+  lang,
   onDrawingSelect,
   onManageDrawings,
   renderMenuItem,
   renderSubMenu,
   renderSeparator
 }) => {
-  const { drawings, activeDrawing, switchDrawing, createNewDrawing } = useWorkspace();
+  const { drawings, activeDrawing, switchDrawing, createNewDrawing, t: contextT, lang: contextLang } = useWorkspace();
+  const t = lang ? getTranslations(lang) : contextT;
   const MenuItem = renderMenuItem || ((props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DefaultMenuItem, { ...props }));
   const Separator = renderSeparator || (() => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("hr", { style: { margin: "4px 0", border: "none", borderTop: "1px solid #ccc" } }));
   const handleDrawingSelect = async (drawing) => {
@@ -600,7 +681,8 @@ var WorkspaceMenuItems = ({
       trigger: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
         DrawingsIcon,
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          "Ritningar (",
+          t.drawings,
+          " (",
           drawings.length,
           ")"
         ] })
@@ -614,13 +696,13 @@ var WorkspaceMenuItems = ({
         drawings.length > 0 && Separator(),
         MenuItem({
           icon: PlusIcon,
-          children: "Ny ritning",
+          children: t.newDrawing,
           onSelect: handleNewDrawing,
-          shortcut: "Ctrl+Alt+N"
+          shortcut: t.shortcutNewDrawing
         }),
         onManageDrawings && MenuItem({
           icon: DrawingsIcon,
-          children: "Hantera ritningar...",
+          children: t.manageDrawings,
           onSelect: onManageDrawings
         })
       ] })
@@ -629,9 +711,9 @@ var WorkspaceMenuItems = ({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     MenuItem({
       icon: PlusIcon,
-      children: "Ny ritning",
+      children: t.newDrawing,
       onSelect: handleNewDrawing,
-      shortcut: "Ctrl+Alt+N"
+      shortcut: t.shortcutNewDrawing
     }),
     drawings.slice(0, 5).map((drawing) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.default.Fragment, { children: MenuItem({
       icon: activeDrawing?.id === drawing.id ? "\u2713" : DrawingsIcon,
@@ -642,7 +724,7 @@ var WorkspaceMenuItems = ({
       Separator(),
       MenuItem({
         icon: DrawingsIcon,
-        children: `Alla ritningar (${drawings.length})...`,
+        children: `${t.drawings} (${drawings.length})...`,
         onSelect: onManageDrawings
       })
     ] })
@@ -655,7 +737,8 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var DrawingsDialog = ({
   open,
   onClose,
-  onDrawingSelect
+  onDrawingSelect,
+  lang
 }) => {
   const {
     drawings,
@@ -663,8 +746,12 @@ var DrawingsDialog = ({
     switchDrawing,
     createNewDrawing,
     renameDrawing,
-    removeDrawing
+    removeDrawing,
+    t: contextT,
+    lang: contextLang
   } = useWorkspace();
+  const t = lang ? getTranslations(lang) : contextT;
+  const effectiveLang = lang || contextLang;
   const [editingId, setEditingId] = (0, import_react5.useState)(null);
   const [editName, setEditName] = (0, import_react5.useState)("");
   const [confirmDeleteId, setConfirmDeleteId] = (0, import_react5.useState)(null);
@@ -699,8 +786,14 @@ var DrawingsDialog = ({
     await removeDrawing(id);
     setConfirmDeleteId(null);
   }, [removeDrawing]);
+  const getLocale = () => {
+    if (!effectiveLang) return "en-US";
+    const baseLang = effectiveLang.split("-")[0].toLowerCase();
+    if (baseLang === "sv") return "sv-SE";
+    return "en-US";
+  };
   const formatDate = (timestamp) => {
-    return new Date(timestamp).toLocaleString("sv-SE", {
+    return new Date(timestamp).toLocaleString(getLocale(), {
       year: "numeric",
       month: "short",
       day: "numeric",
@@ -756,7 +849,8 @@ var DrawingsDialog = ({
                 },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
-                    "Ritningar (",
+                    t.dialogTitle,
+                    " (",
                     drawings.length,
                     ")"
                   ] }),
@@ -773,7 +867,7 @@ var DrawingsDialog = ({
                         lineHeight: 1,
                         color: "inherit"
                       },
-                      "aria-label": "St\xE4ng",
+                      "aria-label": t.close,
                       children: "\xD7"
                     }
                   )
@@ -797,8 +891,8 @@ var DrawingsDialog = ({
                       color: "var(--text-secondary-color, #666)"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "Inga ritningar \xE4nnu." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: 'Klicka "Ny ritning" f\xF6r att b\xF6rja.' })
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t.noDrawingsYet }),
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: t.clickNewToStart })
                     ]
                   }
                 ) : drawings.map((drawing) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -860,7 +954,8 @@ var DrawingsDialog = ({
                               marginTop: "2px"
                             },
                             children: [
-                              "\xC4ndrad: ",
+                              t.modified,
+                              ": ",
                               formatDate(drawing.updatedAt)
                             ]
                           }
@@ -880,7 +975,7 @@ var DrawingsDialog = ({
                               borderRadius: "4px",
                               cursor: "pointer"
                             },
-                            children: "Spara"
+                            children: t.save
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -896,7 +991,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            children: "Avbryt"
+                            children: t.cancel
                           }
                         )
                       ] }) : confirmDeleteId === drawing.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
@@ -913,7 +1008,7 @@ var DrawingsDialog = ({
                               borderRadius: "4px",
                               cursor: "pointer"
                             },
-                            children: "Ta bort"
+                            children: t.delete
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -929,7 +1024,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            children: "Avbryt"
+                            children: t.cancel
                           }
                         )
                       ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
@@ -947,7 +1042,7 @@ var DrawingsDialog = ({
                               cursor: "pointer"
                             },
                             disabled: activeDrawing?.id === drawing.id,
-                            children: "\xD6ppna"
+                            children: t.open
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -963,7 +1058,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            title: "Byt namn",
+                            title: t.rename,
                             children: "\u270F\uFE0F"
                           }
                         ),
@@ -980,7 +1075,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            title: "Ta bort",
+                            title: t.delete,
                             disabled: drawings.length <= 1,
                             children: "\u{1F5D1}\uFE0F"
                           }
@@ -1003,7 +1098,7 @@ var DrawingsDialog = ({
                   alignItems: "center"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                     "button",
                     {
                       onClick: handleCreate,
@@ -1017,7 +1112,10 @@ var DrawingsDialog = ({
                         cursor: "pointer",
                         fontWeight: 500
                       },
-                      children: "+ Ny ritning"
+                      children: [
+                        "+ ",
+                        t.newDrawing
+                      ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1033,7 +1131,7 @@ var DrawingsDialog = ({
                         cursor: "pointer",
                         color: "inherit"
                       },
-                      children: "St\xE4ng"
+                      children: t.close
                     }
                   )
                 ]
@@ -1166,11 +1264,14 @@ function WorkspacePlugin(props) {
   getDB,
   getDrawing,
   getOrCreateDefaultWorkspace,
+  getTranslations,
   getWorkspace,
+  isLanguageSupported,
   removeDrawingFromWorkspace,
   setActiveDrawing,
   updateDrawing,
   updateWorkspace,
   useExcalidrawBridge,
-  useWorkspace
+  useWorkspace,
+  useWorkspaceLang
 });

package/dist/index.mjs CHANGED Viewed

@@ -146,6 +146,71 @@ async function setActiveDrawing(workspaceId, drawingId) {
 // src/state/WorkspaceContext.tsx
 import { createContext, useContext, useEffect, useState, useCallback } from "react";
+// src/i18n/translations.ts
+var sv = {
+  // Menu
+  drawings: "Ritningar",
+  newDrawing: "Ny ritning",
+  manageDrawings: "Hantera ritningar...",
+  // Dialog
+  dialogTitle: "Ritningar",
+  close: "St\xE4ng",
+  open: "\xD6ppna",
+  rename: "Byt namn",
+  delete: "Ta bort",
+  save: "Spara",
+  cancel: "Avbryt",
+  confirm: "Bekr\xE4fta",
+  // Messages
+  noDrawingsYet: "Inga ritningar \xE4nnu.",
+  clickNewToStart: 'Klicka "Ny ritning" f\xF6r att b\xF6rja.',
+  modified: "\xC4ndrad",
+  confirmDelete: "Vill du ta bort denna ritning?",
+  // Shortcuts
+  shortcutNewDrawing: "Ctrl+Alt+N"
+};
+var en = {
+  // Menu
+  drawings: "Drawings",
+  newDrawing: "New drawing",
+  manageDrawings: "Manage drawings...",
+  // Dialog
+  dialogTitle: "Drawings",
+  close: "Close",
+  open: "Open",
+  rename: "Rename",
+  delete: "Delete",
+  save: "Save",
+  cancel: "Cancel",
+  confirm: "Confirm",
+  // Messages
+  noDrawingsYet: "No drawings yet.",
+  clickNewToStart: 'Click "New drawing" to start.',
+  modified: "Modified",
+  confirmDelete: "Do you want to delete this drawing?",
+  // Shortcuts
+  shortcutNewDrawing: "Ctrl+Alt+N"
+};
+var translations = {
+  sv,
+  en
+};
+function getTranslations(langCode) {
+  if (!langCode) return en;
+  const lang = langCode.split("-")[0].toLowerCase();
+  if (lang in translations) {
+    return translations[lang];
+  }
+  return en;
+}
+function isLanguageSupported(langCode) {
+  if (!langCode) return false;
+  const lang = langCode.split("-")[0].toLowerCase();
+  return lang in translations;
+}
+// src/state/WorkspaceContext.tsx
 import { jsx } from "react/jsx-runtime";
 var WorkspaceContext = createContext(null);
 function useWorkspace() {
@@ -155,12 +220,20 @@ function useWorkspace() {
   }
   return context;
 }
-function WorkspaceProvider({ children }) {
+function useWorkspaceLang() {
+  const context = useContext(WorkspaceContext);
+  if (!context) {
+    return { lang: "en", t: getTranslations("en") };
+  }
+  return { lang: context.lang, t: context.t };
+}
+function WorkspaceProvider({ children, lang = "en" }) {
   const [workspace, setWorkspace] = useState(null);
   const [drawings, setDrawings] = useState([]);
   const [activeDrawing, setActiveDrawing2] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
+  const t = getTranslations(lang);
   useEffect(() => {
     async function init() {
       try {
@@ -185,7 +258,8 @@ function WorkspaceProvider({ children }) {
   const createNewDrawing = useCallback(async (name) => {
     if (!workspace) return null;
     try {
-      const drawing = await createDrawing(name || `Ritning ${drawings.length + 1}`);
+      const defaultName = `${t.newDrawing} ${drawings.length + 1}`;
+      const drawing = await createDrawing(name || defaultName);
       await addDrawingToWorkspace(workspace.id, drawing.id);
       await setActiveDrawing(workspace.id, drawing.id);
       setDrawings((prev) => [...prev, drawing]);
@@ -200,7 +274,7 @@ function WorkspaceProvider({ children }) {
       setError(err instanceof Error ? err.message : "Failed to create drawing");
       return null;
     }
-  }, [workspace, drawings.length]);
+  }, [workspace, drawings.length, t]);
   const switchDrawing = useCallback(async (id) => {
     if (!workspace) return;
     try {
@@ -281,6 +355,8 @@ function WorkspaceProvider({ children }) {
     activeDrawing,
     isLoading,
     error,
+    lang,
+    t,
     createNewDrawing,
     switchDrawing,
     renameDrawing,
@@ -521,13 +597,15 @@ var DefaultMenuItem = ({ icon, children, onSelect, shortcut }) => /* @__PURE__ *
   }
 );
 var WorkspaceMenuItems = ({
+  lang,
   onDrawingSelect,
   onManageDrawings,
   renderMenuItem,
   renderSubMenu,
   renderSeparator
 }) => {
-  const { drawings, activeDrawing, switchDrawing, createNewDrawing } = useWorkspace();
+  const { drawings, activeDrawing, switchDrawing, createNewDrawing, t: contextT, lang: contextLang } = useWorkspace();
+  const t = lang ? getTranslations(lang) : contextT;
   const MenuItem = renderMenuItem || ((props) => /* @__PURE__ */ jsx5(DefaultMenuItem, { ...props }));
   const Separator = renderSeparator || (() => /* @__PURE__ */ jsx5("hr", { style: { margin: "4px 0", border: "none", borderTop: "1px solid #ccc" } }));
   const handleDrawingSelect = async (drawing) => {
@@ -542,7 +620,8 @@ var WorkspaceMenuItems = ({
       trigger: /* @__PURE__ */ jsxs3(Fragment2, { children: [
         DrawingsIcon,
         /* @__PURE__ */ jsxs3("span", { children: [
-          "Ritningar (",
+          t.drawings,
+          " (",
           drawings.length,
           ")"
         ] })
@@ -556,13 +635,13 @@ var WorkspaceMenuItems = ({
         drawings.length > 0 && Separator(),
         MenuItem({
           icon: PlusIcon,
-          children: "Ny ritning",
+          children: t.newDrawing,
           onSelect: handleNewDrawing,
-          shortcut: "Ctrl+Alt+N"
+          shortcut: t.shortcutNewDrawing
         }),
         onManageDrawings && MenuItem({
           icon: DrawingsIcon,
-          children: "Hantera ritningar...",
+          children: t.manageDrawings,
           onSelect: onManageDrawings
         })
       ] })
@@ -571,9 +650,9 @@ var WorkspaceMenuItems = ({
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     MenuItem({
       icon: PlusIcon,
-      children: "Ny ritning",
+      children: t.newDrawing,
       onSelect: handleNewDrawing,
-      shortcut: "Ctrl+Alt+N"
+      shortcut: t.shortcutNewDrawing
     }),
     drawings.slice(0, 5).map((drawing) => /* @__PURE__ */ jsx5(React4.Fragment, { children: MenuItem({
       icon: activeDrawing?.id === drawing.id ? "\u2713" : DrawingsIcon,
@@ -584,7 +663,7 @@ var WorkspaceMenuItems = ({
       Separator(),
       MenuItem({
         icon: DrawingsIcon,
-        children: `Alla ritningar (${drawings.length})...`,
+        children: `${t.drawings} (${drawings.length})...`,
         onSelect: onManageDrawings
       })
     ] })
@@ -592,12 +671,13 @@ var WorkspaceMenuItems = ({
 };
 // src/ui/Dialog/DrawingsDialog.tsx
-import { useState as useState5, useCallback as useCallback2 } from "react";
+import { useState as useState4, useCallback as useCallback2 } from "react";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DrawingsDialog = ({
   open,
   onClose,
-  onDrawingSelect
+  onDrawingSelect,
+  lang
 }) => {
   const {
     drawings,
@@ -605,11 +685,15 @@ var DrawingsDialog = ({
     switchDrawing,
     createNewDrawing,
     renameDrawing,
-    removeDrawing
+    removeDrawing,
+    t: contextT,
+    lang: contextLang
   } = useWorkspace();
-  const [editingId, setEditingId] = useState5(null);
-  const [editName, setEditName] = useState5("");
-  const [confirmDeleteId, setConfirmDeleteId] = useState5(null);
+  const t = lang ? getTranslations(lang) : contextT;
+  const effectiveLang = lang || contextLang;
+  const [editingId, setEditingId] = useState4(null);
+  const [editName, setEditName] = useState4("");
+  const [confirmDeleteId, setConfirmDeleteId] = useState4(null);
   const handleSelect = useCallback2(async (drawing) => {
     await switchDrawing(drawing.id);
     onDrawingSelect?.(drawing);
@@ -641,8 +725,14 @@ var DrawingsDialog = ({
     await removeDrawing(id);
     setConfirmDeleteId(null);
   }, [removeDrawing]);
+  const getLocale = () => {
+    if (!effectiveLang) return "en-US";
+    const baseLang = effectiveLang.split("-")[0].toLowerCase();
+    if (baseLang === "sv") return "sv-SE";
+    return "en-US";
+  };
   const formatDate = (timestamp) => {
-    return new Date(timestamp).toLocaleString("sv-SE", {
+    return new Date(timestamp).toLocaleString(getLocale(), {
       year: "numeric",
       month: "short",
       day: "numeric",
@@ -698,7 +788,8 @@ var DrawingsDialog = ({
                 },
                 children: [
                   /* @__PURE__ */ jsxs4("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: [
-                    "Ritningar (",
+                    t.dialogTitle,
+                    " (",
                     drawings.length,
                     ")"
                   ] }),
@@ -715,7 +806,7 @@ var DrawingsDialog = ({
                         lineHeight: 1,
                         color: "inherit"
                       },
-                      "aria-label": "St\xE4ng",
+                      "aria-label": t.close,
                       children: "\xD7"
                     }
                   )
@@ -739,8 +830,8 @@ var DrawingsDialog = ({
                       color: "var(--text-secondary-color, #666)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx6("p", { children: "Inga ritningar \xE4nnu." }),
-                      /* @__PURE__ */ jsx6("p", { children: 'Klicka "Ny ritning" f\xF6r att b\xF6rja.' })
+                      /* @__PURE__ */ jsx6("p", { children: t.noDrawingsYet }),
+                      /* @__PURE__ */ jsx6("p", { children: t.clickNewToStart })
                     ]
                   }
                 ) : drawings.map((drawing) => /* @__PURE__ */ jsxs4(
@@ -802,7 +893,8 @@ var DrawingsDialog = ({
                               marginTop: "2px"
                             },
                             children: [
-                              "\xC4ndrad: ",
+                              t.modified,
+                              ": ",
                               formatDate(drawing.updatedAt)
                             ]
                           }
@@ -822,7 +914,7 @@ var DrawingsDialog = ({
                               borderRadius: "4px",
                               cursor: "pointer"
                             },
-                            children: "Spara"
+                            children: t.save
                           }
                         ),
                         /* @__PURE__ */ jsx6(
@@ -838,7 +930,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            children: "Avbryt"
+                            children: t.cancel
                           }
                         )
                       ] }) : confirmDeleteId === drawing.id ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
@@ -855,7 +947,7 @@ var DrawingsDialog = ({
                               borderRadius: "4px",
                               cursor: "pointer"
                             },
-                            children: "Ta bort"
+                            children: t.delete
                           }
                         ),
                         /* @__PURE__ */ jsx6(
@@ -871,7 +963,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            children: "Avbryt"
+                            children: t.cancel
                           }
                         )
                       ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
@@ -889,7 +981,7 @@ var DrawingsDialog = ({
                               cursor: "pointer"
                             },
                             disabled: activeDrawing?.id === drawing.id,
-                            children: "\xD6ppna"
+                            children: t.open
                           }
                         ),
                         /* @__PURE__ */ jsx6(
@@ -905,7 +997,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            title: "Byt namn",
+                            title: t.rename,
                             children: "\u270F\uFE0F"
                           }
                         ),
@@ -922,7 +1014,7 @@ var DrawingsDialog = ({
                               cursor: "pointer",
                               color: "inherit"
                             },
-                            title: "Ta bort",
+                            title: t.delete,
                             disabled: drawings.length <= 1,
                             children: "\u{1F5D1}\uFE0F"
                           }
@@ -945,7 +1037,7 @@ var DrawingsDialog = ({
                   alignItems: "center"
                 },
                 children: [
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsxs4(
                     "button",
                     {
                       onClick: handleCreate,
@@ -959,7 +1051,10 @@ var DrawingsDialog = ({
                         cursor: "pointer",
                         fontWeight: 500
                       },
-                      children: "+ Ny ritning"
+                      children: [
+                        "+ ",
+                        t.newDrawing
+                      ]
                     }
                   ),
                   /* @__PURE__ */ jsx6(
@@ -975,7 +1070,7 @@ var DrawingsDialog = ({
                         cursor: "pointer",
                         color: "inherit"
                       },
-                      children: "St\xE4ng"
+                      children: t.close
                     }
                   )
                 ]
@@ -1030,14 +1125,14 @@ function useExcalidrawBridge({
 }
 // src/WorkspacePlugin.tsx
-import { useState as useState6, useEffect as useEffect4, useCallback as useCallback4 } from "react";
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback4 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function WorkspacePluginInner({
   children,
   defaultSidebarOpen = true,
   sidebarWidth = 250
 }) {
-  const [sidebarOpen, setSidebarOpen] = useState6(defaultSidebarOpen);
+  const [sidebarOpen, setSidebarOpen] = useState5(defaultSidebarOpen);
   const { activeDrawing } = useWorkspace();
   useEffect4(() => {
     const handleKeyDown = (e) => {
@@ -1107,11 +1202,14 @@ export {
   getDB,
   getDrawing,
   getOrCreateDefaultWorkspace,
+  getTranslations,
   getWorkspace,
+  isLanguageSupported,
   removeDrawingFromWorkspace,
   setActiveDrawing,
   updateDrawing,
   updateWorkspace,
   useExcalidrawBridge,
-  useWorkspace
+  useWorkspace,
+  useWorkspaceLang
 };

package/package.json CHANGED Viewed

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