@blockslides/extension-slash-menu-builder 0.1.0

package/LICENSE.md

@@ -0,0 +1,36 @@
+MIT License
+
+Copyright (c) 2025 BlockSlides
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+## Acknowledgments
+
+This project includes code and patterns adapted from [Tiptap](https://tiptap.dev),
+an open-source headless editor framework for web artisans.
+
+**Tiptap License:**
+
+- Copyright (c) 2025, Tiptap GmbH
+- Licensed under MIT License
+- Original source: https://github.com/ueberdosis/tiptap
+
+See `_tiptap/LICENSE.md` for the full Tiptap license.

package/dist/index.cjs

@@ -0,0 +1,501 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  SlashMenuBuilder: () => SlashMenuBuilder,
+  SlashMenuRenderer: () => SlashMenuRenderer,
+  filterItems: () => filterItems,
+  flattenItems: () => flattenItems,
+  getSelectableItems: () => getSelectableItems
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/slash-menu-builder.ts
+var import_core = require("@blockslides/core");
+var import_extension_suggestion = __toESM(require("@blockslides/extension-suggestion"), 1);
+var import_state = require("@blockslides/pm/state");
+
+// src/filter.ts
+function filterItems(items, query, filterKeys = ["label", "description", "keywords"]) {
+  if (!query || query.trim() === "") {
+    return items;
+  }
+  const normalizedQuery = query.toLowerCase().trim();
+  return items.map((item) => {
+    if (item.group && item.items) {
+      const filteredChildren = filterItems(item.items, query, filterKeys);
+      if (filteredChildren.length > 0) {
+        return { ...item, items: filteredChildren };
+      }
+      return null;
+    }
+    const matches = filterKeys.some((key) => {
+      if (key === "label" && item.label) {
+        return item.label.toLowerCase().includes(normalizedQuery);
+      }
+      if (key === "description" && item.description) {
+        return item.description.toLowerCase().includes(normalizedQuery);
+      }
+      if (key === "keywords" && item.keywords) {
+        return item.keywords.some((keyword) => keyword.toLowerCase().includes(normalizedQuery));
+      }
+      return false;
+    });
+    return matches ? item : null;
+  }).filter((item) => item !== null);
+}
+function flattenItems(items) {
+  const flattened = [];
+  for (const item of items) {
+    flattened.push(item);
+    if (item.group && item.items) {
+      flattened.push(...flattenItems(item.items));
+    }
+  }
+  return flattened;
+}
+function getSelectableItems(items) {
+  return flattenItems(items).filter((item) => !item.group);
+}
+
+// src/menu-renderer.ts
+var SlashMenuRenderer = class {
+  constructor(items, onSelect, options = {}) {
+    this.items = items;
+    this.onSelect = onSelect;
+    this.options = options;
+    this.selectedIndex = 0;
+    this.selectableItems = [];
+    this.searchValue = "";
+    this.searchInput = null;
+    this.element = this.createElement();
+    this.selectableItems = this.getSelectableItems(items);
+  }
+  createElement() {
+    const menu = document.createElement("div");
+    menu.className = `slash-menu ${this.options.className || ""}`.trim();
+    if (this.options.maxHeight) {
+      menu.style.maxHeight = `${this.options.maxHeight}px`;
+    }
+    return menu;
+  }
+  getSelectableItems(items) {
+    const selectable = [];
+    for (const item of items) {
+      if (!item.group) {
+        selectable.push(item);
+      }
+      if (item.group && item.items) {
+        selectable.push(...this.getSelectableItems(item.items));
+      }
+    }
+    return selectable;
+  }
+  /**
+   * Renders the search bar
+   */
+  renderSearchBar() {
+    const searchContainer = document.createElement("div");
+    searchContainer.className = "slash-menu-search";
+    this.searchInput = document.createElement("input");
+    this.searchInput.type = "text";
+    this.searchInput.className = "slash-menu-search-input";
+    this.searchInput.placeholder = this.options.searchPlaceholder || "Search commands...";
+    this.searchInput.value = this.searchValue;
+    this.searchInput.addEventListener("input", (e) => {
+      this.searchValue = e.target.value.toLowerCase();
+      this.filterAndRenderItems();
+    });
+    this.searchInput.addEventListener("mousedown", (e) => {
+      e.stopPropagation();
+    });
+    this.searchInput.addEventListener("keydown", (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        this.selectNext();
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        this.selectPrevious();
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        this.selectCurrent();
+      }
+    });
+    searchContainer.appendChild(this.searchInput);
+    return searchContainer;
+  }
+  /**
+   * Filters items based on search value
+   */
+  getFilteredItems() {
+    if (!this.searchValue) {
+      return this.items;
+    }
+    const filterRecursive = (items) => {
+      return items.filter((item) => {
+        var _a, _b;
+        if (item.group && item.items) {
+          const filteredChildren = filterRecursive(item.items);
+          return filteredChildren.length > 0;
+        }
+        const searchLower = this.searchValue.toLowerCase();
+        return item.label.toLowerCase().includes(searchLower) || ((_a = item.description) == null ? void 0 : _a.toLowerCase().includes(searchLower)) || ((_b = item.keywords) == null ? void 0 : _b.some((k) => k.toLowerCase().includes(searchLower)));
+      }).map((item) => {
+        if (item.group && item.items) {
+          return { ...item, items: filterRecursive(item.items) };
+        }
+        return item;
+      });
+    };
+    return filterRecursive(this.items);
+  }
+  /**
+   * Filters and re-renders items based on search
+   */
+  filterAndRenderItems() {
+    const filteredItems = this.getFilteredItems();
+    this.selectableItems = this.getSelectableItems(filteredItems);
+    this.selectedIndex = 0;
+    const itemsContainer = this.element.querySelector(".slash-menu-items");
+    if (itemsContainer) {
+      itemsContainer.innerHTML = "";
+      if (this.selectableItems.length === 0) {
+        const empty = document.createElement("div");
+        empty.className = "slash-menu-empty";
+        empty.textContent = this.options.placeholder || "No commands found";
+        itemsContainer.appendChild(empty);
+      } else {
+        this.renderItems(filteredItems, itemsContainer);
+      }
+    }
+  }
+  /**
+   * Renders the menu items into the DOM
+   */
+  render() {
+    this.element.innerHTML = "";
+    const searchBar = this.renderSearchBar();
+    this.element.appendChild(searchBar);
+    const listContainer = document.createElement("div");
+    listContainer.className = "slash-menu-items";
+    if (this.selectableItems.length === 0) {
+      const empty = document.createElement("div");
+      empty.className = "slash-menu-empty";
+      empty.textContent = this.options.placeholder || "No commands found";
+      listContainer.appendChild(empty);
+    } else {
+      this.renderItems(this.items, listContainer);
+    }
+    this.element.appendChild(listContainer);
+    setTimeout(() => {
+      var _a;
+      (_a = this.searchInput) == null ? void 0 : _a.focus();
+    }, 0);
+  }
+  renderItems(items, container, isNested = false) {
+    for (const item of items) {
+      if (item.group && item.items) {
+        this.renderGroup(item, container);
+      } else {
+        this.renderItem(item, container, isNested);
+      }
+    }
+  }
+  renderGroup(group, container) {
+    const groupElement = document.createElement("div");
+    groupElement.className = "slash-menu-group";
+    const header = document.createElement("div");
+    header.className = "slash-menu-group-header";
+    header.textContent = group.label;
+    groupElement.appendChild(header);
+    const itemsContainer = document.createElement("div");
+    itemsContainer.className = "slash-menu-group-items";
+    if (group.items) {
+      this.renderItems(group.items, itemsContainer, true);
+    }
+    groupElement.appendChild(itemsContainer);
+    container.appendChild(groupElement);
+  }
+  renderItem(item, container, isNested) {
+    const itemElement = document.createElement("div");
+    const globalIndex = this.selectableItems.indexOf(item);
+    const isSelected = globalIndex === this.selectedIndex;
+    itemElement.className = `slash-menu-item ${isSelected ? "selected" : ""} ${isNested ? "nested" : ""}`.trim();
+    itemElement.dataset.key = item.key;
+    if (item.icon) {
+      const icon = document.createElement("div");
+      icon.className = "slash-menu-item-icon";
+      if (typeof item.icon === "string") {
+        icon.textContent = item.icon;
+      }
+      itemElement.appendChild(icon);
+    }
+    const content = document.createElement("div");
+    content.className = "slash-menu-item-content";
+    const label = document.createElement("div");
+    label.className = "slash-menu-item-label";
+    label.textContent = item.label;
+    content.appendChild(label);
+    if (item.description) {
+      const description = document.createElement("div");
+      description.className = "slash-menu-item-description";
+      description.textContent = item.description;
+      content.appendChild(description);
+    }
+    itemElement.appendChild(content);
+    itemElement.addEventListener("mousedown", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.onSelect(item);
+    });
+    itemElement.addEventListener("mouseenter", () => {
+      this.selectedIndex = globalIndex;
+      this.updateSelection();
+    });
+    container.appendChild(itemElement);
+  }
+  /**
+   * Updates the menu with new filtered items
+   */
+  updateItems(items) {
+    this.items = items;
+    this.selectableItems = this.getSelectableItems(items);
+    this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.selectableItems.length - 1));
+    this.render();
+  }
+  /**
+   * Updates the selected class on items without re-rendering
+   */
+  updateSelection() {
+    const allItems = this.element.querySelectorAll(".slash-menu-item");
+    allItems.forEach((el) => {
+      const itemKey = el.dataset.key;
+      const itemIndex = this.selectableItems.findIndex((item) => item.key === itemKey);
+      if (itemIndex === this.selectedIndex) {
+        el.classList.add("selected");
+      } else {
+        el.classList.remove("selected");
+      }
+    });
+  }
+  /**
+   * Moves selection up
+   */
+  selectPrevious() {
+    this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+    this.updateSelection();
+    this.scrollToSelected();
+  }
+  /**
+   * Moves selection down
+   */
+  selectNext() {
+    this.selectedIndex = Math.min(this.selectableItems.length - 1, this.selectedIndex + 1);
+    this.updateSelection();
+    this.scrollToSelected();
+  }
+  /**
+   * Executes the currently selected item
+   */
+  selectCurrent() {
+    const selectedItem = this.selectableItems[this.selectedIndex];
+    if (selectedItem) {
+      this.onSelect(selectedItem);
+    }
+  }
+  /**
+   * Scrolls the selected item into view
+   */
+  scrollToSelected() {
+    const selectedElement = this.element.querySelector(".slash-menu-item.selected");
+    if (selectedElement) {
+      selectedElement.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    }
+  }
+  /**
+   * Gets the DOM element
+   */
+  getElement() {
+    return this.element;
+  }
+  /**
+   * Cleans up the renderer
+   */
+  destroy() {
+    this.element.remove();
+  }
+};
+
+// src/slash-menu-builder.ts
+var SlashMenuBuilder = import_core.Extension.create({
+  name: "slashMenuBuilder",
+  addOptions() {
+    return {
+      items: [],
+      maxHeight: 400,
+      filterKeys: ["label", "description", "keywords"],
+      placeholder: "No commands found",
+      searchPlaceholder: "Search commands...",
+      className: ""
+    };
+  },
+  addStorage() {
+    return {
+      renderer: null
+    };
+  },
+  addProseMirrorPlugins() {
+    const editor = this.editor;
+    const pluginKey = new import_state.PluginKey("slashMenuBuilder");
+    const updatePopupPosition = (props, popup) => {
+      if (!props.clientRect) return;
+      const rect = props.clientRect();
+      if (!rect) return;
+      const menuHeight = popup.offsetHeight;
+      const spaceBelow = window.innerHeight - rect.bottom;
+      const spaceAbove = rect.top;
+      if (spaceBelow >= menuHeight || spaceBelow >= spaceAbove) {
+        popup.style.top = `${rect.bottom + window.scrollY + 8}px`;
+        popup.style.bottom = "auto";
+      } else {
+        popup.style.bottom = `${window.innerHeight - rect.top - window.scrollY + 8}px`;
+        popup.style.top = "auto";
+      }
+      popup.style.left = `${rect.left + window.scrollX}px`;
+    };
+    return [
+      (0, import_extension_suggestion.default)({
+        editor,
+        char: "/",
+        pluginKey,
+        // Allow suggestions to show (let Suggestion handle the defaults)
+        // Don't filter by uiEvent since it's not reliably set
+        items: ({ query }) => {
+          const filtered = filterItems(this.options.items, query, this.options.filterKeys);
+          return filtered;
+        },
+        render: () => {
+          let renderer = null;
+          let popup = null;
+          let currentProps = null;
+          return {
+            onStart: (props) => {
+              console.log("\u2705 Slash menu started!", { query: props.query });
+              currentProps = props;
+              const handleSelect = (item) => {
+                if (!currentProps) return;
+                if (item.command) {
+                  try {
+                    const context = {
+                      editor: currentProps.editor,
+                      range: currentProps.range,
+                      query: currentProps.query
+                    };
+                    item.command(context);
+                  } catch (error) {
+                    console.error("\u274C Slash command failed:", item.key, error);
+                  }
+                }
+                (0, import_extension_suggestion.exitSuggestion)(currentProps.editor.view, pluginKey);
+              };
+              renderer = new SlashMenuRenderer(props.items, handleSelect, {
+                maxHeight: this.options.maxHeight,
+                className: this.options.className,
+                placeholder: this.options.placeholder,
+                searchPlaceholder: this.options.searchPlaceholder
+              });
+              renderer.render();
+              this.storage.renderer = renderer;
+              popup = document.createElement("div");
+              popup.style.position = "absolute";
+              popup.style.zIndex = "1000";
+              popup.appendChild(renderer.getElement());
+              document.body.appendChild(popup);
+              updatePopupPosition(props, popup);
+            },
+            onUpdate: (props) => {
+              console.log("\u{1F504} Slash menu updated!", { query: props.query, items: props.items.length });
+              currentProps = props;
+              if (renderer) {
+                renderer.updateItems(props.items);
+              }
+              if (popup) {
+                updatePopupPosition(props, popup);
+              }
+            },
+            onKeyDown: ({ event }) => {
+              if (!renderer) return false;
+              if (event.key === "ArrowUp") {
+                renderer.selectPrevious();
+                return true;
+              }
+              if (event.key === "ArrowDown") {
+                renderer.selectNext();
+                return true;
+              }
+              if (event.key === "Enter") {
+                renderer.selectCurrent();
+                return true;
+              }
+              if (event.key === "Tab") {
+                event.preventDefault();
+                renderer.selectCurrent();
+                return true;
+              }
+              return false;
+            },
+            onExit: () => {
+              console.log("\u274C Slash menu exited!");
+              if (renderer) {
+                renderer.destroy();
+                renderer = null;
+              }
+              if (popup) {
+                popup.remove();
+                popup = null;
+              }
+              this.storage.renderer = null;
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SlashMenuBuilder,
+  SlashMenuRenderer,
+  filterItems,
+  flattenItems,
+  getSelectableItems
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/slash-menu-builder.ts","../src/filter.ts","../src/menu-renderer.ts"],"sourcesContent":["export { SlashMenuBuilder } from './slash-menu-builder.js'\nexport { filterItems, flattenItems, getSelectableItems } from './filter.js'\nexport { SlashMenuRenderer } from './menu-renderer.js'\n\nexport type {\n  SlashMenuItem,\n  SlashMenuBuilderOptions,\n  SlashCommandContext,\n  MenuState,\n} from './types.js'\n","import { Extension } from '@blockslides/core'\nimport type { Editor } from '@blockslides/core'\nimport Suggestion, { exitSuggestion } from '@blockslides/extension-suggestion'\nimport type { SuggestionProps } from '@blockslides/extension-suggestion'\nimport { PluginKey } from '@blockslides/pm/state'\n\nimport { filterItems } from './filter.js'\nimport { SlashMenuRenderer } from './menu-renderer.js'\nimport type { SlashMenuBuilderOptions, SlashMenuItem, SlashCommandContext } from './types.js'\n\nexport interface SlashMenuBuilderStorage {\n  renderer: SlashMenuRenderer | null\n}\n\n/**\n * SlashMenuBuilder Extension\n * \n * A framework for building custom slash command menus.\n * Built on top of the Suggestion utility.\n * \n * @example\n * ```ts\n * SlashMenuBuilder({\n *   items: [\n *     {\n *       key: 'heading1',\n *       label: 'Heading 1',\n *       description: 'Used for a top-level heading',\n *       icon: 'H1',\n *       command: ({ commands }) => commands.replaceWithHeading(1)\n *     }\n *   ]\n * })\n * ```\n */\nexport const SlashMenuBuilder = Extension.create<SlashMenuBuilderOptions, SlashMenuBuilderStorage>({\n  name: 'slashMenuBuilder',\n\n  addOptions() {\n    return {\n      items: [],\n      maxHeight: 400,\n      filterKeys: ['label', 'description', 'keywords'],\n      placeholder: 'No commands found',\n      searchPlaceholder: 'Search commands...',\n      className: '',\n    }\n  },\n\n  addStorage() {\n    return {\n      renderer: null,\n    }\n  },\n\n  addProseMirrorPlugins() {\n    const editor = this.editor as Editor\n    const pluginKey = new PluginKey('slashMenuBuilder')\n\n    // Helper function to update popup position\n    const updatePopupPosition = (props: SuggestionProps<SlashMenuItem>, popup: HTMLElement) => {\n      if (!props.clientRect) return\n\n      const rect = props.clientRect()\n      if (!rect) return\n\n      const menuHeight = popup.offsetHeight\n      const spaceBelow = window.innerHeight - rect.bottom\n      const spaceAbove = rect.top\n\n      // Position below if there's space, otherwise above\n      if (spaceBelow >= menuHeight || spaceBelow >= spaceAbove) {\n        popup.style.top = `${rect.bottom + window.scrollY + 8}px`\n        popup.style.bottom = 'auto'\n      } else {\n        popup.style.bottom = `${window.innerHeight - rect.top - window.scrollY + 8}px`\n        popup.style.top = 'auto'\n      }\n\n      popup.style.left = `${rect.left + window.scrollX}px`\n    }\n\n    return [\n      Suggestion<SlashMenuItem>({\n        editor,\n        char: '/',\n        pluginKey,\n\n        // Allow suggestions to show (let Suggestion handle the defaults)\n        // Don't filter by uiEvent since it's not reliably set\n\n        items: ({ query }) => {\n          // Filter items based on the query\n          const filtered = filterItems(this.options.items, query, this.options.filterKeys)\n          return filtered\n        },\n\n        render: () => {\n          let renderer: SlashMenuRenderer | null = null\n          let popup: HTMLElement | null = null\n          let currentProps: SuggestionProps<SlashMenuItem> | null = null\n\n          return {\n            onStart: (props: SuggestionProps<SlashMenuItem>) => {\n              console.log('✅ Slash menu started!', { query: props.query })\n\n              // Store the current props\n              currentProps = props\n\n              // Create the command handler\n              const handleSelect = (item: SlashMenuItem) => {\n\n                // Use the latest props, not the captured ones\n                if (!currentProps) return\n\n                // Execute the command if provided\n                if (item.command) {\n                  try {\n                    const context: SlashCommandContext = {\n                      editor: currentProps.editor,\n                      range: currentProps.range,\n                      query: currentProps.query,\n                    }\n\n                    item.command(context)\n                  } catch (error) {\n                    console.error('❌ Slash command failed:', item.key, error)\n                  }\n                }\n\n                // Always close the menu, even if command failed\n                exitSuggestion(currentProps.editor.view, pluginKey)\n              }\n\n              // Create renderer\n              renderer = new SlashMenuRenderer(props.items, handleSelect, {\n                maxHeight: this.options.maxHeight,\n                className: this.options.className,\n                placeholder: this.options.placeholder,\n                searchPlaceholder: this.options.searchPlaceholder,\n              })\n\n              renderer.render()\n\n              // Store in extension storage\n              this.storage.renderer = renderer\n\n              // Create popup container\n              popup = document.createElement('div')\n              popup.style.position = 'absolute'\n              popup.style.zIndex = '1000'\n              popup.appendChild(renderer.getElement())\n              document.body.appendChild(popup)\n\n              // Position the menu\n              updatePopupPosition(props, popup)\n            },\n\n            onUpdate: (props: SuggestionProps<SlashMenuItem>) => {\n              console.log('🔄 Slash menu updated!', { query: props.query, items: props.items.length })\n\n              // Update to the latest props\n              currentProps = props\n\n              if (renderer) {\n                renderer.updateItems(props.items)\n              }\n\n              // Update position\n              if (popup) {\n                updatePopupPosition(props, popup)\n              }\n            },\n\n            onKeyDown: ({ event }) => {\n              if (!renderer) return false\n\n              // Arrow Up\n              if (event.key === 'ArrowUp') {\n                renderer.selectPrevious()\n                return true\n              }\n\n              // Arrow Down\n              if (event.key === 'ArrowDown') {\n                renderer.selectNext()\n                return true\n              }\n\n              // Enter\n              if (event.key === 'Enter') {\n                renderer.selectCurrent()\n                return true\n              }\n\n              // Tab (same as Enter)\n              if (event.key === 'Tab') {\n                event.preventDefault()\n                renderer.selectCurrent()\n                return true\n              }\n\n              return false\n            },\n\n            onExit: () => {\n              console.log('❌ Slash menu exited!')\n\n              if (renderer) {\n                renderer.destroy()\n                renderer = null\n              }\n\n              if (popup) {\n                popup.remove()\n                popup = null\n              }\n\n              this.storage.renderer = null\n            },\n          }\n        },\n      }),\n    ]\n  },\n})\n","import type { SlashMenuItem } from './types.js'\n\n/**\n * Filters menu items based on a search query\n * Searches through label, description, and keywords\n */\nexport function filterItems(\n  items: SlashMenuItem[],\n  query: string,\n  filterKeys: Array<'label' | 'description' | 'keywords'> = ['label', 'description', 'keywords'],\n): SlashMenuItem[] {\n  // If no query, return all items\n  if (!query || query.trim() === '') {\n    return items\n  }\n\n  const normalizedQuery = query.toLowerCase().trim()\n\n  // Recursively filter items and their nested items\n  return items\n    .map(item => {\n      // For group items, filter their children\n      if (item.group && item.items) {\n        const filteredChildren = filterItems(item.items, query, filterKeys)\n        // Keep the group if any children match\n        if (filteredChildren.length > 0) {\n          return { ...item, items: filteredChildren }\n        }\n        return null\n      }\n\n      // Check if this item matches the query\n      const matches = filterKeys.some(key => {\n        if (key === 'label' && item.label) {\n          return item.label.toLowerCase().includes(normalizedQuery)\n        }\n        if (key === 'description' && item.description) {\n          return item.description.toLowerCase().includes(normalizedQuery)\n        }\n        if (key === 'keywords' && item.keywords) {\n          return item.keywords.some(keyword => keyword.toLowerCase().includes(normalizedQuery))\n        }\n        return false\n      })\n\n      return matches ? item : null\n    })\n    .filter((item): item is SlashMenuItem => item !== null)\n}\n\n/**\n * Flattens nested menu items into a single array (for keyboard navigation)\n * Expands groups but keeps track of hierarchy\n */\nexport function flattenItems(items: SlashMenuItem[]): SlashMenuItem[] {\n  const flattened: SlashMenuItem[] = []\n\n  for (const item of items) {\n    flattened.push(item)\n    if (item.group && item.items) {\n      flattened.push(...flattenItems(item.items))\n    }\n  }\n\n  return flattened\n}\n\n/**\n * Gets all selectable items (non-group items) from the menu\n */\nexport function getSelectableItems(items: SlashMenuItem[]): SlashMenuItem[] {\n  return flattenItems(items).filter(item => !item.group)\n}\n","import type { SlashMenuItem } from './types.js'\n\n/**\n * Renders the slash menu UI\n * Creates a Notion-style command menu with keyboard navigation\n */\nexport class SlashMenuRenderer {\n  private element: HTMLElement\n  private selectedIndex: number = 0\n  private selectableItems: SlashMenuItem[] = []\n  private searchValue: string = ''\n  private searchInput: HTMLInputElement | null = null\n\n  constructor(\n    private items: SlashMenuItem[],\n    private onSelect: (item: SlashMenuItem) => void,\n    private options: {\n      maxHeight?: number\n      className?: string\n      placeholder?: string\n      searchPlaceholder?: string\n    } = {},\n  ) {\n    this.element = this.createElement()\n    this.selectableItems = this.getSelectableItems(items)\n  }\n\n  private createElement(): HTMLElement {\n    const menu = document.createElement('div')\n    menu.className = `slash-menu ${this.options.className || ''}`.trim()\n    \n    if (this.options.maxHeight) {\n      menu.style.maxHeight = `${this.options.maxHeight}px`\n    }\n\n    return menu\n  }\n\n  private getSelectableItems(items: SlashMenuItem[]): SlashMenuItem[] {\n    const selectable: SlashMenuItem[] = []\n    \n    for (const item of items) {\n      if (!item.group) {\n        selectable.push(item)\n      }\n      if (item.group && item.items) {\n        selectable.push(...this.getSelectableItems(item.items))\n      }\n    }\n    \n    return selectable\n  }\n\n  /**\n   * Renders the search bar\n   */\n  private renderSearchBar(): HTMLElement {\n    const searchContainer = document.createElement('div')\n    searchContainer.className = 'slash-menu-search'\n\n    this.searchInput = document.createElement('input')\n    this.searchInput.type = 'text'\n    this.searchInput.className = 'slash-menu-search-input'\n    this.searchInput.placeholder = this.options.searchPlaceholder || 'Search commands...'\n    this.searchInput.value = this.searchValue\n\n    this.searchInput.addEventListener('input', (e) => {\n      this.searchValue = (e.target as HTMLInputElement).value.toLowerCase()\n      this.filterAndRenderItems()\n    })\n\n    // Prevent the input from closing the menu or interfering with editor\n    this.searchInput.addEventListener('mousedown', (e) => {\n      e.stopPropagation()\n    })\n\n    this.searchInput.addEventListener('keydown', (e) => {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        this.selectNext()\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        this.selectPrevious()\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        this.selectCurrent()\n      }\n    })\n\n    searchContainer.appendChild(this.searchInput)\n    return searchContainer\n  }\n\n  /**\n   * Filters items based on search value\n   */\n  private getFilteredItems(): SlashMenuItem[] {\n    if (!this.searchValue) {\n      return this.items\n    }\n\n    const filterRecursive = (items: SlashMenuItem[]): SlashMenuItem[] => {\n      return items.filter(item => {\n        if (item.group && item.items) {\n          const filteredChildren = filterRecursive(item.items)\n          return filteredChildren.length > 0\n        }\n        \n        const searchLower = this.searchValue.toLowerCase()\n        return (\n          item.label.toLowerCase().includes(searchLower) ||\n          item.description?.toLowerCase().includes(searchLower) ||\n          item.keywords?.some(k => k.toLowerCase().includes(searchLower))\n        )\n      }).map(item => {\n        if (item.group && item.items) {\n          return { ...item, items: filterRecursive(item.items) }\n        }\n        return item\n      })\n    }\n\n    return filterRecursive(this.items)\n  }\n\n  /**\n   * Filters and re-renders items based on search\n   */\n  private filterAndRenderItems() {\n    const filteredItems = this.getFilteredItems()\n    this.selectableItems = this.getSelectableItems(filteredItems)\n    this.selectedIndex = 0\n\n    // Clear and re-render items container\n    const itemsContainer = this.element.querySelector('.slash-menu-items')\n    if (itemsContainer) {\n      itemsContainer.innerHTML = ''\n      \n      if (this.selectableItems.length === 0) {\n        const empty = document.createElement('div')\n        empty.className = 'slash-menu-empty'\n        empty.textContent = this.options.placeholder || 'No commands found'\n        itemsContainer.appendChild(empty)\n      } else {\n        this.renderItems(filteredItems, itemsContainer as HTMLElement)\n      }\n    }\n  }\n\n  /**\n   * Renders the menu items into the DOM\n   */\n  render() {\n    this.element.innerHTML = ''\n\n    // Add search bar\n    const searchBar = this.renderSearchBar()\n    this.element.appendChild(searchBar)\n\n    // Add items container\n    const listContainer = document.createElement('div')\n    listContainer.className = 'slash-menu-items'\n\n    if (this.selectableItems.length === 0) {\n      const empty = document.createElement('div')\n      empty.className = 'slash-menu-empty'\n      empty.textContent = this.options.placeholder || 'No commands found'\n      listContainer.appendChild(empty)\n    } else {\n      this.renderItems(this.items, listContainer)\n    }\n\n    this.element.appendChild(listContainer)\n\n    // Focus search input after render\n    setTimeout(() => {\n      this.searchInput?.focus()\n    }, 0)\n  }\n\n  private renderItems(items: SlashMenuItem[], container: HTMLElement, isNested = false) {\n    for (const item of items) {\n      if (item.group && item.items) {\n        this.renderGroup(item, container)\n      } else {\n        this.renderItem(item, container, isNested)\n      }\n    }\n  }\n\n  private renderGroup(group: SlashMenuItem, container: HTMLElement) {\n    const groupElement = document.createElement('div')\n    groupElement.className = 'slash-menu-group'\n\n    // Group header\n    const header = document.createElement('div')\n    header.className = 'slash-menu-group-header'\n    header.textContent = group.label\n    groupElement.appendChild(header)\n\n    // Group items\n    const itemsContainer = document.createElement('div')\n    itemsContainer.className = 'slash-menu-group-items'\n    if (group.items) {\n      this.renderItems(group.items, itemsContainer, true)\n    }\n    groupElement.appendChild(itemsContainer)\n\n    container.appendChild(groupElement)\n  }\n\n  private renderItem(item: SlashMenuItem, container: HTMLElement, isNested: boolean) {\n    const itemElement = document.createElement('div')\n    const globalIndex = this.selectableItems.indexOf(item)\n    const isSelected = globalIndex === this.selectedIndex\n\n    itemElement.className = `slash-menu-item ${isSelected ? 'selected' : ''} ${isNested ? 'nested' : ''}`.trim()\n    itemElement.dataset.key = item.key\n\n    // Icon\n    if (item.icon) {\n      const icon = document.createElement('div')\n      icon.className = 'slash-menu-item-icon'\n      \n      // If icon is a string, treat it as text\n      if (typeof item.icon === 'string') {\n        icon.textContent = item.icon\n      }\n      \n      itemElement.appendChild(icon)\n    }\n\n    // Content (label + description)\n    const content = document.createElement('div')\n    content.className = 'slash-menu-item-content'\n\n    const label = document.createElement('div')\n    label.className = 'slash-menu-item-label'\n    label.textContent = item.label\n    content.appendChild(label)\n\n    if (item.description) {\n      const description = document.createElement('div')\n      description.className = 'slash-menu-item-description'\n      description.textContent = item.description\n      content.appendChild(description)\n    }\n\n    itemElement.appendChild(content)\n\n    // Use mousedown instead of click for immediate feedback and to prevent\n    // the editor from handling the event (moving cursor, selecting text, etc.)\n    itemElement.addEventListener('mousedown', (e) => {\n      e.preventDefault() // Prevent default mousedown behavior (text selection, cursor movement)\n      e.stopPropagation() // Stop event from bubbling to ProseMirror\n      this.onSelect(item)\n    })\n\n    // Hover handler - update selection without re-rendering\n    itemElement.addEventListener('mouseenter', () => {\n      this.selectedIndex = globalIndex\n      this.updateSelection()\n    })\n\n    container.appendChild(itemElement)\n  }\n\n  /**\n   * Updates the menu with new filtered items\n   */\n  updateItems(items: SlashMenuItem[]) {\n    this.items = items\n    this.selectableItems = this.getSelectableItems(items)\n    this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.selectableItems.length - 1))\n    this.render()\n  }\n\n  /**\n   * Updates the selected class on items without re-rendering\n   */\n  private updateSelection() {\n    const allItems = this.element.querySelectorAll('.slash-menu-item')\n    allItems.forEach((el) => {\n      const itemKey = (el as HTMLElement).dataset.key\n      const itemIndex = this.selectableItems.findIndex(item => item.key === itemKey)\n      if (itemIndex === this.selectedIndex) {\n        el.classList.add('selected')\n      } else {\n        el.classList.remove('selected')\n      }\n    })\n  }\n\n  /**\n   * Moves selection up\n   */\n  selectPrevious() {\n    this.selectedIndex = Math.max(0, this.selectedIndex - 1)\n    this.updateSelection()\n    this.scrollToSelected()\n  }\n\n  /**\n   * Moves selection down\n   */\n  selectNext() {\n    this.selectedIndex = Math.min(this.selectableItems.length - 1, this.selectedIndex + 1)\n    this.updateSelection()\n    this.scrollToSelected()\n  }\n\n  /**\n   * Executes the currently selected item\n   */\n  selectCurrent() {\n    const selectedItem = this.selectableItems[this.selectedIndex]\n    if (selectedItem) {\n      this.onSelect(selectedItem)\n    }\n  }\n\n  /**\n   * Scrolls the selected item into view\n   */\n  private scrollToSelected() {\n    const selectedElement = this.element.querySelector('.slash-menu-item.selected')\n    if (selectedElement) {\n      selectedElement.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n    }\n  }\n\n  /**\n   * Gets the DOM element\n   */\n  getElement(): HTMLElement {\n    return this.element\n  }\n\n  /**\n   * Cleans up the renderer\n   */\n  destroy() {\n    this.element.remove()\n  }\n}\n"],"mappings":"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","names":["Suggestion"]}