@bysivin/jumpbar 0.0.0-stage → 0.2.0

package/dist/index.js

@@ -0,0 +1,583 @@
+import { groupBySection, rank, parseQuery } from "./core.js";
+import { createFrecency, fuzzyScore, normalize } from "./core.js";
+import { ref, shallowRef, computed, reactive, watch, openBlock, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, withModifiers, normalizeClass, createElementVNode, nextTick, onBeforeUnmount, createBlock, Teleport, unref } from "vue";
+const DEFAULT_DEBOUNCE = 120;
+const DEFAULT_LIMIT = 100;
+const NO_FRECENCY = { record: () => {
+}, score: () => 0 };
+const createCommandBar = (initialOptions = {}) => {
+  const options = {
+    prefixes: [],
+    context: () => ({}),
+    frecency: NO_FRECENCY,
+    onSelect: () => {
+    },
+    onClose: () => {
+    },
+    onError: (error) => {
+      throw error;
+    },
+    debounce: DEFAULT_DEBOUNCE,
+    limit: DEFAULT_LIMIT,
+    ...initialOptions
+  };
+  let sources = [];
+  let context = {};
+  let controller = null;
+  let timers = [];
+  let sequence = 0;
+  const isOpen = ref(false);
+  const query = ref("");
+  const pages = shallowRef([]);
+  const items = shallowRef([]);
+  const results = shallowRef([]);
+  const selectedIndex = ref(0);
+  const pendingCount = ref(0);
+  const page = computed(() => pages.value.at(-1) ?? null);
+  const isLoading = computed(() => pendingCount.value > 0);
+  const sections = computed(() => {
+    const list = page.value && results.value.length ? results.value : [...items.value, ...results.value];
+    const seen = /* @__PURE__ */ new Set();
+    const unique = list.filter((item) => {
+      if (seen.has(item.id)) return false;
+      seen.add(item.id);
+      return true;
+    });
+    return groupBySection(unique);
+  });
+  const visible = computed(
+    () => sections.value.flatMap((section) => section.items)
+  );
+  const selected = computed(() => visible.value[selectedIndex.value] ?? null);
+  const buildRequest = () => {
+    var _a;
+    const { prefix, text } = parseQuery(query.value, options.prefixes);
+    return {
+      query: query.value,
+      text,
+      prefix,
+      page: ((_a = page.value) == null ? void 0 : _a.id) ?? null,
+      context
+    };
+  };
+  const isActive = (source, request) => {
+    var _a;
+    return request.text.length >= (source.minQuery ?? 0) && (((_a = source.when) == null ? void 0 : _a.call(source, request)) ?? true);
+  };
+  const collectCommands = (request) => sources.flatMap(
+    (source) => source.commands && isActive(source, request) ? source.commands(request) : []
+  );
+  const delayOf = (source) => source.debounce ?? options.debounce;
+  const publish = (batch) => {
+    results.value = batch.searchers.flatMap(
+      (searcher) => batch.fresh.get(searcher.id) ?? []
+    );
+    selectedIndex.value = Math.min(
+      selectedIndex.value,
+      Math.max(visible.value.length - 1, 0)
+    );
+  };
+  const runSearchers = (batch, delay) => {
+    batch.searchers.filter((source) => delayOf(source) === delay).forEach(async (source) => {
+      try {
+        const list = await source.search({
+          ...batch.request,
+          signal: batch.signal
+        });
+        if (batch.sequence !== sequence) return;
+        batch.fresh.set(source.id, list);
+        publish(batch);
+      } catch (error) {
+        if (batch.sequence !== sequence) return;
+        batch.fresh.set(source.id, []);
+        publish(batch);
+        options.onError(error, source);
+      } finally {
+        if (batch.sequence === sequence) pendingCount.value -= 1;
+      }
+    });
+  };
+  const run = () => {
+    timers.forEach(clearTimeout);
+    timers = [];
+    controller == null ? void 0 : controller.abort();
+    sequence += 1;
+    const request = buildRequest();
+    if (!request.text) results.value = [];
+    const ranked = rank(collectCommands(request), {
+      text: request.text,
+      prefix: request.prefix,
+      page: request.page,
+      scopes: context.scopes ?? [],
+      frecency: options.frecency
+    });
+    items.value = request.text ? ranked.slice(0, options.limit) : ranked;
+    selectedIndex.value = 0;
+    const searchRequest = { ...request, matches: items.value.length };
+    const searchers = sources.filter(
+      (source) => source.search && isActive(source, searchRequest)
+    );
+    pendingCount.value = searchers.length;
+    if (!searchers.length) {
+      results.value = [];
+      return;
+    }
+    controller = new AbortController();
+    const batch = {
+      sequence,
+      request: searchRequest,
+      signal: controller.signal,
+      fresh: /* @__PURE__ */ new Map(),
+      searchers
+    };
+    new Set(searchers.map(delayOf)).forEach((delay) => {
+      timers.push(setTimeout(() => runSearchers(batch, delay), delay));
+    });
+  };
+  const navigate = (nextPages, nextQuery = "") => {
+    pages.value = nextPages;
+    query.value = nextQuery;
+    results.value = [];
+    run();
+  };
+  const open = ({ page: pageId = null, query: initialQuery = "" } = {}) => {
+    context = options.context();
+    isOpen.value = true;
+    pages.value = [];
+    query.value = "";
+    const target = pageId ? collectCommands(buildRequest()).find((item) => item.id === pageId) ?? {
+      id: pageId
+    } : null;
+    navigate(target ? [target] : [], initialQuery);
+  };
+  const close = () => {
+    if (!isOpen.value) return;
+    timers.forEach(clearTimeout);
+    timers = [];
+    controller == null ? void 0 : controller.abort();
+    sequence += 1;
+    pendingCount.value = 0;
+    isOpen.value = false;
+    options.onClose();
+  };
+  const back = () => {
+    if (!page.value) return;
+    navigate(pages.value.slice(0, -1));
+  };
+  const select = (item) => {
+    if (!item) return;
+    if (item.page) {
+      navigate([...pages.value, item]);
+      return;
+    }
+    if (!item.run) return;
+    options.frecency.record(item.id);
+    options.onSelect(item);
+    close();
+    item.run(context);
+  };
+  const setQuery = (value) => {
+    query.value = value;
+    run();
+  };
+  const moveSelection = (delta) => {
+    const count = visible.value.length;
+    if (!count) return;
+    selectedIndex.value = (selectedIndex.value + delta + count) % count;
+  };
+  const toggle = () => isOpen.value ? close() : open();
+  const register = (source) => {
+    sources = [...sources, source];
+    return () => {
+      sources = sources.filter((registered) => registered !== source);
+    };
+  };
+  const configure = (overrides) => Object.assign(options, overrides);
+  const dispose = () => {
+    close();
+    sources = [];
+  };
+  return {
+    isOpen,
+    query,
+    page,
+    pages,
+    visible,
+    sections,
+    selectedIndex,
+    selected,
+    isLoading,
+    open,
+    close,
+    toggle,
+    back,
+    select,
+    setQuery,
+    moveSelection,
+    register,
+    configure,
+    dispose
+  };
+};
+let shared = null;
+const useCommandBar = () => {
+  shared ?? (shared = createCommandBar());
+  return shared;
+};
+const _hoisted_1$1 = ["aria-label"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "px-3 pt-3 pb-1 text-xs font-medium text-jumpbar-muted-foreground first:pt-1"
+};
+const _hoisted_3$1 = ["id", "aria-selected", "onMousemove", "onClick"];
+const _hoisted_4$1 = {
+  key: 0,
+  class: "relative flex items-center justify-center flex-shrink-0 rounded-md size-6 bg-jumpbar-muted text-jumpbar-muted-foreground"
+};
+const _hoisted_5$1 = ["src", "alt", "onError"];
+const _hoisted_6$1 = {
+  key: 1,
+  class: "text-xs font-medium leading-none"
+};
+const _hoisted_7$1 = {
+  key: 1,
+  class: "flex items-center justify-center flex-shrink-0 size-6"
+};
+const _hoisted_8$1 = { class: "flex items-center flex-1 min-w-0 gap-1.5 overflow-hidden" };
+const _hoisted_9$1 = { class: "truncate text-jumpbar-muted-foreground" };
+const _hoisted_10$1 = { class: "flex-shrink-0 max-w-full truncate" };
+const _hoisted_11 = {
+  key: 1,
+  class: "truncate text-jumpbar-muted-foreground"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "flex-shrink-0 text-xs text-jumpbar-muted-foreground"
+};
+const _hoisted_13 = {
+  key: 3,
+  class: "flex items-center gap-1"
+};
+const _hoisted_14 = {
+  key: 4,
+  class: "flex-shrink-0 i-lucide-chevron-right size-4 text-jumpbar-subtle-foreground rtl:-scale-x-100"
+};
+const _hoisted_15 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "animate-pulse motion-reduce:animate-none"
+};
+const PLACEHOLDER_ROWS = 3;
+const _sfc_main$1 = {
+  __name: "CommandBarList",
+  props: {
+    sections: { type: Array, required: true },
+    items: { type: Array, required: true },
+    selectedIndex: { type: Number, required: true },
+    pending: { type: Boolean, default: false }
+  },
+  emits: ["select", "activate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const STATUS_CLASSES = {
+      online: "bg-jumpbar-online",
+      busy: "bg-jumpbar-busy",
+      offline: "bg-jumpbar-offline"
+    };
+    const listRef = ref(null);
+    const failedImages = reactive(/* @__PURE__ */ new Set());
+    let pointer = { x: null, y: null };
+    const onPointerMove = (event, index) => {
+      if (event.clientX === pointer.x && event.clientY === pointer.y) return;
+      pointer = { x: event.clientX, y: event.clientY };
+      emit("activate", index);
+    };
+    const indexes = computed(
+      () => new Map(props.items.map((item, index) => [item.id, index]))
+    );
+    const initials = (name) => (name ?? "").split(/\s+/).slice(0, 2).map((word) => [...word][0] ?? "").join("").toUpperCase();
+    watch(
+      [() => props.selectedIndex, () => props.sections],
+      ([index]) => {
+        var _a;
+        const list = listRef.value;
+        if (!list) return;
+        if (index === 0) list.scrollTop = 0;
+        else {
+          (_a = list.querySelector('[aria-selected="true"]')) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+        }
+      },
+      { flush: "post" }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "listRef",
+        ref: listRef,
+        role: "listbox",
+        class: "px-2 py-2 overflow-y-auto"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
+          return openBlock(), createElementBlock("div", {
+            key: section.section ?? "",
+            role: "group",
+            "aria-label": section.section ?? void 0
+          }, [
+            section.section ? (openBlock(), createElementBlock("p", _hoisted_2$1, toDisplayString(section.section), 1)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+              return openBlock(), createElementBlock("div", {
+                id: `command-bar-item-${item.id}`,
+                key: item.id,
+                role: "option",
+                "aria-selected": indexes.value.get(item.id) === __props.selectedIndex,
+                class: normalizeClass(["relative flex items-center h-10 gap-3 px-3 text-sm rounded-lg cursor-pointer select-none text-jumpbar-foreground transition-colors duration-75", {
+                  "bg-jumpbar-muted before:absolute before:inset-y-2 before:start-0 before:w-0.5 before:rounded-full before:bg-jumpbar-primary": indexes.value.get(item.id) === __props.selectedIndex
+                }]),
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["prevent"])),
+                onMousemove: ($event) => onPointerMove($event, indexes.value.get(item.id)),
+                onClick: ($event) => emit("select", item)
+              }, [
+                item.avatar ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+                  item.avatar.src && !failedImages.has(item.avatar.src) ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: item.avatar.src,
+                    alt: item.avatar.name,
+                    class: "object-cover rounded-md size-6",
+                    onError: ($event) => failedImages.add(item.avatar.src)
+                  }, null, 40, _hoisted_5$1)) : (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(initials(item.avatar.name)), 1)),
+                  item.avatar.status ? (openBlock(), createElementBlock("span", {
+                    key: 2,
+                    class: normalizeClass(["absolute -bottom-px -end-px border rounded-full size-2 border-jumpbar-background", STATUS_CLASSES[item.avatar.status]])
+                  }, null, 2)) : createCommentVNode("", true)
+                ])) : (openBlock(), createElementBlock("span", _hoisted_7$1, [
+                  createElementVNode("span", {
+                    class: normalizeClass(["size-4", [
+                      item.icon,
+                      indexes.value.get(item.id) === __props.selectedIndex ? "text-jumpbar-foreground" : "text-jumpbar-muted-foreground"
+                    ]])
+                  }, null, 2)
+                ])),
+                createElementVNode("span", _hoisted_8$1, [
+                  item.parentTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createElementVNode("span", _hoisted_9$1, toDisplayString(item.parentTitle), 1),
+                    _cache[1] || (_cache[1] = createElementVNode("span", { class: "flex-shrink-0 i-lucide-chevron-right size-3 text-jumpbar-subtle-foreground rtl:-scale-x-100" }, null, -1))
+                  ], 64)) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_10$1, toDisplayString(item.title), 1),
+                  item.subtitle ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(item.subtitle), 1)) : createCommentVNode("", true)
+                ]),
+                item.badge ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(item.badge), 1)) : createCommentVNode("", true),
+                item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_13, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.shortcut, (key) => {
+                    return openBlock(), createElementBlock("kbd", {
+                      key,
+                      class: "inline-flex items-center justify-center h-5 px-1 text-xs rounded min-w-5 text-jumpbar-muted-foreground bg-jumpbar-subtle outline outline-1 outline-jumpbar-border"
+                    }, toDisplayString(key), 1);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                item.page ? (openBlock(), createElementBlock("span", _hoisted_14)) : createCommentVNode("", true)
+              ], 42, _hoisted_3$1);
+            }), 128))
+          ], 8, _hoisted_1$1);
+        }), 128)),
+        __props.pending ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          _cache[3] || (_cache[3] = createElementVNode("div", { class: "px-3 pt-3 pb-1" }, [
+            createElementVNode("span", { class: "block w-20 h-3 rounded bg-jumpbar-muted" })
+          ], -1)),
+          (openBlock(), createElementBlock(Fragment, null, renderList(PLACEHOLDER_ROWS, (row) => {
+            return createElementVNode("div", {
+              key: row,
+              class: "flex items-center h-10 gap-3 px-3"
+            }, [..._cache[2] || (_cache[2] = [
+              createElementVNode("span", { class: "flex-shrink-0 rounded-md size-6 bg-jumpbar-muted" }, null, -1),
+              createElementVNode("span", { class: "h-3 rounded w-36 bg-jumpbar-muted" }, null, -1),
+              createElementVNode("span", { class: "h-3 rounded w-24 bg-jumpbar-subtle" }, null, -1)
+            ])]);
+          }), 64))
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+};
+const _hoisted_1 = ["dir"];
+const _hoisted_2 = { class: "flex items-center gap-2 px-4 h-14" };
+const _hoisted_3 = {
+  key: 0,
+  class: "flex-shrink-0 px-2 py-0.5 text-xs rounded-md bg-jumpbar-muted text-jumpbar-muted-foreground max-w-48 truncate"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "flex-shrink-0 px-2 py-0.5 text-xs font-medium rounded-md bg-jumpbar-primary-soft text-jumpbar-primary max-w-48 truncate"
+};
+const _hoisted_5 = ["aria-expanded", "aria-activedescendant", "value", "placeholder"];
+const _hoisted_6 = {
+  key: 2,
+  class: "flex-shrink-0 i-lucide-loader-circle size-4 animate-spin text-jumpbar-subtle-foreground"
+};
+const _hoisted_7 = { class: "border-t border-jumpbar-border" };
+const _hoisted_8 = {
+  key: 1,
+  class: "px-4 py-10 text-sm text-center text-jumpbar-muted-foreground"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "flex items-center gap-4 px-4 text-xs border-t h-9 border-jumpbar-border text-jumpbar-subtle-foreground"
+};
+const _hoisted_10 = { class: "ms-0.5" };
+const CLOSE_ANIMATION_MS = 150;
+const PLACEHOLDER_DELAY_MS = 150;
+const _sfc_main = {
+  __name: "CommandBar",
+  props: {
+    placeholder: { type: String, default: "" },
+    emptyText: { type: String, default: "" },
+    scopeLabel: { type: String, default: "" },
+    hints: { type: Array, default: () => [] },
+    dir: { type: String, default: "ltr" }
+  },
+  setup(__props) {
+    const props = __props;
+    const bar = useCommandBar();
+    const dialogRef = ref(null);
+    const inputRef = ref(null);
+    const isClosing = ref(false);
+    let closeTimer = null;
+    const placeholder = computed(
+      () => {
+        var _a;
+        return ((_a = bar.page.value) == null ? void 0 : _a.placeholder) ?? props.placeholder;
+      }
+    );
+    const activeId = computed(
+      () => bar.selected.value ? `command-bar-item-${bar.selected.value.id}` : void 0
+    );
+    const isEmpty = computed(
+      () => !bar.visible.value.length && !bar.isLoading.value
+    );
+    const showPlaceholder = ref(false);
+    let placeholderTimer = null;
+    watch(bar.isLoading, (loading) => {
+      clearTimeout(placeholderTimer);
+      if (!loading) {
+        showPlaceholder.value = false;
+        return;
+      }
+      placeholderTimer = setTimeout(() => {
+        showPlaceholder.value = true;
+      }, PLACEHOLDER_DELAY_MS);
+    });
+    const KEY_ACTIONS = {
+      ArrowDown: () => bar.moveSelection(1),
+      ArrowUp: () => bar.moveSelection(-1),
+      Enter: () => bar.select(bar.selected.value),
+      Escape: () => bar.close(),
+      Backspace: () => bar.query.value ? false : bar.back()
+    };
+    const onKeydown = (event) => {
+      if (event.isComposing || event.keyCode === 229) return;
+      const action = KEY_ACTIONS[event.key];
+      if (!action || action() === false) return;
+      event.preventDefault();
+    };
+    watch(bar.isOpen, async (open) => {
+      clearTimeout(closeTimer);
+      if (!open) {
+        isClosing.value = true;
+        closeTimer = setTimeout(() => {
+          dialogRef.value.close();
+          isClosing.value = false;
+        }, CLOSE_ANIMATION_MS);
+        return;
+      }
+      isClosing.value = false;
+      if (!dialogRef.value.open) dialogRef.value.showModal();
+      await nextTick();
+      inputRef.value.focus();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(closeTimer);
+      clearTimeout(placeholderTimer);
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createElementVNode("dialog", {
+          ref_key: "dialogRef",
+          ref: dialogRef,
+          dir: __props.dir,
+          class: normalizeClass([
+            "w-[calc(100vw-2rem)] max-w-2xl p-0 mx-auto mt-[clamp(2rem,10vh,6rem)] mb-auto overflow-hidden shadow-2xl rounded-2xl bg-jumpbar-background outline outline-1 outline-jumpbar-ring text-jumpbar-foreground motion-reduce:animate-none backdrop:bg-jumpbar-overlay max-sm:w-full max-sm:max-w-full max-sm:mt-auto max-sm:mb-0 max-sm:rounded-b-none",
+            isClosing.value ? "animate-command-bar-out backdrop:animate-fade-out" : "animate-pop-in backdrop:animate-fade-in"
+          ]),
+          onCancel: _cache[2] || (_cache[2] = withModifiers((...args) => unref(bar).close && unref(bar).close(...args), ["prevent"])),
+          onClose: _cache[3] || (_cache[3] = (...args) => unref(bar).close && unref(bar).close(...args)),
+          onClick: _cache[4] || (_cache[4] = withModifiers((...args) => unref(bar).close && unref(bar).close(...args), ["self"]))
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[5] || (_cache[5] = createElementVNode("span", { class: "flex-shrink-0 i-lucide-search size-4 text-jumpbar-subtle-foreground" }, null, -1)),
+            __props.scopeLabel ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.scopeLabel), 1)) : createCommentVNode("", true),
+            unref(bar).page.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(bar).page.value.title), 1)) : createCommentVNode("", true),
+            createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-controls": "command-bar-list",
+              "aria-expanded": unref(bar).isOpen.value,
+              "aria-activedescendant": activeId.value,
+              value: unref(bar).query.value,
+              placeholder: placeholder.value,
+              autocomplete: "off",
+              spellcheck: "false",
+              class: "flex-1 h-full min-w-0 text-base bg-transparent border-0 outline-none text-jumpbar-foreground placeholder:text-jumpbar-subtle-foreground",
+              onInput: _cache[0] || (_cache[0] = ($event) => unref(bar).setQuery($event.target.value)),
+              onKeydown
+            }, null, 40, _hoisted_5),
+            unref(bar).isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_7, [
+            unref(bar).visible.value.length || showPlaceholder.value ? (openBlock(), createBlock(_sfc_main$1, {
+              id: "command-bar-list",
+              key: ((_a = unref(bar).page.value) == null ? void 0 : _a.id) ?? "root",
+              class: "max-h-[60vh] max-sm:max-h-[70vh] animate-fade-in-up motion-reduce:animate-none",
+              sections: unref(bar).sections.value,
+              items: unref(bar).visible.value,
+              "selected-index": unref(bar).selectedIndex.value,
+              pending: showPlaceholder.value,
+              onActivate: _cache[1] || (_cache[1] = ($event) => unref(bar).selectedIndex.value = $event),
+              onSelect: unref(bar).select
+            }, null, 8, ["sections", "items", "selected-index", "pending", "onSelect"])) : isEmpty.value ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true)
+          ]),
+          __props.hints.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.hints, (hint) => {
+              return openBlock(), createElementBlock("span", {
+                key: hint.label,
+                class: "flex items-center gap-1"
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(hint.keys, (key) => {
+                  return openBlock(), createElementBlock("kbd", {
+                    key,
+                    class: "inline-flex items-center justify-center h-5 px-1 rounded min-w-5 text-jumpbar-muted-foreground bg-jumpbar-subtle outline outline-1 outline-jumpbar-border"
+                  }, toDisplayString(key), 1);
+                }), 128)),
+                createElementVNode("span", _hoisted_10, toDisplayString(hint.label), 1)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ], 42, _hoisted_1)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as CommandBar,
+  createCommandBar,
+  createFrecency,
+  fuzzyScore,
+  groupBySection,
+  normalize,
+  parseQuery,
+  rank,
+  useCommandBar
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/vue/useCommandBar.js","../src/vue/CommandBarList.vue","../src/vue/CommandBar.vue"],"sourcesContent":["import { computed, ref, shallowRef } from 'vue';\nimport { parseQuery } from '../core/parse';\nimport { rank, groupBySection } from '../core/rank';\n\nconst DEFAULT_DEBOUNCE = 120;\nconst DEFAULT_LIMIT = 100;\nconst NO_FRECENCY = { record: () => {}, score: () => 0 };\n\nexport const createCommandBar = (initialOptions = {}) => {\n  const options = {\n    prefixes: [],\n    context: () => ({}),\n    frecency: NO_FRECENCY,\n    onSelect: () => {},\n    onClose: () => {},\n    onError: error => {\n      throw error;\n    },\n    debounce: DEFAULT_DEBOUNCE,\n    limit: DEFAULT_LIMIT,\n    ...initialOptions,\n  };\n\n  let sources = [];\n  let context = {};\n  let controller = null;\n  let timers = [];\n  let sequence = 0;\n\n  const isOpen = ref(false);\n  const query = ref('');\n  const pages = shallowRef([]);\n  const items = shallowRef([]);\n  const results = shallowRef([]);\n  const selectedIndex = ref(0);\n  const pendingCount = ref(0);\n\n  const page = computed(() => pages.value.at(-1) ?? null);\n  const isLoading = computed(() => pendingCount.value > 0);\n\n  const sections = computed(() => {\n    const list =\n      page.value && results.value.length\n        ? results.value\n        : [...items.value, ...results.value];\n    const seen = new Set();\n    const unique = list.filter(item => {\n      if (seen.has(item.id)) return false;\n      seen.add(item.id);\n      return true;\n    });\n    return groupBySection(unique);\n  });\n  const visible = computed(() =>\n    sections.value.flatMap(section => section.items)\n  );\n  const selected = computed(() => visible.value[selectedIndex.value] ?? null);\n\n  const buildRequest = () => {\n    const { prefix, text } = parseQuery(query.value, options.prefixes);\n    return {\n      query: query.value,\n      text,\n      prefix,\n      page: page.value?.id ?? null,\n      context,\n    };\n  };\n\n  const isActive = (source, request) =>\n    request.text.length >= (source.minQuery ?? 0) &&\n    (source.when?.(request) ?? true);\n\n  const collectCommands = request =>\n    sources.flatMap(source =>\n      source.commands && isActive(source, request)\n        ? source.commands(request)\n        : []\n    );\n\n  const delayOf = source => source.debounce ?? options.debounce;\n\n  const publish = batch => {\n    results.value = batch.searchers.flatMap(\n      searcher => batch.fresh.get(searcher.id) ?? []\n    );\n    selectedIndex.value = Math.min(\n      selectedIndex.value,\n      Math.max(visible.value.length - 1, 0)\n    );\n  };\n\n  const runSearchers = (batch, delay) => {\n    batch.searchers\n      .filter(source => delayOf(source) === delay)\n      .forEach(async source => {\n        try {\n          const list = await source.search({\n            ...batch.request,\n            signal: batch.signal,\n          });\n          if (batch.sequence !== sequence) return;\n          batch.fresh.set(source.id, list);\n          publish(batch);\n        } catch (error) {\n          if (batch.sequence !== sequence) return;\n          batch.fresh.set(source.id, []);\n          publish(batch);\n          options.onError(error, source);\n        } finally {\n          if (batch.sequence === sequence) pendingCount.value -= 1;\n        }\n      });\n  };\n\n  const run = () => {\n    timers.forEach(clearTimeout);\n    timers = [];\n    controller?.abort();\n    sequence += 1;\n\n    const request = buildRequest();\n    if (!request.text) results.value = [];\n    const ranked = rank(collectCommands(request), {\n      text: request.text,\n      prefix: request.prefix,\n      page: request.page,\n      scopes: context.scopes ?? [],\n      frecency: options.frecency,\n    });\n    items.value = request.text ? ranked.slice(0, options.limit) : ranked;\n    selectedIndex.value = 0;\n\n    const searchRequest = { ...request, matches: items.value.length };\n    const searchers = sources.filter(\n      source => source.search && isActive(source, searchRequest)\n    );\n    pendingCount.value = searchers.length;\n    if (!searchers.length) {\n      results.value = [];\n      return;\n    }\n\n    controller = new AbortController();\n    const batch = {\n      sequence,\n      request: searchRequest,\n      signal: controller.signal,\n      fresh: new Map(),\n      searchers,\n    };\n    new Set(searchers.map(delayOf)).forEach(delay => {\n      timers.push(setTimeout(() => runSearchers(batch, delay), delay));\n    });\n  };\n\n  const navigate = (nextPages, nextQuery = '') => {\n    pages.value = nextPages;\n    query.value = nextQuery;\n    results.value = [];\n    run();\n  };\n\n  const open = ({ page: pageId = null, query: initialQuery = '' } = {}) => {\n    context = options.context();\n    isOpen.value = true;\n    pages.value = [];\n    query.value = '';\n    const target = pageId\n      ? (collectCommands(buildRequest()).find(item => item.id === pageId) ?? {\n          id: pageId,\n        })\n      : null;\n    navigate(target ? [target] : [], initialQuery);\n  };\n\n  const close = () => {\n    if (!isOpen.value) return;\n    timers.forEach(clearTimeout);\n    timers = [];\n    controller?.abort();\n    sequence += 1;\n    pendingCount.value = 0;\n    isOpen.value = false;\n    options.onClose();\n  };\n\n  const back = () => {\n    if (!page.value) return;\n    navigate(pages.value.slice(0, -1));\n  };\n\n  const select = item => {\n    if (!item) return;\n    if (item.page) {\n      navigate([...pages.value, item]);\n      return;\n    }\n    if (!item.run) return;\n    options.frecency.record(item.id);\n    options.onSelect(item);\n    close();\n    item.run(context);\n  };\n\n  const setQuery = value => {\n    query.value = value;\n    run();\n  };\n\n  const moveSelection = delta => {\n    const count = visible.value.length;\n    if (!count) return;\n    selectedIndex.value = (selectedIndex.value + delta + count) % count;\n  };\n\n  const toggle = () => (isOpen.value ? close() : open());\n\n  const register = source => {\n    sources = [...sources, source];\n    return () => {\n      sources = sources.filter(registered => registered !== source);\n    };\n  };\n\n  const configure = overrides => Object.assign(options, overrides);\n\n  const dispose = () => {\n    close();\n    sources = [];\n  };\n\n  return {\n    isOpen,\n    query,\n    page,\n    pages,\n    visible,\n    sections,\n    selectedIndex,\n    selected,\n    isLoading,\n    open,\n    close,\n    toggle,\n    back,\n    select,\n    setQuery,\n    moveSelection,\n    register,\n    configure,\n    dispose,\n  };\n};\n\nlet shared = null;\n\nexport const useCommandBar = () => {\n  shared ??= createCommandBar();\n  return shared;\n};\n","<script setup>\nimport { computed, reactive, ref, watch } from 'vue';\n\nconst props = defineProps({\n  sections: { type: Array, required: true },\n  items: { type: Array, required: true },\n  selectedIndex: { type: Number, required: true },\n  pending: { type: Boolean, default: false },\n});\n\nconst emit = defineEmits(['select', 'activate']);\n\nconst PLACEHOLDER_ROWS = 3;\n\nconst STATUS_CLASSES = {\n  online: 'bg-jumpbar-online',\n  busy: 'bg-jumpbar-busy',\n  offline: 'bg-jumpbar-offline',\n};\n\nconst listRef = ref(null);\nconst failedImages = reactive(new Set());\nlet pointer = { x: null, y: null };\n\nconst onPointerMove = (event, index) => {\n  if (event.clientX === pointer.x && event.clientY === pointer.y) return;\n  pointer = { x: event.clientX, y: event.clientY };\n  emit('activate', index);\n};\n\nconst indexes = computed(\n  () => new Map(props.items.map((item, index) => [item.id, index]))\n);\n\nconst initials = name =>\n  (name ?? '')\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => [...word][0] ?? '')\n    .join('')\n    .toUpperCase();\n\nwatch(\n  [() => props.selectedIndex, () => props.sections],\n  ([index]) => {\n    const list = listRef.value;\n    if (!list) return;\n    if (index === 0) list.scrollTop = 0;\n    else {\n      list\n        .querySelector('[aria-selected=\"true\"]')\n        ?.scrollIntoView({ block: 'nearest' });\n    }\n  },\n  { flush: 'post' }\n);\n</script>\n\n<template>\n  <div ref=\"listRef\" role=\"listbox\" class=\"px-2 py-2 overflow-y-auto\">\n    <div\n      v-for=\"section in sections\"\n      :key=\"section.section ?? ''\"\n      role=\"group\"\n      :aria-label=\"section.section ?? undefined\"\n    >\n      <p\n        v-if=\"section.section\"\n        class=\"px-3 pt-3 pb-1 text-xs font-medium text-jumpbar-muted-foreground first:pt-1\"\n      >\n        {{ section.section }}\n      </p>\n      <div\n        v-for=\"item in section.items\"\n        :id=\"`command-bar-item-${item.id}`\"\n        :key=\"item.id\"\n        role=\"option\"\n        :aria-selected=\"indexes.get(item.id) === selectedIndex\"\n        class=\"relative flex items-center h-10 gap-3 px-3 text-sm rounded-lg cursor-pointer select-none text-jumpbar-foreground transition-colors duration-75\"\n        :class=\"{\n          'bg-jumpbar-muted before:absolute before:inset-y-2 before:start-0 before:w-0.5 before:rounded-full before:bg-jumpbar-primary':\n            indexes.get(item.id) === selectedIndex,\n        }\"\n        @mousedown.prevent\n        @mousemove=\"onPointerMove($event, indexes.get(item.id))\"\n        @click=\"emit('select', item)\"\n      >\n        <span\n          v-if=\"item.avatar\"\n          class=\"relative flex items-center justify-center flex-shrink-0 rounded-md size-6 bg-jumpbar-muted text-jumpbar-muted-foreground\"\n        >\n          <img\n            v-if=\"item.avatar.src && !failedImages.has(item.avatar.src)\"\n            :src=\"item.avatar.src\"\n            :alt=\"item.avatar.name\"\n            class=\"object-cover rounded-md size-6\"\n            @error=\"failedImages.add(item.avatar.src)\"\n          />\n          <span v-else class=\"text-xs font-medium leading-none\">\n            {{ initials(item.avatar.name) }}\n          </span>\n          <span\n            v-if=\"item.avatar.status\"\n            class=\"absolute -bottom-px -end-px border rounded-full size-2 border-jumpbar-background\"\n            :class=\"STATUS_CLASSES[item.avatar.status]\"\n          />\n        </span>\n        <span\n          v-else\n          class=\"flex items-center justify-center flex-shrink-0 size-6\"\n        >\n          <span\n            class=\"size-4\"\n            :class=\"[\n              item.icon,\n              indexes.get(item.id) === selectedIndex\n                ? 'text-jumpbar-foreground'\n                : 'text-jumpbar-muted-foreground',\n            ]\"\n          />\n        </span>\n        <span class=\"flex items-center flex-1 min-w-0 gap-1.5 overflow-hidden\">\n          <template v-if=\"item.parentTitle\">\n            <span class=\"truncate text-jumpbar-muted-foreground\">{{ item.parentTitle }}</span>\n            <span\n              class=\"flex-shrink-0 i-lucide-chevron-right size-3 text-jumpbar-subtle-foreground rtl:-scale-x-100\"\n            />\n          </template>\n          <span class=\"flex-shrink-0 max-w-full truncate\">{{\n            item.title\n          }}</span>\n          <span v-if=\"item.subtitle\" class=\"truncate text-jumpbar-muted-foreground\">\n            {{ item.subtitle }}\n          </span>\n        </span>\n        <span v-if=\"item.badge\" class=\"flex-shrink-0 text-xs text-jumpbar-muted-foreground\">\n          {{ item.badge }}\n        </span>\n        <span v-if=\"item.shortcut\" class=\"flex items-center gap-1\">\n          <kbd\n            v-for=\"key in item.shortcut\"\n            :key=\"key\"\n            class=\"inline-flex items-center justify-center h-5 px-1 text-xs rounded min-w-5 text-jumpbar-muted-foreground bg-jumpbar-subtle outline outline-1 outline-jumpbar-border\"\n          >\n            {{ key }}\n          </kbd>\n        </span>\n        <span\n          v-if=\"item.page\"\n          class=\"flex-shrink-0 i-lucide-chevron-right size-4 text-jumpbar-subtle-foreground rtl:-scale-x-100\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"pending\"\n      aria-hidden=\"true\"\n      class=\"animate-pulse motion-reduce:animate-none\"\n    >\n      <div class=\"px-3 pt-3 pb-1\">\n        <span class=\"block w-20 h-3 rounded bg-jumpbar-muted\" />\n      </div>\n      <div\n        v-for=\"row in PLACEHOLDER_ROWS\"\n        :key=\"row\"\n        class=\"flex items-center h-10 gap-3 px-3\"\n      >\n        <span class=\"flex-shrink-0 rounded-md size-6 bg-jumpbar-muted\" />\n        <span class=\"h-3 rounded w-36 bg-jumpbar-muted\" />\n        <span class=\"h-3 rounded w-24 bg-jumpbar-subtle\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup>\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue';\nimport { useCommandBar } from './useCommandBar';\nimport CommandBarList from './CommandBarList.vue';\n\nconst props = defineProps({\n  placeholder: { type: String, default: '' },\n  emptyText: { type: String, default: '' },\n  scopeLabel: { type: String, default: '' },\n  hints: { type: Array, default: () => [] },\n  dir: { type: String, default: 'ltr' },\n});\n\nconst CLOSE_ANIMATION_MS = 150;\nconst PLACEHOLDER_DELAY_MS = 150;\n\nconst bar = useCommandBar();\nconst dialogRef = ref(null);\nconst inputRef = ref(null);\nconst isClosing = ref(false);\nlet closeTimer = null;\n\nconst placeholder = computed(\n  () => bar.page.value?.placeholder ?? props.placeholder\n);\nconst activeId = computed(() =>\n  bar.selected.value ? `command-bar-item-${bar.selected.value.id}` : undefined\n);\nconst isEmpty = computed(\n  () => !bar.visible.value.length && !bar.isLoading.value\n);\nconst showPlaceholder = ref(false);\nlet placeholderTimer = null;\n\nwatch(bar.isLoading, loading => {\n  clearTimeout(placeholderTimer);\n  if (!loading) {\n    showPlaceholder.value = false;\n    return;\n  }\n  placeholderTimer = setTimeout(() => {\n    showPlaceholder.value = true;\n  }, PLACEHOLDER_DELAY_MS);\n});\n\nconst KEY_ACTIONS = {\n  ArrowDown: () => bar.moveSelection(1),\n  ArrowUp: () => bar.moveSelection(-1),\n  Enter: () => bar.select(bar.selected.value),\n  Escape: () => bar.close(),\n  Backspace: () => (bar.query.value ? false : bar.back()),\n};\n\nconst onKeydown = event => {\n  if (event.isComposing || event.keyCode === 229) return;\n  const action = KEY_ACTIONS[event.key];\n  if (!action || action() === false) return;\n  event.preventDefault();\n};\n\nwatch(bar.isOpen, async open => {\n  clearTimeout(closeTimer);\n  if (!open) {\n    isClosing.value = true;\n    closeTimer = setTimeout(() => {\n      dialogRef.value.close();\n      isClosing.value = false;\n    }, CLOSE_ANIMATION_MS);\n    return;\n  }\n  isClosing.value = false;\n  if (!dialogRef.value.open) dialogRef.value.showModal();\n  await nextTick();\n  inputRef.value.focus();\n});\n\nonBeforeUnmount(() => {\n  clearTimeout(closeTimer);\n  clearTimeout(placeholderTimer);\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <dialog\n      ref=\"dialogRef\"\n      :dir=\"dir\"\n      class=\"w-[calc(100vw-2rem)] max-w-2xl p-0 mx-auto mt-[clamp(2rem,10vh,6rem)] mb-auto overflow-hidden shadow-2xl rounded-2xl bg-jumpbar-background outline outline-1 outline-jumpbar-ring text-jumpbar-foreground motion-reduce:animate-none backdrop:bg-jumpbar-overlay max-sm:w-full max-sm:max-w-full max-sm:mt-auto max-sm:mb-0 max-sm:rounded-b-none\"\n      :class=\"\n        isClosing\n          ? 'animate-command-bar-out backdrop:animate-fade-out'\n          : 'animate-pop-in backdrop:animate-fade-in'\n      \"\n      @cancel.prevent=\"bar.close\"\n      @close=\"bar.close\"\n      @click.self=\"bar.close\"\n    >\n      <div class=\"flex items-center gap-2 px-4 h-14\">\n        <span class=\"flex-shrink-0 i-lucide-search size-4 text-jumpbar-subtle-foreground\" />\n        <span\n          v-if=\"scopeLabel\"\n          class=\"flex-shrink-0 px-2 py-0.5 text-xs rounded-md bg-jumpbar-muted text-jumpbar-muted-foreground max-w-48 truncate\"\n        >\n          {{ scopeLabel }}\n        </span>\n        <span\n          v-if=\"bar.page.value\"\n          class=\"flex-shrink-0 px-2 py-0.5 text-xs font-medium rounded-md bg-jumpbar-primary-soft text-jumpbar-primary max-w-48 truncate\"\n        >\n          {{ bar.page.value.title }}\n        </span>\n        <input\n          ref=\"inputRef\"\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-controls=\"command-bar-list\"\n          :aria-expanded=\"bar.isOpen.value\"\n          :aria-activedescendant=\"activeId\"\n          :value=\"bar.query.value\"\n          :placeholder=\"placeholder\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          class=\"flex-1 h-full min-w-0 text-base bg-transparent border-0 outline-none text-jumpbar-foreground placeholder:text-jumpbar-subtle-foreground\"\n          @input=\"bar.setQuery($event.target.value)\"\n          @keydown=\"onKeydown\"\n        />\n        <span\n          v-if=\"bar.isLoading.value\"\n          class=\"flex-shrink-0 i-lucide-loader-circle size-4 animate-spin text-jumpbar-subtle-foreground\"\n        />\n      </div>\n      <div class=\"border-t border-jumpbar-border\">\n        <CommandBarList\n          v-if=\"bar.visible.value.length || showPlaceholder\"\n          id=\"command-bar-list\"\n          :key=\"bar.page.value?.id ?? 'root'\"\n          class=\"max-h-[60vh] max-sm:max-h-[70vh] animate-fade-in-up motion-reduce:animate-none\"\n          :sections=\"bar.sections.value\"\n          :items=\"bar.visible.value\"\n          :selected-index=\"bar.selectedIndex.value\"\n          :pending=\"showPlaceholder\"\n          @activate=\"bar.selectedIndex.value = $event\"\n          @select=\"bar.select\"\n        />\n        <p\n          v-else-if=\"isEmpty\"\n          class=\"px-4 py-10 text-sm text-center text-jumpbar-muted-foreground\"\n        >\n          {{ emptyText }}\n        </p>\n      </div>\n      <div\n        v-if=\"hints.length\"\n        class=\"flex items-center gap-4 px-4 text-xs border-t h-9 border-jumpbar-border text-jumpbar-subtle-foreground\"\n      >\n        <span\n          v-for=\"hint in hints\"\n          :key=\"hint.label\"\n          class=\"flex items-center gap-1\"\n        >\n          <kbd\n            v-for=\"key in hint.keys\"\n            :key=\"key\"\n            class=\"inline-flex items-center justify-center h-5 px-1 rounded min-w-5 text-jumpbar-muted-foreground bg-jumpbar-subtle outline outline-1 outline-jumpbar-border\"\n          >\n            {{ key }}\n          </kbd>\n          <span class=\"ms-0.5\">{{ hint.label }}</span>\n        </span>\n      </div>\n    </dialog>\n  </Teleport>\n</template>\n"],"names":["_createElementBlock","_Fragment","_renderList","_openBlock","_hoisted_2","_toDisplayString","_hoisted_4","_hoisted_6","_normalizeClass","_hoisted_7","_createElementVNode","_hoisted_8","_hoisted_9","_hoisted_10","_createBlock","_Teleport","_unref","CommandBarList"],"mappings":"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"}