@kerebron/extension-menu 0.3.2 → 0.4.1

package/esm/extension-menu/src/ExtensionCustomMenu.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '../../editor/src/mod.js';
+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/extension-menu/src/ExtensionCustomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionCustomMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/ExtensionCustomMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,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/extension-menu/src/ExtensionCustomMenu.js

@@ -0,0 +1,23 @@
+import { Extension } from '../../editor/src/mod.js';
+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

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

package/esm/extension-menu/src/buildMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/buildMenu.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,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/extension-menu/src/{ExtensionMenu.js → buildMenu.js}

@@ -1,15 +1,8 @@
 import { NodeSelection } from 'prosemirror-state';
-import { Extension } from '../../editor/src/mod.js';
-import { toggleMark, wrapInList } from '../../editor/src/commands/mod.js';
-import { blockTypeItem, Dropdown, DropdownSubmenu, MenuItem, wrapItem, } from './menu.js';
-import { MenuPlugin } from './MenuPlugin.js';
+import { EditorView } from 'prosemirror-view';
+import { Dropdown, DropdownSubmenu, MenuItem, } from './menu.js';
 import { icons } from './icons.js';
 import { openPrompt, TextField } from './prompt.js';
-export { blockTypeItem, Dropdown, DropdownSubmenu, 
-// MenuElement,
-MenuItem, 
-// MenuItemSpec,
-wrapItem, } from './menu.js';
 function canInsert(state, nodeType) {
     let $from = state.selection.$from;
     for (let d = $from.depth; d >= 0; d--) {
@@ -39,22 +32,60 @@ function markActive(state, type) {
     else
         return state.doc.rangeHasMark(from, to, type);
 }
-function markItem(markType, options) {
-    let passedOptions = {
-        active(state) {
-            return markActive(state, markType);
-        },
-    };
-    for (let prop in options) {
-        passedOptions[prop] = options[prop];
-    }
-    return cmdItem(toggleMark(markType), passedOptions);
-}
-function wrapListItem(nodeType, options) {
-    return cmdItem(wrapInList(nodeType, options.attrs), options);
-}
 const cut = (arr) => arr.filter((x) => x);
 export function buildMenu(editor, schema) {
+    function markItem(markType, options) {
+        let passedOptions = {
+            active(state) {
+                return markActive(state, markType);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return cmdItem(editor.commandFactories.toggleMark(markType), passedOptions);
+    }
+    function wrapItem(nodeType, options) {
+        let passedOptions = {
+            run(state, dispatch) {
+                return editor.commandFactories.wrapIn(nodeType, options.attrs)(state, dispatch);
+            },
+            select(state) {
+                return editor.commandFactories.wrapIn(nodeType, options.attrs)(state);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return new MenuItem(passedOptions);
+    }
+    function wrapListItem(nodeType, options) {
+        return cmdItem(editor.commandFactories.wrapInList(nodeType, options.attrs), options);
+    }
+    /// Build a menu item for changing the type of the textblock around the
+    /// selection to the given type. Provides `run`, `active`, and `select`
+    /// properties. Others must be given in `options`. `options.attrs` may
+    /// be an object to provide the attributes for the textblock node.
+    function blockTypeItem(nodeType, options) {
+        let command = editor.commandFactories.setBlockType(nodeType, options.attrs);
+        let passedOptions = {
+            run: command,
+            enable(state) {
+                return command(state);
+            },
+            active(state) {
+                let { $from, to, node } = state.selection;
+                if (node)
+                    return node.hasMarkup(nodeType, options.attrs);
+                return to <= $from.end() &&
+                    $from.parent.hasMarkup(nodeType, options.attrs);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return new MenuItem(passedOptions);
+    }
     const menu = [];
     if (schema.marks.strong) {
         menu.push(new MenuItem({
@@ -78,7 +109,7 @@ export function buildMenu(editor, schema) {
             label: '_',
             run: () => editor.chain().toggleUnderline().run(),
             enable: (state) => editor.can().toggleUnderline().run(),
-            // icon: icons.underline
+            icon: icons.underline,
         }));
     }
     if (schema.marks.code) {
@@ -98,9 +129,9 @@ export function buildMenu(editor, schema) {
             enable(state) {
                 return !state.selection.empty;
             },
-            run(state, dispatch, view) {
+            run(state, dispatch) {
                 if (markActive(state, markType)) {
-                    toggleMark(markType)(state, dispatch);
+                    editor.commandFactories.toggleMark(markType)(state, dispatch);
                     return true;
                 }
                 openPrompt({
@@ -113,10 +144,11 @@ export function buildMenu(editor, schema) {
                         title: new TextField({ label: 'Title' }),
                     },
                     callback(attrs) {
-                        toggleMark(markType, attrs)(view.state, view.dispatch);
-                        view.focus();
+                        editor.commandFactories.toggleMark(markType, attrs)(editor.view.state, editor.view.dispatch);
+                        editor.view.focus();
                     },
                 });
+                return true;
             },
         }));
     }
@@ -158,11 +190,11 @@ export function buildMenu(editor, schema) {
         for (let i = 1; i <= 6; i++) {
             makeHeadMenu.push(blockTypeItem(schema.nodes.heading, {
                 title: 'Change to heading ' + i,
-                label: 'Level ' + i,
+                label: 'Heading ' + i,
                 attrs: { level: i },
             }));
         }
-        typeMenu.push(new DropdownSubmenu(makeHeadMenu, { label: 'Heading' }));
+        typeMenu.push(new DropdownSubmenu(makeHeadMenu, { label: 'Headings' }));
     }
     blockMenu.push(new MenuItem({
         title: 'Join with above block',
@@ -189,7 +221,7 @@ export function buildMenu(editor, schema) {
             label: 'Image',
             // enable: (state) => editor.can().setHorizontalRule().run(),
             enable: (state) => canInsert(state, nodeType),
-            run(state, _, view) {
+            run(state, dispatch) {
                 let { from, to } = state.selection, attrs = null;
                 if (state.selection instanceof NodeSelection &&
                     state.selection.node.type == nodeType) {
@@ -213,10 +245,11 @@ export function buildMenu(editor, schema) {
                         }),
                     },
                     callback(attrs) {
-                        view.dispatch(view.state.tr.replaceSelectionWith(nodeType.createAndFill(attrs)));
-                        view.focus();
+                        editor.view.dispatch(editor.view.state.tr.replaceSelectionWith(nodeType.createAndFill(attrs)));
+                        editor.view.focus();
                     },
                 });
+                return true;
             },
         }));
     }
@@ -232,7 +265,7 @@ export function buildMenu(editor, schema) {
         label: 'Insert',
     }));
     menu.push(new Dropdown(cut(typeMenu), {
-        label: 'Type...',
+        label: 'Type',
     }));
     /*
     r.blockMenu = [
@@ -246,18 +279,27 @@ export function buildMenu(editor, schema) {
       ]),
     ];
     */
-    menu.push(new MenuItem({
-        title: 'Undo last change',
-        run: () => editor.chain().undo().run(),
-        enable: () => editor.can().undo().run(),
-        icon: icons.undo,
-    }));
-    menu.push(new MenuItem({
-        title: 'Redo last undone change',
-        run: () => editor.chain().redo().run(),
-        enable: () => editor.can().redo().run(),
-        icon: icons.redo,
-    }));
+    const editorView = editor.view;
+    if (editorView instanceof EditorView) {
+        menu.push(new MenuItem({
+            title: 'Undo last change',
+            run: (state, dispatch) => {
+                return editor.commandFactories.undo()(editor.view.state, editor.view.dispatch, editorView);
+            },
+            enable: (state) => {
+                return editor.commandFactories.undo()(state);
+            },
+            icon: icons.undo,
+        }));
+        menu.push(new MenuItem({
+            title: 'Redo last undone change',
+            run: (state, dispatch) => {
+                return editor.commandFactories.redo()(state, dispatch);
+            },
+            enable: (state) => editor.commandFactories.redo()(state),
+            icon: icons.redo,
+        }));
+    }
     if (schema.nodes.table) {
         const item = (label, cmdName) => {
             return new MenuItem({
@@ -287,32 +329,3 @@ export function buildMenu(editor, schema) {
     }
     return [menu, blockMenu];
 }
-export class ExtensionMenu extends Extension {
-    constructor(config = { floating: true }) {
-        super(config);
-        Object.defineProperty(this, "config", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: config
-        });
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'menu'
-        });
-    }
-    getProseMirrorPlugins(editor, schema) {
-        const plugins = [];
-        let content = buildMenu(editor, schema);
-        if (this.config.modifyMenu) {
-            content = this.config.modifyMenu(content);
-        }
-        plugins.push(new MenuPlugin({
-            content,
-            floating: this.config.floating,
-        }));
-        return plugins;
-    }
-}

package/esm/extension-menu/src/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/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;CAoE7C,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/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/icons.js

@@ -90,6 +90,11 @@ export const icons = {
         height: 1024,
         path: 'M0 949l9-48q3-1 46-12t63-21q16-20 23-57 0-4 35-165t65-310 29-169v-14q-13-7-31-10t-39-4-33-3l10-58q18 1 68 3t85 4 68 1q27 0 56-1t69-4 56-3q-2 22-10 50-17 5-58 16t-62 19q-4 10-8 24t-5 22-4 26-3 24q-15 84-50 239t-44 203q-1 5-7 33t-11 51-9 47-3 32l0 10q9 2 105 17-1 25-9 56-6 0-18 0t-18 0q-16 0-49-5t-49-5q-78-1-117-1-29 0-81 5t-69 6z',
     },
+    underline: {
+        width: 585,
+        height: 1024,
+        path: 'M0 908h1024v64H0Z',
+    },
     code: {
         width: 896,
         height: 1024,

package/esm/extension-menu/src/menu.d.ts

@@ -1,6 +1,5 @@
 import { EditorView } from 'prosemirror-view';
 import { EditorState, Transaction } from 'prosemirror-state';
-import { Attrs, NodeType } from 'prosemirror-model';
 export interface MenuElement {
     render(pm: EditorView): {
         dom: HTMLElement;
@@ -27,7 +26,7 @@ export type IconSpec = {
     dom: Node;
 };
 export interface MenuItemSpec {
-    run: (state: EditorState, dispatch: (tr: Transaction) => void) => boolean;
+    run: (state: EditorState, dispatch: (tr: Transaction) => void) => boolean | Promise<boolean>;
     select?: (state: EditorState) => boolean;
     enable?: (state: EditorState) => boolean;
     active?: (state: EditorState) => boolean;
@@ -79,10 +78,4 @@ export declare function renderGrouped(view: EditorView, content: readonly (reado
     dom: any;
     update: (state: EditorState) => boolean;
 };
-export declare function wrapItem(nodeType: NodeType, options: Partial<MenuItemSpec> & {
-    attrs?: Attrs | null;
-}): MenuItem;
-export declare function blockTypeItem(nodeType: NodeType, options: Partial<MenuItemSpec> & {
-    attrs?: Attrs | null;
-}): MenuItem;
 //# sourceMappingURL=menu.d.ts.map

package/esm/extension-menu/src/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,WAAW,WAAW;IAK1B,MAAM,CACJ,EAAE,EAAE,UAAU,GACb;QAAE,GAAG,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAA;KAAE,CAAC;CAClE;AAGD,qBAAa,QAAS,YAAW,WAAW;IAMxC,QAAQ,CAAC,IAAI,EAAE,YAAY;IAL7B,UAAU,SAAqB;gBAKpB,IAAI,EAAE,YAAY;IAM7B,MAAM,CAAC,IAAI,EAAE,UAAU;;wBAmDE,WAAW;;CAsBrC;AAgBD,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG;IAAE,GAAG,EAAE,IAAI,CAAA;CAAE,CAAC;AAGlB,MAAM,WAAW,YAAY;IAE3B,GAAG,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,KAAK,OAAO,CAAC;IAI1E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IAKzC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IAKzC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IAIzC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,WAAW,CAAC;IAG3C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC;IAGlD,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAiBD,qBAAa,QAAS,YAAW,WAAW;IASxC,QAAQ,CAAC,OAAO,EAAE;QAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;QAKf,KAAK,CAAC,EAAE,MAAM,CAAC;QAGf,KAAK,CAAC,EAAE,MAAM,CAAC;QAGf,GAAG,CAAC,EAAE,MAAM,CAAC;KACd;IAtBH,UAAU,SAAiB;IAE3B,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;gBAI9B,OAAO,EAAE,SAAS,WAAW,EAAE,GAAG,WAAW,EAEpC,OAAO,GAAE;QAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;QAKf,KAAK,CAAC,EAAE,MAAM,CAAC;QAGf,KAAK,CAAC,EAAE,MAAM,CAAC;QAGf,GAAG,CAAC,EAAE,MAAM,CAAC;KACT;IAOR,MAAM,CAAC,IAAI,EAAE,UAAU;;wBAsDE,WAAW;;IAUpC,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,IAAI,EAAE;qBAU3B,OAAO;;;CAS5B;AAgCD,qBAAa,eAAgB,YAAW,WAAW;IAS/C,QAAQ,CAAC,OAAO,EAAE;QAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAVH,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;gBAK9B,OAAO,EAAE,SAAS,WAAW,EAAE,GAAG,WAAW,EAEpC,OAAO,GAAE;QAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;KACX;IAMR,MAAM,CAAC,IAAI,EAAE,UAAU;;wBAwCE,WAAW;;CAOrC;AAMD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE;;oBAwBrB,WAAW;EAanC;AAYD,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,YAc1D;AAMD,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,YAmB1D"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/menu.ts"],"names":[],"mappings":"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"}

package/esm/extension-menu/src/menu.js

@@ -1,4 +1,3 @@
-import { setBlockType, wrapIn, } from '../../editor/src/commands/mod.js';
 import { getIcon } from './icons.js';
 /// An icon or label that, when clicked, executes a command.
 export class MenuItem {
@@ -65,7 +64,7 @@ export class MenuItem {
                 spec.run(view.state, view.dispatch);
             }
         });
-        function update(state) {
+        const update = (state) => {
             if (spec.select) {
                 let selected = spec.select(state);
                 dom.style.display = selected ? '' : 'none';
@@ -84,7 +83,7 @@ export class MenuItem {
                 dom.setAttribute('aria-pressed', active.toString());
             }
             return true;
-        }
+        };
         return { dom, update };
     }
 }
@@ -164,7 +163,7 @@ export class Dropdown {
         let close = () => {
             if (open && open.close()) {
                 open = null;
-                win.removeEventListener('mousedown', listeningOnClose);
+                win?.removeEventListener('mousedown', listeningOnClose);
             }
         };
         label.addEventListener('mousedown', (e) => {
@@ -177,7 +176,7 @@ export class Dropdown {
             else {
                 open = this.expand(wrap, content.dom);
                 wrap.classList.add('kb-dropdown--open');
-                win.addEventListener('mousedown', listeningOnClose = () => {
+                win?.addEventListener('mousedown', listeningOnClose = () => {
                     if (!isMenuEvent(wrap))
                         close();
                 });
@@ -277,12 +276,13 @@ export class DropdownSubmenu {
         label.addEventListener('mousedown', (e) => {
             e.preventDefault();
             markMenuEvent(e);
-            setClass(wrap, CSS_PREFIX + '--open', false);
-            if (!listeningOnClose) {
-                win.addEventListener('mousedown', listeningOnClose = () => {
+            const isOpen = wrap.classList.contains(CSS_PREFIX + '--open');
+            setClass(wrap, CSS_PREFIX + '--open', !isOpen);
+            if (!isOpen && !listeningOnClose) {
+                win?.addEventListener('mousedown', listeningOnClose = () => {
                     if (!isMenuEvent(wrap)) {
                         wrap.classList.remove(CSS_PREFIX + '--open');
-                        win.removeEventListener('mousedown', listeningOnClose);
+                        win?.removeEventListener('mousedown', listeningOnClose);
                         listeningOnClose = null;
                     }
                 });
@@ -341,48 +341,6 @@ function separator() {
     elem.classList.add('kb-menu__separator');
     return elem;
 }
-/// Build a menu item for wrapping the selection in a given node type.
-/// Adds `run` and `select` properties to the ones present in
-/// `options`. `options.attrs` may be an object that provides
-/// attributes for the wrapping node.
-export function wrapItem(nodeType, options) {
-    let passedOptions = {
-        run(state, dispatch) {
-            return wrapIn(nodeType, options.attrs)(state, dispatch);
-        },
-        select(state) {
-            return wrapIn(nodeType, options.attrs)(state);
-        },
-    };
-    for (let prop in options) {
-        passedOptions[prop] = options[prop];
-    }
-    return new MenuItem(passedOptions);
-}
-/// Build a menu item for changing the type of the textblock around the
-/// selection to the given type. Provides `run`, `active`, and `select`
-/// properties. Others must be given in `options`. `options.attrs` may
-/// be an object to provide the attributes for the textblock node.
-export function blockTypeItem(nodeType, options) {
-    let command = setBlockType(nodeType, options.attrs);
-    let passedOptions = {
-        run: command,
-        enable(state) {
-            return command(state);
-        },
-        active(state) {
-            let { $from, to, node } = state.selection;
-            if (node)
-                return node.hasMarkup(nodeType, options.attrs);
-            return to <= $from.end() &&
-                $from.parent.hasMarkup(nodeType, options.attrs);
-        },
-    };
-    for (let prop in options) {
-        passedOptions[prop] = options[prop];
-    }
-    return new MenuItem(passedOptions);
-}
 // Work around classList.toggle being broken in IE11
 function setClass(dom, cls, on) {
     if (on)

package/esm/extension-menu/src/mod.d.ts

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

package/esm/extension-menu/src/mod.d.ts.map

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

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownSubmenu, MenuItem, } from './menu.js';
+export * from './ExtensionCustomMenu.js';

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@kerebron/extension-menu",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "license": "MIT",
-  "module": "./esm/extension-menu/src/ExtensionMenu.js",
+  "module": "./esm/extension-menu/src/mod.js",
   "exports": {
     ".": {
-      "import": "./esm/extension-menu/src/ExtensionMenu.js"
+      "import": "./esm/extension-menu/src/mod.js"
+    },
+    "./ExtensionCustomMenu": {
+      "import": "./esm/extension-menu/src/ExtensionCustomMenu.js"
     }
   },
   "scripts": {},
@@ -13,7 +16,8 @@
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",
     "prosemirror-transform": "1.10.4",
-    "prosemirror-view": "1.40.0"
+    "prosemirror-view": "1.40.0",
+    "@deno/shim-deno": "~0.18.0"
   },
   "devDependencies": {
     "@types/node": "^20.9.0"

package/esm/extension-menu/src/ExtensionMenu.d.ts

@@ -1,17 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-import { Schema } from 'prosemirror-model';
-import { type CoreEditor, Extension } from '../../editor/src/mod.js';
-import { MenuElement } from './menu.js';
-export { blockTypeItem, Dropdown, DropdownSubmenu, MenuItem, wrapItem, } from './menu.js';
-export declare function buildMenu(editor: CoreEditor, schema: Schema): MenuElement[][];
-export interface MenuConfig {
-    modifyMenu?(menus: MenuElement[][]): MenuElement[][];
-    floating: boolean;
-}
-export declare class ExtensionMenu extends Extension {
-    protected config: MenuConfig;
-    name: string;
-    constructor(config?: MenuConfig);
-    getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
-}
-//# sourceMappingURL=ExtensionMenu.d.ts.map

package/esm/extension-menu/src/ExtensionMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtensionMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/ExtensionMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAKnB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EAEf,QAAQ,EAER,QAAQ,GACT,MAAM,WAAW,CAAC;AAkDnB,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,EAAE,CA2R7E;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,aAAc,SAAQ,SAAS;IAG9B,SAAS,CAAC,MAAM,EAAE,UAAU;IAFxC,IAAI,SAAU;gBAEQ,MAAM,GAAE,UAA+B;IAIpD,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;CAgB7E"}

package/esm/extension-menu/src/MenuPlugin.d.ts

@@ -1,9 +0,0 @@
-import { Plugin } from 'prosemirror-state';
-import { MenuElement } from './menu.js';
-export declare class MenuPlugin extends Plugin {
-    constructor(options: {
-        content: readonly (readonly MenuElement[])[];
-        floating?: boolean;
-    });
-}
-//# sourceMappingURL=MenuPlugin.d.ts.map

package/esm/extension-menu/src/MenuPlugin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuPlugin.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/MenuPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,MAAM,EAAa,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAiB,MAAM,WAAW,CAAC;AAyLvD,qBAAa,UAAW,SAAQ,MAAM;gBACxB,OAAO,EAAE;QAGnB,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC;QAK7C,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;CAOF"}