Add plugin-commands package with multi-framework support

Introduces the @embedpdf/plugin-commands package, providing a cross-framework (React, Preact, Vue, Svelte) commands plugin for the EmbedPDF platform. Includes core plugin logic, state management, keyboard shortcut handling, framework adapters, shared hooks/utilities, and configuration files for building and type safety.

Author: bobsingor

packages/plugin-commands/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@embedpdf/plugin-commands",
+  "version": "1.0.0",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/index.js",
+      "require": "./dist/preact/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "svelte": "./dist/svelte/index.js",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
+    }
+  },
+  "scripts": {
+    "build:base": "vite build --mode base",
+    "build:react": "vite build --mode react",
+    "build:preact": "vite build --mode preact",
+    "build:vue": "vite build --mode vue",
+    "build:svelte": "vite build --mode svelte",
+    "build": "pnpm run clean && concurrently -c auto -n base,react,preact,vue,svelte \"vite build --mode base\" \"vite build --mode react\" \"vite build --mode preact\" \"vite build --mode vue\" \"vite build --mode svelte\"",
+    "clean": "rimraf dist",
+    "lint": "eslint src --color",
+    "lint:fix": "eslint src --color --fix"
+  },
+  "dependencies": {
+    "@embedpdf/models": "workspace:*"
+  },
+  "devDependencies": {
+    "@embedpdf/build": "workspace:*",
+    "@embedpdf/core": "workspace:*",
+    "@embedpdf/plugin-i18n": "workspace:*",
+    "@types/react": "^18.2.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@embedpdf/core": "workspace:*",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "preact": "^10.26.4",
+    "vue": ">=3.2.0",
+    "svelte": ">=5 <6"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embedpdf/embed-pdf-viewer",
+    "directory": "packages/plugin-commands"
+  },
+  "homepage": "https://www.embedpdf.com/docs",
+  "bugs": {
+    "url": "https://github.com/embedpdf/embed-pdf-viewer/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

packages/plugin-commands/src/index.ts

@@ -0,0 +1 @@
+export * from './lib';

packages/plugin-commands/src/lib/actions.ts

@@ -0,0 +1,50 @@
+import { Action } from '@embedpdf/core';
+
+export const REGISTER_COMMAND = 'COMMANDS/REGISTER';
+export const UNREGISTER_COMMAND = 'COMMANDS/UNREGISTER';
+export const MARK_COMMANDS_CHANGED = 'COMMANDS/MARK_CHANGED';
+export const CLEAR_CHANGED_COMMANDS = 'COMMANDS/CLEAR_CHANGED';
+
+export interface RegisterCommandAction extends Action {
+  type: typeof REGISTER_COMMAND;
+  payload: string; // commandId
+}
+
+export interface UnregisterCommandAction extends Action {
+  type: typeof UNREGISTER_COMMAND;
+  payload: string; // commandId
+}
+
+export interface MarkCommandsChangedAction extends Action {
+  type: typeof MARK_COMMANDS_CHANGED;
+  payload: string[]; // commandIds
+}
+
+export interface ClearChangedCommandsAction extends Action {
+  type: typeof CLEAR_CHANGED_COMMANDS;
+}
+
+export type CommandsAction =
+  | RegisterCommandAction
+  | UnregisterCommandAction
+  | MarkCommandsChangedAction
+  | ClearChangedCommandsAction;
+
+export const registerCommand = (commandId: string): RegisterCommandAction => ({
+  type: REGISTER_COMMAND,
+  payload: commandId,
+});
+
+export const unregisterCommand = (commandId: string): UnregisterCommandAction => ({
+  type: UNREGISTER_COMMAND,
+  payload: commandId,
+});
+
+export const markCommandsChanged = (commandIds: string[]): MarkCommandsChangedAction => ({
+  type: MARK_COMMANDS_CHANGED,
+  payload: commandIds,
+});
+
+export const clearChangedCommands = (): ClearChangedCommandsAction => ({
+  type: CLEAR_CHANGED_COMMANDS,
+});