@ailuracode/alpine-command 0.1.0 → 1.0.0

package/README.md

@@ -7,12 +7,12 @@ Headless command palette store for Alpine.js — searchable actions, keyboard na
 ## Install
 
 ```bash
-npm install @ailuracode/alpine-command alpinejs
+pnpm add @ailuracode/alpine-command alpinejs
 ```
 
 ## Store API
 
-```js
+```ts
 $store.command.open();
 $store.command.search = "theme";
 $store.command.register({

package/dist/global.d.ts

@@ -1,16 +1,8 @@
 /// <reference types="@types/alpinejs" />
 
-export type CommandAction = () => void | Promise<void>;
+import type { CommandItem } from "./types";
 
-export type CommandItem = {
-  id: string;
-  label: string;
-  group?: string;
-  shortcut?: string;
-  keywords?: string[];
-  disabled?: boolean;
-  action: CommandAction;
-};
+export type { CommandAction, CommandItem, CommandStoreConfig } from "./types";
 
 export interface CommandStore {
   search: string;
@@ -30,18 +22,12 @@ export interface CommandStore {
   destroy(): void;
 }
 
-export interface CommandPluginOptions {
-  onOpen?: () => void;
-  onClose?: () => void;
-  onRun?: (item: CommandItem) => void;
-  filter?: (item: CommandItem, search: string) => boolean;
-}
-
-export function commandOptions<const T extends CommandPluginOptions>(options: T): T;
-export function createCommandStore(options?: CommandPluginOptions): CommandStore;
+export function createCommandController(
+  config?: import("./types").CommandStoreConfig
+): import("./types").CommandController;
 
 export default function commandPlugin(
-  options?: CommandPluginOptions
+  options?: import("./types").CommandPluginOptions
 ): import("alpinejs").PluginCallback;
 
 declare global {

package/dist/index.d.ts

@@ -1,6 +1,17 @@
-import AlpineType from 'alpinejs';
+import { Alpine, PluginCallback, BaseController } from '@ailuracode/alpine-core';
+export { Unsubscribe } from '@ailuracode/alpine-core';
+import { Alpine as Alpine$1 } from 'alpinejs';
 
+/**
+ * Public type contracts for `@ailuracode/alpine-command`.
+ *
+ * Every public type lives in a `types.ts` module so consumers can import
+ * them without pulling the implementation. The shape IS the contract.
+ */
+
+/** Action callback invoked when a command is executed. */
 type CommandAction = () => void | Promise<void>;
+/** A registered command item. */
 type CommandItem = {
     id: string;
     label: string;
@@ -10,7 +21,19 @@ type CommandItem = {
     disabled?: boolean;
     action: CommandAction;
 };
-type CommandStore = {
+/** Config callbacks for the command palette. */
+type CommandStoreConfig = {
+    onOpen?: () => void;
+    onClose?: () => void;
+    onRun?: (item: CommandItem) => void;
+    filter?: (item: CommandItem, search: string) => boolean;
+};
+/** Options accepted by the command plugin factory. */
+interface CommandPluginOptions extends CommandStoreConfig {
+    readonly id?: string;
+}
+/** Alpine-facing store surface. */
+interface CommandStore {
     search: string;
     activeIndex: number;
     /** Whether the palette is visible. */
@@ -28,31 +51,97 @@ type CommandStore = {
     readonly filteredItems: CommandItem[];
     readonly groupedItems: Record<string, CommandItem[]>;
     destroy(): void;
+}
+/** Typed view of `Alpine` the command plugin uses internally. */
+type CommandAlpine = Alpine<{
+    command: CommandStore;
+}> & {
+    cleanup?(callback: () => void): void;
 };
-type CommandStoreConfig = {
-    onOpen?: () => void;
-    onClose?: () => void;
-    onRun?: (item: CommandItem) => void;
-    filter?: (item: CommandItem, search: string) => boolean;
-};
-/** Creates the headless command palette store. */
-declare function createCommandStore(config?: CommandStoreConfig): CommandStore;
+/** `Alpine.plugin()` callback signature. */
+type CommandPluginCallback = PluginCallback<Alpine$1>;
 
-interface CommandPluginOptions extends CommandStoreConfig {
+/**
+ * Strongly-typed event map for the command controller.
+ */
+
+/**
+ * Event map for command palette state changes.
+ * `open` — palette opened.
+ * `close` — palette closed.
+ * `run` — a command was executed.
+ */
+interface CommandEvents extends Record<string, unknown> {
+    open: undefined;
+    close: undefined;
+    run: CommandItem;
+}
+
+/**
+ * Command palette controller — the framework-agnostic core of
+ * `@ailuracode/alpine-command`. Manages a singleton command palette
+ * with search, item registry, open/close/toggle, keyboard navigation,
+ * and filtered/grouped item views.
+ *
+ * Emits typed `open`, `close`, and `run` events so consumers can
+ * react programmatically.
+ */
+
+/**
+ * Headless command palette controller. Manages a singleton command palette
+ * with search, item registry, open/close/toggle, keyboard navigation,
+ * and filtered/grouped item views.
+ */
+declare class CommandController extends BaseController<CommandEvents> {
+    #private;
+    constructor(id?: string, config?: CommandStoreConfig);
+    get items(): Readonly<Record<string, CommandItem>>;
+    get search(): string;
+    set search(value: string);
+    get activeIndex(): number;
+    set activeIndex(value: number);
+    get visible(): boolean;
+    get isOpen(): boolean;
+    get filteredItems(): CommandItem[];
+    get groupedItems(): Record<string, CommandItem[]>;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    register(item: CommandItem): void;
+    unregister(id: string): void;
+    run(id: string): Promise<void>;
+    handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Returns a store-shaped object for Alpine's `$store.command`.
+     * The store delegates to this controller.
+     */
+    toStore(): CommandStore;
 }
+/**
+ * Creates a CommandController instance.
+ * Convenience for non-Alpine consumers.
+ */
+declare function createCommandController(config?: CommandStoreConfig): CommandController;
+/**
+ * Creates a CommandStore (store-shaped object) directly.
+ * Backward-compatible alias.
+ */
+declare function createCommandStore(config?: CommandStoreConfig): CommandStore;
+
+/**
+ * Alpine.js integration for `@ailuracode/alpine-command`.
+ *
+ * Thin adapter that wires {@link CommandController} into
+ * `$store.command` and the `$command` magic.
+ */
+
+/**
+ * Plugin factory — returns the `Alpine.plugin()` callback. Pass
+ * {@link CommandPluginOptions} to configure the controller,
+ * or `{}` for the package defaults.
+ */
+declare function commandPlugin(options?: CommandPluginOptions): CommandPluginCallback;
 /** Builds typed command plugin options. */
 declare function commandOptions<const T extends CommandPluginOptions>(options: T): T;
-/** Alpine.js command palette plugin. Registers `$store.command`. */
-declare function commandPlugin(options?: CommandPluginOptions): AlpineType.PluginCallback;
-declare global {
-    namespace Alpine {
-        interface Stores {
-            command: CommandStore;
-        }
-        interface Magics<T> {
-            $command: CommandStore;
-        }
-    }
-}
 
-export { type CommandAction, type CommandItem, type CommandPluginOptions, type CommandStore, type CommandStoreConfig, commandOptions, createCommandStore, commandPlugin as default };
+export { type CommandAction, type CommandAlpine, CommandController, type CommandEvents, type CommandItem, type CommandPluginCallback, type CommandPluginOptions, type CommandStore, type CommandStoreConfig, commandOptions, commandPlugin, createCommandController, createCommandStore, commandPlugin as default };

package/dist/index.js

@@ -1,4 +1,5 @@
-// src/store.ts
+// src/controller.ts
+import { BaseController, generateId } from "@ailuracode/alpine-core";
 function defaultFilter(item, search) {
   if (!search.trim()) {
     return true;
@@ -17,157 +18,287 @@ function isEditableTarget(target) {
 function isTypingKey(event) {
   return event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey && !event.isComposing;
 }
-function handlePaletteTyping(store, event) {
-  if (isEditableTarget(event.target)) {
-    return false;
+var CommandController = class extends BaseController {
+  #items = {};
+  #search = "";
+  #activeIndex = 0;
+  #visible = false;
+  #filter;
+  #config;
+  constructor(id, config = {}) {
+    super(id ?? generateId("command"));
+    this.#filter = config.filter ?? defaultFilter;
+    this.#config = config;
   }
-  if (event.key === "Backspace") {
-    event.preventDefault();
-    store.search = store.search.slice(0, -1);
-    store.activeIndex = 0;
-    return true;
+  get items() {
+    return this.#items;
   }
-  if (isTypingKey(event)) {
-    event.preventDefault();
-    store.search += event.key;
-    store.activeIndex = 0;
-    return true;
+  get search() {
+    return this.#search;
   }
-  return false;
-}
-function createCommandStore(config = {}) {
-  const filter = config.filter ?? defaultFilter;
-  const store = {
-    search: "",
-    activeIndex: 0,
-    visible: false,
-    items: {},
-    get isOpen() {
-      return this.visible;
-    },
-    get filteredItems() {
-      const list = Object.values(this.items).filter(
-        (item) => !item.disabled && filter(item, this.search)
-      );
-      if (this.activeIndex >= list.length) {
-        this.activeIndex = Math.max(list.length - 1, 0);
-      }
-      return list;
-    },
-    get groupedItems() {
-      const groups = {};
-      for (const item of this.filteredItems) {
-        const group = item.group ?? "General";
-        groups[group] ??= [];
-        groups[group].push(item);
-      }
-      return groups;
-    },
-    open() {
-      if (this.visible) {
-        return;
-      }
-      this.visible = true;
-      this.search = "";
-      this.activeIndex = 0;
-      config.onOpen?.();
-    },
-    close() {
-      if (!this.visible) {
-        return;
-      }
-      this.visible = false;
-      this.search = "";
-      this.activeIndex = 0;
-      config.onClose?.();
-    },
-    toggle() {
-      if (this.visible) {
-        this.close();
-      } else {
-        this.open();
-      }
-    },
-    register(item) {
-      this.items[item.id] = item;
-    },
-    unregister(id) {
-      delete this.items[id];
-    },
-    async run(id) {
-      const item = this.items[id];
-      if (!item || item.disabled) {
-        return;
-      }
-      await item.action();
-      config.onRun?.(item);
+  set search(value) {
+    this.#search = value;
+  }
+  get activeIndex() {
+    return this.#activeIndex;
+  }
+  set activeIndex(value) {
+    this.#activeIndex = value;
+  }
+  get visible() {
+    return this.#visible;
+  }
+  get isOpen() {
+    return this.#visible;
+  }
+  get filteredItems() {
+    const list = Object.values(this.#items).filter(
+      (item) => !item.disabled && this.#filter(item, this.#search)
+    );
+    if (this.#activeIndex >= list.length) {
+      this.#activeIndex = Math.max(list.length - 1, 0);
+    }
+    return list;
+  }
+  get groupedItems() {
+    const groups = {};
+    for (const item of this.filteredItems) {
+      const group = item.group ?? "General";
+      groups[group] ??= [];
+      groups[group].push(item);
+    }
+    return groups;
+  }
+  open() {
+    if (this.isDestroyed || this.#visible) {
+      return;
+    }
+    this.#visible = true;
+    this.#search = "";
+    this.#activeIndex = 0;
+    this.#config.onOpen?.();
+    this.emit("open", void 0);
+  }
+  close() {
+    if (this.isDestroyed || !this.#visible) {
+      return;
+    }
+    this.#visible = false;
+    this.#search = "";
+    this.#activeIndex = 0;
+    this.#config.onClose?.();
+    this.emit("close", void 0);
+  }
+  toggle() {
+    if (this.#visible) {
       this.close();
-    },
-    handleKeydown(event) {
-      if (!this.visible) {
-        return;
-      }
-      const list = this.filteredItems;
-      if (handlePaletteTyping(this, event)) {
-        return;
+    } else {
+      this.open();
+    }
+  }
+  register(item) {
+    if (this.isDestroyed) {
+      return;
+    }
+    this.#items[item.id] = item;
+  }
+  unregister(id) {
+    if (this.isDestroyed) {
+      return;
+    }
+    delete this.#items[id];
+  }
+  async run(id) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const item = this.#items[id];
+    if (!item || item.disabled) {
+      return;
+    }
+    await item.action();
+    this.#config.onRun?.(item);
+    this.emit("run", item);
+    this.close();
+  }
+  handleKeydown(event) {
+    if (this.isDestroyed || !this.#visible) {
+      return;
+    }
+    const list = this.filteredItems;
+    if (isEditableTarget(event.target)) {
+    } else if (event.key === "Backspace") {
+      event.preventDefault();
+      this.#search = this.#search.slice(0, -1);
+      this.#activeIndex = 0;
+      return;
+    } else if (isTypingKey(event)) {
+      event.preventDefault();
+      this.#search += event.key;
+      this.#activeIndex = 0;
+      return;
+    }
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        this.#activeIndex = list.length === 0 ? 0 : (this.#activeIndex + 1) % list.length;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        this.#activeIndex = list.length === 0 ? 0 : (this.#activeIndex - 1 + list.length) % list.length;
+        break;
+      case "Home":
+        event.preventDefault();
+        this.#activeIndex = 0;
+        break;
+      case "End":
+        event.preventDefault();
+        this.#activeIndex = Math.max(list.length - 1, 0);
+        break;
+      case "Enter": {
+        event.preventDefault();
+        const active = list[this.#activeIndex];
+        if (active) {
+          void this.run(active.id);
+        }
+        break;
       }
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          this.activeIndex = list.length === 0 ? 0 : (this.activeIndex + 1) % list.length;
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          this.activeIndex = list.length === 0 ? 0 : (this.activeIndex - 1 + list.length) % list.length;
-          break;
-        case "Home":
-          event.preventDefault();
-          this.activeIndex = 0;
-          break;
-        case "End":
-          event.preventDefault();
-          this.activeIndex = Math.max(list.length - 1, 0);
-          break;
-        case "Enter": {
-          event.preventDefault();
-          const active = list[this.activeIndex];
-          if (active) {
-            void this.run(active.id);
+      case "Escape":
+        event.preventDefault();
+        this.close();
+        break;
+      default:
+        break;
+    }
+  }
+  /**
+   * Returns a store-shaped object for Alpine's `$store.command`.
+   * The store delegates to this controller.
+   */
+  toStore() {
+    const controller = this;
+    return {
+      get search() {
+        return controller.search;
+      },
+      set search(value) {
+        controller.search = value;
+      },
+      get activeIndex() {
+        return controller.activeIndex;
+      },
+      set activeIndex(value) {
+        controller.activeIndex = value;
+      },
+      get visible() {
+        return controller.visible;
+      },
+      get items() {
+        return controller.items;
+      },
+      get isOpen() {
+        return controller.isOpen;
+      },
+      open: () => controller.open(),
+      close: () => controller.close(),
+      toggle: () => controller.toggle(),
+      register: (item) => controller.register(item),
+      unregister: (id) => controller.unregister(id),
+      run: (id) => controller.run(id),
+      handleKeydown: (event) => controller.handleKeydown(event),
+      get filteredItems() {
+        return controller.filteredItems;
+      },
+      get groupedItems() {
+        return controller.groupedItems;
+      },
+      destroy: () => controller.destroy()
+    };
+  }
+};
+function createCommandController(config = {}) {
+  return new CommandController(void 0, config);
+}
+function createCommandStore(config = {}) {
+  return new CommandController(void 0, config).toStore();
+}
+
+// src/plugin.ts
+var COMMAND_STORE_KEY = "command";
+function commandPlugin(options = {}) {
+  return function registerCommand(alpine) {
+    const Alpine = alpine;
+    const controller = new CommandController(options.id, options);
+    const store = {
+      search: "",
+      activeIndex: 0,
+      visible: false,
+      items: {},
+      get isOpen() {
+        return this.visible;
+      },
+      get filteredItems() {
+        const defaultFilter2 = (i, s) => {
+          if (!s.trim()) {
+            return true;
           }
-          break;
+          const query = s.trim().toLowerCase();
+          const haystack = [i.label, i.group ?? "", i.shortcut ?? "", ...i.keywords ?? []].join(" ").toLowerCase();
+          return haystack.includes(query);
+        };
+        const filter = options.filter ?? defaultFilter2;
+        const list = Object.values(this.items).filter(
+          (item) => !item.disabled && filter(item, this.search)
+        );
+        if (this.activeIndex >= list.length) {
+          this.activeIndex = Math.max(list.length - 1, 0);
         }
-        case "Escape":
-          event.preventDefault();
-          this.close();
-          break;
-        default:
-          break;
-      }
-    },
-    destroy() {
-      this.items = {};
-      this.visible = false;
-      this.search = "";
-      this.activeIndex = 0;
+        return list;
+      },
+      get groupedItems() {
+        const groups = {};
+        for (const item of this.filteredItems) {
+          const group = item.group ?? "General";
+          groups[group] ??= [];
+          groups[group].push(item);
+        }
+        return groups;
+      },
+      open: () => controller.open(),
+      close: () => controller.close(),
+      toggle: () => controller.toggle(),
+      register: (item) => controller.register(item),
+      unregister: (id) => controller.unregister(id),
+      run: (id) => controller.run(id),
+      handleKeydown: (event) => controller.handleKeydown(event),
+      destroy: () => controller.destroy()
+    };
+    Alpine.store(COMMAND_STORE_KEY, store);
+    const reactiveStore = Alpine.store(COMMAND_STORE_KEY);
+    controller.on("open", () => {
+      reactiveStore.visible = true;
+      reactiveStore.search = "";
+      reactiveStore.activeIndex = 0;
+    });
+    controller.on("close", () => {
+      reactiveStore.visible = false;
+      reactiveStore.search = "";
+      reactiveStore.activeIndex = 0;
+    });
+    Alpine.magic(COMMAND_STORE_KEY, () => reactiveStore);
+    if (typeof Alpine.cleanup === "function") {
+      Alpine.cleanup(() => controller.destroy());
     }
   };
-  return store;
 }
-
-// src/index.ts
 function commandOptions(options) {
   return options;
 }
-function commandPlugin(options = {}) {
-  return function registerCommand(Alpine) {
-    const store = createCommandStore(options);
-    Alpine.store("command", store);
-    Alpine.magic("command", () => Alpine.store("command"));
-  };
-}
 export {
+  CommandController,
   commandOptions,
+  commandPlugin,
+  createCommandController,
   createCommandStore,
   commandPlugin as default
 };
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ailuracode/alpine-command",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Alpine.js headless command palette store",
   "type": "module",
   "license": "MIT",
@@ -31,7 +31,11 @@
     }
   },
   "types": "./dist/global.d.ts",
+  "devDependencies": {
+    "@ailuracode/alpine-core": "0.2.0"
+  },
   "peerDependencies": {
+    "@ailuracode/alpine-core": "^0.2.0",
     "alpinejs": "^3.0.0",
     "@types/alpinejs": "^3.13.11"
   },
@@ -50,7 +54,7 @@
     "headless"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean --sourcemap --out-dir dist && cp src/global.d.ts dist/global.d.ts",
+    "build": "tsup src/index.ts --format esm --dts --clean --out-dir dist && cp src/global.d.ts dist/global.d.ts",
     "test": "vitest run --config ../../vitest.config.ts test"
   }
 }

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/store.ts","../src/index.ts"],"sourcesContent":["export type CommandAction = () => void | Promise<void>;\n\nexport type CommandItem = {\n  id: string;\n  label: string;\n  group?: string;\n  shortcut?: string;\n  keywords?: string[];\n  disabled?: boolean;\n  action: CommandAction;\n};\n\nexport type CommandStore = {\n  search: string;\n  activeIndex: number;\n  /** Whether the palette is visible. */\n  visible: boolean;\n  /** Registered command items. */\n  items: Record<string, CommandItem>;\n  readonly isOpen: boolean;\n  open(): void;\n  close(): void;\n  toggle(): void;\n  register(item: CommandItem): void;\n  unregister(id: string): void;\n  run(id: string): Promise<void>;\n  handleKeydown(event: KeyboardEvent): void;\n  readonly filteredItems: CommandItem[];\n  readonly groupedItems: Record<string, CommandItem[]>;\n  destroy(): void;\n};\n\nexport type CommandStoreConfig = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  onRun?: (item: CommandItem) => void;\n  filter?: (item: CommandItem, search: string) => boolean;\n};\n\nfunction defaultFilter(item: CommandItem, search: string): boolean {\n  if (!search.trim()) {\n    return true;\n  }\n\n  const query = search.trim().toLowerCase();\n  const haystack = [item.label, item.group ?? \"\", item.shortcut ?? \"\", ...(item.keywords ?? [])]\n    .join(\" \")\n    .toLowerCase();\n\n  return haystack.includes(query);\n}\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) {\n    return false;\n  }\n\n  const tag = target.tagName;\n  return tag === \"INPUT\" || tag === \"TEXTAREA\" || target.isContentEditable;\n}\n\nfunction isTypingKey(event: KeyboardEvent): boolean {\n  return (\n    event.key.length === 1 &&\n    !event.metaKey &&\n    !event.ctrlKey &&\n    !event.altKey &&\n    !event.isComposing\n  );\n}\n\nfunction handlePaletteTyping(\n  store: Pick<CommandStore, \"search\" | \"activeIndex\">,\n  event: KeyboardEvent\n): boolean {\n  if (isEditableTarget(event.target)) {\n    return false;\n  }\n\n  if (event.key === \"Backspace\") {\n    event.preventDefault();\n    store.search = store.search.slice(0, -1);\n    store.activeIndex = 0;\n    return true;\n  }\n\n  if (isTypingKey(event)) {\n    event.preventDefault();\n    store.search += event.key;\n    store.activeIndex = 0;\n    return true;\n  }\n\n  return false;\n}\n\n/** Creates the headless command palette store. */\nexport function createCommandStore(config: CommandStoreConfig = {}): CommandStore {\n  const filter = config.filter ?? defaultFilter;\n\n  const store: CommandStore = {\n    search: \"\",\n    activeIndex: 0,\n    visible: false,\n    items: {},\n\n    get isOpen() {\n      return this.visible;\n    },\n\n    get filteredItems() {\n      const list = Object.values(this.items).filter(\n        (item) => !item.disabled && filter(item, this.search)\n      );\n      if (this.activeIndex >= list.length) {\n        this.activeIndex = Math.max(list.length - 1, 0);\n      }\n      return list;\n    },\n\n    get groupedItems() {\n      const groups: Record<string, CommandItem[]> = {};\n      for (const item of this.filteredItems) {\n        const group = item.group ?? \"General\";\n        groups[group] ??= [];\n        groups[group].push(item);\n      }\n      return groups;\n    },\n\n    open() {\n      if (this.visible) {\n        return;\n      }\n      this.visible = true;\n      this.search = \"\";\n      this.activeIndex = 0;\n      config.onOpen?.();\n    },\n\n    close() {\n      if (!this.visible) {\n        return;\n      }\n      this.visible = false;\n      this.search = \"\";\n      this.activeIndex = 0;\n      config.onClose?.();\n    },\n\n    toggle() {\n      if (this.visible) {\n        this.close();\n      } else {\n        this.open();\n      }\n    },\n\n    register(item) {\n      this.items[item.id] = item;\n    },\n\n    unregister(id) {\n      delete this.items[id];\n    },\n\n    async run(id) {\n      const item = this.items[id];\n      if (!item || item.disabled) {\n        return;\n      }\n\n      await item.action();\n      config.onRun?.(item);\n      this.close();\n    },\n\n    handleKeydown(event) {\n      if (!this.visible) {\n        return;\n      }\n\n      const list = this.filteredItems;\n\n      if (handlePaletteTyping(this, event)) {\n        return;\n      }\n\n      switch (event.key) {\n        case \"ArrowDown\":\n          event.preventDefault();\n          this.activeIndex = list.length === 0 ? 0 : (this.activeIndex + 1) % list.length;\n          break;\n        case \"ArrowUp\":\n          event.preventDefault();\n          this.activeIndex =\n            list.length === 0 ? 0 : (this.activeIndex - 1 + list.length) % list.length;\n          break;\n        case \"Home\":\n          event.preventDefault();\n          this.activeIndex = 0;\n          break;\n        case \"End\":\n          event.preventDefault();\n          this.activeIndex = Math.max(list.length - 1, 0);\n          break;\n        case \"Enter\": {\n          event.preventDefault();\n          const active = list[this.activeIndex];\n          if (active) {\n            void this.run(active.id);\n          }\n          break;\n        }\n        case \"Escape\":\n          event.preventDefault();\n          this.close();\n          break;\n        default:\n          break;\n      }\n    },\n\n    destroy() {\n      this.items = {};\n      this.visible = false;\n      this.search = \"\";\n      this.activeIndex = 0;\n    },\n  };\n\n  return store;\n}\n","import type AlpineType from \"alpinejs\";\nimport { type CommandStore, type CommandStoreConfig, createCommandStore } from \"./store.js\";\n\nexport {\n  type CommandAction,\n  type CommandItem,\n  type CommandStore,\n  type CommandStoreConfig,\n  createCommandStore,\n} from \"./store.js\";\n\nexport interface CommandPluginOptions extends CommandStoreConfig {}\n\n/** Builds typed command plugin options. */\nexport function commandOptions<const T extends CommandPluginOptions>(options: T): T {\n  return options;\n}\n\n/** Alpine.js command palette plugin. Registers `$store.command`. */\nexport default function commandPlugin(\n  options: CommandPluginOptions = {}\n): AlpineType.PluginCallback {\n  return function registerCommand(Alpine) {\n    const store = createCommandStore(options);\n    Alpine.store(\"command\", store);\n    Alpine.magic(\"command\", () => Alpine.store(\"command\"));\n  };\n}\n\ndeclare global {\n  namespace Alpine {\n    interface Stores {\n      command: CommandStore;\n    }\n    interface Magics<T> {\n      $command: CommandStore;\n    }\n  }\n}\n"],"mappings":"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","names":[]}