@myoc/excalidraw 0.19.546 → 0.19.547

package/dist/dev/index.js

@@ -65,13 +65,13 @@ import {
   serializeAsJSON,
   strokeRectWithRotation_simple,
   zoomToFitBounds
-} from "./chunk-XE3CQOUC.js";
+} from "./chunk-OWS32STE.js";
 import {
   define_import_meta_env_default
-} from "./chunk-GEFQQ6MF.js";
+} from "./chunk-6X722ZMM.js";
 import {
   en_default
-} from "./chunk-35XUJXYN.js";
+} from "./chunk-VBVJJWUO.js";
 import {
   percentages_default
 } from "./chunk-72CYJXY3.js";
@@ -183,6 +183,7 @@ import {
   normalizeEOL as normalizeEOL2,
   getDateTime,
   isShallowEqual as isShallowEqual9,
+  capitalizeString as capitalizeString4,
   arrayToMap as arrayToMap34,
   applyDarkModeFilter as applyDarkModeFilter10,
   AppEventBus,
@@ -399,7 +400,7 @@ var globImport_locales_json = __glob({
   "./locales/de-CH.json": () => import("./locales/de-CH-KLWBYLGC.js"),
   "./locales/de-DE.json": () => import("./locales/de-DE-UB755M7G.js"),
   "./locales/el-GR.json": () => import("./locales/el-GR-J2BFDAEA.js"),
-  "./locales/en.json": () => import("./locales/en-CBVTFJ6O.js"),
+  "./locales/en.json": () => import("./locales/en-V2WTRX5T.js"),
   "./locales/es-ES.json": () => import("./locales/es-ES-GL35U3D6.js"),
   "./locales/eu-ES.json": () => import("./locales/eu-ES-5LL7P4G7.js"),
   "./locales/fa-IR.json": () => import("./locales/fa-IR-2D6AXPSB.js"),
@@ -9539,6 +9540,13 @@ var TOOLS = defineTools({
     fillable: false
   }
 });
+var MYOC_SIMPLIFIED_MAIN_TOOL_TYPES = [
+  "selection",
+  "freedraw",
+  "text",
+  "image",
+  "eraser"
+];
 var MYOC_SIMPLIFIED_EXTRA_TOOL_TYPES = [
   "autoshape",
   "rectangle",
@@ -11044,7 +11052,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-K27274LO.js").then(
+        (blob2) => import("./data/image-SHO5VNS6.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -17140,6 +17148,15 @@ var ActionManager = class {
     __publicField(this, "getElementsIncludingDeleted");
     __publicField(this, "app");
     __publicField(this, "isActionBlockedByViewportTransition", (action) => action.navigation === true && this.app.viewport.isLockedTransitionPending);
+    __publicField(this, "isActionEnabledByCanvasOptions", (action) => {
+      const canvasActions = this.app.props.UIOptions.canvasActions;
+      if (action.name === "saveFileToDisk") {
+        return Boolean(
+          canvasActions.export && typeof canvasActions.export === "object" && canvasActions.export.saveFileToDisk
+        );
+      }
+      return action.name in canvasActions ? Boolean(canvasActions[action.name]) : true;
+    });
     /**
      * @param data additional data sent to the PanelComponent
      */
@@ -17190,6 +17207,10 @@ var ActionManager = class {
       const appState = this.getAppState();
       return !action.predicate || action.predicate(elements, appState, this.app.props, this.app);
     });
+    __publicField(this, "isActionAvailableForUI", (action) => {
+      const appState = this.getAppState();
+      return this.isActionEnabledByCanvasOptions(action) && this.isActionEnabled(action) && (!appState.viewModeEnabled || action.viewMode === true) && (this.app.isInteractionEnabled() || this.app.isNavigationEnabled() && action.navigation === true) && !this.isActionBlockedByViewportTransition(action);
+    });
     this.updater = (actionResult) => {
       if (isPromiseLike3(actionResult)) {
         actionResult.then((actionResult2) => {
@@ -21301,6 +21322,71 @@ var renderSpreadsheet = (chartType, spreadsheet, x, y, colorSeed) => {
   return renderBarChart(spreadsheet, x, y, colorSeed);
 };
 
+// actions/shortcuts.ts
+import { isDarwin as isDarwin3 } from "@excalidraw/common";
+var shortcutMap = {
+  toggleTheme: [getShortcutKey("Shift+Alt+D")],
+  saveScene: [getShortcutKey("CtrlOrCmd+S")],
+  loadScene: [getShortcutKey("CtrlOrCmd+O")],
+  imageExport: [getShortcutKey("CtrlOrCmd+Shift+E")],
+  cut: [getShortcutKey("CtrlOrCmd+X")],
+  copy: [getShortcutKey("CtrlOrCmd+C")],
+  paste: [getShortcutKey("CtrlOrCmd+V")],
+  copyStyles: [getShortcutKey("CtrlOrCmd+Alt+C")],
+  pasteStyles: [getShortcutKey("CtrlOrCmd+Alt+V")],
+  selectAll: [getShortcutKey("CtrlOrCmd+A")],
+  deleteSelectedElements: [getShortcutKey("Delete")],
+  duplicateSelection: [
+    getShortcutKey("CtrlOrCmd+D"),
+    getShortcutKey(`Alt+${t("helpDialog.drag")}`)
+  ],
+  sendBackward: [getShortcutKey("CtrlOrCmd+[")],
+  bringForward: [getShortcutKey("CtrlOrCmd+]")],
+  sendToBack: [
+    isDarwin3 ? getShortcutKey("CtrlOrCmd+Alt+[") : getShortcutKey("CtrlOrCmd+Shift+[")
+  ],
+  bringToFront: [
+    isDarwin3 ? getShortcutKey("CtrlOrCmd+Alt+]") : getShortcutKey("CtrlOrCmd+Shift+]")
+  ],
+  copyAsPng: [getShortcutKey("Shift+Alt+C")],
+  group: [getShortcutKey("CtrlOrCmd+G")],
+  ungroup: [getShortcutKey("CtrlOrCmd+Shift+G")],
+  gridMode: [getShortcutKey("CtrlOrCmd+'")],
+  objectsSnapMode: [getShortcutKey("Alt+S")],
+  stats: [getShortcutKey("Alt+/")],
+  flipHorizontal: [getShortcutKey("Shift+H")],
+  flipVertical: [getShortcutKey("Shift+V")],
+  flipViewpointHorizontal: [getShortcutKey("Shift+R")],
+  flipViewpointVertical: [getShortcutKey("Alt+Shift+R")],
+  viewMode: [getShortcutKey("Alt+R")],
+  hyperlink: [getShortcutKey("CtrlOrCmd+K")],
+  toggleElementLock: [getShortcutKey("CtrlOrCmd+Shift+L")],
+  resetZoom: [getShortcutKey("CtrlOrCmd+0")],
+  zoomOut: [getShortcutKey("CtrlOrCmd+-")],
+  zoomIn: [getShortcutKey("CtrlOrCmd++")],
+  zoomToFitSelection: [],
+  zoomToFit: [],
+  zoomToFitSelectionInViewport: [],
+  smartZoom: [getShortcutKey("F")],
+  saveFileToDisk: [getShortcutKey("CtrlOrCmd+S")],
+  saveToActiveFile: [getShortcutKey("CtrlOrCmd+S")],
+  toggleShortcuts: [getShortcutKey("?")],
+  searchMenu: [getShortcutKey("CtrlOrCmd+F")],
+  wrapSelectionInFrame: [],
+  arrangeElements: [getShortcutKey("Shift+A")],
+  toolLock: [getShortcutKey("Q")]
+};
+var getShortcutFromShortcutName = (name, idx = 0) => {
+  const shortcuts = shortcutMap[name];
+  return shortcuts && shortcuts.length > 0 ? shortcuts[idx] || shortcuts[0] : "";
+};
+var getActionShortcut = (name) => {
+  if (!Object.prototype.hasOwnProperty.call(shortcutMap, name)) {
+    return void 0;
+  }
+  return getShortcutFromShortcutName(name) || void 0;
+};
+
 // renderer/interactiveScene.ts
 import {
   clamp as clamp7,
@@ -25441,65 +25527,6 @@ var BraveMeasureTextError_default = BraveMeasureTextError;
 import clsx27 from "clsx";
 import React20 from "react";
 
-// actions/shortcuts.ts
-import { isDarwin as isDarwin3 } from "@excalidraw/common";
-var shortcutMap = {
-  toggleTheme: [getShortcutKey("Shift+Alt+D")],
-  saveScene: [getShortcutKey("CtrlOrCmd+S")],
-  loadScene: [getShortcutKey("CtrlOrCmd+O")],
-  imageExport: [getShortcutKey("CtrlOrCmd+Shift+E")],
-  cut: [getShortcutKey("CtrlOrCmd+X")],
-  copy: [getShortcutKey("CtrlOrCmd+C")],
-  paste: [getShortcutKey("CtrlOrCmd+V")],
-  copyStyles: [getShortcutKey("CtrlOrCmd+Alt+C")],
-  pasteStyles: [getShortcutKey("CtrlOrCmd+Alt+V")],
-  selectAll: [getShortcutKey("CtrlOrCmd+A")],
-  deleteSelectedElements: [getShortcutKey("Delete")],
-  duplicateSelection: [
-    getShortcutKey("CtrlOrCmd+D"),
-    getShortcutKey(`Alt+${t("helpDialog.drag")}`)
-  ],
-  sendBackward: [getShortcutKey("CtrlOrCmd+[")],
-  bringForward: [getShortcutKey("CtrlOrCmd+]")],
-  sendToBack: [
-    isDarwin3 ? getShortcutKey("CtrlOrCmd+Alt+[") : getShortcutKey("CtrlOrCmd+Shift+[")
-  ],
-  bringToFront: [
-    isDarwin3 ? getShortcutKey("CtrlOrCmd+Alt+]") : getShortcutKey("CtrlOrCmd+Shift+]")
-  ],
-  copyAsPng: [getShortcutKey("Shift+Alt+C")],
-  group: [getShortcutKey("CtrlOrCmd+G")],
-  ungroup: [getShortcutKey("CtrlOrCmd+Shift+G")],
-  gridMode: [getShortcutKey("CtrlOrCmd+'")],
-  objectsSnapMode: [getShortcutKey("Alt+S")],
-  stats: [getShortcutKey("Alt+/")],
-  flipHorizontal: [getShortcutKey("Shift+H")],
-  flipVertical: [getShortcutKey("Shift+V")],
-  flipViewpointHorizontal: [getShortcutKey("Shift+R")],
-  flipViewpointVertical: [getShortcutKey("Alt+Shift+R")],
-  viewMode: [getShortcutKey("Alt+R")],
-  hyperlink: [getShortcutKey("CtrlOrCmd+K")],
-  toggleElementLock: [getShortcutKey("CtrlOrCmd+Shift+L")],
-  resetZoom: [getShortcutKey("CtrlOrCmd+0")],
-  zoomOut: [getShortcutKey("CtrlOrCmd+-")],
-  zoomIn: [getShortcutKey("CtrlOrCmd++")],
-  zoomToFitSelection: [],
-  zoomToFit: [],
-  zoomToFitSelectionInViewport: [],
-  smartZoom: [getShortcutKey("F")],
-  saveFileToDisk: [getShortcutKey("CtrlOrCmd+S")],
-  saveToActiveFile: [getShortcutKey("CtrlOrCmd+S")],
-  toggleShortcuts: [getShortcutKey("?")],
-  searchMenu: [getShortcutKey("CtrlOrCmd+F")],
-  wrapSelectionInFrame: [],
-  arrangeElements: [getShortcutKey("Shift+A")],
-  toolLock: [getShortcutKey("Q")]
-};
-var getShortcutFromShortcutName = (name, idx = 0) => {
-  const shortcuts = shortcutMap[name];
-  return shortcuts && shortcuts.length > 0 ? shortcuts[idx] || shortcuts[0] : "";
-};
-
 // components/Popover.tsx
 import { useLayoutEffect as useLayoutEffect4, useRef as useRef16, useEffect as useEffect23 } from "react";
 import { unstable_batchedUpdates as unstable_batchedUpdates2 } from "react-dom";
@@ -28825,6 +28852,40 @@ var PreferencesToggleViewModeItem = () => {
     }
   );
 };
+var PreferencesMyOCDesktopUIModeItem = () => {
+  const { t: t2 } = useI18n();
+  const app = useApp();
+  const editorInterface = useEditorInterface();
+  if (editorInterface.formFactor !== "desktop") {
+    return null;
+  }
+  const description = t2("labels.preferences_myocDesktopUIDescription");
+  return /* @__PURE__ */ jsx92(
+    DropdownMenuItemContentRadio_default,
+    {
+      name: "myocDesktopUIMode",
+      value: editorInterface.desktopUIMode,
+      onChange: (mode) => app.setDesktopUIMode(mode),
+      choices: [
+        {
+          value: "full",
+          label: t2("labels.preferences_myocDesktopUIFull"),
+          ariaLabel: `${t2(
+            "labels.preferences_myocDesktopUIFull"
+          )}. ${description}`
+        },
+        {
+          value: "compact",
+          label: t2("labels.preferences_myocDesktopUICompact"),
+          ariaLabel: `${t2(
+            "labels.preferences_myocDesktopUICompact"
+          )}. ${description}`
+        }
+      ],
+      children: /* @__PURE__ */ jsx92("span", { title: description, children: t2("labels.preferences_myocDesktopUISize") })
+    }
+  );
+};
 var PreferencesToggleElementPropertiesItem = () => {
   const { t: t2 } = useI18n();
   const actionManager = useExcalidrawActionManager();
@@ -28851,6 +28912,7 @@ var Preferences = ({
     /* @__PURE__ */ jsx92(DropdownMenuSub_default.Trigger, { icon: settingsIcon, children: t2("labels.preferences") }),
     /* @__PURE__ */ jsxs49(DropdownMenuSub_default.Content, { className: "excalidraw-main-menu-preferences-submenu", children: [
       children || /* @__PURE__ */ jsxs49(Fragment15, { children: [
+        /* @__PURE__ */ jsx92(PreferencesMyOCDesktopUIModeItem, {}),
         /* @__PURE__ */ jsx92(PreferencesBoxSelectionModeItem, {}),
         /* @__PURE__ */ jsx92(PreferencesToggleToolLockItem, {}),
         /* @__PURE__ */ jsx92(PreferencesToggleSnapModeItem, {}),
@@ -36635,6 +36697,99 @@ var App = class _App extends React41.Component {
     __publicField(this, "missingPointerEventCleanupEmitter", new Emitter3());
     __publicField(this, "onRemoveEventListenersEmitter", new Emitter3());
     __publicField(this, "api");
+    __publicField(this, "getCommandToolTypes", () => this.state.myocSimplifiedMode ? [
+      ...MYOC_SIMPLIFIED_MAIN_TOOL_TYPES,
+      ...MYOC_SIMPLIFIED_EXTRA_TOOL_TYPES
+    ] : Object.keys(TOOLS));
+    __publicField(this, "resolveCommandToolType", (type) => {
+      if (!Object.prototype.hasOwnProperty.call(TOOLS, type)) {
+        return null;
+      }
+      const catalogType = type;
+      if (!this.getCommandToolTypes().includes(catalogType)) {
+        return null;
+      }
+      const toolType = catalogType === "selection" ? this.state.preferredSelectionTool.type : catalogType;
+      if (!this.isToolSupported(toolType) || this.props.activeTool != null && this.props.activeTool.type !== toolType) {
+        return null;
+      }
+      return toolType;
+    });
+    __publicField(this, "getCommandActionEntry", (action, elements) => {
+      if (!action.keyTest || !this.actionManager.isActionAvailableForUI(action)) {
+        return null;
+      }
+      const resolvedLabel = typeof action.label === "function" ? action.label(elements, this.state, this) : action.label;
+      if (!resolvedLabel.trim()) {
+        return null;
+      }
+      const resolvedIcon = typeof action.icon === "function" ? action.icon(this.state, elements) : action.icon;
+      const shortcut = getActionShortcut(action.name);
+      return {
+        id: `action:${action.name}`,
+        kind: "action",
+        label: t(resolvedLabel, null, resolvedLabel),
+        ...resolvedIcon ? { icon: resolvedIcon } : {},
+        ...action.keywords ? { keywords: action.keywords } : {},
+        ...shortcut ? { shortcut } : {}
+      };
+    });
+    __publicField(this, "getCommandCatalog", () => {
+      const elements = this.actionManager.getElementsIncludingDeleted();
+      const actions2 = Object.values(this.actionManager.actions).flatMap(
+        (action) => {
+          const entry = this.getCommandActionEntry(action, elements);
+          return entry ? [entry] : [];
+        }
+      );
+      const tools = this.getCommandToolTypes().flatMap((type) => {
+        const resolvedType = this.resolveCommandToolType(type);
+        if (!resolvedType) {
+          return [];
+        }
+        const shortcut = getToolShortcut(type);
+        return [
+          {
+            id: `tool:${type}`,
+            kind: "tool",
+            label: capitalizeString4(t(`toolBar.${resolvedType}`)),
+            icon: TOOLS[resolvedType].icon,
+            ...shortcut ? { shortcut } : {}
+          }
+        ];
+      });
+      return [...actions2, ...tools];
+    });
+    __publicField(this, "executeCommand", (id) => {
+      if (id.startsWith("action:")) {
+        const actionName = id.slice("action:".length);
+        if (!Object.prototype.hasOwnProperty.call(
+          this.actionManager.actions,
+          actionName
+        )) {
+          return false;
+        }
+        const action = this.actionManager.actions[actionName];
+        if (!action || `action:${action.name}` !== id || !this.getCommandActionEntry(
+          action,
+          this.actionManager.getElementsIncludingDeleted()
+        )) {
+          return false;
+        }
+        this.actionManager.executeAction(action, "ui");
+        return true;
+      }
+      if (!id.startsWith("tool:")) {
+        return false;
+      }
+      const type = id.slice("tool:".length);
+      const resolvedType = this.resolveCommandToolType(type);
+      if (!resolvedType) {
+        return false;
+      }
+      this.setActiveTool({ type: resolvedType });
+      return true;
+    });
     /**
      * Whether the tool can be activated & driven by user input. False when
      * disabled via `UIOptions.tools`, or when the editor is non-interactive
@@ -37472,13 +37627,16 @@ var App = class _App extends React41.Component {
         }));
       }
     });
-    /** TO BE USED LATER */
     __publicField(this, "setDesktopUIMode", (mode) => {
       const nextMode = setDesktopUIMode(mode);
+      if (!nextMode || nextMode === this.editorInterface.desktopUIMode) {
+        return;
+      }
       this.editorInterface = updateObject2(this.editorInterface, {
         desktopUIMode: nextMode
       });
       this.reconcileStylesPanelMode(this.editorInterface);
+      this.forceUpdate();
     });
     __publicField(this, "onResize", withBatchedUpdates(() => {
       this.scene.getElementsIncludingDeleted().forEach((element) => ShapeCache7.delete(element));
@@ -42795,6 +42953,8 @@ var App = class _App extends React41.Component {
       registerAction: (action) => {
         this.actionManager.registerAction(action);
       },
+      getCommandCatalog: this.getCommandCatalog,
+      executeCommand: this.executeCommand,
       refresh: this.refresh,
       setToast: this.setToast,
       id: this.id,