@pixerate/editor 0.272.0 → 0.272.1

package/dist/commands/index.cjs

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkQEUI6OGEcjs = require('../chunk-QEUI6OGE.cjs');
+
 
 
 
@@ -50,327 +55,6 @@ var _chunkVCL7CB56cjs = require('../chunk-VCL7CB56.cjs');
 require('../chunk-K7ENM55P.cjs');
 require('../chunk-WOFXZ3XU.cjs');
 
-// src/commands/paletteController.ts
-function createCommandPaletteController(registry, options = {}) {
-  const listeners = /* @__PURE__ */ new Set();
-  let open = false;
-  let query = "";
-  let activeIndex = 0;
-  let recents = [..._nullishCoalesce(options.recents, () => ( []))];
-  let lastResult = null;
-  let state;
-  const context = () => {
-    const c = options.context;
-    if (c === void 0) return registry.context;
-    return typeof c === "function" ? c() : c;
-  };
-  const scope = () => typeof options.scope === "function" ? options.scope() : options.scope;
-  function computeItems() {
-    if (!open) return [];
-    const entries = registry.list({ scope: scope(), context: context() });
-    const platform = _nullishCoalesce(options.platform, () => ( registry.shortcuts.platform));
-    return _chunkKIJIONZFcjs.rankCommands.call(void 0, query, entries, {
-      recents,
-      recentLimit: options.recentLimit,
-      limit: _nullishCoalesce(options.limit, () => ( 50))
-    }).map((ranked) => ({
-      ...ranked,
-      id: ranked.entry.id,
-      label: ranked.entry.label,
-      ...ranked.entry.group !== void 0 ? { group: ranked.entry.group } : {},
-      ...ranked.entry.shortcuts[0] ? { shortcut: _chunkQJVOJUTDcjs.formatShortcut.call(void 0, ranked.entry.shortcuts[0], platform) } : {},
-      enabled: ranked.entry.enabled,
-      ...ranked.entry.disabledReason ? { disabledReason: ranked.entry.disabledReason } : {}
-    }));
-  }
-  function update() {
-    const items = computeItems();
-    activeIndex = items.length === 0 ? 0 : Math.min(Math.max(activeIndex, 0), items.length - 1);
-    state = { open, query, activeIndex, items, recents, lastResult };
-    for (const listener of Array.from(listeners)) listener(state);
-  }
-  state = { open, query, activeIndex, items: [], recents, lastResult };
-  let unsubscribeRegistry = null;
-  const onRegistryChange = () => {
-    if (open) update();
-  };
-  const controller = {
-    getState: () => state,
-    subscribe(listener) {
-      listeners.add(listener);
-      unsubscribeRegistry ??= registry.subscribe(onRegistryChange);
-      if (open) update();
-      return () => {
-        listeners.delete(listener);
-        if (listeners.size === 0) {
-          _optionalChain([unsubscribeRegistry, 'optionalCall', _ => _()]);
-          unsubscribeRegistry = null;
-        }
-      };
-    },
-    setOpen(next) {
-      if (next === open) return;
-      open = next;
-      query = "";
-      activeIndex = 0;
-      update();
-    },
-    toggle() {
-      controller.setOpen(!open);
-    },
-    setQuery(next) {
-      if (next === query) return;
-      query = next;
-      activeIndex = 0;
-      update();
-    },
-    setActiveIndex(index) {
-      activeIndex = index;
-      update();
-    },
-    /** Moves the active row by `delta`, wrapping around. */
-    move(delta) {
-      const n = state.items.length;
-      if (n === 0) return;
-      activeIndex = ((activeIndex + delta) % n + n) % n;
-      update();
-    },
-    /** Runs a command by id, closes the palette and records it as recent. Disabled commands do nothing. */
-    run(id) {
-      if (!registry.isEnabled(id, void 0, context()).enabled) return null;
-      open = false;
-      query = "";
-      activeIndex = 0;
-      recents = _chunkKIJIONZFcjs.pushRecent.call(void 0, recents, id, _nullishCoalesce(options.recentLimit, () => ( _chunkKIJIONZFcjs.DEFAULT_RECENT_LIMIT)));
-      _optionalChain([options, 'access', _2 => _2.onRecentsChange, 'optionalCall', _3 => _3(recents)]);
-      const result = registry.execute(id, void 0, context());
-      lastResult = result;
-      update();
-      _optionalChain([options, 'access', _4 => _4.onRun, 'optionalCall', _5 => _5(result)]);
-      return result;
-    },
-    runActive() {
-      const item = state.items[state.activeIndex];
-      return item ? controller.run(item.id) : null;
-    },
-    /**
-     * Keyboard handling for the palette input: ArrowUp/ArrowDown (wrap), Home/End,
-     * Enter (run the active row) and Escape (close). Returns whether it handled the key.
-     */
-    handleKeyDown(event) {
-      if (!open) return false;
-      switch (event.key) {
-        case "ArrowDown":
-          controller.move(1);
-          break;
-        case "ArrowUp":
-          controller.move(-1);
-          break;
-        case "Home":
-          controller.setActiveIndex(0);
-          break;
-        case "End":
-          controller.setActiveIndex(state.items.length - 1);
-          break;
-        case "Enter":
-          controller.runActive();
-          break;
-        case "Escape":
-          controller.setOpen(false);
-          break;
-        default:
-          return false;
-      }
-      _optionalChain([event, 'access', _6 => _6.preventDefault, 'optionalCall', _7 => _7()]);
-      return true;
-    },
-    /** Re-reads commands and enablement. */
-    refresh() {
-      update();
-    },
-    destroy() {
-      _optionalChain([unsubscribeRegistry, 'optionalCall', _8 => _8()]);
-      unsubscribeRegistry = null;
-      listeners.clear();
-    }
-  };
-  return controller;
-}
-function matchPaletteHotkey(event, hotkey, platform) {
-  const map = new (0, _chunkQJVOJUTDcjs.ShortcutMap)([{ command: "palette", chord: hotkey, allowInEditable: true }], platform ? { platform } : {});
-  return map.resolve(event) !== null;
-}
-
-// src/commands/animation.ts
-var EASING_DESCRIPTION = "Easing preset (linear, ease, ease-in, ease-out, ease-in-out, ease-in-back, ease-out-back, spring, hold) or a CSS cubic-bezier(x1, y1, x2, y2).";
-var VALUES = {
-  type: "object",
-  description: 'Property \u2192 value, e.g. {"x": 200, "opacity": 0.5, "fill": "#ff0000"}. Properties: x, y, width, height, rotation (degrees), scale, opacity (0\u20131), fill, stroke, strokeWidth, cornerRadius, motionPath (0\u20131).',
-  additionalProperties: { type: ["number", "string"] }
-};
-function createCanvasAnimationCommands(controller, options = {}) {
-  const prefix = _nullishCoalesce(options.prefix, () => ( "canvas.animation."));
-  const group = _nullishCoalesce(options.group, () => ( "Animation"));
-  const scope = options.scope === null ? void 0 : _nullishCoalesce(options.scope, () => ( "canvas"));
-  const base = { group, ...scope ? { scope } : {} };
-  const hasSelection = () => controller.getState().selection.length > 0 ? true : "Select keyframes first.";
-  return [
-    {
-      ...base,
-      id: `${prefix}togglePlay`,
-      label: "Play / Pause Animation",
-      keywords: ["play", "pause", "preview", "timeline"],
-      description: "Plays or pauses the canvas animation from the playhead.",
-      run: () => {
-        controller.toggle();
-        return { playing: controller.getState().playing, time: controller.getState().time };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}play`,
-      label: "Play Animation",
-      keywords: ["preview", "timeline"],
-      enabled: () => controller.getState().playing ? "Already playing." : true,
-      run: () => controller.play()
-    },
-    {
-      ...base,
-      id: `${prefix}pause`,
-      label: "Pause Animation",
-      enabled: () => controller.getState().playing ? true : "Not playing.",
-      run: () => controller.pause()
-    },
-    {
-      ...base,
-      id: `${prefix}stop`,
-      label: "Stop Animation",
-      keywords: ["rewind", "reset"],
-      description: "Stops playback and returns to the start.",
-      run: () => controller.stop()
-    },
-    {
-      ...base,
-      id: `${prefix}seek`,
-      label: "Go to Time\u2026",
-      keywords: ["playhead", "scrub", "time"],
-      description: "Moves the playhead.",
-      params: {
-        type: "object",
-        properties: { time: { type: "number", minimum: 0, description: "Time in milliseconds." } },
-        required: ["time"]
-      },
-      run: (_ctx, params) => {
-        controller.seek(params.time);
-        return { time: controller.getState().time };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}addKeyframe`,
-      label: "Add Keyframe at Playhead",
-      keywords: ["key", "animate", "record"],
-      description: "Keys the selected nodes (or `ids`) at the playhead (or `time`): their animated properties, `properties`, or position.",
-      params: {
-        type: "object",
-        properties: {
-          ids: { type: "array", items: { type: "string" }, description: "Node ids (default: selected nodes)." },
-          properties: { type: "array", items: { type: "string" }, description: "Properties to key (default: animated ones, or x and y)." },
-          time: { type: "number", minimum: 0, description: "Time in ms (default: the playhead)." }
-        }
-      },
-      run: (_ctx, params) => controller.addKeyframe(_optionalChain([params, 'optionalAccess', _9 => _9.ids]), _optionalChain([params, 'optionalAccess', _10 => _10.properties]), _optionalChain([params, 'optionalAccess', _11 => _11.time]))
-    },
-    {
-      ...base,
-      id: `${prefix}deleteKeyframes`,
-      label: "Delete Keyframes",
-      keywords: ["remove", "clear"],
-      enabled: hasSelection,
-      run: () => controller.deleteKeyframes()
-    },
-    {
-      ...base,
-      id: `${prefix}setEasing`,
-      label: "Set Keyframe Easing\u2026",
-      keywords: ["interpolation", "ease", "bezier", "spring", "hold", "curve"],
-      description: "Sets the easing of the segments leaving the selected keyframes.",
-      params: {
-        type: "object",
-        properties: { easing: { type: "string", description: EASING_DESCRIPTION } },
-        required: ["easing"]
-      },
-      enabled: hasSelection,
-      run: (_ctx, params) => controller.setEasing(params.easing)
-    },
-    {
-      ...base,
-      id: `${prefix}toggleRecord`,
-      label: "Toggle Record Mode",
-      keywords: ["auto key", "record", "keyframe"],
-      description: "In record mode, changing a property at the playhead keys it.",
-      run: () => {
-        controller.toggleRecording();
-        return { recording: controller.getState().recording };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}nextKeyframe`,
-      label: "Next Keyframe",
-      keywords: ["jump", "navigate"],
-      run: () => controller.nextKeyframe()
-    },
-    {
-      ...base,
-      id: `${prefix}previousKeyframe`,
-      label: "Previous Keyframe",
-      keywords: ["jump", "navigate"],
-      run: () => controller.previousKeyframe()
-    },
-    {
-      ...base,
-      id: `${prefix}animateNode`,
-      label: "Animate Node\u2026",
-      keywords: ["tween", "transition", "move", "fade"],
-      description: "Animates a node from `from` (default: its current values) to `to` over `duration` ms, starting at `delay` ms.",
-      params: {
-        type: "object",
-        properties: {
-          nodeId: { type: "string", description: "Node to animate." },
-          to: VALUES,
-          from: VALUES,
-          duration: { type: "number", exclusiveMinimum: 0, description: "Duration in ms (default 1000)." },
-          delay: { type: "number", minimum: 0, description: "Start time in ms (default 0)." },
-          easing: { type: "string", description: EASING_DESCRIPTION }
-        },
-        required: ["nodeId", "to"]
-      },
-      run: (_ctx, params) => controller.animateNode(params.nodeId, {
-        to: params.to,
-        ...params.from ? { from: params.from } : {},
-        ...params.duration !== void 0 ? { duration: params.duration } : {},
-        ...params.delay !== void 0 ? { delay: params.delay } : {},
-        ...params.easing !== void 0 ? { easing: params.easing } : {}
-      })
-    },
-    {
-      ...base,
-      id: `${prefix}exportCss`,
-      label: "Export Animation as CSS",
-      keywords: ["keyframes", "css", "web animations"],
-      description: "Returns CSS @keyframes for a node's animation.",
-      readOnly: true,
-      params: {
-        type: "object",
-        properties: { nodeId: { type: "string" } },
-        required: ["nodeId"]
-      },
-      run: (_ctx, params) => controller.exportCss(params.nodeId)
-    }
-  ];
-}
-
 
 
 
@@ -413,4 +97,4 @@ function createCanvasAnimationCommands(controller, options = {}) {
 
 
 
-exports.CommandRegistry = _chunkKIJIONZFcjs.CommandRegistry; exports.CommandRegistryError = _chunkKIJIONZFcjs.CommandRegistryError; exports.DEFAULT_HISTORY_SHORTCUTS = _chunkQEVLRLUNcjs.DEFAULT_HISTORY_SHORTCUTS; exports.DEFAULT_RECENT_LIMIT = _chunkKIJIONZFcjs.DEFAULT_RECENT_LIMIT; exports.PLATFORMS = _chunkQJVOJUTDcjs.PLATFORMS; exports.ShortcutMap = _chunkQJVOJUTDcjs.ShortcutMap; exports.chordToString = _chunkQJVOJUTDcjs.chordToString; exports.codeFromKey = _chunkQJVOJUTDcjs.codeFromKey; exports.codeToKeyText = _chunkQJVOJUTDcjs.codeToKeyText; exports.createArrangeCommands = _chunkQEVLRLUNcjs.createArrangeCommands; exports.createCanvasAnimationCommands = createCanvasAnimationCommands; exports.createCommandPaletteController = createCommandPaletteController; exports.createCommandRegistry = _chunkKIJIONZFcjs.createCommandRegistry; exports.createCommandToolProvider = _chunkKIJIONZFcjs.createCommandToolProvider; exports.createComponentCommands = _chunkQEVLRLUNcjs.createComponentCommands; exports.createDrawCommands = _chunkQEVLRLUNcjs.createDrawCommands; exports.createFormatCommands = _chunkVCL7CB56cjs.createFormatCommands; exports.createHistoryCommands = _chunkQEVLRLUNcjs.createHistoryCommands; exports.createShapeCommands = _chunkQEVLRLUNcjs.createShapeCommands; exports.createSpreadsheetCommands = _chunkQEVLRLUNcjs.createSpreadsheetCommands; exports.defineCommand = _chunkKIJIONZFcjs.defineCommand; exports.detectPlatform = _chunkQJVOJUTDcjs.detectPlatform; exports.effectiveChord = _chunkQJVOJUTDcjs.effectiveChord; exports.effectiveChordKey = _chunkQJVOJUTDcjs.effectiveChordKey; exports.eventCode = _chunkQJVOJUTDcjs.eventCode; exports.exactBonus = _chunkKIJIONZFcjs.exactBonus; exports.formatCommandsFor = _chunkVCL7CB56cjs.formatCommandsFor; exports.formatShortcut = _chunkQJVOJUTDcjs.formatShortcut; exports.fuzzyMatch = _chunkKIJIONZFcjs.fuzzyMatch; exports.fuzzyScore = _chunkKIJIONZFcjs.fuzzyScore; exports.hasVariantCommands = _chunkQEVLRLUNcjs.hasVariantCommands; exports.isEditableEventTarget = _chunkQJVOJUTDcjs.isEditableEventTarget; exports.keyToCode = _chunkQJVOJUTDcjs.keyToCode; exports.matchHistoryShortcut = _chunkQEVLRLUNcjs.matchHistoryShortcut; exports.matchPaletteHotkey = matchPaletteHotkey; exports.normalizeChord = _chunkQJVOJUTDcjs.normalizeChord; exports.parseChord = _chunkQJVOJUTDcjs.parseChord; exports.planFreehandPlayback = _chunkQEVLRLUNcjs.planFreehandPlayback; exports.pushRecent = _chunkKIJIONZFcjs.pushRecent; exports.rankCommands = _chunkKIJIONZFcjs.rankCommands; exports.shortcutCode = _chunkQJVOJUTDcjs.shortcutCode; exports.toShortcutBindings = _chunkQJVOJUTDcjs.toShortcutBindings;
+exports.CommandRegistry = _chunkKIJIONZFcjs.CommandRegistry; exports.CommandRegistryError = _chunkKIJIONZFcjs.CommandRegistryError; exports.DEFAULT_HISTORY_SHORTCUTS = _chunkQEVLRLUNcjs.DEFAULT_HISTORY_SHORTCUTS; exports.DEFAULT_RECENT_LIMIT = _chunkKIJIONZFcjs.DEFAULT_RECENT_LIMIT; exports.PLATFORMS = _chunkQJVOJUTDcjs.PLATFORMS; exports.ShortcutMap = _chunkQJVOJUTDcjs.ShortcutMap; exports.chordToString = _chunkQJVOJUTDcjs.chordToString; exports.codeFromKey = _chunkQJVOJUTDcjs.codeFromKey; exports.codeToKeyText = _chunkQJVOJUTDcjs.codeToKeyText; exports.createArrangeCommands = _chunkQEVLRLUNcjs.createArrangeCommands; exports.createCanvasAnimationCommands = _chunkQEUI6OGEcjs.createCanvasAnimationCommands; exports.createCommandPaletteController = _chunkQEUI6OGEcjs.createCommandPaletteController; exports.createCommandRegistry = _chunkKIJIONZFcjs.createCommandRegistry; exports.createCommandToolProvider = _chunkKIJIONZFcjs.createCommandToolProvider; exports.createComponentCommands = _chunkQEVLRLUNcjs.createComponentCommands; exports.createDrawCommands = _chunkQEVLRLUNcjs.createDrawCommands; exports.createFormatCommands = _chunkVCL7CB56cjs.createFormatCommands; exports.createHistoryCommands = _chunkQEVLRLUNcjs.createHistoryCommands; exports.createShapeCommands = _chunkQEVLRLUNcjs.createShapeCommands; exports.createSpreadsheetCommands = _chunkQEVLRLUNcjs.createSpreadsheetCommands; exports.defineCommand = _chunkKIJIONZFcjs.defineCommand; exports.detectPlatform = _chunkQJVOJUTDcjs.detectPlatform; exports.effectiveChord = _chunkQJVOJUTDcjs.effectiveChord; exports.effectiveChordKey = _chunkQJVOJUTDcjs.effectiveChordKey; exports.eventCode = _chunkQJVOJUTDcjs.eventCode; exports.exactBonus = _chunkKIJIONZFcjs.exactBonus; exports.formatCommandsFor = _chunkVCL7CB56cjs.formatCommandsFor; exports.formatShortcut = _chunkQJVOJUTDcjs.formatShortcut; exports.fuzzyMatch = _chunkKIJIONZFcjs.fuzzyMatch; exports.fuzzyScore = _chunkKIJIONZFcjs.fuzzyScore; exports.hasVariantCommands = _chunkQEVLRLUNcjs.hasVariantCommands; exports.isEditableEventTarget = _chunkQJVOJUTDcjs.isEditableEventTarget; exports.keyToCode = _chunkQJVOJUTDcjs.keyToCode; exports.matchHistoryShortcut = _chunkQEVLRLUNcjs.matchHistoryShortcut; exports.matchPaletteHotkey = _chunkQEUI6OGEcjs.matchPaletteHotkey; exports.normalizeChord = _chunkQJVOJUTDcjs.normalizeChord; exports.parseChord = _chunkQJVOJUTDcjs.parseChord; exports.planFreehandPlayback = _chunkQEVLRLUNcjs.planFreehandPlayback; exports.pushRecent = _chunkKIJIONZFcjs.pushRecent; exports.rankCommands = _chunkKIJIONZFcjs.rankCommands; exports.shortcutCode = _chunkQJVOJUTDcjs.shortcutCode; exports.toShortcutBindings = _chunkQJVOJUTDcjs.toShortcutBindings;

package/dist/commands/index.js

@@ -1,3 +1,8 @@
+import {
+  createCanvasAnimationCommands,
+  createCommandPaletteController,
+  matchPaletteHotkey
+} from "../chunk-CHZYVNXZ.js";
 import {
   CommandRegistry,
   CommandRegistryError,
@@ -49,327 +54,6 @@ import {
 } from "../chunk-NZ3CTY7K.js";
 import "../chunk-IVSWRVB4.js";
 import "../chunk-V2ZCJRDM.js";
-
-// src/commands/paletteController.ts
-function createCommandPaletteController(registry, options = {}) {
-  const listeners = /* @__PURE__ */ new Set();
-  let open = false;
-  let query = "";
-  let activeIndex = 0;
-  let recents = [...options.recents ?? []];
-  let lastResult = null;
-  let state;
-  const context = () => {
-    const c = options.context;
-    if (c === void 0) return registry.context;
-    return typeof c === "function" ? c() : c;
-  };
-  const scope = () => typeof options.scope === "function" ? options.scope() : options.scope;
-  function computeItems() {
-    if (!open) return [];
-    const entries = registry.list({ scope: scope(), context: context() });
-    const platform = options.platform ?? registry.shortcuts.platform;
-    return rankCommands(query, entries, {
-      recents,
-      recentLimit: options.recentLimit,
-      limit: options.limit ?? 50
-    }).map((ranked) => ({
-      ...ranked,
-      id: ranked.entry.id,
-      label: ranked.entry.label,
-      ...ranked.entry.group !== void 0 ? { group: ranked.entry.group } : {},
-      ...ranked.entry.shortcuts[0] ? { shortcut: formatShortcut(ranked.entry.shortcuts[0], platform) } : {},
-      enabled: ranked.entry.enabled,
-      ...ranked.entry.disabledReason ? { disabledReason: ranked.entry.disabledReason } : {}
-    }));
-  }
-  function update() {
-    const items = computeItems();
-    activeIndex = items.length === 0 ? 0 : Math.min(Math.max(activeIndex, 0), items.length - 1);
-    state = { open, query, activeIndex, items, recents, lastResult };
-    for (const listener of Array.from(listeners)) listener(state);
-  }
-  state = { open, query, activeIndex, items: [], recents, lastResult };
-  let unsubscribeRegistry = null;
-  const onRegistryChange = () => {
-    if (open) update();
-  };
-  const controller = {
-    getState: () => state,
-    subscribe(listener) {
-      listeners.add(listener);
-      unsubscribeRegistry ??= registry.subscribe(onRegistryChange);
-      if (open) update();
-      return () => {
-        listeners.delete(listener);
-        if (listeners.size === 0) {
-          unsubscribeRegistry?.();
-          unsubscribeRegistry = null;
-        }
-      };
-    },
-    setOpen(next) {
-      if (next === open) return;
-      open = next;
-      query = "";
-      activeIndex = 0;
-      update();
-    },
-    toggle() {
-      controller.setOpen(!open);
-    },
-    setQuery(next) {
-      if (next === query) return;
-      query = next;
-      activeIndex = 0;
-      update();
-    },
-    setActiveIndex(index) {
-      activeIndex = index;
-      update();
-    },
-    /** Moves the active row by `delta`, wrapping around. */
-    move(delta) {
-      const n = state.items.length;
-      if (n === 0) return;
-      activeIndex = ((activeIndex + delta) % n + n) % n;
-      update();
-    },
-    /** Runs a command by id, closes the palette and records it as recent. Disabled commands do nothing. */
-    run(id) {
-      if (!registry.isEnabled(id, void 0, context()).enabled) return null;
-      open = false;
-      query = "";
-      activeIndex = 0;
-      recents = pushRecent(recents, id, options.recentLimit ?? DEFAULT_RECENT_LIMIT);
-      options.onRecentsChange?.(recents);
-      const result = registry.execute(id, void 0, context());
-      lastResult = result;
-      update();
-      options.onRun?.(result);
-      return result;
-    },
-    runActive() {
-      const item = state.items[state.activeIndex];
-      return item ? controller.run(item.id) : null;
-    },
-    /**
-     * Keyboard handling for the palette input: ArrowUp/ArrowDown (wrap), Home/End,
-     * Enter (run the active row) and Escape (close). Returns whether it handled the key.
-     */
-    handleKeyDown(event) {
-      if (!open) return false;
-      switch (event.key) {
-        case "ArrowDown":
-          controller.move(1);
-          break;
-        case "ArrowUp":
-          controller.move(-1);
-          break;
-        case "Home":
-          controller.setActiveIndex(0);
-          break;
-        case "End":
-          controller.setActiveIndex(state.items.length - 1);
-          break;
-        case "Enter":
-          controller.runActive();
-          break;
-        case "Escape":
-          controller.setOpen(false);
-          break;
-        default:
-          return false;
-      }
-      event.preventDefault?.();
-      return true;
-    },
-    /** Re-reads commands and enablement. */
-    refresh() {
-      update();
-    },
-    destroy() {
-      unsubscribeRegistry?.();
-      unsubscribeRegistry = null;
-      listeners.clear();
-    }
-  };
-  return controller;
-}
-function matchPaletteHotkey(event, hotkey, platform) {
-  const map = new ShortcutMap([{ command: "palette", chord: hotkey, allowInEditable: true }], platform ? { platform } : {});
-  return map.resolve(event) !== null;
-}
-
-// src/commands/animation.ts
-var EASING_DESCRIPTION = "Easing preset (linear, ease, ease-in, ease-out, ease-in-out, ease-in-back, ease-out-back, spring, hold) or a CSS cubic-bezier(x1, y1, x2, y2).";
-var VALUES = {
-  type: "object",
-  description: 'Property \u2192 value, e.g. {"x": 200, "opacity": 0.5, "fill": "#ff0000"}. Properties: x, y, width, height, rotation (degrees), scale, opacity (0\u20131), fill, stroke, strokeWidth, cornerRadius, motionPath (0\u20131).',
-  additionalProperties: { type: ["number", "string"] }
-};
-function createCanvasAnimationCommands(controller, options = {}) {
-  const prefix = options.prefix ?? "canvas.animation.";
-  const group = options.group ?? "Animation";
-  const scope = options.scope === null ? void 0 : options.scope ?? "canvas";
-  const base = { group, ...scope ? { scope } : {} };
-  const hasSelection = () => controller.getState().selection.length > 0 ? true : "Select keyframes first.";
-  return [
-    {
-      ...base,
-      id: `${prefix}togglePlay`,
-      label: "Play / Pause Animation",
-      keywords: ["play", "pause", "preview", "timeline"],
-      description: "Plays or pauses the canvas animation from the playhead.",
-      run: () => {
-        controller.toggle();
-        return { playing: controller.getState().playing, time: controller.getState().time };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}play`,
-      label: "Play Animation",
-      keywords: ["preview", "timeline"],
-      enabled: () => controller.getState().playing ? "Already playing." : true,
-      run: () => controller.play()
-    },
-    {
-      ...base,
-      id: `${prefix}pause`,
-      label: "Pause Animation",
-      enabled: () => controller.getState().playing ? true : "Not playing.",
-      run: () => controller.pause()
-    },
-    {
-      ...base,
-      id: `${prefix}stop`,
-      label: "Stop Animation",
-      keywords: ["rewind", "reset"],
-      description: "Stops playback and returns to the start.",
-      run: () => controller.stop()
-    },
-    {
-      ...base,
-      id: `${prefix}seek`,
-      label: "Go to Time\u2026",
-      keywords: ["playhead", "scrub", "time"],
-      description: "Moves the playhead.",
-      params: {
-        type: "object",
-        properties: { time: { type: "number", minimum: 0, description: "Time in milliseconds." } },
-        required: ["time"]
-      },
-      run: (_ctx, params) => {
-        controller.seek(params.time);
-        return { time: controller.getState().time };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}addKeyframe`,
-      label: "Add Keyframe at Playhead",
-      keywords: ["key", "animate", "record"],
-      description: "Keys the selected nodes (or `ids`) at the playhead (or `time`): their animated properties, `properties`, or position.",
-      params: {
-        type: "object",
-        properties: {
-          ids: { type: "array", items: { type: "string" }, description: "Node ids (default: selected nodes)." },
-          properties: { type: "array", items: { type: "string" }, description: "Properties to key (default: animated ones, or x and y)." },
-          time: { type: "number", minimum: 0, description: "Time in ms (default: the playhead)." }
-        }
-      },
-      run: (_ctx, params) => controller.addKeyframe(params?.ids, params?.properties, params?.time)
-    },
-    {
-      ...base,
-      id: `${prefix}deleteKeyframes`,
-      label: "Delete Keyframes",
-      keywords: ["remove", "clear"],
-      enabled: hasSelection,
-      run: () => controller.deleteKeyframes()
-    },
-    {
-      ...base,
-      id: `${prefix}setEasing`,
-      label: "Set Keyframe Easing\u2026",
-      keywords: ["interpolation", "ease", "bezier", "spring", "hold", "curve"],
-      description: "Sets the easing of the segments leaving the selected keyframes.",
-      params: {
-        type: "object",
-        properties: { easing: { type: "string", description: EASING_DESCRIPTION } },
-        required: ["easing"]
-      },
-      enabled: hasSelection,
-      run: (_ctx, params) => controller.setEasing(params.easing)
-    },
-    {
-      ...base,
-      id: `${prefix}toggleRecord`,
-      label: "Toggle Record Mode",
-      keywords: ["auto key", "record", "keyframe"],
-      description: "In record mode, changing a property at the playhead keys it.",
-      run: () => {
-        controller.toggleRecording();
-        return { recording: controller.getState().recording };
-      }
-    },
-    {
-      ...base,
-      id: `${prefix}nextKeyframe`,
-      label: "Next Keyframe",
-      keywords: ["jump", "navigate"],
-      run: () => controller.nextKeyframe()
-    },
-    {
-      ...base,
-      id: `${prefix}previousKeyframe`,
-      label: "Previous Keyframe",
-      keywords: ["jump", "navigate"],
-      run: () => controller.previousKeyframe()
-    },
-    {
-      ...base,
-      id: `${prefix}animateNode`,
-      label: "Animate Node\u2026",
-      keywords: ["tween", "transition", "move", "fade"],
-      description: "Animates a node from `from` (default: its current values) to `to` over `duration` ms, starting at `delay` ms.",
-      params: {
-        type: "object",
-        properties: {
-          nodeId: { type: "string", description: "Node to animate." },
-          to: VALUES,
-          from: VALUES,
-          duration: { type: "number", exclusiveMinimum: 0, description: "Duration in ms (default 1000)." },
-          delay: { type: "number", minimum: 0, description: "Start time in ms (default 0)." },
-          easing: { type: "string", description: EASING_DESCRIPTION }
-        },
-        required: ["nodeId", "to"]
-      },
-      run: (_ctx, params) => controller.animateNode(params.nodeId, {
-        to: params.to,
-        ...params.from ? { from: params.from } : {},
-        ...params.duration !== void 0 ? { duration: params.duration } : {},
-        ...params.delay !== void 0 ? { delay: params.delay } : {},
-        ...params.easing !== void 0 ? { easing: params.easing } : {}
-      })
-    },
-    {
-      ...base,
-      id: `${prefix}exportCss`,
-      label: "Export Animation as CSS",
-      keywords: ["keyframes", "css", "web animations"],
-      description: "Returns CSS @keyframes for a node's animation.",
-      readOnly: true,
-      params: {
-        type: "object",
-        properties: { nodeId: { type: "string" } },
-        required: ["nodeId"]
-      },
-      run: (_ctx, params) => controller.exportCss(params.nodeId)
-    }
-  ];
-}
 export {
   CommandRegistry,
   CommandRegistryError,