@embedpdf/plugin-commands 2.0.0-next.0 → 2.0.0-next.2

package/dist/preact/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/utils/keyboard-handler.ts","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","KeyboardShortcuts","provides","commands","useEffect","handleKeyDown","event","target","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","build","commandId","documentId","setCommand","useState","onCommandStateChanged","usePlugin"],"mappings":"8OAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,ICKjF,SAASC,IACd,MAAQC,SAAUC,GAAaN,IAY/B,OAVAO,EAAAA,UAAU,KACR,IAAKD,EAAU,OAEf,MAAME,ECcH,SAA8BF,GACnC,OAAQG,IAEN,MAAMC,EAASD,EAAMC,OACrB,GAAuB,UAAnBA,EAAOC,SAA0C,aAAnBD,EAAOC,SAA0BD,EAAOE,kBACxE,OAGF,MAAMC,EA/BH,SAA6BJ,GAClC,MAAMK,EAAsB,GAExBL,EAAMM,SAASD,EAAUE,KAAK,QAC9BP,EAAMQ,UAAUH,EAAUE,KAAK,SAC/BP,EAAMS,QAAQJ,EAAUE,KAAK,OAC7BP,EAAMU,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMX,EAAMW,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAaqBC,CAAoBhB,GACrC,IAAKI,EAAU,OAEf,MAAMa,EAAUpB,EAASqB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWtB,EAASuB,QAAQH,EAAQvB,KAEtCyB,EAASE,UAAaF,EAASG,UAKnCtB,EAAMuB,iBACNvB,EAAMwB,kBACN3B,EAAS4B,QAAQR,EAAQvB,QAAI,EAAW,aAE5C,CDxC0BgC,CAAqB7B,GAG3C,OADA8B,SAASC,iBAAiB,UAAW7B,GAC9B,IAAM4B,SAASE,oBAAoB,UAAW9B,IACpD,CAACF,IAGG,IACT,CEdO,MAAMiC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWtC,GACXuC,uFHGuB,CAACC,EAAmBC,KAC5C,MAAMxC,SAAEA,GAAaL,KACd0B,EAASoB,GAAcC,EAAAA,SAAiC,IAC7D1C,EAAWA,EAASwB,QAAQe,EAAWC,GAAc,MAsBvD,OAnBAtC,EAAAA,UAAU,KACR,IAAKF,EAEH,YADAyC,EAAW,MAKbA,EAAWzC,EAASwB,QAAQe,EAAWC,IASvC,OANoBxC,EAAS2C,sBAAuBvC,IAC9CA,EAAMmC,YAAcA,GAAanC,EAAMoC,aAAeA,GACxDC,EAAWzC,EAASwB,QAAQe,EAAWC,OAK1C,CAACxC,EAAUuC,EAAWC,IAElBnB,8BAM0BmB,IACjC,MAAMxC,SAAEA,GAAaL,IAErB,OAAQ4C,IACFvC,GACFA,EAAS6B,QAAQU,EAAWC,EAAY,kEA7Cb,IAAMI,YAA0B/C,EAAAA,eAAeC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/utils/keyboard-handler.ts","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","KeyboardShortcuts","provides","commands","useEffect","handleKeyDown","event","target","composedPath","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","build","commandId","documentId","setCommand","useState","onCommandStateChanged","usePlugin"],"mappings":"8OAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,ICKjF,SAASC,IACd,MAAQC,SAAUC,GAAaN,IAY/B,OAVAO,EAAAA,UAAU,KACR,IAAKD,EAAU,OAEf,MAAME,ECcH,SAA8BF,GACnC,OAAQG,IAEN,MACMC,EADeD,EAAME,eACE,IAAMF,EAAMC,OAGzC,GAAuB,UAAnBA,EAAOE,SAA0C,aAAnBF,EAAOE,SAA0BF,EAAOG,kBACxE,OAGF,MAAMC,EAlCH,SAA6BL,GAClC,MAAMM,EAAsB,GAExBN,EAAMO,SAASD,EAAUE,KAAK,QAC9BR,EAAMS,UAAUH,EAAUE,KAAK,SAC/BR,EAAMU,QAAQJ,EAAUE,KAAK,OAC7BR,EAAMW,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMZ,EAAMY,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAgBqBC,CAAoBjB,GACrC,IAAKK,EAAU,OAEf,MAAMa,EAAUrB,EAASsB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWvB,EAASwB,QAAQH,EAAQxB,KAEtC0B,EAASE,UAAaF,EAASG,UAKnCvB,EAAMwB,iBACNxB,EAAMyB,kBACN5B,EAAS6B,QAAQR,EAAQxB,QAAI,EAAW,aAE5C,CD3C0BiC,CAAqB9B,GAG3C,OADA+B,SAASC,iBAAiB,UAAW9B,GAC9B,IAAM6B,SAASE,oBAAoB,UAAW/B,IACpD,CAACF,IAGG,IACT,CEdO,MAAMkC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWvC,GACXwC,uFHGuB,CAACC,EAAmBC,KAC5C,MAAMzC,SAAEA,GAAaL,KACd2B,EAASoB,GAAcC,EAAAA,SAAiC,IAC7D3C,EAAWA,EAASyB,QAAQe,EAAWC,GAAc,MAsBvD,OAnBAvC,EAAAA,UAAU,KACR,IAAKF,EAEH,YADA0C,EAAW,MAKbA,EAAW1C,EAASyB,QAAQe,EAAWC,IASvC,OANoBzC,EAAS4C,sBAAuBxC,IAC9CA,EAAMoC,YAAcA,GAAapC,EAAMqC,aAAeA,GACxDC,EAAW1C,EAASyB,QAAQe,EAAWC,OAK1C,CAACzC,EAAUwC,EAAWC,IAElBnB,8BAM0BmB,IACjC,MAAMzC,SAAEA,GAAaL,IAErB,OAAQ6C,IACFxC,GACFA,EAAS8B,QAAQU,EAAWC,EAAY,kEA7Cb,IAAMI,YAA0BhD,EAAAA,eAAeC"}

package/dist/preact/index.js

@@ -50,7 +50,8 @@ function buildShortcutString(event) {
 }
 function createKeyDownHandler(commands) {
   return (event) => {
-    const target = event.target;
+    const composedPath = event.composedPath();
+    const target = composedPath[0] || event.target;
     if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
       return;
     }

package/dist/preact/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAS3E,MAAM,aAAa,CAAC,WAAmB,eAA+C;AAC3F,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAAiC,MAC7D,WAAW,SAAS,QAAQ,WAAW,UAAU,IAAI;AAAA,EAAA;AAGvD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI;AACf;AAAA,IACF;AAGA,eAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAGlD,UAAM,cAAc,SAAS,sBAAsB,CAAC,UAAU;AAC5D,UAAI,MAAM,cAAc,aAAa,MAAM,eAAe,YAAY;AACpE,mBAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAAA,MACpD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,WAAW,UAAU,CAAC;AAEpC,SAAO;AACT;AAKO,MAAM,qBAAqB,CAAC,eAAuB;AACxD,QAAM,EAAE,SAAA,IAAa,sBAAA;AAErB,SAAO,CAAC,cAAsB;AAC5B,QAAI,UAAU;AACZ,eAAS,QAAQ,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,EACF;AACF;AC/CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,SAAS,MAAM;AACrB,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;AC9CO,SAAS,oBAAoB;AAClC,QAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,gBAAgB,qBAAqB,QAAQ;AAEnD,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,QAAQ,CAAC;AAGb,SAAO;AACT;ACdO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAS3E,MAAM,aAAa,CAAC,WAAmB,eAA+C;AAC3F,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAAiC,MAC7D,WAAW,SAAS,QAAQ,WAAW,UAAU,IAAI;AAAA,EAAA;AAGvD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI;AACf;AAAA,IACF;AAGA,eAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAGlD,UAAM,cAAc,SAAS,sBAAsB,CAAC,UAAU;AAC5D,UAAI,MAAM,cAAc,aAAa,MAAM,eAAe,YAAY;AACpE,mBAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAAA,MACpD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,WAAW,UAAU,CAAC;AAEpC,SAAO;AACT;AAKO,MAAM,qBAAqB,CAAC,eAAuB;AACxD,QAAM,EAAE,SAAA,IAAa,sBAAA;AAErB,SAAO,CAAC,cAAsB;AAC5B,QAAI,UAAU;AACZ,eAAS,QAAQ,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,EACF;AACF;AC/CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,eAAe,MAAM,aAAA;AAC3B,UAAM,SAAU,aAAa,CAAC,KAAK,MAAM;AAGzC,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;ACjDO,SAAS,oBAAoB;AAClC,QAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,gBAAgB,qBAAqB,QAAQ;AAEnD,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,QAAQ,CAAC;AAGb,SAAO;AACT;ACdO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}

package/dist/react/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands"),r=require("react"),o=require("@embedpdf/core/react"),n=()=>o.useCapability(t.CommandsPlugin.id);function s(){const{provides:e}=n();return r.useEffect(()=>{if(!e)return;const t=function(e){return t=>{const r=t.target;if("INPUT"===r.tagName||"TEXTAREA"===r.tagName||r.isContentEditable)return;const o=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const r=e.key.toLowerCase();return["control","shift","alt","meta"].includes(r)?null:[...t,r].sort().join("+")}(t);if(!o)return;const n=e.getCommandByShortcut(o);if(!n)return;const s=e.resolve(n.id);!s.disabled&&s.visible&&(t.preventDefault(),t.stopPropagation(),e.execute(n.id,void 0,"keyboard"))}}(e);return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]),null}const u=e.createPluginPackage(t.CommandsPluginPackage).addUtility(s).build();exports.CommandsPluginPackage=u,exports.KeyboardShortcuts=s,exports.useCommand=(e,t)=>{const{provides:o}=n(),[s,u]=r.useState(()=>o?o.resolve(e,t):null);return r.useEffect(()=>{if(!o)return void u(null);u(o.resolve(e,t));return o.onCommandStateChanged(r=>{r.commandId===e&&r.documentId===t&&u(o.resolve(e,t))})},[o,e,t]),s},exports.useCommandExecutor=e=>{const{provides:t}=n();return r=>{t&&t.execute(r,e,"ui")}},exports.useCommandsCapability=n,exports.useCommandsPlugin=()=>o.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands"),o=require("react"),r=require("@embedpdf/core/react"),n=()=>r.useCapability(t.CommandsPlugin.id);function s(){const{provides:e}=n();return o.useEffect(()=>{if(!e)return;const t=function(e){return t=>{const o=t.composedPath()[0]||t.target;if("INPUT"===o.tagName||"TEXTAREA"===o.tagName||o.isContentEditable)return;const r=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const o=e.key.toLowerCase();return["control","shift","alt","meta"].includes(o)?null:[...t,o].sort().join("+")}(t);if(!r)return;const n=e.getCommandByShortcut(r);if(!n)return;const s=e.resolve(n.id);!s.disabled&&s.visible&&(t.preventDefault(),t.stopPropagation(),e.execute(n.id,void 0,"keyboard"))}}(e);return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e]),null}const u=e.createPluginPackage(t.CommandsPluginPackage).addUtility(s).build();exports.CommandsPluginPackage=u,exports.KeyboardShortcuts=s,exports.useCommand=(e,t)=>{const{provides:r}=n(),[s,u]=o.useState(()=>r?r.resolve(e,t):null);return o.useEffect(()=>{if(!r)return void u(null);u(r.resolve(e,t));return r.onCommandStateChanged(o=>{o.commandId===e&&o.documentId===t&&u(r.resolve(e,t))})},[r,e,t]),s},exports.useCommandExecutor=e=>{const{provides:t}=n();return o=>{t&&t.execute(o,e,"ui")}},exports.useCommandsCapability=n,exports.useCommandsPlugin=()=>r.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/utils/keyboard-handler.ts","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","KeyboardShortcuts","provides","commands","useEffect","handleKeyDown","event","target","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","build","commandId","documentId","setCommand","useState","onCommandStateChanged","usePlugin"],"mappings":"8MAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,ICKjF,SAASC,IACd,MAAQC,SAAUC,GAAaN,IAY/B,OAVAO,EAAAA,UAAU,KACR,IAAKD,EAAU,OAEf,MAAME,ECcH,SAA8BF,GACnC,OAAQG,IAEN,MAAMC,EAASD,EAAMC,OACrB,GAAuB,UAAnBA,EAAOC,SAA0C,aAAnBD,EAAOC,SAA0BD,EAAOE,kBACxE,OAGF,MAAMC,EA/BH,SAA6BJ,GAClC,MAAMK,EAAsB,GAExBL,EAAMM,SAASD,EAAUE,KAAK,QAC9BP,EAAMQ,UAAUH,EAAUE,KAAK,SAC/BP,EAAMS,QAAQJ,EAAUE,KAAK,OAC7BP,EAAMU,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMX,EAAMW,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAaqBC,CAAoBhB,GACrC,IAAKI,EAAU,OAEf,MAAMa,EAAUpB,EAASqB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWtB,EAASuB,QAAQH,EAAQvB,KAEtCyB,EAASE,UAAaF,EAASG,UAKnCtB,EAAMuB,iBACNvB,EAAMwB,kBACN3B,EAAS4B,QAAQR,EAAQvB,QAAI,EAAW,aAE5C,CDxC0BgC,CAAqB7B,GAG3C,OADA8B,SAASC,iBAAiB,UAAW7B,GAC9B,IAAM4B,SAASE,oBAAoB,UAAW9B,IACpD,CAACF,IAGG,IACT,CEdO,MAAMiC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWtC,GACXuC,uFHGuB,CAACC,EAAmBC,KAC5C,MAAMxC,SAAEA,GAAaL,KACd0B,EAASoB,GAAcC,EAAAA,SAAiC,IAC7D1C,EAAWA,EAASwB,QAAQe,EAAWC,GAAc,MAsBvD,OAnBAtC,EAAAA,UAAU,KACR,IAAKF,EAEH,YADAyC,EAAW,MAKbA,EAAWzC,EAASwB,QAAQe,EAAWC,IASvC,OANoBxC,EAAS2C,sBAAuBvC,IAC9CA,EAAMmC,YAAcA,GAAanC,EAAMoC,aAAeA,GACxDC,EAAWzC,EAASwB,QAAQe,EAAWC,OAK1C,CAACxC,EAAUuC,EAAWC,IAElBnB,8BAM0BmB,IACjC,MAAMxC,SAAEA,GAAaL,IAErB,OAAQ4C,IACFvC,GACFA,EAAS6B,QAAQU,EAAWC,EAAY,kEA7Cb,IAAMI,YAA0B/C,EAAAA,eAAeC"}
+{"version":3,"file":"index.cjs","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/utils/keyboard-handler.ts","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","KeyboardShortcuts","provides","commands","useEffect","handleKeyDown","event","target","composedPath","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","build","commandId","documentId","setCommand","useState","onCommandStateChanged","usePlugin"],"mappings":"8MAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,ICKjF,SAASC,IACd,MAAQC,SAAUC,GAAaN,IAY/B,OAVAO,EAAAA,UAAU,KACR,IAAKD,EAAU,OAEf,MAAME,ECcH,SAA8BF,GACnC,OAAQG,IAEN,MACMC,EADeD,EAAME,eACE,IAAMF,EAAMC,OAGzC,GAAuB,UAAnBA,EAAOE,SAA0C,aAAnBF,EAAOE,SAA0BF,EAAOG,kBACxE,OAGF,MAAMC,EAlCH,SAA6BL,GAClC,MAAMM,EAAsB,GAExBN,EAAMO,SAASD,EAAUE,KAAK,QAC9BR,EAAMS,UAAUH,EAAUE,KAAK,SAC/BR,EAAMU,QAAQJ,EAAUE,KAAK,OAC7BR,EAAMW,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMZ,EAAMY,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAgBqBC,CAAoBjB,GACrC,IAAKK,EAAU,OAEf,MAAMa,EAAUrB,EAASsB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWvB,EAASwB,QAAQH,EAAQxB,KAEtC0B,EAASE,UAAaF,EAASG,UAKnCvB,EAAMwB,iBACNxB,EAAMyB,kBACN5B,EAAS6B,QAAQR,EAAQxB,QAAI,EAAW,aAE5C,CD3C0BiC,CAAqB9B,GAG3C,OADA+B,SAASC,iBAAiB,UAAW9B,GAC9B,IAAM6B,SAASE,oBAAoB,UAAW/B,IACpD,CAACF,IAGG,IACT,CEdO,MAAMkC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWvC,GACXwC,uFHGuB,CAACC,EAAmBC,KAC5C,MAAMzC,SAAEA,GAAaL,KACd2B,EAASoB,GAAcC,EAAAA,SAAiC,IAC7D3C,EAAWA,EAASyB,QAAQe,EAAWC,GAAc,MAsBvD,OAnBAvC,EAAAA,UAAU,KACR,IAAKF,EAEH,YADA0C,EAAW,MAKbA,EAAW1C,EAASyB,QAAQe,EAAWC,IASvC,OANoBzC,EAAS4C,sBAAuBxC,IAC9CA,EAAMoC,YAAcA,GAAapC,EAAMqC,aAAeA,GACxDC,EAAW1C,EAASyB,QAAQe,EAAWC,OAK1C,CAACzC,EAAUwC,EAAWC,IAElBnB,8BAM0BmB,IACjC,MAAMzC,SAAEA,GAAaL,IAErB,OAAQ6C,IACFxC,GACFA,EAAS8B,QAAQU,EAAWC,EAAY,kEA7Cb,IAAMI,YAA0BhD,EAAAA,eAAeC"}

package/dist/react/index.js

@@ -49,7 +49,8 @@ function buildShortcutString(event) {
 }
 function createKeyDownHandler(commands) {
   return (event) => {
-    const target = event.target;
+    const composedPath = event.composedPath();
+    const target = composedPath[0] || event.target;
     if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
       return;
     }

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAS3E,MAAM,aAAa,CAAC,WAAmB,eAA+C;AAC3F,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAAiC,MAC7D,WAAW,SAAS,QAAQ,WAAW,UAAU,IAAI;AAAA,EAAA;AAGvD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI;AACf;AAAA,IACF;AAGA,eAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAGlD,UAAM,cAAc,SAAS,sBAAsB,CAAC,UAAU;AAC5D,UAAI,MAAM,cAAc,aAAa,MAAM,eAAe,YAAY;AACpE,mBAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAAA,MACpD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,WAAW,UAAU,CAAC;AAEpC,SAAO;AACT;AAKO,MAAM,qBAAqB,CAAC,eAAuB;AACxD,QAAM,EAAE,SAAA,IAAa,sBAAA;AAErB,SAAO,CAAC,cAAsB;AAC5B,QAAI,UAAU;AACZ,eAAS,QAAQ,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,EACF;AACF;AC/CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,SAAS,MAAM;AACrB,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;AC9CO,SAAS,oBAAoB;AAClC,QAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,gBAAgB,qBAAqB,QAAQ;AAEnD,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,QAAQ,CAAC;AAGb,SAAO;AACT;ACdO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}
+{"version":3,"file":"index.js","sources":["../../src/shared/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/shared/components/keyboard-shortcuts.tsx","../../src/shared/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/@framework';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\nimport { useState, useEffect } from '@framework';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * Automatically updates when command state changes\n * @param commandId Command ID\n * @param documentId Document ID\n * @returns ResolvedCommand or null if not available\n */\nexport const useCommand = (commandId: string, documentId: string): ResolvedCommand | null => {\n  const { provides } = useCommandsCapability();\n  const [command, setCommand] = useState<ResolvedCommand | null>(() =>\n    provides ? provides.resolve(commandId, documentId) : null,\n  );\n\n  useEffect(() => {\n    if (!provides) {\n      setCommand(null);\n      return;\n    }\n\n    // Initial resolve\n    setCommand(provides.resolve(commandId, documentId));\n\n    // Subscribe to state changes for this command + document\n    const unsubscribe = provides.onCommandStateChanged((event) => {\n      if (event.commandId === commandId && event.documentId === documentId) {\n        setCommand(provides.resolve(commandId, documentId));\n      }\n    });\n\n    return unsubscribe;\n  }, [provides, commandId, documentId]);\n\n  return command;\n};\n\n/**\n * Hook to execute a command\n */\nexport const useCommandExecutor = (documentId: string) => {\n  const { provides } = useCommandsCapability();\n\n  return (commandId: string) => {\n    if (provides) {\n      provides.execute(commandId, documentId, 'ui');\n    }\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { useEffect } from '@framework';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../utils';\n\n/**\n * Utility component that listens to keyboard events\n * and executes commands based on shortcuts.\n * This component doesn't render anything, it just sets up keyboard shortcuts.\n */\nexport function KeyboardShortcuts() {\n  const { provides: commands } = useCommandsCapability();\n\n  useEffect(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [commands]);\n\n  // This component is only used to set up keyboard shortcuts when the plugin is initialized.\n  return null;\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAS3E,MAAM,aAAa,CAAC,WAAmB,eAA+C;AAC3F,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAAiC,MAC7D,WAAW,SAAS,QAAQ,WAAW,UAAU,IAAI;AAAA,EAAA;AAGvD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI;AACf;AAAA,IACF;AAGA,eAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAGlD,UAAM,cAAc,SAAS,sBAAsB,CAAC,UAAU;AAC5D,UAAI,MAAM,cAAc,aAAa,MAAM,eAAe,YAAY;AACpE,mBAAW,SAAS,QAAQ,WAAW,UAAU,CAAC;AAAA,MACpD;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,WAAW,UAAU,CAAC;AAEpC,SAAO;AACT;AAKO,MAAM,qBAAqB,CAAC,eAAuB;AACxD,QAAM,EAAE,SAAA,IAAa,sBAAA;AAErB,SAAO,CAAC,cAAsB;AAC5B,QAAI,UAAU;AACZ,eAAS,QAAQ,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,EACF;AACF;AC/CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,eAAe,MAAM,aAAA;AAC3B,UAAM,SAAU,aAAa,CAAC,KAAK,MAAM;AAGzC,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;ACjDO,SAAS,oBAAoB;AAClC,QAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,YAAU,MAAM;AACd,QAAI,CAAC,SAAU;AAEf,UAAM,gBAAgB,qBAAqB,QAAQ;AAEnD,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,QAAQ,CAAC;AAGb,SAAO;AACT;ACdO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}

package/dist/shared/index.d.ts

@@ -1,4 +1,4 @@
 export * from './hooks';
 export * from './components';
 export * from '../index.ts';
-export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../index.ts').CommandsPlugin, import('../index.ts').CommandsPluginConfig, import('../index.ts').CommandsState, import('../lib/actions').CommandsAction>>;
+export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../index.ts').CommandsPlugin, import('../index.ts').CommandsPluginConfig, import('../index.ts').CommandsState, import('../lib/actions').SetDisabledCategoriesAction>>;

package/dist/shared-preact/index.d.ts

@@ -1,4 +1,4 @@
 export * from './hooks';
 export * from './components';
 export * from '../lib/index.ts';
-export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('../lib/actions').CommandsAction>>;
+export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('../lib/actions').SetDisabledCategoriesAction>>;

package/dist/shared-react/index.d.ts

@@ -1,4 +1,4 @@
 export * from './hooks';
 export * from './components';
 export * from '../lib/index.ts';
-export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('../lib/actions').CommandsAction>>;
+export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('../lib/actions').SetDisabledCategoriesAction>>;

package/dist/svelte/hooks/use-commands.svelte.d.ts

@@ -10,7 +10,7 @@ export declare const useCommandsPlugin: () => {
     ready: Promise<void>;
 };
 interface UseCommandReturn {
-    command: ResolvedCommand | null;
+    current: ResolvedCommand | null;
 }
 /**
  * Hook to get a reactive command for a specific document

package/dist/svelte/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands");require("svelte/internal/disclose-version"),require("svelte/internal/flags/legacy");const n=require("svelte/internal/client"),r=require("svelte"),o=require("@embedpdf/core/svelte");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const i=s(n),a=()=>o.useCapability(t.CommandsPlugin.id);function u(e,t){i.push(t,!1);const{provides:n}=a();r.onMount(()=>{if(!n)return;const e=function(e){return t=>{const n=t.target;if("INPUT"===n.tagName||"TEXTAREA"===n.tagName||n.isContentEditable)return;const r=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const n=e.key.toLowerCase();return["control","shift","alt","meta"].includes(n)?null:[...t,n].sort().join("+")}(t);if(!r)return;const o=e.getCommandByShortcut(r);if(!o)return;const s=e.resolve(o.id);!s.disabled&&s.visible&&(t.preventDefault(),t.stopPropagation(),e.execute(o.id,void 0,"keyboard"))}}(n);return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),i.init(),i.pop()}const l=e.createPluginPackage(t.CommandsPluginPackage).addUtility(u).build();exports.CommandsPluginPackage=l,exports.KeyboardShortcuts=u,exports.useCommand=(e,t)=>{const n=a();let r=i.state(null);const o=i.derived(e),s=i.derived(t);return i.user_effect(()=>{const e=n.provides,t=i.get(o),a=i.get(s);if(e&&t&&a)return i.set(r,e.resolve(t,a),!0),e.onCommandStateChanged(n=>{n.commandId===t&&n.documentId===a&&i.set(r,e.resolve(t,a),!0)});i.set(r,null)}),{get command(){return i.get(r)}}},exports.useCommandsCapability=a,exports.useCommandsPlugin=()=>o.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands");require("svelte/internal/disclose-version"),require("svelte/internal/flags/legacy");const r=require("svelte/internal/client"),n=require("svelte"),o=require("@embedpdf/core/svelte");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const i=s(r),a=()=>o.useCapability(t.CommandsPlugin.id);function u(e,t){i.push(t,!1);const r=a();n.onMount(()=>{if(!r.provides)return;const e=(t=r.provides,e=>{const r=e.composedPath()[0]||e.target;if("INPUT"===r.tagName||"TEXTAREA"===r.tagName||r.isContentEditable)return;const n=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const r=e.key.toLowerCase();return["control","shift","alt","meta"].includes(r)?null:[...t,r].sort().join("+")}(e);if(!n)return;const o=t.getCommandByShortcut(n);if(!o)return;const s=t.resolve(o.id);!s.disabled&&s.visible&&(e.preventDefault(),e.stopPropagation(),t.execute(o.id,void 0,"keyboard"))});var t;return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),i.init(),i.pop()}const l=e.createPluginPackage(t.CommandsPluginPackage).addUtility(u).build();exports.CommandsPluginPackage=l,exports.KeyboardShortcuts=u,exports.useCommand=(e,t)=>{const r=a();let n=i.state(null);const o=i.derived(e),s=i.derived(t);return i.user_effect(()=>{const e=r.provides,t=i.get(o),a=i.get(s);if(e&&t&&a)return i.set(n,e.resolve(t,a),!0),e.onCommandStateChanged(r=>{r.commandId===t&&r.documentId===a&&i.set(n,e.resolve(t,a),!0)});i.set(n,null)}),{get current(){return i.get(n)}}},exports.useCommandsCapability=a,exports.useCommandsPlugin=()=>o.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/svelte/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-commands.svelte.ts","../../src/svelte/components/KeyboardShortcuts.svelte","../../src/shared/utils/keyboard-handler.ts","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseCommandReturn {\n  command: ResolvedCommand | null;\n}\n\n/**\n * Hook to get a reactive command for a specific document\n * @param getCommandId Function that returns the command ID\n * @param getDocumentId Function that returns the document ID\n */\nexport const useCommand = (\n  getCommandId: () => string,\n  getDocumentId: () => string,\n): UseCommandReturn => {\n  const capability = useCommandsCapability();\n\n  let command = $state<ResolvedCommand | null>(null);\n\n  // Reactive commandId and documentId\n  const commandId = $derived(getCommandId());\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const cmdId = commandId;\n    const docId = documentId;\n\n    if (!provides || !cmdId || !docId) {\n      command = null;\n      return;\n    }\n\n    command = provides.resolve(cmdId, docId);\n\n    return provides.onCommandStateChanged((event) => {\n      if (event.commandId === cmdId && event.documentId === docId) {\n        command = provides.resolve(cmdId, docId);\n      }\n    });\n  });\n\n  return {\n    get command() {\n      return command;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { useCommandsCapability } from '../hooks';\n  import { createKeyDownHandler } from '../../shared/utils';\n\n  const { provides: commands } = useCommandsCapability();\n\n  onMount(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  });\n</script>\n\n<!-- This component is only used to set up keyboard shortcuts when the plugin is initialized. -->\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","provides","commands","onMount","handleKeyDown","event","target","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","KeyboardShortcuts","build","getCommandId","getDocumentId","capability","commandId","documentId","$","user_effect","cmdId","docId","set","onCommandStateChanged","usePlugin"],"mappings":"smBAGaA,EAAA,IAA8BC,gBAA8BC,EAAAA,eAAeC,uCCE9EC,SAAUC,GAAaL,IAE/BM,EAAAA,QAAO,SACAD,EAAQ,aAEPE,ECmBH,SAA8BF,GACnC,OAAQG,IAEN,MAAMC,EAASD,EAAMC,OACrB,GAAuB,UAAnBA,EAAOC,SAA0C,aAAnBD,EAAOC,SAA0BD,EAAOE,kBACxE,OAGF,MAAMC,EA/BH,SAA6BJ,GAClC,MAAMK,EAAsB,GAExBL,EAAMM,SAASD,EAAUE,KAAK,QAC9BP,EAAMQ,UAAUH,EAAUE,KAAK,SAC/BP,EAAMS,QAAQJ,EAAUE,KAAK,OAC7BP,EAAMU,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMX,EAAMW,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAaqBC,CAAoBhB,GACrC,IAAKI,EAAU,OAEf,MAAMa,EAAUpB,EAASqB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWtB,EAASuB,QAAQH,EAAQtB,KAEtCwB,EAASE,UAAaF,EAASG,UAKnCtB,EAAMuB,iBACNvB,EAAMwB,kBACN3B,EAAS4B,QAAQR,EAAQtB,QAAI,EAAW,aAE5C,CD7C0B+B,CAAqB7B,GAG9B,OADb8B,SAASC,iBAAiB,UAAW7B,GACxB,IAAA4B,SAASE,oBAAoB,UAAW9B,qBAEzD,CENO,MAAM+B,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWC,GACXC,uFHKU,CACXC,EACAC,KAEM,MAAAC,EAAa9C,IAEf,IAAAyB,UAAyC,MAGvC,MAAAsB,YAAqBH,GACrBI,YAAsBH,UAE5BI,EAAAC,uBACQ9C,EAAW0C,EAAW1C,SACtB+C,QAAQJ,GACRK,QAAQJ,GAET,GAAA5C,GAAa+C,GAAUC,EAOrB,OAFPH,EAAAI,IAAA5B,EAAUrB,EAASwB,QAAQuB,EAAOC,IAAK,GAEhChD,EAASkD,sBAAuB9C,IACjCA,EAAMuC,YAAcI,GAAS3C,EAAMwC,aAAeI,GACpDH,EAAAI,IAAA5B,EAAUrB,EAASwB,QAAQuB,EAAOC,IAAK,KARzCH,EAAAI,IAAA5B,EAAU,SAcR,WAAAA,gBACKA,EACT,8DA9CS,IAA0B8B,YAA0BrD,EAAAA,eAAeC"}
+{"version":3,"file":"index.cjs","sources":["../../src/svelte/hooks/use-commands.svelte.ts","../../src/svelte/components/KeyboardShortcuts.svelte","../../src/shared/utils/keyboard-handler.ts","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseCommandReturn {\n  current: ResolvedCommand | null;\n}\n\n/**\n * Hook to get a reactive command for a specific document\n * @param getCommandId Function that returns the command ID\n * @param getDocumentId Function that returns the document ID\n */\nexport const useCommand = (\n  getCommandId: () => string,\n  getDocumentId: () => string,\n): UseCommandReturn => {\n  const capability = useCommandsCapability();\n\n  let command = $state<ResolvedCommand | null>(null);\n\n  // Reactive commandId and documentId\n  const commandId = $derived(getCommandId());\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const cmdId = commandId;\n    const docId = documentId;\n\n    if (!provides || !cmdId || !docId) {\n      command = null;\n      return;\n    }\n\n    command = provides.resolve(cmdId, docId);\n\n    return provides.onCommandStateChanged((event) => {\n      if (event.commandId === cmdId && event.documentId === docId) {\n        command = provides.resolve(cmdId, docId);\n      }\n    });\n  });\n\n  return {\n    get current() {\n      return command;\n    },\n  };\n};\n","<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { useCommandsCapability } from '../hooks';\n  import { createKeyDownHandler } from '../../shared/utils';\n\n  const commandsCapability = useCommandsCapability();\n\n  onMount(() => {\n    if (!commandsCapability.provides) return;\n\n    const handleKeyDown = createKeyDownHandler(commandsCapability.provides);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  });\n</script>\n\n<!-- This component is only used to set up keyboard shortcuts when the plugin is initialized. -->\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","commandsCapability","onMount","provides","handleKeyDown","commands","event","target","composedPath","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","document","addEventListener","removeEventListener","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","KeyboardShortcuts","build","getCommandId","getDocumentId","capability","commandId","documentId","$","user_effect","cmdId","docId","set","onCommandStateChanged","current","usePlugin"],"mappings":"smBAGaA,EAAA,IAA8BC,gBAA8BC,EAAAA,eAAeC,iCCEhF,MAAAC,EAAqBJ,IAE3BK,EAAAA,QAAO,KACA,IAAAD,EAAmBE,SAAQ,OAE1B,MAAAC,GCmB2BC,EDnBUJ,EAAmBE,SCoBxDG,IAEN,MACMC,EADeD,EAAME,eACE,IAAMF,EAAMC,OAGzC,GAAuB,UAAnBA,EAAOE,SAA0C,aAAnBF,EAAOE,SAA0BF,EAAOG,kBACxE,OAGF,MAAMC,EAlCH,SAA6BL,GAClC,MAAMM,EAAsB,GAExBN,EAAMO,SAASD,EAAUE,KAAK,QAC9BR,EAAMS,UAAUH,EAAUE,KAAK,SAC/BR,EAAMU,QAAQJ,EAAUE,KAAK,OAC7BR,EAAMW,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMZ,EAAMY,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAgBqBC,CAAoBjB,GACrC,IAAKK,EAAU,OAEf,MAAMa,EAAUnB,EAASoB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWrB,EAASsB,QAAQH,EAAQxB,KAEtC0B,EAASE,UAAaF,EAASG,UAKnCvB,EAAMwB,iBACNxB,EAAMyB,kBACN1B,EAAS2B,QAAQR,EAAQxB,QAAI,EAAW,eA3BrC,IAA8BK,EDhBpB,OADb4B,SAASC,iBAAiB,UAAW9B,GACxB,IAAA6B,SAASE,oBAAoB,UAAW/B,qBAEzD,CENO,MAAMgC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWC,GACXC,uFHKU,CACXC,EACAC,KAEM,MAAAC,EAAa/C,IAEf,IAAA2B,UAAyC,MAGvC,MAAAqB,YAAqBH,GACrBI,YAAsBH,UAE5BI,EAAAC,uBACQ7C,EAAWyC,EAAWzC,SACtB8C,QAAQJ,GACRK,QAAQJ,GAET,GAAA3C,GAAa8C,GAAUC,EAOrB,OAFPH,EAAAI,IAAA3B,EAAUrB,EAASwB,QAAQsB,EAAOC,IAAK,GAEhC/C,EAASiD,sBAAuB9C,IACjCA,EAAMuC,YAAcI,GAAS3C,EAAMwC,aAAeI,GACpDH,EAAAI,IAAA3B,EAAUrB,EAASwB,QAAQsB,EAAOC,IAAK,KARzCH,EAAAI,IAAA3B,EAAU,SAcR,WAAA6B,gBACK7B,EACT,8DA9CS,IAA0B8B,YAA0BvD,EAAAA,eAAeC"}

package/dist/svelte/index.d.ts

@@ -1,4 +1,4 @@
 export * from './hooks';
 export * from './components';
 export * from '../lib/index.ts';
-export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('src/lib/actions').CommandsAction>>;
+export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('src/lib/actions').SetDisabledCategoriesAction>>;

package/dist/svelte/index.js

@@ -29,7 +29,7 @@ const useCommand = (getCommandId, getDocumentId) => {
     });
   });
   return {
-    get command() {
+    get current() {
       return $.get(command);
     }
   };
@@ -50,7 +50,8 @@ function buildShortcutString(event) {
 }
 function createKeyDownHandler(commands) {
   return (event) => {
-    const target = event.target;
+    const composedPath = event.composedPath();
+    const target = composedPath[0] || event.target;
     if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
       return;
     }
@@ -69,10 +70,10 @@ function createKeyDownHandler(commands) {
 }
 function KeyboardShortcuts($$anchor, $$props) {
   $.push($$props, false);
-  const { provides: commands } = useCommandsCapability();
+  const commandsCapability = useCommandsCapability();
   onMount(() => {
-    if (!commands) return;
-    const handleKeyDown = createKeyDownHandler(commands);
+    if (!commandsCapability.provides) return;
+    const handleKeyDown = createKeyDownHandler(commandsCapability.provides);
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   });

package/dist/svelte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-commands.svelte.ts","../../src/shared/utils/keyboard-handler.ts","../../src/svelte/components/KeyboardShortcuts.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseCommandReturn {\n  command: ResolvedCommand | null;\n}\n\n/**\n * Hook to get a reactive command for a specific document\n * @param getCommandId Function that returns the command ID\n * @param getDocumentId Function that returns the document ID\n */\nexport const useCommand = (\n  getCommandId: () => string,\n  getDocumentId: () => string,\n): UseCommandReturn => {\n  const capability = useCommandsCapability();\n\n  let command = $state<ResolvedCommand | null>(null);\n\n  // Reactive commandId and documentId\n  const commandId = $derived(getCommandId());\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const cmdId = commandId;\n    const docId = documentId;\n\n    if (!provides || !cmdId || !docId) {\n      command = null;\n      return;\n    }\n\n    command = provides.resolve(cmdId, docId);\n\n    return provides.onCommandStateChanged((event) => {\n      if (event.commandId === cmdId && event.documentId === docId) {\n        command = provides.resolve(cmdId, docId);\n      }\n    });\n  });\n\n  return {\n    get command() {\n      return command;\n    },\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { useCommandsCapability } from '../hooks';\n  import { createKeyDownHandler } from '../../shared/utils';\n\n  const { provides: commands } = useCommandsCapability();\n\n  onMount(() => {\n    if (!commands) return;\n\n    const handleKeyDown = createKeyDownHandler(commands);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  });\n</script>\n\n<!-- This component is only used to set up keyboard shortcuts when the plugin is initialized. -->\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;;;;AAGa,MAAA,wBAAA,MAA8B,cAA8B,eAAe,EAAE;AAC7E,MAAA,oBAAA,MAA0B,UAA0B,eAAe,EAAE;AAYrE,MAAA,aAAA,CACX,cACA,kBACqB;AACf,QAAA,aAAa,sBAAA;AAEf,MAAA,kBAAyC,IAAI;AAG3C,QAAA,sBAAqB,YAAA;AACrB,QAAA,uBAAsB,aAAA;AAE5B,IAAA,kBAAc;UACN,WAAW,WAAW;AACtB,UAAA,cAAQ,SAAA;AACR,UAAA,cAAQ,UAAA;AAET,QAAA,CAAA,YAAA,CAAa,SAAA,CAAU,OAAO;AACjC,QAAA,IAAA,SAAU,IAAA;;IAEZ;AAEA,MAAA,IAAA,SAAU,SAAS,QAAQ,OAAO,KAAK,GAAA,IAAA;AAEhC,WAAA,SAAS,sBAAA,CAAuB,UAAU;UAC3C,MAAM,cAAc,SAAS,MAAM,eAAe,OAAO;AAC3D,UAAA,IAAA,SAAU,SAAS,QAAQ,OAAO,KAAK,GAAA,IAAA;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH,CAAC;;IAGK,IAAA,UAAU;mBACL,OAAA;AAAA,IACT;AAAA;AAEJ;AC9CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,SAAS,MAAM;AACrB,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;8CCvDA;;UAKU,UAAU,SAAQ,IAAK,sBAAqB;AAEpD,UAAO,MAAO;SACP,SAAQ;UAEP,gBAAgB,qBAAqB,QAAQ;AAEnD,aAAS,iBAAiB,WAAW,aAAa;AACrC,WAAA,MAAA,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,CAAC;;;AACH;ACNO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}
+{"version":3,"file":"index.js","sources":["../../src/svelte/hooks/use-commands.svelte.ts","../../src/shared/utils/keyboard-handler.ts","../../src/svelte/components/KeyboardShortcuts.svelte","../../src/svelte/index.ts"],"sourcesContent":["import { useCapability, usePlugin } from '@embedpdf/core/svelte';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n// Define the return type explicitly to maintain type safety\ninterface UseCommandReturn {\n  current: ResolvedCommand | null;\n}\n\n/**\n * Hook to get a reactive command for a specific document\n * @param getCommandId Function that returns the command ID\n * @param getDocumentId Function that returns the document ID\n */\nexport const useCommand = (\n  getCommandId: () => string,\n  getDocumentId: () => string,\n): UseCommandReturn => {\n  const capability = useCommandsCapability();\n\n  let command = $state<ResolvedCommand | null>(null);\n\n  // Reactive commandId and documentId\n  const commandId = $derived(getCommandId());\n  const documentId = $derived(getDocumentId());\n\n  $effect(() => {\n    const provides = capability.provides;\n    const cmdId = commandId;\n    const docId = documentId;\n\n    if (!provides || !cmdId || !docId) {\n      command = null;\n      return;\n    }\n\n    command = provides.resolve(cmdId, docId);\n\n    return provides.onCommandStateChanged((event) => {\n      if (event.commandId === cmdId && event.documentId === docId) {\n        command = provides.resolve(cmdId, docId);\n      }\n    });\n  });\n\n  return {\n    get current() {\n      return command;\n    },\n  };\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","<script lang=\"ts\">\n  import { onMount } from 'svelte';\n  import { useCommandsCapability } from '../hooks';\n  import { createKeyDownHandler } from '../../shared/utils';\n\n  const commandsCapability = useCommandsCapability();\n\n  onMount(() => {\n    if (!commandsCapability.provides) return;\n\n    const handleKeyDown = createKeyDownHandler(commandsCapability.provides);\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  });\n</script>\n\n<!-- This component is only used to set up keyboard shortcuts when the plugin is initialized. -->\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage"],"mappings":";;;;;;;;AAGa,MAAA,wBAAA,MAA8B,cAA8B,eAAe,EAAE;AAC7E,MAAA,oBAAA,MAA0B,UAA0B,eAAe,EAAE;AAYrE,MAAA,aAAA,CACX,cACA,kBACqB;AACf,QAAA,aAAa,sBAAA;AAEf,MAAA,kBAAyC,IAAI;AAG3C,QAAA,sBAAqB,YAAA;AACrB,QAAA,uBAAsB,aAAA;AAE5B,IAAA,kBAAc;UACN,WAAW,WAAW;AACtB,UAAA,cAAQ,SAAA;AACR,UAAA,cAAQ,UAAA;AAET,QAAA,CAAA,YAAA,CAAa,SAAA,CAAU,OAAO;AACjC,QAAA,IAAA,SAAU,IAAA;;IAEZ;AAEA,MAAA,IAAA,SAAU,SAAS,QAAQ,OAAO,KAAK,GAAA,IAAA;AAEhC,WAAA,SAAS,sBAAA,CAAuB,UAAU;UAC3C,MAAM,cAAc,SAAS,MAAM,eAAe,OAAO;AAC3D,UAAA,IAAA,SAAU,SAAS,QAAQ,OAAO,KAAK,GAAA,IAAA;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH,CAAC;;IAGK,IAAA,UAAU;mBACL,OAAA;AAAA,IACT;AAAA;AAEJ;AC9CO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,eAAe,MAAM,aAAA;AAC3B,UAAM,SAAU,aAAa,CAAC,KAAK,MAAM;AAGzC,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;8CC1DA;;AAKQ,QAAA,qBAAqB,sBAAqB;AAEhD,UAAO,MAAO;AACP,QAAA,CAAA,mBAAmB,SAAQ;AAE1B,UAAA,gBAAgB,qBAAqB,mBAAmB,QAAQ;AAEtE,aAAS,iBAAiB,WAAW,aAAa;AACrC,WAAA,MAAA,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,CAAC;;;AACH;ACNO,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAW,iBAAiB,EAC5B,MAAA;"}

package/dist/vue/hooks/use-commands.d.ts

@@ -22,7 +22,7 @@ export declare const useCommand: (commandId: MaybeRefOrGetter<string>, documentI
     readonly visible: boolean;
     readonly shortcuts?: readonly string[] | undefined;
     readonly shortcutLabel?: string | undefined;
-    readonly category?: string | undefined;
+    readonly categories?: readonly string[] | undefined;
     readonly description?: string | undefined;
     readonly execute: () => void;
 } | null, {
@@ -40,7 +40,7 @@ export declare const useCommand: (commandId: MaybeRefOrGetter<string>, documentI
     readonly visible: boolean;
     readonly shortcuts?: readonly string[] | undefined;
     readonly shortcutLabel?: string | undefined;
-    readonly category?: string | undefined;
+    readonly categories?: readonly string[] | undefined;
     readonly description?: string | undefined;
     readonly execute: () => void;
 } | null>>;

package/dist/vue/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands"),n=require("vue"),o=require("@embedpdf/core/vue"),r=()=>o.useCapability(t.CommandsPlugin.id);const u=n.defineComponent({__name:"keyboard-shortcuts",setup(e){const{provides:t}=r();let o=null;return n.onMounted(()=>{if(!t.value)return;const e=function(e){return t=>{const n=t.target;if("INPUT"===n.tagName||"TEXTAREA"===n.tagName||n.isContentEditable)return;const o=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const n=e.key.toLowerCase();return["control","shift","alt","meta"].includes(n)?null:[...t,n].sort().join("+")}(t);if(!o)return;const r=e.getCommandByShortcut(o);if(!r)return;const u=e.resolve(r.id);!u.disabled&&u.visible&&(t.preventDefault(),t.stopPropagation(),e.execute(r.id,void 0,"keyboard"))}}(t.value);document.addEventListener("keydown",e),o=()=>document.removeEventListener("keydown",e)}),n.onUnmounted(()=>{null==o||o()}),(e,t)=>null}}),a=e.createPluginPackage(t.CommandsPluginPackage).addUtility(u).build();exports.CommandsPluginPackage=a,exports.KeyboardShortcuts=u,exports.useCommand=(e,t)=>{const{provides:o}=r(),u=n.ref(null);return n.watch([o,()=>n.toValue(e),()=>n.toValue(t)],([e,t,n],o,r)=>{if(!e)return void(u.value=null);u.value=e.resolve(t,n);r(e.onCommandStateChanged(o=>{o.commandId===t&&o.documentId===n&&(u.value=e.resolve(t,n))}))},{immediate:!0}),n.readonly(u)},exports.useCommandsCapability=r,exports.useCommandsPlugin=()=>o.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@embedpdf/core"),t=require("@embedpdf/plugin-commands"),o=require("vue"),n=require("@embedpdf/core/vue"),r=()=>n.useCapability(t.CommandsPlugin.id);const a=o.defineComponent({__name:"keyboard-shortcuts",setup(e){const{provides:t}=r();let n=null;return o.onMounted(()=>{if(!t.value)return;const e=function(e){return t=>{const o=t.composedPath()[0]||t.target;if("INPUT"===o.tagName||"TEXTAREA"===o.tagName||o.isContentEditable)return;const n=function(e){const t=[];e.ctrlKey&&t.push("ctrl"),e.shiftKey&&t.push("shift"),e.altKey&&t.push("alt"),e.metaKey&&t.push("meta");const o=e.key.toLowerCase();return["control","shift","alt","meta"].includes(o)?null:[...t,o].sort().join("+")}(t);if(!n)return;const r=e.getCommandByShortcut(n);if(!r)return;const a=e.resolve(r.id);!a.disabled&&a.visible&&(t.preventDefault(),t.stopPropagation(),e.execute(r.id,void 0,"keyboard"))}}(t.value);document.addEventListener("keydown",e),n=()=>document.removeEventListener("keydown",e)}),o.onUnmounted(()=>{null==n||n()}),(e,t)=>null}}),u=e.createPluginPackage(t.CommandsPluginPackage).addUtility(a).build();exports.CommandsPluginPackage=u,exports.KeyboardShortcuts=a,exports.useCommand=(e,t)=>{const{provides:n}=r(),a=o.ref(null);return o.watch([n,()=>o.toValue(e),()=>o.toValue(t)],([e,t,o],n,r)=>{if(!e)return void(a.value=null);a.value=e.resolve(t,o);r(e.onCommandStateChanged(n=>{n.commandId===t&&n.documentId===o&&(a.value=e.resolve(t,o))}))},{immediate:!0}),o.readonly(a)},exports.useCommandsCapability=r,exports.useCommandsPlugin=()=>n.usePlugin(t.CommandsPlugin.id),Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
 //# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-commands.ts","../../src/vue/components/keyboard-shortcuts.vue","../../src/shared/utils/keyboard-handler.ts","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch, readonly, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * @param commandId Command ID (can be ref, computed, getter, or plain value)\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useCommand = (\n  commandId: MaybeRefOrGetter<string>,\n  documentId: MaybeRefOrGetter<string>,\n) => {\n  const { provides } = useCommandsCapability();\n  const command = ref<ResolvedCommand | null>(null);\n\n  watch(\n    [provides, () => toValue(commandId), () => toValue(documentId)],\n    ([providesValue, cmdId, docId], _, onCleanup) => {\n      if (!providesValue) {\n        command.value = null;\n        return;\n      }\n\n      command.value = providesValue.resolve(cmdId, docId);\n\n      const unsubscribe = providesValue.onCommandStateChanged((event) => {\n        if (event.commandId === cmdId && event.documentId === docId) {\n          command.value = providesValue.resolve(cmdId, docId);\n        }\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return readonly(command);\n};\n","<template>\n  <!-- This component is only used to set up keyboard shortcuts when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../../shared/utils';\n\nconst { provides: commands } = useCommandsCapability();\n\nlet cleanup: (() => void) | null = null;\n\nonMounted(() => {\n  if (!commands.value) return;\n\n  const handleKeyDown = createKeyDownHandler(commands.value);\n\n  document.addEventListener('keydown', handleKeyDown);\n  cleanup = () => document.removeEventListener('keydown', handleKeyDown);\n});\n\nonUnmounted(() => {\n  cleanup?.();\n});\n</script>\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","provides","commands","cleanup","onMounted","value","handleKeyDown","event","target","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","onUnmounted","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","KeyboardShortcuts","build","commandId","documentId","ref","watch","toValue","providesValue","cmdId","docId","_","onCleanup","onCommandStateChanged","immediate","readonly","usePlugin"],"mappings":"0MAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,oECKxF,MAAQC,SAAUC,GAAaL,IAE/B,IAAIM,EAA+B,YAEnCC,EAAAA,UAAU,KACR,IAAKF,EAASG,MAAO,OAErB,MAAMC,ECaD,SAA8BJ,GACnC,OAAQK,IAEN,MAAMC,EAASD,EAAMC,OACrB,GAAuB,UAAnBA,EAAOC,SAA0C,aAAnBD,EAAOC,SAA0BD,EAAOE,kBACxE,OAGF,MAAMC,EA/BH,SAA6BJ,GAClC,MAAMK,EAAsB,GAExBL,EAAMM,SAASD,EAAUE,KAAK,QAC9BP,EAAMQ,UAAUH,EAAUE,KAAK,SAC/BP,EAAMS,QAAQJ,EAAUE,KAAK,OAC7BP,EAAMU,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMX,EAAMW,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAaqBC,CAAoBhB,GACrC,IAAKI,EAAU,OAEf,MAAMa,EAAUtB,EAASuB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWxB,EAASyB,QAAQH,EAAQxB,KAEtC0B,EAASE,UAAaF,EAASG,UAKnCtB,EAAMuB,iBACNvB,EAAMwB,kBACN7B,EAAS8B,QAAQR,EAAQxB,QAAI,EAAW,aAE5C,CDvCwBiC,CAAqB/B,EAASG,OAEpD6B,SAASC,iBAAiB,UAAW7B,GACrCH,EAAU,IAAM+B,SAASE,oBAAoB,UAAW9B,KAG1D+B,EAAAA,YAAY,KACV,MAAAlC,GAAAA,qBEdWmC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWC,GACXC,uFHCuB,CACxBC,EACAC,KAEA,MAAM5C,SAAEA,GAAaJ,IACf2B,EAAUsB,EAAAA,IAA4B,MAuB5C,OArBAC,EAAAA,MACE,CAAC9C,EAAU,IAAM+C,UAAQJ,GAAY,IAAMI,EAAAA,QAAQH,IACnD,EAAEI,EAAeC,EAAOC,GAAQC,EAAGC,KACjC,IAAKJ,EAEH,YADAzB,EAAQnB,MAAQ,MAIlBmB,EAAQnB,MAAQ4C,EAActB,QAAQuB,EAAOC,GAQ7CE,EANoBJ,EAAcK,sBAAuB/C,IACnDA,EAAMqC,YAAcM,GAAS3C,EAAMsC,aAAeM,IACpD3B,EAAQnB,MAAQ4C,EAActB,QAAQuB,EAAOC,QAMnD,CAAEI,WAAW,IAGRC,EAAAA,SAAShC,8DAnCe,IAAMiC,YAA0B1D,EAAAA,eAAeC"}
+{"version":3,"file":"index.cjs","sources":["../../src/vue/hooks/use-commands.ts","../../src/vue/components/keyboard-shortcuts.vue","../../src/shared/utils/keyboard-handler.ts","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch, readonly, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * @param commandId Command ID (can be ref, computed, getter, or plain value)\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useCommand = (\n  commandId: MaybeRefOrGetter<string>,\n  documentId: MaybeRefOrGetter<string>,\n) => {\n  const { provides } = useCommandsCapability();\n  const command = ref<ResolvedCommand | null>(null);\n\n  watch(\n    [provides, () => toValue(commandId), () => toValue(documentId)],\n    ([providesValue, cmdId, docId], _, onCleanup) => {\n      if (!providesValue) {\n        command.value = null;\n        return;\n      }\n\n      command.value = providesValue.resolve(cmdId, docId);\n\n      const unsubscribe = providesValue.onCommandStateChanged((event) => {\n        if (event.commandId === cmdId && event.documentId === docId) {\n          command.value = providesValue.resolve(cmdId, docId);\n        }\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return readonly(command);\n};\n","<template>\n  <!-- This component is only used to set up keyboard shortcuts when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../../shared/utils';\n\nconst { provides: commands } = useCommandsCapability();\n\nlet cleanup: (() => void) | null = null;\n\nonMounted(() => {\n  if (!commands.value) return;\n\n  const handleKeyDown = createKeyDownHandler(commands.value);\n\n  document.addEventListener('keydown', handleKeyDown);\n  cleanup = () => document.removeEventListener('keydown', handleKeyDown);\n});\n\nonUnmounted(() => {\n  cleanup?.();\n});\n</script>\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["useCommandsCapability","useCapability","CommandsPlugin","id","provides","commands","cleanup","onMounted","value","handleKeyDown","event","target","composedPath","tagName","isContentEditable","shortcut","modifiers","ctrlKey","push","shiftKey","altKey","metaKey","key","toLowerCase","includes","sort","join","buildShortcutString","command","getCommandByShortcut","resolved","resolve","disabled","visible","preventDefault","stopPropagation","execute","createKeyDownHandler","document","addEventListener","removeEventListener","onUnmounted","CommandsPluginPackage","createPluginPackage","BaseCommandsPackage","addUtility","KeyboardShortcuts","build","commandId","documentId","ref","watch","toValue","providesValue","cmdId","docId","_","onCleanup","onCommandStateChanged","immediate","readonly","usePlugin"],"mappings":"0MAIaA,EAAwB,IAAMC,gBAA8BC,EAAAA,eAAeC,oECKxF,MAAQC,SAAUC,GAAaL,IAE/B,IAAIM,EAA+B,YAEnCC,EAAAA,UAAU,KACR,IAAKF,EAASG,MAAO,OAErB,MAAMC,ECaD,SAA8BJ,GACnC,OAAQK,IAEN,MACMC,EADeD,EAAME,eACE,IAAMF,EAAMC,OAGzC,GAAuB,UAAnBA,EAAOE,SAA0C,aAAnBF,EAAOE,SAA0BF,EAAOG,kBACxE,OAGF,MAAMC,EAlCH,SAA6BL,GAClC,MAAMM,EAAsB,GAExBN,EAAMO,SAASD,EAAUE,KAAK,QAC9BR,EAAMS,UAAUH,EAAUE,KAAK,SAC/BR,EAAMU,QAAQJ,EAAUE,KAAK,OAC7BR,EAAMW,SAASL,EAAUE,KAAK,QAGlC,MAAMI,EAAMZ,EAAMY,IAAIC,cAGtB,MAFmB,CAAC,UAAW,QAAS,MAAO,QAAQC,SAASF,GAGvD,KAGK,IAAIN,EAAWM,GAChBG,OAAOC,KAAK,IAC3B,CAgBqBC,CAAoBjB,GACrC,IAAKK,EAAU,OAEf,MAAMa,EAAUvB,EAASwB,qBAAqBd,GAC9C,IAAKa,EAAS,OAGd,MAAME,EAAWzB,EAAS0B,QAAQH,EAAQzB,KAEtC2B,EAASE,UAAaF,EAASG,UAKnCvB,EAAMwB,iBACNxB,EAAMyB,kBACN9B,EAAS+B,QAAQR,EAAQzB,QAAI,EAAW,aAE5C,CD1CwBkC,CAAqBhC,EAASG,OAEpD8B,SAASC,iBAAiB,UAAW9B,GACrCH,EAAU,IAAMgC,SAASE,oBAAoB,UAAW/B,KAG1DgC,EAAAA,YAAY,KACV,MAAAnC,GAAAA,qBEdWoC,EAAwBC,EAAAA,oBAAoBC,EAAAA,uBACtDC,WAAWC,GACXC,uFHCuB,CACxBC,EACAC,KAEA,MAAM7C,SAAEA,GAAaJ,IACf4B,EAAUsB,EAAAA,IAA4B,MAuB5C,OArBAC,EAAAA,MACE,CAAC/C,EAAU,IAAMgD,UAAQJ,GAAY,IAAMI,EAAAA,QAAQH,IACnD,EAAEI,EAAeC,EAAOC,GAAQC,EAAGC,KACjC,IAAKJ,EAEH,YADAzB,EAAQpB,MAAQ,MAIlBoB,EAAQpB,MAAQ6C,EAActB,QAAQuB,EAAOC,GAQ7CE,EANoBJ,EAAcK,sBAAuBhD,IACnDA,EAAMsC,YAAcM,GAAS5C,EAAMuC,aAAeM,IACpD3B,EAAQpB,MAAQ6C,EAActB,QAAQuB,EAAOC,QAMnD,CAAEI,WAAW,IAGRC,EAAAA,SAAShC,8DAnCe,IAAMiC,YAA0B3D,EAAAA,eAAeC"}

package/dist/vue/index.d.ts

@@ -1,4 +1,4 @@
 export * from './hooks';
 export * from './components';
 export * from '../lib/index.ts';
-export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('src/lib/actions').CommandsAction>>;
+export declare const CommandsPluginPackage: import('@embedpdf/core').WithAutoMount<import('@embedpdf/core').PluginPackage<import('../lib/index.ts').CommandsPlugin, import('../lib/index.ts').CommandsPluginConfig, import('../lib/index.ts').CommandsState, import('src/lib/actions').SetDisabledCategoriesAction>>;

package/dist/vue/index.js

@@ -43,7 +43,8 @@ function buildShortcutString(event) {
 }
 function createKeyDownHandler(commands) {
   return (event) => {
-    const target = event.target;
+    const composedPath = event.composedPath();
+    const target = composedPath[0] || event.target;
     if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) {
       return;
     }

package/dist/vue/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/vue/components/keyboard-shortcuts.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch, readonly, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * @param commandId Command ID (can be ref, computed, getter, or plain value)\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useCommand = (\n  commandId: MaybeRefOrGetter<string>,\n  documentId: MaybeRefOrGetter<string>,\n) => {\n  const { provides } = useCommandsCapability();\n  const command = ref<ResolvedCommand | null>(null);\n\n  watch(\n    [provides, () => toValue(commandId), () => toValue(documentId)],\n    ([providesValue, cmdId, docId], _, onCleanup) => {\n      if (!providesValue) {\n        command.value = null;\n        return;\n      }\n\n      command.value = providesValue.resolve(cmdId, docId);\n\n      const unsubscribe = providesValue.onCommandStateChanged((event) => {\n        if (event.commandId === cmdId && event.documentId === docId) {\n          command.value = providesValue.resolve(cmdId, docId);\n        }\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return readonly(command);\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    const target = event.target as HTMLElement;\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","<template>\n  <!-- This component is only used to set up keyboard shortcuts when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../../shared/utils';\n\nconst { provides: commands } = useCommandsCapability();\n\nlet cleanup: (() => void) | null = null;\n\nonMounted(() => {\n  if (!commands.value) return;\n\n  const handleKeyDown = createKeyDownHandler(commands.value);\n\n  document.addEventListener('keydown', handleKeyDown);\n  cleanup = () => document.removeEventListener('keydown', handleKeyDown);\n});\n\nonUnmounted(() => {\n  cleanup?.();\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage","KeyboardShortcuts"],"mappings":";;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAO3E,MAAM,aAAa,CACxB,WACA,eACG;AACH,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,UAAU,IAA4B,IAAI;AAEhD;AAAA,IACE,CAAC,UAAU,MAAM,QAAQ,SAAS,GAAG,MAAM,QAAQ,UAAU,CAAC;AAAA,IAC9D,CAAC,CAAC,eAAe,OAAO,KAAK,GAAG,GAAG,cAAc;AAC/C,UAAI,CAAC,eAAe;AAClB,gBAAQ,QAAQ;AAChB;AAAA,MACF;AAEA,cAAQ,QAAQ,cAAc,QAAQ,OAAO,KAAK;AAElD,YAAM,cAAc,cAAc,sBAAsB,CAAC,UAAU;AACjE,YAAI,MAAM,cAAc,SAAS,MAAM,eAAe,OAAO;AAC3D,kBAAQ,QAAQ,cAAc,QAAQ,OAAO,KAAK;AAAA,QACpD;AAAA,MACF,CAAC;AAED,gBAAU,WAAW;AAAA,IACvB;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO,SAAS,OAAO;AACzB;ACnCO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,SAAS,MAAM;AACrB,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;;;;AC9CA,UAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,QAAI,UAA+B;AAEnC,cAAU,MAAM;AACd,UAAI,CAAC,SAAS,MAAO;AAErB,YAAM,gBAAgB,qBAAqB,SAAS,KAAK;AAEzD,eAAS,iBAAiB,WAAW,aAAa;AAClD,gBAAU,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,IACvE,CAAC;AAED,gBAAY,MAAM;AAChB;AAAA,IACF,CAAC;;;;;;ACfM,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAWC,SAAiB,EAC5B,MAAA;"}
+{"version":3,"file":"index.js","sources":["../../src/vue/hooks/use-commands.ts","../../src/shared/utils/keyboard-handler.ts","../../src/vue/components/keyboard-shortcuts.vue","../../src/vue/index.ts"],"sourcesContent":["import { ref, watch, readonly, toValue, type MaybeRefOrGetter } from 'vue';\nimport { useCapability, usePlugin } from '@embedpdf/core/vue';\nimport { CommandsPlugin, ResolvedCommand } from '@embedpdf/plugin-commands';\n\nexport const useCommandsCapability = () => useCapability<CommandsPlugin>(CommandsPlugin.id);\nexport const useCommandsPlugin = () => usePlugin<CommandsPlugin>(CommandsPlugin.id);\n\n/**\n * Hook to get a reactive command for a specific document\n * @param commandId Command ID (can be ref, computed, getter, or plain value)\n * @param documentId Document ID (can be ref, computed, getter, or plain value)\n */\nexport const useCommand = (\n  commandId: MaybeRefOrGetter<string>,\n  documentId: MaybeRefOrGetter<string>,\n) => {\n  const { provides } = useCommandsCapability();\n  const command = ref<ResolvedCommand | null>(null);\n\n  watch(\n    [provides, () => toValue(commandId), () => toValue(documentId)],\n    ([providesValue, cmdId, docId], _, onCleanup) => {\n      if (!providesValue) {\n        command.value = null;\n        return;\n      }\n\n      command.value = providesValue.resolve(cmdId, docId);\n\n      const unsubscribe = providesValue.onCommandStateChanged((event) => {\n        if (event.commandId === cmdId && event.documentId === docId) {\n          command.value = providesValue.resolve(cmdId, docId);\n        }\n      });\n\n      onCleanup(unsubscribe);\n    },\n    { immediate: true },\n  );\n\n  return readonly(command);\n};\n","import { CommandsCapability } from '../../lib/types';\n\n/**\n * Build a shortcut string from a keyboard event\n * @example Ctrl+Shift+A -> \"ctrl+shift+a\"\n */\nexport function buildShortcutString(event: KeyboardEvent): string | null {\n  const modifiers: string[] = [];\n\n  if (event.ctrlKey) modifiers.push('ctrl');\n  if (event.shiftKey) modifiers.push('shift');\n  if (event.altKey) modifiers.push('alt');\n  if (event.metaKey) modifiers.push('meta');\n\n  // Only add non-modifier keys\n  const key = event.key.toLowerCase();\n  const isModifier = ['control', 'shift', 'alt', 'meta'].includes(key);\n\n  if (isModifier) {\n    return null; // Just a modifier, no command\n  }\n\n  const parts = [...modifiers, key];\n  return parts.sort().join('+');\n}\n\n/**\n * Handle keyboard events and execute commands based on shortcuts\n */\nexport function createKeyDownHandler(commands: CommandsCapability) {\n  return (event: KeyboardEvent) => {\n    // Use composedPath to get the actual target element, even inside Shadow DOM\n    const composedPath = event.composedPath();\n    const target = (composedPath[0] || event.target) as HTMLElement;\n\n    // Don't handle shortcuts if target is an input, textarea, or contentEditable\n    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {\n      return;\n    }\n\n    const shortcut = buildShortcutString(event);\n    if (!shortcut) return;\n\n    const command = commands.getCommandByShortcut(shortcut);\n    if (!command) return;\n\n    // Resolve without document ID - will use active document\n    const resolved = commands.resolve(command.id);\n\n    if (resolved.disabled || !resolved.visible) {\n      return;\n    }\n\n    // Execute and prevent default (documentId is optional now)\n    event.preventDefault();\n    event.stopPropagation();\n    commands.execute(command.id, undefined, 'keyboard');\n  };\n}\n","<template>\n  <!-- This component is only used to set up keyboard shortcuts when the plugin is initialized -->\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue';\nimport { useCommandsCapability } from '../hooks';\nimport { createKeyDownHandler } from '../../shared/utils';\n\nconst { provides: commands } = useCommandsCapability();\n\nlet cleanup: (() => void) | null = null;\n\nonMounted(() => {\n  if (!commands.value) return;\n\n  const handleKeyDown = createKeyDownHandler(commands.value);\n\n  document.addEventListener('keydown', handleKeyDown);\n  cleanup = () => document.removeEventListener('keydown', handleKeyDown);\n});\n\nonUnmounted(() => {\n  cleanup?.();\n});\n</script>\n","import { createPluginPackage } from '@embedpdf/core';\nimport { CommandsPluginPackage as BaseCommandsPackage } from '@embedpdf/plugin-commands';\n\nimport { KeyboardShortcuts } from './components';\n\nexport * from './hooks';\nexport * from './components';\nexport * from '@embedpdf/plugin-commands';\n\nexport const CommandsPluginPackage = createPluginPackage(BaseCommandsPackage)\n  .addUtility(KeyboardShortcuts)\n  .build();\n"],"names":["BaseCommandsPackage","KeyboardShortcuts"],"mappings":";;;;;AAIO,MAAM,wBAAwB,MAAM,cAA8B,eAAe,EAAE;AACnF,MAAM,oBAAoB,MAAM,UAA0B,eAAe,EAAE;AAO3E,MAAM,aAAa,CACxB,WACA,eACG;AACH,QAAM,EAAE,SAAA,IAAa,sBAAA;AACrB,QAAM,UAAU,IAA4B,IAAI;AAEhD;AAAA,IACE,CAAC,UAAU,MAAM,QAAQ,SAAS,GAAG,MAAM,QAAQ,UAAU,CAAC;AAAA,IAC9D,CAAC,CAAC,eAAe,OAAO,KAAK,GAAG,GAAG,cAAc;AAC/C,UAAI,CAAC,eAAe;AAClB,gBAAQ,QAAQ;AAChB;AAAA,MACF;AAEA,cAAQ,QAAQ,cAAc,QAAQ,OAAO,KAAK;AAElD,YAAM,cAAc,cAAc,sBAAsB,CAAC,UAAU;AACjE,YAAI,MAAM,cAAc,SAAS,MAAM,eAAe,OAAO;AAC3D,kBAAQ,QAAQ,cAAc,QAAQ,OAAO,KAAK;AAAA,QACpD;AAAA,MACF,CAAC;AAED,gBAAU,WAAW;AAAA,IACvB;AAAA,IACA,EAAE,WAAW,KAAA;AAAA,EAAK;AAGpB,SAAO,SAAS,OAAO;AACzB;ACnCO,SAAS,oBAAoB,OAAqC;AACvE,QAAM,YAAsB,CAAA;AAE5B,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AACxC,MAAI,MAAM,SAAU,WAAU,KAAK,OAAO;AAC1C,MAAI,MAAM,OAAQ,WAAU,KAAK,KAAK;AACtC,MAAI,MAAM,QAAS,WAAU,KAAK,MAAM;AAGxC,QAAM,MAAM,MAAM,IAAI,YAAA;AACtB,QAAM,aAAa,CAAC,WAAW,SAAS,OAAO,MAAM,EAAE,SAAS,GAAG;AAEnE,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,CAAC,GAAG,WAAW,GAAG;AAChC,SAAO,MAAM,OAAO,KAAK,GAAG;AAC9B;AAKO,SAAS,qBAAqB,UAA8B;AACjE,SAAO,CAAC,UAAyB;AAE/B,UAAM,eAAe,MAAM,aAAA;AAC3B,UAAM,SAAU,aAAa,CAAC,KAAK,MAAM;AAGzC,QAAI,OAAO,YAAY,WAAW,OAAO,YAAY,cAAc,OAAO,mBAAmB;AAC3F;AAAA,IACF;AAEA,UAAM,WAAW,oBAAoB,KAAK;AAC1C,QAAI,CAAC,SAAU;AAEf,UAAM,UAAU,SAAS,qBAAqB,QAAQ;AACtD,QAAI,CAAC,QAAS;AAGd,UAAM,WAAW,SAAS,QAAQ,QAAQ,EAAE;AAE5C,QAAI,SAAS,YAAY,CAAC,SAAS,SAAS;AAC1C;AAAA,IACF;AAGA,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,aAAS,QAAQ,QAAQ,IAAI,QAAW,UAAU;AAAA,EACpD;AACF;;;;ACjDA,UAAM,EAAE,UAAU,SAAA,IAAa,sBAAA;AAE/B,QAAI,UAA+B;AAEnC,cAAU,MAAM;AACd,UAAI,CAAC,SAAS,MAAO;AAErB,YAAM,gBAAgB,qBAAqB,SAAS,KAAK;AAEzD,eAAS,iBAAiB,WAAW,aAAa;AAClD,gBAAU,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,IACvE,CAAC;AAED,gBAAY,MAAM;AAChB;AAAA,IACF,CAAC;;;;;;ACfM,MAAM,wBAAwB,oBAAoBA,uBAAmB,EACzE,WAAWC,SAAiB,EAC5B,MAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedpdf/plugin-commands",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.2",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",
@@ -35,14 +35,14 @@
     }
   },
   "dependencies": {
-    "@embedpdf/models": "2.0.0-next.0"
+    "@embedpdf/models": "2.0.0-next.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "typescript": "^5.0.0",
     "@embedpdf/build": "1.1.0",
-    "@embedpdf/core": "2.0.0-next.0",
-    "@embedpdf/plugin-i18n": "2.0.0-next.0"
+    "@embedpdf/core": "2.0.0-next.2",
+    "@embedpdf/plugin-i18n": "2.0.0-next.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -50,7 +50,7 @@
     "preact": "^10.26.4",
     "vue": ">=3.2.0",
     "svelte": ">=5 <6",
-    "@embedpdf/core": "2.0.0-next.0"
+    "@embedpdf/core": "2.0.0-next.2"
   },
   "files": [
     "dist",