@kerebron/extension-menu 0.4.5 → 0.4.7

package/README.md

@@ -1,108 +1,3 @@
 # Menu extension
 
-Custom menu system for ProseMirror editors with pinnable tools and overflow management.
-
-## Features
-
-- **Pinnable Tools**: Pin/unpin tools to customize the toolbar
-- **Overflow Menu**: Tools that don't fit in the toolbar appear in an overflow menu
-- **Mobile Responsive**: Automatically limits toolbar to 4 tools on narrow screens (< 768px)
-- **State Persistence**: Pinned tool configuration saved to localStorage
-- **Trailing Elements**: Support for fixed elements on the right side of the toolbar (e.g., status indicators)
-- **Auto YJS Integration**: Automatically adds collaboration status when YJS extension is detected
-- **Auto LSP Integration**: Automatically adds LSP status when LSP extension is detected
-
-## Usage
-
-```typescript
-import { ExtensionCustomMenu } from '@kerebron/extension-menu';
-
-// Basic usage - auto-detects YJS and LSP, adds status indicators
-new Editor({
-  extensions: [
-    // ... other extensions
-    ExtensionYjs({ ydoc, provider }),  // Optional: for collaboration
-    ExtensionLsp({ getLspTransport }), // Optional: for LSP support
-    ExtensionCustomMenu(),             // Must come LAST for auto-detection
-  ],
-});
-
-// Disable auto status indicators
-new Editor({
-  extensions: [
-    ExtensionCustomMenu({ 
-      autoAddCollaborationStatus: false,
-      autoAddLspStatus: false,
-    }),
-    // ... other extensions
-  ],
-});
-
-// Custom trailing elements
-import { CollaborationStatusElement } from '@kerebron/extension-yjs/CollaborationStatus';
-import { LspStatusElement } from '@kerebron/extension-lsp/LspStatus';
-
-new Editor({
-  extensions: [
-    ExtensionCustomMenu({
-      autoAddCollaborationStatus: false,
-      autoAddLspStatus: false,
-      trailingElements: [
-        new CollaborationStatusElement({ awareness, provider }),
-        new LspStatusElement({ lspExtension, label: 'LSP' }),
-      ],
-    }),
-    // ... other extensions
-  ],
-});
-```
-
-## Extension Order
-
-**Important**: For auto-detection to work, `ExtensionCustomMenu` must be registered **after** any extensions you want it to detect:
-
-```typescript
-extensions: [
-  // ... other extensions
-  new ExtensionYjs({ ... }),    // Register first (if using)
-  new ExtensionLsp({ ... }),    // Register second (if using)
-  new ExtensionCustomMenu(),    // Register LAST for auto-detection
-]
-```
-
-## Options
-
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| `content` | `MenuElement[][]` | Auto-generated | Custom menu content (pinnable tools) |
-| `trailingElements` | `MenuElement[]` | `[]` | Fixed elements on the right side of toolbar |
-| `autoAddCollaborationStatus` | `boolean` | `true` | Auto-add collaboration status when YJS is detected |
-| `autoAddLspStatus` | `boolean` | `true` | Auto-add LSP status when LSP extension is detected |
-
-## CSS Imports
-
-Don't forget to import the necessary CSS files:
-
-```typescript
-import '@kerebron/extension-menu/assets/custom-menu.css';
-import '@kerebron/extension-yjs/assets/collaboration-status.css';  // If using YJS
-import '@kerebron/extension-lsp/assets/lsp-status.css';            // If using LSP
-```
-
-## Debug Mode
-
-Debug logging is disabled by default. To enable detailed logging for troubleshooting:
-
-```javascript
-// Enable debug mode
-localStorage.setItem('kb-custom-menu-debug', 'true');
-
-// Disable debug mode
-localStorage.removeItem('kb-custom-menu-debug');
-```
-
-After changing the debug flag, refresh the page to see debug output in the console.
-
-## Development
-
-The custom menu plugin provides a configurable toolbar that adapts to available space and user preferences, with persistent state across sessions.
+Porting prosemirror-menu in progress...

package/assets/custom-menu.css

@@ -74,7 +74,7 @@
   padding: 6px var(--kb-space-sm);
   background: var(--kb-color-surface-elevated);
   border-bottom: 1px solid var(--kb-color-border-strong);
-  z-index: var(--kb-z-dropdown, 100);
+  z-index: 1000;
   overflow: visible;
 }
 
@@ -188,24 +188,6 @@
   margin-left: auto;
 }
 
-/* Trailing separator (before trailing elements) */
-.kb-custom-menu__separator--trailing {
-  margin-left: 0;
-}
-
-/* Trailing elements group (always visible, not pinnable) */
-.kb-custom-menu__trailing-group {
-  display: flex;
-  align-items: center;
-  gap: var(--kb-space-xs);
-  flex-shrink: 0;
-}
-
-.kb-custom-menu__trailing-item {
-  display: inline-flex;
-  align-items: center;
-}
-
 /* Overflow toggle button (3-dot menu) */
 .kb-custom-menu__overflow-toggle {
   display: inline-flex;
@@ -244,7 +226,7 @@
   border: 1px solid var(--kb-color-border-strong);
   border-radius: var(--kb-radius-lg);
   box-shadow: var(--kb-shadow-lg);
-  z-index: calc(var(--kb-z-dropdown, 100) + 1);
+  z-index: 1001;
   max-height: 80vh;
   display: flex;
   flex-direction: column;
@@ -294,7 +276,7 @@
   padding: var(--kb-space-sm) 0;
   border: none;
   background: transparent;
-  color: var(--kb-menu-dropdown-dark-text);
+  color: var(--kb-color-text);
   cursor: pointer;
   border-radius: 0;
   transition: none;
@@ -379,7 +361,7 @@
 /* Overflow item label */
 .kb-custom-menu__overflow-item-label {
   flex: 1;
-  color: var(--kb-menu-dropdown-dark-text);
+  color: var(--kb-color-text);
   font-size: var(--kb-text-sm);
   white-space: nowrap;
   overflow: hidden;
@@ -392,8 +374,7 @@
   align-items: center;
   margin-left: auto;
   padding-left: var(--kb-space-sm);
-  color: var(--kb-menu-dropdown-dark-text);
-  opacity: 0.7;
+  color: var(--kb-color-text-muted);
 }
 
 .kb-custom-menu__overflow-item-chevron svg {
@@ -503,7 +484,7 @@
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
-  z-index: var(--kb-z-modal, 300);
+  z-index: 10000;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -849,7 +830,6 @@
   min-width: 200px;
   max-width: 300px;
   background: var(--kb-menu-dropdown-dark-bg) !important;
-  color: var(--kb-menu-dropdown-dark-text);
   border: 1px solid var(--kb-color-border-strong);
   border-radius: var(--kb-radius-lg);
   box-shadow: var(--kb-shadow-lg);

package/assets/menu.css

@@ -15,7 +15,7 @@
   padding: 4px 8px;
   background: #f9f9f9;
   border-bottom: 1px solid #dadce0;
-  z-index: var(--kb-z-dropdown, 100);
+  z-index: var(--kb-z-dropdown, 1000);
   overflow: visible;
 }
 
@@ -122,7 +122,7 @@
 
 .kb-menu {
   background-color: var(--kb-color-surface);
-  z-index: var(--kb-z-dropdown, 100);
+  z-index: 10000;
 }
 
 /* Toolbar items */

package/esm/{extension-menu/src/CustomMenuPlugin.d.ts → CustomMenuPlugin.d.ts}

@@ -1,6 +1,7 @@
 import { EditorState, Plugin } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import type { CoreEditor } from '../../editor/src/mod.js';
+import type { CoreEditor } from '@kerebron/editor';
+import { CustomMenuOptions } from './ExtensionCustomMenu.js';
 import type { MenuElement } from './menu.js';
 interface ToolItem {
     id: string;
@@ -18,7 +19,6 @@ export declare class CustomMenuView {
     pinnedDropdownMenu: HTMLElement | null;
     modal: HTMLElement | null;
     tools: ToolItem[];
-    trailingElements: MenuElement[];
     root: Document | ShadowRoot;
     resizeHandle: HTMLElement;
     editorContainer: HTMLElement;
@@ -26,7 +26,7 @@ export declare class CustomMenuView {
     private closePinnedDropdownHandler;
     private submenuStack;
     private pinnedDropdownStack;
-    constructor(editorView: EditorView, editor: CoreEditor, content: readonly (readonly MenuElement[])[], trailingElements?: readonly MenuElement[]);
+    constructor(editorView: EditorView, editor: CoreEditor, content: readonly (readonly MenuElement[])[]);
     private initializeTools;
     /**
      * Generate a stable ID from a label by converting it to a kebab-case slug.
@@ -54,12 +54,8 @@ export declare class CustomMenuView {
     update(view: EditorView, prevState: EditorState): void;
     destroy(): void;
 }
-export interface CustomMenuPluginOptions {
-    content: readonly (readonly MenuElement[])[];
-    trailingElements?: readonly MenuElement[];
-}
 export declare class CustomMenuPlugin extends Plugin {
-    constructor(editor: CoreEditor, options: CustomMenuPluginOptions);
+    constructor(editor: CoreEditor, options: CustomMenuOptions);
 }
 export {};
 //# sourceMappingURL=CustomMenuPlugin.d.ts.map

package/esm/CustomMenuPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenuPlugin.d.ts","sourceRoot":"","sources":["../src/CustomMenuPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQ7C,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,cAAc;IAkBvB,QAAQ,CAAC,UAAU,EAAE,UAAU;IAC/B,QAAQ,CAAC,MAAM,EAAE,UAAU;IAC3B,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE;IAnBvD,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,YAAY,EAAE,WAAW,CAAC;IAC1B,kBAAkB,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC9C,KAAK,EAAE,WAAW,GAAG,IAAI,CAAQ;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAM;IACvB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,YAAY,EAAE,WAAW,CAAC;IAC1B,eAAe,EAAE,WAAW,CAAC;IAC7B,OAAO,CAAC,oBAAoB,CAA0C;IACtE,OAAO,CAAC,0BAA0B,CAA0C;IAC5E,OAAO,CAAC,YAAY,CAAmD;IACvE,OAAO,CAAC,mBAAmB,CAEpB;gBAGI,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE;IA6DvD,OAAO,CAAC,eAAe;IA0BvB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAyBxB;;OAEG;IACH,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,WAAW;IAqCnB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,kBAAkB;IA0C1B,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,yBAAyB;IAuCjC,OAAO,CAAC,oBAAoB;IA8J5B,OAAO,CAAC,kBAAkB;IA6R1B,OAAO,CAAC,MAAM;IA6Jd,OAAO,CAAC,eAAe;IAyHvB,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,WAAW;IAgDnB,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW;IAQ/C,OAAO;CA8BR;AAED,qBAAa,gBAAiB,SAAQ,MAAM;gBAC9B,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB;CAO3D"}

package/esm/{extension-menu/src/CustomMenuPlugin.js → CustomMenuPlugin.js}

@@ -1,26 +1,13 @@
 // deno-lint-ignore-file no-window
-import * as dntShim from "../../_dnt.shims.js";
+import * as dntShim from "./_dnt.shims.js";
 import { Plugin } from 'prosemirror-state';
 const CSS_PREFIX = 'kb-custom-menu';
 const MAX_PINNED_ITEMS = 8;
 const STORAGE_KEY = 'kb-custom-menu-pinned';
-const DEBUG_STORAGE_KEY = 'kb-custom-menu-debug';
 // Bootstrap md breakpoint: 768px (mobile is < 768px, desktop is >= 768px)
 const MOBILE_BREAKPOINT = 768;
-// Debug helper function
-function debug(...args) {
-    try {
-        if (typeof localStorage !== 'undefined' &&
-            localStorage.getItem(DEBUG_STORAGE_KEY) === 'true') {
-            console.log('[kb-custom-menu]', ...args);
-        }
-    }
-    catch (e) {
-        // Ignore localStorage errors
-    }
-}
 export class CustomMenuView {
-    constructor(editorView, editor, content, trailingElements) {
+    constructor(editorView, editor, content) {
         Object.defineProperty(this, "editorView", {
             enumerable: true,
             configurable: true,
@@ -75,12 +62,6 @@ export class CustomMenuView {
             writable: true,
             value: []
         });
-        Object.defineProperty(this, "trailingElements", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
         Object.defineProperty(this, "root", {
             enumerable: true,
             configurable: true,
@@ -123,15 +104,10 @@ export class CustomMenuView {
             writable: true,
             value: []
         });
-        debug('CustomMenuView constructor called');
-        debug('Content groups:', content.length);
         this.root = editorView.root;
-        // Store trailing elements
-        this.trailingElements = trailingElements ? [...trailingElements] : [];
         // Create wrapper
         this.wrapper = document.createElement('div');
         this.wrapper.classList.add(CSS_PREFIX + '__wrapper');
-        debug('Wrapper created:', this.wrapper);
         // Create toolbar
         this.toolbar = document.createElement('div');
         this.toolbar.classList.add(CSS_PREFIX);
@@ -175,11 +151,8 @@ export class CustomMenuView {
         }
     }
     initializeTools() {
-        debug('Initializing tools from content');
-        let toolCount = 0;
-        this.content.forEach((group, groupIndex) => {
-            debug(`Processing group ${groupIndex}, elements:`, group.length);
-            group.forEach((element, elementIndex) => {
+        this.content.forEach((group) => {
+            group.forEach((element) => {
                 const { dom, update } = element.render(this.editorView);
                 // For dropdowns, get the label from the element's options directly
                 let label;
@@ -197,11 +170,8 @@ export class CustomMenuView {
                     element,
                     isPinned: false,
                 });
-                toolCount++;
-                debug(`Tool ${toolCount}: id="${id}", label="${label}"`);
             });
         });
-        debug(`Total tools initialized: ${this.tools.length}`);
     }
     /**
      * Generate a stable ID from a label by converting it to a kebab-case slug.
@@ -264,38 +234,23 @@ export class CustomMenuView {
         return 'Unknown Tool';
     }
     loadPinnedState() {
-        debug('Loading pinned state from localStorage');
         try {
             const saved = localStorage.getItem(STORAGE_KEY);
-            debug('Saved pinned state:', saved);
             if (saved) {
                 const pinnedIds = JSON.parse(saved);
-                debug('Pinned tool IDs:', pinnedIds);
-                // If the saved array is empty, treat it as no saved state (use defaults)
-                if (pinnedIds.length === 0) {
-                    debug('Saved state is empty array, using default (first 8 tools)');
-                    this.tools.slice(0, MAX_PINNED_ITEMS).forEach((tool) => {
-                        tool.isPinned = true;
-                    });
-                }
-                else {
-                    this.tools.forEach((tool) => {
-                        tool.isPinned = pinnedIds.includes(tool.id);
-                    });
-                }
+                this.tools.forEach((tool) => {
+                    tool.isPinned = pinnedIds.includes(tool.id);
+                });
             }
             else {
                 // Default pinned items (first 8)
-                debug('No saved state, using default (first 8 tools)');
                 this.tools.slice(0, MAX_PINNED_ITEMS).forEach((tool) => {
                     tool.isPinned = true;
                 });
             }
-            const pinnedCount = this.tools.filter((t) => t.isPinned).length;
-            debug(`Loaded pinned state: ${pinnedCount} tools pinned`);
         }
         catch (e) {
-            console.error('[kb-custom-menu] Failed to load pinned state:', e);
+            console.error('Failed to load pinned state:', e);
             // Default to first 8 items
             this.tools.slice(0, MAX_PINNED_ITEMS).forEach((tool) => {
                 tool.isPinned = true;
@@ -442,37 +397,6 @@ export class CustomMenuView {
         // Create dropdown menu
         this.pinnedDropdownMenu = document.createElement('div');
         this.pinnedDropdownMenu.classList.add(CSS_PREFIX + '__pinned-dropdown');
-        // Inherit theme CSS variables from editor container
-        // This ensures dropdowns match the editor's theme even when appended to body
-        const editorContainer = this.editorView.dom.closest('.kb-component') ||
-            this.editorView.dom.parentElement;
-        if (editorContainer) {
-            const computedStyle = getComputedStyle(editorContainer);
-            const themeVars = [
-                // New unified naming
-                '--kb-menu-dropdown-bg',
-                '--kb-menu-dropdown-border',
-                '--kb-menu-dropdown-text',
-                // Legacy naming (for backwards compatibility)
-                '--kb-menu-dropdown-dark-bg',
-                '--kb-menu-dropdown-dark-border',
-                '--kb-menu-dropdown-dark-text',
-                // General theme colors
-                '--kb-color-surface',
-                '--kb-color-surface-elevated',
-                '--kb-color-surface-hover',
-                '--kb-color-border',
-                '--kb-color-border-strong',
-                '--kb-color-text',
-                '--kb-color-text-muted',
-            ];
-            themeVars.forEach((varName) => {
-                const value = computedStyle.getPropertyValue(varName).trim();
-                if (value) {
-                    this.pinnedDropdownMenu.style.setProperty(varName, value);
-                }
-            });
-        }
         // Position it below the trigger element
         const rect = triggerElement.getBoundingClientRect();
         this.pinnedDropdownMenu.style.position = 'absolute';
@@ -835,28 +759,22 @@ export class CustomMenuView {
         }
     }
     render() {
-        debug('render() called');
         // Clear toolbar and overflow menu
         this.toolbar.innerHTML = '';
         this.overflowMenu.innerHTML = '';
         const pinnedTools = this.tools.filter((t) => t.isPinned);
         const overflowTools = this.tools.filter((t) => !t.isPinned);
-        debug(`Rendering: ${pinnedTools.length} pinned, ${overflowTools.length} unpinned`);
         // Check if we're in mobile view (Bootstrap md breakpoint: < 768px)
         const isMobile = typeof dntShim.dntGlobalThis !== 'undefined' &&
             globalThis.innerWidth < MOBILE_BREAKPOINT;
         const mobileLimit = 4;
-        debug(`isMobile: ${isMobile}, window width: ${typeof dntShim.dntGlobalThis !== 'undefined' ? globalThis.innerWidth : 'N/A'}`);
         // In mobile, only show first 4 pinned tools in toolbar
         const visibleTools = isMobile
             ? pinnedTools.slice(0, mobileLimit)
             : pinnedTools;
         const mobileOverflowPinned = isMobile ? pinnedTools.slice(mobileLimit) : [];
-        debug(`Visible tools in toolbar: ${visibleTools.length}`);
-        debug('Visible tool IDs:', visibleTools.map((t) => t.id).join(', '));
         // Render visible pinned tools in toolbar
-        visibleTools.forEach((tool, index) => {
-            debug(`Rendering tool ${index + 1}/${visibleTools.length}: "${tool.label}" (${tool.id})`);
+        visibleTools.forEach((tool) => {
             const wrapper = document.createElement('span');
             wrapper.classList.add(CSS_PREFIX + '__item');
             wrapper.setAttribute('data-tool-id', tool.id);
@@ -972,25 +890,6 @@ export class CustomMenuView {
             });
             this.toolbar.appendChild(overflowToggle);
         }
-        // Render trailing elements (always visible, not pinnable)
-        if (this.trailingElements.length > 0) {
-            // Add separator before trailing elements
-            const separator = document.createElement('div');
-            separator.classList.add(CSS_PREFIX + '__separator');
-            separator.classList.add(CSS_PREFIX + '__separator--trailing');
-            this.toolbar.appendChild(separator);
-            // Create a trailing group container
-            const trailingGroup = document.createElement('div');
-            trailingGroup.classList.add(CSS_PREFIX + '__trailing-group');
-            this.trailingElements.forEach((element) => {
-                const { dom, update } = element.render(this.editorView);
-                const wrapper = document.createElement('span');
-                wrapper.classList.add(CSS_PREFIX + '__trailing-item');
-                wrapper.appendChild(dom);
-                trailingGroup.appendChild(wrapper);
-            });
-            this.toolbar.appendChild(trailingGroup);
-        }
         // Render overflow menu content
         this.renderOverflowMenu();
     }
@@ -1179,7 +1078,7 @@ export class CustomMenuPlugin extends Plugin {
     constructor(editor, options) {
         super({
             view(editorView) {
-                return new CustomMenuView(editorView, editor, options.content, options.trailingElements);
+                return new CustomMenuView(editorView, editor, options.content);
             },
         });
     }

package/esm/ExtensionCustomMenu.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '@kerebron/editor';
+import { type MenuElement } from './menu.js';
+export interface CustomMenuOptions {
+    content: readonly (readonly MenuElement[])[];
+}
+export declare class ExtensionCustomMenu extends Extension {
+    name: string;
+    getProseMirrorPlugins(): Plugin[];
+}
+//# sourceMappingURL=ExtensionCustomMenu.d.ts.map

package/esm/ExtensionCustomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionCustomMenu.d.ts","sourceRoot":"","sources":["../src/ExtensionCustomMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,MAAM,WAAW,iBAAiB;IAEhC,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC;CAC9C;AAGD,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,IAAI,SAAgB;IAEX,qBAAqB,IAAI,MAAM,EAAE;CAS3C"}

package/esm/ExtensionCustomMenu.js

@@ -0,0 +1,23 @@
+import { Extension } from '@kerebron/editor';
+import { buildMenu } from './buildMenu.js';
+import { CustomMenuPlugin } from './CustomMenuPlugin.js';
+/// Extension for a customizable menu with pinned items
+export class ExtensionCustomMenu extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'customMenu'
+        });
+    }
+    getProseMirrorPlugins() {
+        const content = buildMenu(this.editor, this.editor.schema);
+        return [
+            new CustomMenuPlugin(this.editor, {
+                content,
+            }),
+        ];
+    }
+}

package/esm/{extension-menu/src/buildMenu.d.ts → buildMenu.d.ts}

@@ -1,5 +1,5 @@
 import { Schema } from 'prosemirror-model';
-import { type CoreEditor } from '../../editor/src/mod.js';
+import { type CoreEditor } from '@kerebron/editor';
 import { type MenuElement } from './menu.js';
 export declare function buildMenu(editor: CoreEditor, schema: Schema): MenuElement[][];
 //# sourceMappingURL=buildMenu.d.ts.map

package/esm/buildMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildMenu.d.ts","sourceRoot":"","sources":["../src/buildMenu.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,WAAW,CAAC;AAoCnB,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,EAAE,CAgX7E"}

package/esm/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAerC,wBAAgB,OAAO,CACrB,IAAI,EAAE,QAAQ,GAAG,UAAU,EAC3B,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG;IAAE,GAAG,EAAE,IAAI,CAAA;CAAE,GAChB,WAAW,CAmCb;AA8BD,eAAO,MAAM,KAAK,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;CAyE7C,CAAC"}

package/esm/{extension-menu/src/menu.d.ts → menu.d.ts}

@@ -11,7 +11,7 @@ export declare class MenuItem implements MenuElement {
     CSS_PREFIX: string;
     constructor(spec: MenuItemSpec);
     render(view: EditorView): {
-        dom: HTMLElement | null;
+        dom: any;
         update: (state: EditorState) => boolean;
     };
 }

package/esm/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../src/menu.ts"],"names":[],"mappings":"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"}

package/esm/{extension-menu/src/mod.d.ts → mod.d.ts}

@@ -1,4 +1,3 @@
-import "../../_dnt.polyfills.js";
 export { Dropdown, DropdownSubmenu, type MenuElement, MenuItem, type MenuItemSpec, } from './menu.js';
 export * from './ExtensionCustomMenu.js';
 //# sourceMappingURL=mod.d.ts.map

package/esm/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,KAAK,WAAW,EAChB,QAAQ,EACR,KAAK,YAAY,GAClB,MAAM,WAAW,CAAC;AAEnB,cAAc,0BAA0B,CAAC"}

package/esm/{extension-menu/src/mod.js → mod.js}

@@ -1,3 +1,2 @@
-import "../../_dnt.polyfills.js";
 export { Dropdown, DropdownSubmenu, MenuItem, } from './menu.js';
 export * from './ExtensionCustomMenu.js';

package/esm/prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../src/prompt.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAA;KAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,QA0EA;AA+BD,8BAAsB,KAAK;IAKvB,QAAQ,CAAC,OAAO,EAAE;QAEhB,KAAK,CAAC,EAAE,GAAG,CAAC;QAGZ,KAAK,EAAE,MAAM,CAAC;QAGd,QAAQ,CAAC,EAAE,OAAO,CAAC;QAInB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;QAGzC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;KAC7B;gBAhBQ,OAAO,EAAE;QAEhB,KAAK,CAAC,EAAE,GAAG,CAAC;QAGZ,KAAK,EAAE,MAAM,CAAC;QAGd,QAAQ,CAAC,EAAE,OAAO,CAAC;QAInB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,IAAI,CAAC;QAGzC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;KAC7B;IAIH,QAAQ,CAAC,MAAM,IAAI,WAAW;IAG9B,IAAI,CAAC,GAAG,EAAE,WAAW;IAKrB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI;IAKvC,QAAQ,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI;IAQnC,KAAK,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG;CAGvB;AAGD,qBAAa,SAAU,SAAQ,KAAK;IAClC,MAAM;CAQP;AAMD,qBAAa,WAAY,SAAQ,KAAK;IACpC,MAAM;CAWP"}

package/package.json

@@ -1,24 +1,22 @@
 {
   "name": "@kerebron/extension-menu",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "license": "MIT",
-  "module": "./esm/extension-menu/src/mod.js",
+  "module": "./esm/mod.js",
   "exports": {
     ".": {
-      "import": "./esm/extension-menu/src/mod.js"
+      "import": "./esm/mod.js"
     },
     "./ExtensionCustomMenu": {
-      "import": "./esm/extension-menu/src/ExtensionCustomMenu.js"
+      "import": "./esm/ExtensionCustomMenu.js"
     }
   },
   "scripts": {},
   "dependencies": {
+    "@kerebron/editor": "0.4.7",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",
-    "prosemirror-transform": "1.10.4",
-    "prosemirror-view": "1.40.0",
-    "vscode-languageserver-protocol": "3.17.5",
-    "web-tree-sitter": "0.24.7"
+    "prosemirror-view": "1.40.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.0"