microboard-temp 0.4.108 → 0.5.1

package/dist/cjs/browser.js

@@ -626,6 +626,7 @@ var require_escape_html = __commonJS((exports2, module2) => {
 // src/browser.ts
 var exports_browser = {};
 __export(exports_browser, {
+  viewModeHotkeyRegistry: () => viewModeHotkeyRegistry,
   validateRichTextData: () => validateRichTextData,
   validateItemsMap: () => validateItemsMap,
   uploadVideoToStorage: () => uploadVideoToStorage,
@@ -665,6 +666,7 @@ __export(exports_browser, {
   isFiniteNumber: () => isFiniteNumber,
   isControlCharacter: () => isControlCharacter,
   initI18N: () => initI18N,
+  hotkeyNames: () => hotkeyNames,
   getYouTubeVideoPreview: () => getYouTubeVideoPreview,
   getYouTubeThumbnail: () => getYouTubeThumbnail,
   getVideoMetadata: () => getVideoMetadata,
@@ -679,6 +681,7 @@ __export(exports_browser, {
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
+  editModeHotkeyRegistry: () => editModeHotkeyRegistry,
   decodeHtml: () => decodeHtml,
   cursors: () => defaultCursors,
   createVideoItem: () => createVideoItem,
@@ -21666,6 +21669,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -47824,6 +47835,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47912,14 +47936,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -47940,6 +47984,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -49370,10 +49431,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -49753,13 +49815,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -49786,7 +49849,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }

package/dist/cjs/index.js

@@ -626,6 +626,7 @@ var require_escape_html = __commonJS((exports2, module2) => {
 // src/index.ts
 var exports_src = {};
 __export(exports_src, {
+  viewModeHotkeyRegistry: () => viewModeHotkeyRegistry,
   validateRichTextData: () => validateRichTextData,
   validateItemsMap: () => validateItemsMap,
   uploadVideoToStorage: () => uploadVideoToStorage,
@@ -665,6 +666,7 @@ __export(exports_src, {
   isFiniteNumber: () => isFiniteNumber,
   isControlCharacter: () => isControlCharacter,
   initI18N: () => initI18N,
+  hotkeyNames: () => hotkeyNames,
   getYouTubeVideoPreview: () => getYouTubeVideoPreview,
   getYouTubeThumbnail: () => getYouTubeThumbnail,
   getVideoMetadata: () => getVideoMetadata,
@@ -679,6 +681,7 @@ __export(exports_src, {
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
+  editModeHotkeyRegistry: () => editModeHotkeyRegistry,
   decodeHtml: () => decodeHtml,
   cursors: () => defaultCursors,
   createVideoItem: () => createVideoItem,
@@ -21666,6 +21669,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -47824,6 +47835,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47912,14 +47936,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -47940,6 +47984,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -49370,10 +49431,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -49753,13 +49815,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -49786,7 +49849,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }

package/dist/cjs/node.js

@@ -1663,6 +1663,7 @@ var require_css_escape = __commonJS((exports2, module2) => {
 // src/node.ts
 var exports_node = {};
 __export(exports_node, {
+  viewModeHotkeyRegistry: () => viewModeHotkeyRegistry,
   validateRichTextData: () => validateRichTextData,
   validateItemsMap: () => validateItemsMap,
   uploadVideoToStorage: () => uploadVideoToStorage,
@@ -1702,6 +1703,7 @@ __export(exports_node, {
   isFiniteNumber: () => isFiniteNumber,
   isControlCharacter: () => isControlCharacter,
   initI18N: () => initI18N,
+  hotkeyNames: () => hotkeyNames,
   getYouTubeVideoPreview: () => getYouTubeVideoPreview,
   getYouTubeThumbnail: () => getYouTubeThumbnail,
   getVideoMetadata: () => getVideoMetadata,
@@ -1716,6 +1718,7 @@ __export(exports_node, {
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
+  editModeHotkeyRegistry: () => editModeHotkeyRegistry,
   decodeHtml: () => decodeHtml,
   cursors: () => defaultCursors,
   createVideoItem: () => createVideoItem,
@@ -24138,6 +24141,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -50297,6 +50308,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -50385,14 +50409,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -50413,6 +50457,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -51843,10 +51904,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -52226,13 +52288,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -52259,7 +52322,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }

package/dist/esm/browser.js

@@ -21515,6 +21515,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -47673,6 +47681,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47761,14 +47782,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -47789,6 +47830,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -49219,10 +49277,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -49602,13 +49661,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -49635,7 +49695,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }
@@ -56401,6 +56461,7 @@ function initBrowserSettings() {
 // src/browser.ts
 initBrowserSettings();
 export {
+  viewModeHotkeyRegistry,
   validateRichTextData,
   validateItemsMap,
   uploadVideoToStorage,
@@ -56440,6 +56501,7 @@ export {
   isFiniteNumber,
   isControlCharacter,
   initI18N,
+  hotkeyNames,
   getYouTubeVideoPreview,
   getYouTubeThumbnail,
   getVideoMetadata,
@@ -56454,6 +56516,7 @@ export {
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,
+  editModeHotkeyRegistry,
   decodeHtml,
   defaultCursors as cursors,
   createVideoItem,

package/dist/esm/index.js

@@ -21508,6 +21508,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -47666,6 +47674,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47754,14 +47775,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -47782,6 +47823,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -49212,10 +49270,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -49595,13 +49654,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -49628,7 +49688,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }
@@ -56299,6 +56359,7 @@ function initI18N(i18nInstance) {
   return i18nInstance;
 }
 export {
+  viewModeHotkeyRegistry,
   validateRichTextData,
   validateItemsMap,
   uploadVideoToStorage,
@@ -56338,6 +56399,7 @@ export {
   isFiniteNumber,
   isControlCharacter,
   initI18N,
+  hotkeyNames,
   getYouTubeVideoPreview,
   getYouTubeThumbnail,
   getVideoMetadata,
@@ -56352,6 +56414,7 @@ export {
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,
+  editModeHotkeyRegistry,
   decodeHtml,
   defaultCursors as cursors,
   createVideoItem,

package/dist/esm/node.js

@@ -23975,6 +23975,14 @@ class BaseItem extends Mbr {
       this.apply(operation);
     }
   }
+  emitForManyItems(operation) {
+    if (!this.board.events) {
+      return;
+    }
+    const command = createCommand(this.board, operation);
+    command.apply();
+    this.board.events.emit(operation, command);
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -50134,6 +50142,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -50222,14 +50243,34 @@ class Card extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  toggleIsOpen() {
-    this.emit({
-      class: "Card",
-      method: "setIsOpen",
-      item: [this.getId()],
-      newData: { isOpen: !this.isOpen },
-      prevData: { isOpen: this.isOpen }
-    });
+  toggleIsOpen(cards) {
+    const openedCardIds = [];
+    const closedCardIds = [];
+    for (const card of cards) {
+      if (card.isOpen) {
+        openedCardIds.push(card.getId());
+      } else {
+        closedCardIds.push(card.getId());
+      }
+    }
+    if (openedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: false },
+        prevData: { isOpen: true }
+      });
+    }
+    if (closedCardIds.length) {
+      this.emitForManyItems({
+        class: "Card",
+        method: "setIsOpen",
+        item: [this.getId()],
+        newData: { isOpen: true },
+        prevData: { isOpen: false }
+      });
+    }
   }
   apply(op) {
     super.apply(op);
@@ -50250,6 +50291,23 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
+registerHotkey({
+  name: "flipCard",
+  hotkey: { key: { button: "KeyF" }, label: { windows: "F", mac: "F" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Card"],
+    cb: (event, board) => {
+      const cards = board?.selection.items.list();
+      if (!cards) {
+        return;
+      }
+      cards.forEach((card) => {
+        card.toggleIsOpen();
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -51680,10 +51738,11 @@ var hotkeys_default = {
 
 // src/Keyboard/isHotkeyPushed.ts
 function isHotkeyPushed(hotkey, event) {
-  if (!hotkeys_default[hotkey]) {
+  const hotkeys = { ...hotkeys_default, ...hotkeyNames };
+  if (!hotkeys[hotkey]) {
     return false;
   }
-  const { key } = hotkeys_default[hotkey];
+  const { key } = hotkeys[hotkey];
   const isControlPushed = event.ctrlKey || event.metaKey;
   const isShiftPushed = event.shiftKey;
   const isAltPushed = event.altKey;
@@ -52063,13 +52122,14 @@ function logHotkey(hotkeyConfig, hotkeyName, status, context) {
 
 // src/Keyboard/checkHotkeys.ts
 function checkHotkeys(hotkeyMap, event, board) {
-  const entries = Object.entries(hotkeyMap);
+  const fullHotkeysMap = { ...hotkeyMap, ...board.getInterfaceType() === "edit" ? editModeHotkeyRegistry : viewModeHotkeyRegistry };
+  const entries = Object.entries(fullHotkeysMap);
   for (const [hotkey, configOrCb] of entries) {
     if (isHotkeyPushed(hotkey, event)) {
       const context = board.selection.getContext();
       if (typeof configOrCb === "function") {
         event.preventDefault();
-        configOrCb(event);
+        configOrCb(event, board);
         logHotkey(configOrCb, hotkey, "triggered", context);
         return true;
       }
@@ -52096,7 +52156,7 @@ function checkHotkeys(hotkeyMap, event, board) {
       if (preventDefault) {
         event.preventDefault();
       }
-      cb(event);
+      cb(event, board);
       logHotkey(configOrCb, hotkey, "triggered", context);
       return true;
     }
@@ -58934,6 +58994,7 @@ function initNodeSettings() {
 // src/node.ts
 initNodeSettings();
 export {
+  viewModeHotkeyRegistry,
   validateRichTextData,
   validateItemsMap,
   uploadVideoToStorage,
@@ -58973,6 +59034,7 @@ export {
   isFiniteNumber,
   isControlCharacter,
   initI18N,
+  hotkeyNames,
   getYouTubeVideoPreview,
   getYouTubeThumbnail,
   getVideoMetadata,
@@ -58987,6 +59049,7 @@ export {
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,
+  editModeHotkeyRegistry,
   decodeHtml,
   defaultCursors as cursors,
   createVideoItem,

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -61,6 +61,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     serialize(): SerializedItemData;
     isClosed(): boolean;
     emit(operation: Operation | BaseOperation): void;
+    emitForManyItems(operation: Operation | BaseOperation): void;
     apply(op: Operation | BaseItemOperation | BaseOperation): void;
     addOnRemoveCallback(cb: () => void): void;
     onRemove(): void;

package/dist/types/Items/Examples/CardGame/Card/Card.d.ts

@@ -28,6 +28,6 @@ export declare class Card extends BaseItem {
     updateMbr(): void;
     getPath(): Path | Paths;
     deserialize(data: SerializedItemData): this;
-    toggleIsOpen(): void;
+    toggleIsOpen(cards: Card[]): void;
     apply(op: CardOperation): void;
 }

package/dist/types/Keyboard/HotkeyRegistry.d.ts

@@ -0,0 +1,13 @@
+import { type Hotkey, HotkeyConfig, HotkeysMap } from "./types";
+import { Board } from "../Board";
+export declare const editModeHotkeyRegistry: HotkeysMap;
+export declare const viewModeHotkeyRegistry: HotkeysMap;
+export declare const hotkeyNames: Record<string, Hotkey>;
+type RegisterHotkeyArgs = {
+    name: string;
+    hotkey: Hotkey;
+    hotkeyConfig: HotkeyConfig | ((event?: KeyboardEvent, board?: Board) => void);
+    boardMode: "view" | "edit";
+};
+export declare function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }: RegisterHotkeyArgs): void;
+export {};

package/dist/types/Keyboard/index.d.ts

@@ -14,4 +14,5 @@ export { isHotkeyPushed } from "./isHotkeyPushed";
 export * from "./checkHotkeys";
 export { getHotkeyLabel } from "./getHotkeyLabel";
 export { isControlCharacter } from "./isControlCharacter";
+export { editModeHotkeyRegistry, viewModeHotkeyRegistry, hotkeyNames } from "./HotkeyRegistry";
 export type { HotkeysMap } from "./types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.4.108",
+  "version": "0.5.1",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",