microboard-temp 0.14.20 → 0.14.22

package/dist/cjs/browser.js

@@ -676,6 +676,7 @@ __export(exports_browser, {
   overlaySymbolIcon: () => overlaySymbolIcon,
   overlayAssetIcon: () => overlayAssetIcon,
   omitDefaultProperties: () => omitDefaultProperties,
+  normalizeOverlayIconAssetPath: () => normalizeOverlayIconAssetPath,
   messageRouter: () => messageRouter,
   meetsWCAG_AAA: () => meetsWCAG_AAA,
   meetsWCAG_AA: () => meetsWCAG_AA,
@@ -744,6 +745,7 @@ __export(exports_browser, {
   calculatePosition: () => calculatePosition,
   calculateAudioPosition: () => calculateAudioPosition,
   borderWidths: () => borderWidths,
+  WorkflowTool: () => WorkflowTool,
   VideoItem: () => VideoItem,
   Transformation: () => Transformation,
   Tools: () => Tools,
@@ -776,6 +778,7 @@ __export(exports_browser, {
   PRESENCE_CLEANUP_IDLE_TIMER: () => PRESENCE_CLEANUP_IDLE_TIMER,
   OVERLAY_SYMBOL_KEYS: () => OVERLAY_SYMBOL_KEYS,
   OVERLAY_ICON_SPRITE_PATH: () => OVERLAY_ICON_SPRITE_PATH,
+  OVERLAY_ICON_ASSET_PREFIX: () => OVERLAY_ICON_ASSET_PREFIX,
   MiroItemConverter: () => MiroItemConverter,
   Mbr: () => Mbr,
   Matrix: () => Matrix,
@@ -11723,7 +11726,11 @@ function toLocalTransformOp(op, containerMatrix, itemId) {
   }
 }
 // src/Overlay/IconPack.ts
-var OVERLAY_ICON_SPRITE_PATH = "src/Overlay/overlay-icons.svg";
+var OVERLAY_ICON_ASSET_PREFIX = "overlay-icons/";
+var OVERLAY_ICON_SPRITE_PATH = normalizeOverlayIconAssetPath("src/Overlay/overlay-icons.svg");
+function normalizeOverlayIconAssetPath(sourcePath) {
+  return sourcePath.startsWith("src/") ? `${OVERLAY_ICON_ASSET_PREFIX}${sourcePath.slice(4)}` : sourcePath;
+}
 function overlaySymbolIcon(key) {
   return {
     kind: "symbol",
@@ -11731,15 +11738,18 @@ function overlaySymbolIcon(key) {
     sourcePath: OVERLAY_ICON_SPRITE_PATH
   };
 }
-function overlayAssetIcon(path2, state) {
+function overlayAssetIcon(sourcePath, state) {
+  const path2 = normalizeOverlayIconAssetPath(sourcePath);
   return state ? {
     kind: "asset",
     path: path2,
+    sourcePath,
     mimeType: "image/svg+xml",
     state
   } : {
     kind: "asset",
     path: path2,
+    sourcePath,
     mimeType: "image/svg+xml"
   };
 }
@@ -11899,10 +11909,23 @@ function compareEntriesByOrder(a, b) {
   return aOrder - bOrder || aLabel.localeCompare(bLabel);
 }
 function readOverlayValueSource(context, source) {
+  if (source.kind === "selectionProperty") {
+    return readOverlayContextProperty(context.selection, source.property);
+  }
   if (source.kind === "itemProperty") {
-    return context.item ? context.item[source.property] : undefined;
+    return readOverlayContextProperty(context.item, source.property);
+  }
+  return readOverlayContextProperty(context.tool, source.property);
+}
+function readOverlayContextProperty(target, property) {
+  if (!target) {
+    return;
+  }
+  const value = target[property];
+  if (typeof value === "function") {
+    return value.call(target);
   }
-  return context.tool ? context.tool[source.property] : undefined;
+  return value;
 }
 // src/Items/BaseItem/BaseItem.ts
 class BaseItem {
@@ -63036,6 +63059,10 @@ class Drawing extends BaseItem {
     this.path2d = new conf.path2DFactory;
     const context = this.path2d;
     const points = this.points;
+    if (points.length === 0) {
+      this.untransformedMbr = new Mbr;
+      return;
+    }
     if (points.length < 3) {
       context.arc(points[0].x, points[0].y, 0.5, 0, Math.PI * 2, true);
       context.closePath();
@@ -63086,6 +63113,9 @@ class Drawing extends BaseItem {
     }
   }
   optimizePoints() {
+    if (this.points.length === 0) {
+      return;
+    }
     const dp = douglasPeucker(this.points, 1);
     dp.push(this.points[this.points.length - 1]);
     this.points = dp;
@@ -63371,6 +63401,68 @@ var propertyOps = {
   }
 };
 
+// src/Tools/Tool.ts
+class Tool {
+  leftButtonDown() {
+    return false;
+  }
+  leftButtonUp() {
+    return false;
+  }
+  leftButtonDouble() {
+    return false;
+  }
+  rightButtonDown() {
+    return false;
+  }
+  rightButtonUp() {
+    return false;
+  }
+  rightButtonDouble() {
+    return false;
+  }
+  middleButtonDown() {
+    return false;
+  }
+  middleButtonUp() {
+    return false;
+  }
+  middleButtonDouble() {
+    return false;
+  }
+  keyDown(_key) {
+    return false;
+  }
+  keyUp(_key) {
+    return false;
+  }
+  pointerMoveBy(_x, _y) {
+    return false;
+  }
+  pointerDown() {
+    return false;
+  }
+  pointerUp() {
+    return false;
+  }
+  onCancel() {}
+  onConfirm() {}
+  render(_context) {}
+}
+
+// src/Tools/BoardTool.ts
+class BoardTool extends Tool {
+  board;
+  constructor(board) {
+    super();
+    this.board = board;
+  }
+}
+
+// src/Tools/WorkflowTool.ts
+class WorkflowTool extends BoardTool {
+}
+
 // src/Items/Card/CardOverlay.ts
 var cardOverlay = {
   itemType: "Card",
@@ -63406,6 +63498,73 @@ var cardOverlay = {
     }
   ]
 };
+var addCardToolOverlay = {
+  toolName: "AddCard",
+  label: "Card",
+  kind: "create",
+  createsItemType: "Card",
+  family: "game",
+  icon: overlayAssetIcon("src/Items/Card/icons/Tool.icon.svg"),
+  launch: {
+    kind: "workflow",
+    workflow: {
+      kind: "property-sheet",
+      description: "Upload front and back images for one or more cards.",
+      submitLabel: "Create cards",
+      controls: [
+        {
+          id: "cardArtwork",
+          label: "Card artwork",
+          editor: {
+            kind: "asset-upload",
+            mode: "paired",
+            fields: [
+              {
+                id: "face",
+                label: "Front",
+                accept: ["image/*"],
+                required: true
+              },
+              {
+                id: "back",
+                label: "Back",
+                accept: ["image/*"],
+                required: true
+              }
+            ]
+          }
+        }
+      ],
+      submit: {
+        kind: "create-items",
+        itemType: "Card",
+        strategy: "per-upload-entry",
+        placement: "stagger-from-pointer",
+        properties: [
+          {
+            property: "faceUrl",
+            source: { kind: "uploadField", controlId: "cardArtwork", fieldId: "face" }
+          },
+          {
+            property: "backsideUrl",
+            source: { kind: "uploadField", controlId: "cardArtwork", fieldId: "back" }
+          }
+        ]
+      }
+    }
+  },
+  surface: {
+    order: 4,
+    group: {
+      id: "gameItems",
+      label: "Game items",
+      icon: overlayAssetIcon("src/Items/Dice/icons/Tool.icon.svg"),
+      order: 1,
+      behavior: "open-panel"
+    },
+    relatedToolNames: ["AddDice", "AddScreen", "AddPouch"]
+  }
+};
 
 // src/Items/Card/Card.ts
 var defaultCardData = {
@@ -63600,6 +63759,11 @@ registerItem({
   defaultData: defaultCardData,
   overlay: cardOverlay
 });
+registerTool({
+  name: "AddCard",
+  tool: WorkflowTool,
+  overlay: addCardToolOverlay
+});
 registerHotkey({
   name: "Rotate90deg",
   hotkey: { key: { button: "KeyQ", shift: true }, label: { windows: "Shift+Q", mac: "⇧Q" } },
@@ -64106,64 +64270,6 @@ registerHotkey({
   }
 });
 registerSelectionAction(createDeckSelectionAction);
-// src/Tools/Tool.ts
-class Tool {
-  leftButtonDown() {
-    return false;
-  }
-  leftButtonUp() {
-    return false;
-  }
-  leftButtonDouble() {
-    return false;
-  }
-  rightButtonDown() {
-    return false;
-  }
-  rightButtonUp() {
-    return false;
-  }
-  rightButtonDouble() {
-    return false;
-  }
-  middleButtonDown() {
-    return false;
-  }
-  middleButtonUp() {
-    return false;
-  }
-  middleButtonDouble() {
-    return false;
-  }
-  keyDown(_key) {
-    return false;
-  }
-  keyUp(_key) {
-    return false;
-  }
-  pointerMoveBy(_x, _y) {
-    return false;
-  }
-  pointerDown() {
-    return false;
-  }
-  pointerUp() {
-    return false;
-  }
-  onCancel() {}
-  onConfirm() {}
-  render(_context) {}
-}
-
-// src/Tools/BoardTool.ts
-class BoardTool extends Tool {
-  board;
-  constructor(board) {
-    super();
-    this.board = board;
-  }
-}
-
 // src/Tools/CustomTool.ts
 class CustomTool extends BoardTool {
   name;
@@ -67967,6 +68073,125 @@ class Presence {
   }
 }
 
+// src/Selection/SelectionOverlay.ts
+function everyItemHasRichText(items) {
+  return items.length > 0 && items.every((item) => !!item.getRichText?.());
+}
+registerSelectionAction({
+  id: "selection.delete",
+  label: "Delete",
+  icon: overlayAssetIcon("src/Overlay/icons/Delete.icon.svg"),
+  description: "Removes the selected items from the board.",
+  invoke: { kind: "selectionMethod", methodName: "removeFromBoard" },
+  isAvailable: (items) => items.length > 0
+});
+registerSelectionAction({
+  id: "selection.duplicate",
+  label: "Duplicate",
+  icon: overlayAssetIcon("src/Overlay/icons/Duplicate.icon.svg"),
+  description: "Duplicates the selected items.",
+  invoke: { kind: "selectionMethod", methodName: "duplicate" },
+  isAvailable: (items) => items.length > 0
+});
+registerSelectionAction({
+  id: "selection.lock",
+  label: "Lock",
+  icon: overlayAssetIcon("src/Overlay/icons/Lock.icon.svg"),
+  description: "Locks the selected items.",
+  invoke: { kind: "selectionMethod", methodName: "lock" },
+  isAvailable: (items) => items.length > 0 && !items.some((item) => item.transformation.isLocked)
+});
+registerSelectionAction({
+  id: "selection.unlock",
+  label: "Unlock",
+  icon: overlayAssetIcon("src/Overlay/icons/Unlock.icon.svg"),
+  description: "Unlocks the selected items.",
+  invoke: { kind: "selectionMethod", methodName: "unlock" },
+  isAvailable: (items) => items.some((item) => item.transformation.isLocked)
+});
+registerSelectionAction({
+  id: "selection.bringToFront",
+  label: "Bring to front",
+  icon: overlayAssetIcon("src/Overlay/icons/BringToFront.icon.svg"),
+  description: "Moves the selection above overlapping items.",
+  invoke: { kind: "selectionMethod", methodName: "bringToFront" },
+  isAvailable: (items) => items.length > 0
+});
+registerSelectionAction({
+  id: "selection.sendToBack",
+  label: "Send to back",
+  icon: overlayAssetIcon("src/Overlay/icons/SendToBack.icon.svg"),
+  description: "Moves the selection behind overlapping items.",
+  invoke: { kind: "selectionMethod", methodName: "sendToBack" },
+  isAvailable: (items) => items.length > 0
+});
+registerSelectionAction({
+  id: "selection.text.fontSize",
+  label: "Font size",
+  icon: styleFontSizeIcon(),
+  invoke: { kind: "selectionMethod", methodName: "setFontSize" },
+  controls: [
+    {
+      id: "fontSize",
+      label: "Font size",
+      valueSource: { kind: "selectionProperty", property: "getFontSize" },
+      editor: {
+        kind: "number-stepper",
+        min: 8,
+        max: 144,
+        step: 1,
+        presets: [12, 14, 16, 18, 24, 32, 48],
+        unit: "px"
+      },
+      invoke: { kind: "selectionMethod", methodName: "setFontSize" }
+    }
+  ],
+  isAvailable: everyItemHasRichText
+});
+registerSelectionAction({
+  id: "selection.text.color",
+  label: "Text color",
+  icon: styleColorIcon({
+    swatch: { kind: "selectionProperty", property: "getFontColor" }
+  }),
+  invoke: { kind: "selectionMethod", methodName: "setFontColor" },
+  controls: [
+    {
+      id: "fontColor",
+      label: "Text color",
+      valueSource: { kind: "selectionProperty", property: "getFontColor" },
+      editor: {
+        kind: "color",
+        palette: ["#111111", "#FFFFFF", "#E11D48", "#2563EB", "#16A34A", "#F59E0B"]
+      },
+      invoke: { kind: "selectionMethod", methodName: "setFontColor" }
+    }
+  ],
+  isAvailable: everyItemHasRichText
+});
+registerSelectionAction({
+  id: "selection.text.highlight",
+  label: "Highlight",
+  icon: {
+    ...overlayAssetIcon("src/Items/Screen/icons/Background.icon.svg"),
+    state: { swatch: { kind: "selectionProperty", property: "getFontHighlight" } }
+  },
+  invoke: { kind: "selectionMethod", methodName: "setFontHighlight" },
+  controls: [
+    {
+      id: "fontHighlight",
+      label: "Highlight",
+      valueSource: { kind: "selectionProperty", property: "getFontHighlight" },
+      editor: {
+        kind: "color",
+        palette: ["transparent", "#FEF08A", "#FDBA74", "#BFDBFE", "#FBCFE8", "#D9F99D"]
+      },
+      invoke: { kind: "selectionMethod", methodName: "setFontHighlight" }
+    }
+  ],
+  isAvailable: everyItemHasRichText
+});
+
 // src/Selection/SelectionItems.ts
 class SelectionItems {
   items = new Map;