@ailuracode/alpine-command 0.1.0 → 2.0.0

package/README.md

@@ -1,26 +1,135 @@
 # @ailuracode/alpine-command
 
-Headless command palette store for Alpine.js — searchable actions, keyboard navigation, groups, and shortcuts. Compose optionally with dialog and toast plugins.
-
-**[Full documentation →](../../docs/plugins/command.md)**
+Headless command palette (Spotlight-style) store — searchable actions, groups, keyboard navigation, nested pages, async execution, aliases, and ARIA helpers.
 
 ## Install
 
 ```bash
-npm install @ailuracode/alpine-command alpinejs
+pnpm add @ailuracode/alpine-command @ailuracode/alpine-core alpinejs
 ```
 
-## Store API
+Active item navigation uses inline helpers — no extra dependency.
+
+## Quick start
 
 ```js
-$store.command.open();
-$store.command.search = "theme";
-$store.command.register({
+import Alpine from "alpinejs";
+import { commandPlugin } from "@ailuracode/alpine-command";
+
+Alpine.plugin(
+  commandPlugin({
+    searchStrategy: "substring",
+    onRun(item) {
+      console.log("Ran", item.id);
+    },
+    persistence: {
+      maxRecent: 8,
+      getRecent: () => JSON.parse(localStorage.getItem("recent-commands") ?? "[]"),
+      setRecent: (ids) => localStorage.setItem("recent-commands", JSON.stringify(ids)),
+    },
+  })
+);
+Alpine.start();
+```
+
+## Store API
+
+| Member | Description |
+|--------|-------------|
+| `open()` / `close()` / `toggle()` | Palette visibility |
+| `isOpen` | Whether the palette is open |
+| `search` | Reactive filter string |
+| `activeIndex` | Keyboard-highlighted row |
+| `filteredItems` / `visibleItems` | Visible commands for the current page |
+| `groupedItems` | Filtered items grouped by `group` |
+| `register(item)` | Register an action; returns `unregister()` |
+| `run(id)` / `cancelRun()` | Execute or cancel in-flight async work |
+| `pushPage(page)` / `goBack()` | Nested command pages |
+| `executionState` / `runningId` | Async execution state |
+| `inputProps()` / `listboxProps()` / `optionProps(id)` | Headless ARIA props |
+| `handleKeydown(event)` | Typing, Backspace, Arrow/Home/End/Enter/Escape |
+
+### Command item
+
+```ts
+{
   id: "toggle-theme",
   label: "Toggle theme",
-  group: "Appearance",
-  shortcut: "⌘K",
+  group?: "Appearance",
+  shortcut?: "⌘K",
+  keywords?: ["dark", "light"],
+  aliases?: ["spotlight"],
+  disabled?: false | (() => boolean),
+  hidden?: false | (() => boolean),
+  enabled?: true | (() => boolean),
+  pinned?: false,
+  page?: "root",
+  load?: async () => {},
   action: () => {},
-});
-$store.command.run("toggle-theme");
+}
 ```
+
+### Search
+
+- Default strategy: substring ranking on label, aliases, keywords, group, and shortcut
+- `searchStrategy: "fuzzy"` enables lightweight fuzzy matching
+- `rank(item, search)` replaces the deprecated `filter(item, search)` boolean API
+
+Disabled commands remain visible unless `hidden` is true. Keyboard navigation and `run()` skip disabled or loading commands.
+
+## Plugin options
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `id` | auto-generated | Controller identifier |
+| `rank` / `searchStrategy` | substring | Ranker for the filter pipeline |
+| `persistence` | — | Recent/pinned hooks (maxRecent, getRecent, setRecent, getPinned, setPinned) |
+| `storeKey` | `'command'` | `$store` key the Alpine plugin registers under |
+| `magicKey` | `'command'` (or `storeKey` when renamed) | `$command` magic key the Alpine plugin registers under |
+
+### Avoiding name collisions
+
+If your application already owns a `$store.command` or another toolkit plugin registers on that name, rename the integration surface without touching the controller:
+
+```ts
+Alpine.plugin(commandPlugin({
+  storeKey: "palette",         // → $store.palette
+  // magicKey follows storeKey by default → $palette
+  magicKey: "cmd",             // explicit override → $cmd
+}));
+```
+
+`storeKey` is the only argument most hosts need. `magicKey` moves independently only when both names must be freed. The exposed constants `DEFAULT_COMMAND_STORE_KEY` and `DEFAULT_COMMAND_MAGIC_KEY` keep the rename discoverable from TypeScript.
+
+## Integration
+
+- **Overlay** — optional `overlayId` documents a palette layer id for `$store.overlay.zIndexOf(overlayId, layer)`
+- **Scroll** — pass `scroll: $store.scroll` to lock page scroll while open (enabled by default when provided)
+- **Keyboard** — global open shortcuts remain consumer-owned; compose with `@ailuracode/alpine-keyboard` when needed
+- **Dialog / Toast** — render the palette in a dialog panel or call `$toast()` from `action` / `onRun`
+
+Neither overlay, scroll, keyboard, dialog, nor toast is required.
+
+## SSR
+
+Register commands on the client. The controller does not touch browser globals during import or construction.
+
+## Standalone usage
+
+```ts
+import { createCommandController } from "@ailuracode/alpine-command";
+
+const command = createCommandController();
+command.register({ id: "save", label: "Save", action: () => {} });
+command.open();
+```
+
+## Migration notes
+
+- `register()` now returns an unregister callback; `unregister(id)` remains available
+- `filter` is deprecated in favor of `rank` or `searchStrategy`
+- `filteredItems` now includes disabled commands; use `itemState(id)?.disabled` or `visibleItems` for runtime state
+
+## License
+
+MIT

package/dist/global.d.ts

@@ -1,47 +1,69 @@
 /// <reference types="@types/alpinejs" />
 
-export type CommandAction = () => void | Promise<void>;
+import type {
+  CommandExecutionState,
+  CommandItem,
+  CommandItemState,
+  CommandPage,
+  CommandStoreConfig,
+} from "./types";
 
-export type CommandItem = {
-  id: string;
-  label: string;
-  group?: string;
-  shortcut?: string;
-  keywords?: string[];
-  disabled?: boolean;
-  action: CommandAction;
-};
+export type {
+  CommandAction,
+  CommandExecutionState,
+  CommandFilterFn,
+  CommandItem,
+  CommandItemState,
+  CommandLoader,
+  CommandPage,
+  CommandPersistence,
+  CommandPredicate,
+  CommandRankFn,
+  CommandSearchStrategy,
+  CommandStoreConfig,
+} from "./types";
 
 export interface CommandStore {
   search: string;
   activeIndex: number;
   visible: boolean;
   items: Record<string, CommandItem>;
-  readonly isOpen: boolean;
+  isOpen: boolean;
+  executionState: CommandExecutionState;
+  runningId: string | null;
+  currentPageId: string;
+  pageStack: string[];
+  pages: Record<string, CommandPage>;
+  loadingIds: string[];
+  pinnedIds: string[];
+  recentIds: string[];
   open(): void;
   close(): void;
   toggle(): void;
-  register(item: CommandItem): void;
+  register(item: CommandItem): () => void;
   unregister(id: string): void;
   run(id: string): Promise<void>;
+  cancelRun(): void;
   handleKeydown(event: KeyboardEvent): void;
-  readonly filteredItems: CommandItem[];
-  readonly groupedItems: Record<string, CommandItem[]>;
+  pushPage(page: CommandPage): Promise<void>;
+  popPage(): void;
+  goBack(): void;
+  itemState(id: string): CommandItemState | null;
+  inputProps(): Record<string, string | boolean | undefined>;
+  listboxProps(): Record<string, string | boolean | undefined>;
+  optionProps(id: string): Record<string, string | number | boolean | undefined>;
+  filteredItems: CommandItem[];
+  visibleItems: CommandItemState[];
+  groupedItems: Record<string, CommandItem[]>;
   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?: CommandStoreConfig
+): import("./controller").CommandController;
 
 export default function commandPlugin(
-  options?: CommandPluginOptions
+  options?: import("./types").CommandPluginOptions
 ): import("alpinejs").PluginCallback;
 
 declare global {

package/dist/index.d.ts

@@ -1,58 +1,281 @@
-import AlpineType from 'alpinejs';
+import { Alpine, PluginCallback, BaseController } from '@ailuracode/alpine-core';
+export { Unsubscribe } from '@ailuracode/alpine-core';
+import { ScrollStore } from '@ailuracode/alpine-scroll';
+import { Alpine as Alpine$1 } from 'alpinejs';
 
+/**
+ * Public type contracts for `@ailuracode/alpine-command`.
+ */
+
+/** Action callback invoked when a command is executed. */
 type CommandAction = () => void | Promise<void>;
+/** Static or reactive predicate for command state. */
+type CommandPredicate = boolean | (() => boolean);
+/** Async loader for lazy command registration. */
+type CommandLoader = () => void | Promise<void>;
+/** Search ranking strategy. */
+type CommandSearchStrategy = "substring" | "fuzzy";
+/** Rank function — higher scores surface earlier; `null` excludes the item. */
+type CommandRankFn = (item: CommandItem, search: string) => number | null;
+/**
+ * @deprecated Use {@link CommandRankFn} via `rank` or `searchStrategy` instead.
+ * Legacy boolean filter kept for backward compatibility.
+ */
+type CommandFilterFn = (item: CommandItem, search: string) => boolean;
+/** Optional recent/pinned persistence hooks. */
+type CommandPersistence = {
+    readonly maxRecent?: number;
+    readonly getRecent?: () => readonly string[] | Promise<readonly string[]>;
+    readonly setRecent?: (ids: readonly string[]) => void | Promise<void>;
+    readonly getPinned?: () => readonly string[] | Promise<readonly string[]>;
+    readonly setPinned?: (ids: readonly string[]) => void | Promise<void>;
+};
+/** Nested command page metadata. */
+type CommandPage = {
+    readonly id: string;
+    readonly title: string;
+    readonly parentId?: string;
+    readonly load?: CommandLoader;
+};
+/** A registered command item. */
 type CommandItem = {
-    id: string;
-    label: string;
-    group?: string;
-    shortcut?: string;
-    keywords?: string[];
-    disabled?: boolean;
-    action: CommandAction;
+    readonly id: string;
+    readonly label: string;
+    readonly group?: string;
+    readonly shortcut?: string;
+    readonly keywords?: string[];
+    readonly aliases?: string[];
+    readonly disabled?: CommandPredicate;
+    readonly hidden?: CommandPredicate;
+    readonly enabled?: CommandPredicate;
+    readonly pinned?: boolean;
+    readonly page?: string;
+    readonly load?: CommandLoader;
+    readonly action: CommandAction;
+};
+/** Resolved runtime state for a visible command row. */
+type CommandItemState = {
+    readonly id: string;
+    readonly item: CommandItem;
+    readonly disabled: boolean;
+    readonly hidden: boolean;
+    readonly loading: boolean;
+    readonly pinned: boolean;
+    readonly recent: boolean;
+    readonly rank: number;
+    readonly selectable: boolean;
 };
-type CommandStore = {
+/** Explicit async lifecycle state for the palette. */
+type CommandExecutionState = "idle" | "loading" | "running";
+/** Config callbacks and behavior for the command palette. */
+type CommandStoreConfig = {
+    readonly onOpen?: () => void;
+    readonly onClose?: () => void;
+    readonly onRun?: (item: CommandItem) => void;
+    /** @deprecated Use `rank` or `searchStrategy` instead. */
+    readonly filter?: CommandFilterFn;
+    readonly rank?: CommandRankFn;
+    readonly searchStrategy?: CommandSearchStrategy;
+    readonly persistence?: CommandPersistence;
+    readonly overlayId?: string;
+    readonly editableSelector?: string;
+    readonly idPrefix?: string;
+    readonly closeOnRun?: boolean;
+    readonly scroll?: ScrollStore;
+    readonly scrollLock?: boolean;
+};
+/** Normalized options used internally by the controller. */
+type NormalizedCommandOptions = {
+    readonly id?: string;
+    readonly onOpen?: () => void;
+    readonly onClose?: () => void;
+    readonly onRun?: (item: CommandItem) => void;
+    readonly rank: CommandRankFn;
+    readonly searchStrategy: CommandSearchStrategy;
+    readonly persistence: Required<Pick<CommandPersistence, "maxRecent">> & Omit<CommandPersistence, "maxRecent">;
+    readonly overlayId?: string;
+    readonly editableSelector: string;
+    readonly idPrefix: string;
+    readonly closeOnRun: boolean;
+    readonly scroll?: ScrollStore;
+    readonly scrollLock: boolean;
+};
+/** Options accepted by the command plugin factory. */
+interface CommandPluginOptions extends CommandStoreConfig {
+    readonly id?: string;
+    /**
+     * `$store` key the Alpine plugin registers under. Defaults to
+     * {@link DEFAULT_COMMAND_STORE_KEY}. Set when the host already owns
+     * a `command` store or another toolkit plugin would collide on that
+     * name — the rename avoids the collision without touching the
+     * controller. Ignored by the standalone `createCommandStore` factory.
+     */
+    readonly storeKey?: string;
+    /**
+     * `$command` magic key the Alpine plugin registers under. Defaults
+     * to {@link DEFAULT_COMMAND_MAGIC_KEY}, or to `storeKey` when that
+     * is renamed (the magic follows the store so consumers only rename
+     * one). Ignored by the standalone factory.
+     */
+    readonly magicKey?: string;
+}
+/** Default `$store` key registered by {@link commandPlugin}. */
+declare const DEFAULT_COMMAND_STORE_KEY = "command";
+/** Default `$command` magic key registered by {@link commandPlugin}. */
+declare const DEFAULT_COMMAND_MAGIC_KEY = "command";
+/** Alpine-facing store surface. */
+interface CommandStore {
     search: string;
     activeIndex: number;
-    /** Whether the palette is visible. */
     visible: boolean;
-    /** Registered command items. */
     items: Record<string, CommandItem>;
-    readonly isOpen: boolean;
+    isOpen: boolean;
+    executionState: CommandExecutionState;
+    runningId: string | null;
+    currentPageId: string;
+    pageStack: string[];
+    pages: Record<string, CommandPage>;
+    loadingIds: string[];
+    pinnedIds: string[];
+    recentIds: string[];
     open(): void;
     close(): void;
     toggle(): void;
-    register(item: CommandItem): void;
+    register(item: CommandItem): () => void;
     unregister(id: string): void;
     run(id: string): Promise<void>;
+    cancelRun(): void;
     handleKeydown(event: KeyboardEvent): void;
-    readonly filteredItems: CommandItem[];
-    readonly groupedItems: Record<string, CommandItem[]>;
+    pushPage(page: CommandPage): Promise<void>;
+    popPage(): void;
+    goBack(): void;
+    itemState(id: string): CommandItemState | null;
+    inputProps(): Record<string, string | boolean | undefined>;
+    listboxProps(): Record<string, string | boolean | undefined>;
+    optionProps(id: string): Record<string, string | number | boolean | undefined>;
+    filteredItems: CommandItem[];
+    visibleItems: CommandItemState[];
+    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. */
+/** `Alpine.plugin()` callback signature. */
+type CommandPluginCallback = PluginCallback<Alpine$1>;
+
+/**
+ * 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.
+ * `change` — reactive state changed (search, selection, pages, loading).
+ */
+interface CommandEvents extends Record<string, unknown> {
+    open: undefined;
+    close: undefined;
+    run: CommandItem;
+    change: undefined;
+}
+
+/**
+ * Command palette controller — the framework-agnostic core of
+ * `@ailuracode/alpine-command`.
+ */
+
+/**
+ * Headless command palette controller with search ranking, nested pages,
+ * async loading/execution, and ARIA helpers.
+ */
+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 executionState(): CommandExecutionState;
+    get runningId(): string | null;
+    get currentPageId(): string;
+    get pageStack(): readonly string[];
+    get pages(): Readonly<Record<string, CommandPage>>;
+    get loadingIds(): readonly string[];
+    get pinnedIds(): readonly string[];
+    get recentIds(): readonly string[];
+    get visibleItems(): readonly CommandItemState[];
+    get filteredItems(): CommandItem[];
+    get groupedItems(): Record<string, CommandItem[]>;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    register(item: CommandItem): () => void;
+    unregister(id: string): void;
+    pushPage(page: CommandPage): Promise<void>;
+    popPage(): void;
+    goBack(): void;
+    itemState(id: string): CommandItemState | null;
+    inputProps(): Record<string, string | boolean | undefined>;
+    listboxProps(): Record<string, string | boolean | undefined>;
+    optionProps(id: string): Record<string, string | number | boolean | undefined>;
+    cancelRun(): void;
+    run(id: string): Promise<void>;
+    handleKeydown(event: KeyboardEvent): void;
+    toStore(): CommandStore;
+    destroy(): void;
+}
+/** Creates a CommandController instance. */
+declare function createCommandController(config?: CommandStoreConfig): CommandController;
+/** Creates a CommandStore (store-shaped object) directly. */
 declare function createCommandStore(config?: CommandStoreConfig): CommandStore;
 
-interface CommandPluginOptions extends CommandStoreConfig {
+/**
+ * Alpine adapter for the command controller.
+ *
+ * Fields are direct properties (not getters) so the plugin can mirror
+ * controller state onto Alpine's reactive store proxy.
+ */
+
+/** Mirrors controller state into a plain store object for Alpine. */
+declare function syncCommandStore(store: CommandStore, controller: CommandController): void;
+/** Builds the {@link CommandStore} installed at `$store.command`. */
+declare function createCommandAlpineStore(controller: CommandController): CommandStore;
+
+type CommandErrorCode = "COMMAND_DESTROYED" | "COMMAND_DUPLICATE_ID" | "COMMAND_UNKNOWN_ITEM" | "COMMAND_UNKNOWN_PAGE" | "COMMAND_ALREADY_RUNNING";
+declare class CommandError extends Error {
+    readonly code: CommandErrorCode;
+    readonly cause?: unknown;
+    constructor(message: string, code: CommandErrorCode, options?: {
+        cause?: unknown;
+    });
 }
+
+declare const ROOT_PAGE_ID = "root";
+/** Normalizes command controller and plugin options once at construction. */
+declare function normalizeCommandOptions(options?: CommandPluginOptions): NormalizedCommandOptions;
+
+/**
+ * Alpine.js integration for `@ailuracode/alpine-command`.
+ */
+
+/**
+ * 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;
-        }
-    }
-}
+/** @deprecated Use {@link createCommandAlpineStore} via the plugin adapter. */
+declare function createCommandStoreFromController(controller: CommandController): CommandStore;
 
-export { type CommandAction, type CommandItem, type CommandPluginOptions, type CommandStore, type CommandStoreConfig, commandOptions, createCommandStore, commandPlugin as default };
+export { type CommandAction, type CommandAlpine, CommandController, CommandError, type CommandErrorCode, type CommandEvents, type CommandExecutionState, type CommandFilterFn, type CommandItem, type CommandItemState, type CommandLoader, type CommandPage, type CommandPersistence, type CommandPluginCallback, type CommandPluginOptions, type CommandPredicate, type CommandRankFn, type CommandSearchStrategy, type CommandStore, type CommandStoreConfig, DEFAULT_COMMAND_MAGIC_KEY, DEFAULT_COMMAND_STORE_KEY, type NormalizedCommandOptions, ROOT_PAGE_ID, commandOptions, commandPlugin, createCommandAlpineStore, createCommandController, createCommandStore, createCommandStoreFromController, commandPlugin as default, normalizeCommandOptions, syncCommandStore };

package/dist/index.js

@@ -1,173 +1 @@
-// src/store.ts
-function defaultFilter(item, search) {
-  if (!search.trim()) {
-    return true;
-  }
-  const query = search.trim().toLowerCase();
-  const haystack = [item.label, item.group ?? "", item.shortcut ?? "", ...item.keywords ?? []].join(" ").toLowerCase();
-  return haystack.includes(query);
-}
-function isEditableTarget(target) {
-  if (!(target instanceof HTMLElement)) {
-    return false;
-  }
-  const tag = target.tagName;
-  return tag === "INPUT" || tag === "TEXTAREA" || target.isContentEditable;
-}
-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;
-  }
-  if (event.key === "Backspace") {
-    event.preventDefault();
-    store.search = store.search.slice(0, -1);
-    store.activeIndex = 0;
-    return true;
-  }
-  if (isTypingKey(event)) {
-    event.preventDefault();
-    store.search += event.key;
-    store.activeIndex = 0;
-    return true;
-  }
-  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);
-      this.close();
-    },
-    handleKeydown(event) {
-      if (!this.visible) {
-        return;
-      }
-      const list = this.filteredItems;
-      if (handlePaletteTyping(this, event)) {
-        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;
-        }
-        case "Escape":
-          event.preventDefault();
-          this.close();
-          break;
-        default:
-          break;
-      }
-    },
-    destroy() {
-      this.items = {};
-      this.visible = false;
-      this.search = "";
-      this.activeIndex = 0;
-    }
-  };
-  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 {
-  commandOptions,
-  createCommandStore,
-  commandPlugin as default
-};
-//# sourceMappingURL=index.js.map
+function c(t,e){t.search=e.search,t.activeIndex=e.activeIndex,t.visible=e.visible,t.isOpen=e.isOpen,t.items={...e.items},t.executionState=e.executionState,t.runningId=e.runningId,t.currentPageId=e.currentPageId,Object.assign(t,{pageStack:[...e.pageStack],pages:{...e.pages},loadingIds:[...e.loadingIds],pinnedIds:[...e.pinnedIds],recentIds:[...e.recentIds],visibleItems:[...e.visibleItems],filteredItems:[...e.filteredItems],groupedItems:{...e.groupedItems}})}function m(t){return{search:t.search,activeIndex:t.activeIndex,visible:t.visible,isOpen:t.isOpen,items:{...t.items},executionState:t.executionState,runningId:t.runningId,currentPageId:t.currentPageId,pageStack:[...t.pageStack],pages:{...t.pages},loadingIds:[...t.loadingIds],pinnedIds:[...t.pinnedIds],recentIds:[...t.recentIds],visibleItems:[...t.visibleItems],filteredItems:[...t.filteredItems],groupedItems:{...t.groupedItems},open:()=>t.open(),close:()=>t.close(),toggle:()=>t.toggle(),register:n=>t.register(n),unregister:n=>t.unregister(n),run:n=>t.run(n),cancelRun:()=>t.cancelRun(),handleKeydown:n=>t.handleKeydown(n),pushPage:n=>t.pushPage(n),popPage:()=>t.popPage(),goBack:()=>t.goBack(),itemState:n=>t.itemState(n),inputProps:()=>t.inputProps(),listboxProps:()=>t.listboxProps(),optionProps:n=>t.optionProps(n),destroy:()=>t.destroy()}}import{BaseController as F,generateId as j}from"@ailuracode/alpine-core";function S(t,e){let n=t.target;return n instanceof Element?n.closest(e)?!0:n instanceof HTMLElement&&n.isContentEditable:!1}function v(t){return t.key.length===1&&!t.metaKey&&!t.ctrlKey&&!t.altKey&&!t.isComposing}var l=class extends Error{code;cause;constructor(e,n,i={}){super(e,{cause:i.cause}),this.name="CommandError",this.code=n,this.cause=i.cause}};function T(t){return[t.label,t.group??"",t.shortcut??"",...t.keywords??[],...t.aliases??[]]}function k(t,e){let n=e.trim().toLowerCase();if(!n)return 0;let i=t.label.toLowerCase();if(i.startsWith(n))return 100;if(i.includes(n))return 80;for(let s of t.aliases??[]){let r=s.toLowerCase();if(r.startsWith(n))return 70;if(r.includes(n))return 60}return T(t).join(" ").toLowerCase().includes(n)?50:null}function N(t,e){let n=e.trim().toLowerCase();if(!n)return 0;let i=t.label.toLowerCase(),o=0,s=0;for(let r=0;r<i.length&&s<n.length;r++)i[r]===n[s]&&(o+=10,s++);return s===n.length?o+(i.startsWith(n)?20:0):k(t,e)}function R(t,e){return e||(t==="fuzzy"?N:k)}function O(t){return(e,n)=>t(e,n)?1:null}var K='input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]',C=10,a="root";function f(t={}){let e=t.searchStrategy??"substring",n=t.rank??(t.filter?O(t.filter):R(e));return{id:t.id,onOpen:t.onOpen,onClose:t.onClose,onRun:t.onRun,rank:n,searchStrategy:e,persistence:{maxRecent:t.persistence?.maxRecent??C,getRecent:t.persistence?.getRecent,setRecent:t.persistence?.setRecent,getPinned:t.persistence?.getPinned,setPinned:t.persistence?.setPinned},overlayId:t.overlayId,editableSelector:t.editableSelector??K,idPrefix:t.idPrefix??"command",closeOnRun:t.closeOnRun!==!1,scroll:t.scroll,scrollLock:t.scrollLock!==!1}}function g(t,e){return t===void 0?e:typeof t=="function"?t():t}function E(t,e,n){let i=n.length;if(i===0)return 0;let o=t;for(let s=0;s<i;s++)if(o=(o+e+i)%i,n[o])return o;return t}function z(t){let e=t.findIndex(Boolean);return e===-1?0:e}function U(t){for(let e=t.length-1;e>=0;e--)if(t[e])return e;return 0}function A(t,e){return(t.page??a)===e}function y(t){return g(t.hidden,!1)}function D(t){return y(t)?!0:t.enabled!==void 0?!g(t.enabled,!0):g(t.disabled,!1)}var d=class extends F{#n;#d={};#h={[a]:{id:a,title:"Commands"}};#i=new Set;#l=new Set;#c=new Set;#r=[];#o="";#t=0;#s=!1;#a=[a];#u="idle";#f=null;#y=0;#p=0;#x=!1;#g=0;#m=null;#C;#I;constructor(e,n={}){super(e??j("command")),this.#n=f(n),this.#C=this.#n.scroll,this.#I=this.#n.scrollLock}get items(){return this.#d}get search(){return this.#o}set search(e){this.#o!==e&&(this.#o=e,this.#t=0,this.#e())}get activeIndex(){return this.#t}set activeIndex(e){let n=Math.max(0,e);this.#t!==n&&(this.#t=n,this.#e())}get visible(){return this.#s}get isOpen(){return this.#s}get executionState(){return this.#u}get runningId(){return this.#f}get currentPageId(){return this.#a[this.#a.length-1]??a}get pageStack(){return this.#a}get pages(){return this.#h}get loadingIds(){return[...this.#i]}get pinnedIds(){return[...this.#c]}get recentIds(){return[...this.#r]}get visibleItems(){return this.#v()}get filteredItems(){return this.visibleItems.map(e=>e.item)}get groupedItems(){let e={};for(let n of this.visibleItems){let i=n.item.group??"General";e[i]??=[],e[i].push(n.item)}return e}open(){this.isDestroyed||this.#s||(this.#s=!0,this.#o="",this.#t=0,this.#I&&this.#S(!0),this.#R(),this.#O(),this.#n.onOpen?.(),this.emit("open",void 0),this.#e())}close(){this.isDestroyed||!this.#s||(this.#s=!1,this.#o="",this.#t=0,this.#a=[a],this.#I&&this.#S(!1),this.cancelRun(),this.#n.onClose?.(),this.emit("close",void 0),this.#e())}toggle(){this.#s?this.close():this.open()}register(e){if(this.isDestroyed)throw new l("Cannot register command after destroy()","COMMAND_DESTROYED");if(this.#d[e.id])throw new l(`Command id "${e.id}" is already registered`,"COMMAND_DUPLICATE_ID");return this.#d[e.id]=e,e.pinned&&this.#c.add(e.id),this.#b(),this.#e(),()=>{this.unregister(e.id)}}unregister(e){if(this.isDestroyed)return;delete this.#d[e],this.#i.delete(e),this.#l.delete(e),this.#c.delete(e);let n=this.#r.indexOf(e);n!==-1&&this.#r.splice(n,1),this.#b(),this.#e()}async pushPage(e){this.isDestroyed||(this.#h[e.id]=e,this.#a.push(e.id),this.#o="",this.#t=0,await this.#P(e),this.#e())}popPage(){this.isDestroyed||this.#a.length<=1||(this.#a.pop(),this.#o="",this.#t=0,this.#b(),this.#e())}goBack(){this.popPage()}itemState(e){return this.visibleItems.find(n=>n.id===e)??null}inputProps(){let e=`${this.#n.idPrefix}-listbox`,n=this.visibleItems[this.#t];return{role:"combobox","aria-expanded":this.#s,"aria-controls":e,"aria-activedescendant":n?`${this.#n.idPrefix}-option-${n.id}`:void 0,"aria-autocomplete":"list"}}listboxProps(){return{role:"listbox",id:`${this.#n.idPrefix}-listbox`,"aria-label":this.#h[this.currentPageId]?.title??"Commands"}}optionProps(e){let n=this.itemState(e),i=this.visibleItems.findIndex(o=>o.id===e);return{role:"option",id:`${this.#n.idPrefix}-option-${e}`,"aria-selected":i===this.#t,"aria-disabled":n?.disabled??!1,"data-disabled":n?.disabled??!1,"data-loading":n?.loading??!1}}cancelRun(){this.#y++,this.#f=null,this.#u="idle",this.#e()}async run(e){if(this.isDestroyed)return;let n=this.itemState(e)??this.#k(e);if(!n||n.disabled||n.loading)return;let i=++this.#y;this.#f=e,this.#u="running",this.#e();try{if(await n.item.action(),i!==this.#y||this.isDestroyed)return;if(this.#n.onRun?.(n.item),this.emit("run",n.item),await this.#A(e),this.#n.closeOnRun){this.close();return}}finally{i===this.#y&&(this.#f=null,this.#u="idle",this.#e())}}handleKeydown(e){if(this.isDestroyed||!this.#s)return;if(e.key==="Backspace"&&this.#a.length>1&&this.#o.length===0){e.preventDefault(),this.popPage();return}if(!S(e,this.#n.editableSelector)){if(e.key==="Backspace"){e.preventDefault(),this.#o=this.#o.slice(0,-1),this.#t=0,this.#e();return}if(v(e)){e.preventDefault(),this.#o+=e.key,this.#t=0,this.#e();return}}let n=this.visibleItems,i=n.map(o=>o.selectable);switch(e.key){case"ArrowDown":e.preventDefault(),this.#t=E(this.#t,1,i),this.#e();break;case"ArrowUp":e.preventDefault(),this.#t=E(this.#t,-1,i),this.#e();break;case"Home":e.preventDefault(),this.#t=z(i),this.#e();break;case"End":e.preventDefault(),this.#t=U(i),this.#e();break;case"Enter":{e.preventDefault();let o=n[this.#t];o?.selectable&&this.run(o.id);break}case"Escape":e.preventDefault(),this.#a.length>1?this.popPage():this.close();break;default:break}}toStore(){let e=this,n=m(e),i=()=>{c(n,e)};return e.on("open",i),e.on("close",i),e.on("change",i),Object.defineProperty(n,"search",{get(){return e.search},set(o){e.search=o},enumerable:!0,configurable:!0}),Object.defineProperty(n,"activeIndex",{get(){return e.activeIndex},set(o){e.activeIndex=o},enumerable:!0,configurable:!0}),i(),n}destroy(){if(!this.isDestroyed){this.cancelRun(),this.#p++,this.#m!==null&&(this.#C?.unlock(this.#m),this.#m=null),this.#g=0;for(let e of Object.keys(this.#d))delete this.#d[e];for(let e of Object.keys(this.#h))e!==a&&delete this.#h[e];this.#a=[a],this.#i.clear(),this.#l.clear(),this.#c.clear(),this.#r.length=0,this.#s=!1,this.#o="",this.#t=0,super.destroy()}}#v(){let e=this.currentPageId,n=[];for(let i of Object.values(this.#d)){if(!A(i,e)||y(i))continue;let o=this.#n.rank(i,this.#o);if(o===null)continue;let s=D(i),r=i.pinned===!0||this.#c.has(i.id),u=this.#r.includes(i.id);n.push({id:i.id,item:i,disabled:s,hidden:!1,loading:this.#i.has(i.id),pinned:r,recent:u,rank:o+(r?1e3:0)+(u?100:0),selectable:!(s||this.#i.has(i.id))}),i.load&&!this.#l.has(i.id)&&!this.#i.has(i.id)&&this.#E(i)}return n.sort((i,o)=>o.rank!==i.rank?o.rank-i.rank:i.item.label.localeCompare(o.item.label)),n}#k(e){let n=this.#d[e];if(!(n&&A(n,this.currentPageId))||y(n))return null;let i=D(n);return{id:e,item:n,disabled:i,hidden:!1,loading:this.#i.has(e),pinned:n.pinned===!0||this.#c.has(e),recent:this.#r.includes(e),rank:0,selectable:!(i||this.#i.has(e))}}async#R(){if(this.#x)return;this.#x=!0;let e=await this.#n.persistence.getPinned?.();if(e)for(let i of e)this.#c.add(i);let n=await this.#n.persistence.getRecent?.();n&&this.#r.splice(0,this.#r.length,...n),this.#e()}async#O(){let e=this.#h[this.currentPageId];e&&await this.#P(e)}async#P(e){if(!e.load||this.#l.has(e.id))return;let n=++this.#p;this.#i.add(e.id),this.#u="loading",this.#e();try{if(await e.load(),n!==this.#p||this.isDestroyed)return;this.#l.add(e.id)}finally{this.#i.delete(e.id),this.#i.size===0&&this.#u==="loading"&&(this.#u="idle"),this.#e()}}async#E(e){if(!e.load||this.#l.has(e.id))return;let n=++this.#p;this.#i.add(e.id),this.#e();try{if(await e.load(),n!==this.#p||this.isDestroyed)return;this.#l.add(e.id)}finally{this.#i.delete(e.id),this.#e()}}async#A(e){let n=this.#n.persistence.maxRecent??C,i=[e,...this.#r.filter(o=>o!==e)].slice(0,n);this.#r.splice(0,this.#r.length,...i),await this.#n.persistence.setRecent?.(i),this.#e()}#b(){let e=this.visibleItems.length;this.#t>=e&&(this.#t=Math.max(e-1,0))}#e(){this.isDestroyed||(this.#b(),this.emit("change",void 0))}#S(e){if(e){this.#g===0&&this.#C&&this.#m===null&&(this.#m=this.#C.lock("command")),this.#g++;return}this.#g!==0&&(this.#g--,this.#g===0&&this.#m!==null&&(this.#C?.unlock(this.#m),this.#m=null))}};function B(t={}){return new d(void 0,t)}function G(t={}){return new d(void 0,t).toStore()}import{bridgeControllerStore as Y}from"@ailuracode/alpine-core";var b="command",I="command";function _(t={}){let e=t.storeKey??b,n=t.magicKey??t.storeKey??I;return function(o){let s=o,r=new d(t.id,t),u=m(r);Y({alpine:s,storeKey:e,magicKey:n,store:u,controller:r,packageName:"command",subscribe:x=>{let p=!1,h=()=>{p=!0,c(x,r),p=!1},w=r.on("open",h),L=r.on("close",h),M=r.on("change",h);return o.effect(()=>{if(p)return;let P=x.search;r.search!==P&&(r.search=P)}),h(),()=>{w(),L(),M()}}})}}function $(t){return t}function H(t){return m(t)}export{d as CommandController,l as CommandError,I as DEFAULT_COMMAND_MAGIC_KEY,b as DEFAULT_COMMAND_STORE_KEY,a as ROOT_PAGE_ID,$ as commandOptions,_ as commandPlugin,m as createCommandAlpineStore,B as createCommandController,G as createCommandStore,H as createCommandStoreFromController,_ as default,f as normalizeCommandOptions,c as syncCommandStore};

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@ailuracode/alpine-command",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "description": "Alpine.js headless command palette store",
   "type": "module",
   "license": "MIT",
   "author": "ailuracode",
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
@@ -31,11 +32,22 @@
     }
   },
   "types": "./dist/global.d.ts",
+  "devDependencies": {
+    "@types/alpinejs": "^3.13.11",
+    "alpinejs": "^3.15.12",
+    "@ailuracode/alpine-scroll": "3.0.0",
+    "@ailuracode/alpine-core": "0.3.0"
+  },
   "peerDependencies": {
+    "@ailuracode/alpine-core": "^0.3.0",
+    "@ailuracode/alpine-scroll": "^3.0.0",
     "alpinejs": "^3.0.0",
     "@types/alpinejs": "^3.13.11"
   },
   "peerDependenciesMeta": {
+    "@ailuracode/alpine-scroll": {
+      "optional": true
+    },
     "@types/alpinejs": {
       "optional": true
     }
@@ -49,8 +61,30 @@
     "spotlight",
     "headless"
   ],
+  "toolkit": {
+    "bundleBudget": {
+      "category": "complex-feature"
+    }
+  },
+  "size-limit": [
+    {
+      "name": "full surface",
+      "path": "dist/index.js",
+      "import": "*",
+      "ignore": [
+        "alpinejs",
+        "@ailuracode/alpine-core",
+        "@types/alpinejs"
+      ],
+      "gzip": true,
+      "brotli": true,
+      "limit": "4 kB"
+    }
+  ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean --sourcemap --out-dir dist && cp src/global.d.ts dist/global.d.ts",
-    "test": "vitest run --config ../../vitest.config.ts test"
+    "build": "tsup src/index.ts --format esm --dts --clean --out-dir dist --minify && cp src/global.d.ts dist/global.d.ts",
+    "size": "size-limit",
+    "test": "vitest run --config ../../vitest.config.ts packages/command",
+    "test:e2e": "playwright test --config playwright.config.ts"
   }
 }

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":[]}