@milkdown/plugin-slash 4.14.2 → 5.1.1

package/README.md

@@ -19,77 +19,60 @@ Editor.make().use(nord).use(commonmark).use(slash).create();
 
 ## config
 
-Modify the list of slash plugin.
+Configure the slash plugin placeholders & items with custom status builder.
 
 Example:
 
 ```typescript
-import { slashPlugin, slash, createDropdownItem, config, nodeExists } from '@milkdown/plugin-slash';
+import { slashPlugin, slash, createDropdownItem, defaultActions } from '@milkdown/plugin-slash';
+import { themeToolCtx, commandsCtx } from '@milkdown/core';
 
 Editor.make().use(
     slash.configure(slashPlugin, {
-        config: (utils) =>
-            config(utils)
-                .filter((c) => !['h1', 'h2', 'h3'].includes(c.id))
-                .concat([
-                    {
-                        id: 'h1',
-                        dom: createDropdownItem(utils.ctx.get(themeToolCtx), 'My Heading Tips', 'h1'),
-                        command: () => utils.ctx.get(commandsCtx).call(TurnIntoHeading),
-                        keyword: ['h1', 'my heading', 'heading'],
-                        enable: nodeExists('heading'),
-                    },
-                ]),
-    }),
-);
-```
-
-## placeholder
-
-Modify the placeholder of slash plugin.
-
-Example:
-
-```typescript
-import { slashPlugin, slash, CursorStatus } from '@milkdown/plugin-slash';
-
-Editor.make().use(
-    slash.configure(slashPlugin, {
-        placeholder: {
-            [CursorStatus.Empty]: 'Now you need to type a / ...',
-            [CursorStatus.Slash]: 'Keep typing to search...',
+        config: (ctx) => {
+            // Get default slash plugin items
+            const actions = defaultActions(ctx);
+
+            // Define a status builder
+            return ({ isTopLevel, content, parentNode }) => {
+                // You can only show something at root level
+                if (!isTopLevel) return null;
+
+                // Empty content ? Set your custom empty placeholder !
+                if (!content) {
+                    return { placeholder: 'Type / to use the slash commands...' };
+                }
+
+                // Define the placeholder & actions (dropdown items) you want to display depending on content
+                if (content.startsWith('/')) {
+                    // Add some actions depending on your content's parent node
+                    if (parentNode.type.name === 'customNode') {
+                        actions.push({
+                            id: 'custom',
+                            dom: createDropdownItem(ctx.get(themeToolCtx), 'Custom', 'h1'),
+                            command: () => ctx.get(commandsCtx).call(/* Add custom command here */),
+                            keyword: ['custom'],
+                            enable: () => true,
+                        });
+                    }
+
+                    return content === '/'
+                        ? {
+                              placeholder: 'Type to filter...',
+                              actions,
+                          }
+                        : {
+                              actions: actions.filter(({ keyword }) =>
+                                  keyword.some((key) => key.includes(content.slice(1).toLocaleLowerCase())),
+                              ),
+                          };
+                }
+            };
         },
     }),
 );
 ```
 
-## shouldDisplay
-
-Control wether the slash dropdown list should be displayed.
-
-Example:
-
-```typescript
-import { slashPlugin, slash } from '@milkdown/plugin-slash';
-
-Editor.make().use(
-    slash.configure(slashPlugin, {
-        shouldDisplay: (parent, state) => {
-            const noMoreThanOne = parent.node.childCount <= 1;
-            const isTopLevel = state.selection.$from.depth === 1;
-            return noMoreThanOne && isTopLevel;
-        },
-    }),
-);
-```
-
-`shouldDisplay` will only be triggered when selection is in paragraph node.
-
--   parent:
-    Paragraph node which holds the current text node.
--   state:
-    Current editor state.
-
 # License
 
 Milkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).

package/lib/config.d.ts

@@ -1,3 +1,21 @@
-import type { SlashConfig } from '.';
-export declare const config: SlashConfig;
+/// <reference types="prosemirror-model" />
+import type { Ctx } from '@milkdown/ctx';
+import { EditorState, Node } from '@milkdown/prose';
+import { WrappedAction } from './item';
+declare type Nullable<T> = T | null | undefined;
+export declare type StatusConfig = {
+    placeholder?: Nullable<string>;
+    actions?: Nullable<WrappedAction[]>;
+};
+export declare type StatusConfigBuilderParams = {
+    content: string;
+    isTopLevel: boolean;
+    parentNode: Node;
+    state: EditorState;
+};
+export declare type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>;
+export declare type Config = (ctx: Ctx) => StatusConfigBuilder;
+export declare const defaultActions: (ctx: Ctx, input?: string) => WrappedAction[];
+export declare const defaultConfig: Config;
+export {};
 //# sourceMappingURL=config.d.ts.map

package/lib/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAGrC,eAAO,MAAM,MAAM,EAAE,WA8EpB,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAYzC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAExC,oBAAY,YAAY,GAAG;IACvB,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;CACvC,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,IAAI,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,oBAAY,mBAAmB,GAAG,CAAC,MAAM,EAAE,yBAAyB,KAAK,QAAQ,CAAC,YAAY,CAAC,CAAC;AAEhG,oBAAY,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,mBAAmB,CAAC;AAEvD,eAAO,MAAM,cAAc,QAAS,GAAG,qBAAgB,aAAa,EAuFnE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAqB3B,CAAC"}

package/lib/config.js

@@ -1,84 +1,115 @@
+import { __rest } from "tslib";
 /* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, themeToolCtx } from '@milkdown/core';
+import { commandsCtx, schemaCtx, themeToolCtx } from '@milkdown/core';
 import { InsertHr, InsertImage, InsertTable, TurnIntoCodeFence, TurnIntoHeading, TurnIntoTaskList, WrapInBlockquote, WrapInBulletList, WrapInOrderedList, } from '@milkdown/preset-gfm';
-import { createDropdownItem, nodeExists } from './utility';
-export const config = ({ ctx }) => [
-    {
-        id: 'h1',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Large Heading', 'h1'),
-        command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 1),
-        keyword: ['h1', 'large heading'],
-        enable: nodeExists('heading'),
-    },
-    {
-        id: 'h2',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Medium Heading', 'h2'),
-        command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 2),
-        keyword: ['h2', 'medium heading'],
-        enable: nodeExists('heading'),
-    },
-    {
-        id: 'h3',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Small Heading', 'h3'),
-        command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 3),
-        keyword: ['h3', 'small heading'],
-        enable: nodeExists('heading'),
-    },
-    {
-        id: 'bulletList',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Bullet List', 'bulletList'),
-        command: () => ctx.get(commandsCtx).call(WrapInBulletList),
-        keyword: ['bullet list', 'ul'],
-        enable: nodeExists('bullet_list'),
-    },
-    {
-        id: 'orderedList',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Ordered List', 'orderedList'),
-        command: () => ctx.get(commandsCtx).call(WrapInOrderedList),
-        keyword: ['ordered list', 'ol'],
-        enable: nodeExists('ordered_list'),
-    },
-    {
-        id: 'taskList',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Task List', 'taskList'),
-        command: () => ctx.get(commandsCtx).call(TurnIntoTaskList),
-        keyword: ['task list', 'task'],
-        enable: nodeExists('task_list_item'),
-    },
-    {
-        id: 'image',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Image', 'image'),
-        command: () => ctx.get(commandsCtx).call(InsertImage),
-        keyword: ['image'],
-        enable: nodeExists('image'),
-    },
-    {
-        id: 'blockquote',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Quote', 'quote'),
-        command: () => ctx.get(commandsCtx).call(WrapInBlockquote),
-        keyword: ['quote', 'blockquote'],
-        enable: nodeExists('blockquote'),
-    },
-    {
-        id: 'table',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Table', 'table'),
-        command: () => ctx.get(commandsCtx).call(InsertTable),
-        keyword: ['table'],
-        enable: nodeExists('table'),
-    },
-    {
-        id: 'code',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Code Fence', 'code'),
-        command: () => ctx.get(commandsCtx).call(TurnIntoCodeFence),
-        keyword: ['code'],
-        enable: nodeExists('fence'),
-    },
-    {
-        id: 'divider',
-        dom: createDropdownItem(ctx.get(themeToolCtx), 'Divide Line', 'divider'),
-        command: () => ctx.get(commandsCtx).call(InsertHr),
-        keyword: ['divider', 'hr'],
-        enable: nodeExists('hr'),
-    },
-];
+import { createDropdownItem } from './utility';
+export const defaultActions = (ctx, input = '/') => {
+    const { nodes } = ctx.get(schemaCtx);
+    const actions = [
+        {
+            id: 'h1',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Large Heading', 'h1'),
+            command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 1),
+            keyword: ['h1', 'large heading'],
+            typeName: 'heading',
+        },
+        {
+            id: 'h2',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Medium Heading', 'h2'),
+            command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 2),
+            keyword: ['h2', 'medium heading'],
+            typeName: 'heading',
+        },
+        {
+            id: 'h3',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Small Heading', 'h3'),
+            command: () => ctx.get(commandsCtx).call(TurnIntoHeading, 3),
+            keyword: ['h3', 'small heading'],
+            typeName: 'heading',
+        },
+        {
+            id: 'bulletList',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Bullet List', 'bulletList'),
+            command: () => ctx.get(commandsCtx).call(WrapInBulletList),
+            keyword: ['bullet list', 'ul'],
+            typeName: 'bullet_list',
+        },
+        {
+            id: 'orderedList',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Ordered List', 'orderedList'),
+            command: () => ctx.get(commandsCtx).call(WrapInOrderedList),
+            keyword: ['ordered list', 'ol'],
+            typeName: 'ordered_list',
+        },
+        {
+            id: 'taskList',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Task List', 'taskList'),
+            command: () => ctx.get(commandsCtx).call(TurnIntoTaskList),
+            keyword: ['task list', 'task'],
+            typeName: 'task_list_item',
+        },
+        {
+            id: 'image',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Image', 'image'),
+            command: () => ctx.get(commandsCtx).call(InsertImage),
+            keyword: ['image'],
+            typeName: 'image',
+        },
+        {
+            id: 'blockquote',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Quote', 'quote'),
+            command: () => ctx.get(commandsCtx).call(WrapInBlockquote),
+            keyword: ['quote', 'blockquote'],
+            typeName: 'blockquote',
+        },
+        {
+            id: 'table',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Table', 'table'),
+            command: () => ctx.get(commandsCtx).call(InsertTable),
+            keyword: ['table'],
+            typeName: 'table',
+        },
+        {
+            id: 'code',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Code Fence', 'code'),
+            command: () => ctx.get(commandsCtx).call(TurnIntoCodeFence),
+            keyword: ['code'],
+            typeName: 'fence',
+        },
+        {
+            id: 'divider',
+            dom: createDropdownItem(ctx.get(themeToolCtx), 'Divide Line', 'divider'),
+            command: () => ctx.get(commandsCtx).call(InsertHr),
+            keyword: ['divider', 'hr'],
+            typeName: 'hr',
+        },
+    ];
+    const userInput = input.slice(1).toLocaleLowerCase();
+    return actions
+        .filter((action) => !!nodes[action.typeName] && action.keyword.some((keyword) => keyword.includes(userInput)))
+        .map((_a) => {
+        var { keyword, typeName } = _a, action = __rest(_a, ["keyword", "typeName"]);
+        return action;
+    });
+};
+export const defaultConfig = (ctx) => {
+    return ({ content, isTopLevel }) => {
+        if (!isTopLevel)
+            return null;
+        if (!content) {
+            return { placeholder: 'Type / to use the slash commands...' };
+        }
+        if (content.startsWith('/')) {
+            return content === '/'
+                ? {
+                    placeholder: 'Type to filter...',
+                    actions: defaultActions(ctx),
+                }
+                : {
+                    actions: defaultActions(ctx, content),
+                };
+        }
+        return null;
+    };
+};
 //# sourceMappingURL=config.js.map

package/lib/config.js.map

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

package/lib/index.d.ts

@@ -1,19 +1,25 @@
-import { EditorState, NodeWithPos } from '@milkdown/prose';
-import { AtomList, Utils } from '@milkdown/utils';
-import { WrappedAction } from './item';
-import { CursorStatus } from './prose-plugin/status';
-export { config } from './config';
-export { CursorStatus } from './prose-plugin/status';
-export { createDropdownItem, nodeExists } from './utility';
-export declare type SlashConfig = (utils: Utils) => WrappedAction[];
+import { AtomList } from '@milkdown/utils';
+import type { Config } from './config';
+export type { Config, StatusConfig, StatusConfigBuilder, StatusConfigBuilderParams } from './config';
+export { defaultActions, defaultConfig } from './config';
+export { createDropdownItem } from './utility';
 export declare type Options = {
-    shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean;
-    config: SlashConfig;
-    placeholder: {
-        [CursorStatus.Empty]: string;
-        [CursorStatus.Slash]: string;
-    };
+    config: Config;
 };
-export declare const slashPlugin: import("@milkdown/utils/lib/types").Origin<string, Options, import("prosemirror-state").Plugin<any, any>>;
-export declare const slash: AtomList<import("@milkdown/utils/lib/types").PluginWithMetadata<string, Options, import("prosemirror-state").Plugin<any, any>>>;
+export declare const slashPlugin: import("@milkdown/utils/lib/types").WithExtend<string, Options, {
+    [x: string]: import("prosemirror-model").NodeType<any>;
+} & {
+    [x: string]: import("prosemirror-model").MarkType<any>;
+}, {
+    schema?: ((ctx: import("@milkdown/ctx").Ctx) => {
+        node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
+        mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
+    }) | undefined;
+    view?: ((ctx: import("@milkdown/ctx").Ctx) => Partial<{
+        [x: string]: import("@milkdown/prose").NodeViewFactory;
+    } & {
+        [x: string]: import("@milkdown/prose").MarkViewFactory;
+    }>) | undefined;
+}>;
+export declare const slash: AtomList<import("@milkdown/utils/lib/types").Metadata<import("@milkdown/utils/lib/types").GetPlugin<string, Options>> & import("@milkdown/ctx").MilkdownPlugin>;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAqB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,oBAAY,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,aAAa,EAAE,CAAC;AAE5D,oBAAY,OAAO,GAAG;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IACpE,MAAM,EAAE,WAAW,CAAC;IACpB,WAAW,EAAE;QACT,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAC7B,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChC,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,WAAW,2GAoBtB,CAAC;AAEH,eAAO,MAAM,KAAK,iIAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIvC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,oBAAY,OAAO,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;EAYtB,CAAC;AAEH,eAAO,MAAM,KAAK,iKAAmC,CAAC"}

package/lib/index.js

@@ -1,23 +1,18 @@
-import { AtomList, createProsePlugin } from '@milkdown/utils';
-import { config } from './config';
+/* Copyright 2021, Milkdown by Mirone. */
+import { AtomList, createPlugin } from '@milkdown/utils';
+import { defaultConfig } from './config';
 import { createSlashPlugin } from './prose-plugin';
-import { CursorStatus } from './prose-plugin/status';
-export { config } from './config';
-export { CursorStatus } from './prose-plugin/status';
-export { createDropdownItem, nodeExists } from './utility';
-export const slashPlugin = createProsePlugin((options, utils) => {
-    var _a, _b, _c;
-    const slashConfig = (_a = options === null || options === void 0 ? void 0 : options.config) !== null && _a !== void 0 ? _a : config;
-    const placeholder = Object.assign({ [CursorStatus.Empty]: 'Type / to use the slash commands...', [CursorStatus.Slash]: 'Type to filter...' }, ((_b = options === null || options === void 0 ? void 0 : options.placeholder) !== null && _b !== void 0 ? _b : {}));
-    const cfg = slashConfig(utils);
-    const shouldDisplay = (_c = options === null || options === void 0 ? void 0 : options.shouldDisplay) !== null && _c !== void 0 ? _c : ((parent, state) => {
-        const isTopLevel = state.selection.$from.depth === 1;
-        return parent.node.childCount <= 1 && isTopLevel;
-    });
-    const plugin = createSlashPlugin(utils, cfg, placeholder, shouldDisplay);
+export { defaultActions, defaultConfig } from './config';
+export { createDropdownItem } from './utility';
+export const slashPlugin = createPlugin((utils, options) => {
+    var _a;
+    const slashConfig = (_a = options === null || options === void 0 ? void 0 : options.config) !== null && _a !== void 0 ? _a : defaultConfig;
     return {
-        id: 'slash',
-        plugin,
+        prosePlugins: (_, ctx) => {
+            const config = slashConfig(ctx);
+            const plugin = createSlashPlugin(utils, config);
+            return [plugin];
+        },
     };
 });
 export const slash = AtomList.create([slashPlugin()]);

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAS,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAa3D,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAU,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;IACrE,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,MAAM,CAAC;IAC9C,MAAM,WAAW,mBACb,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,qCAAqC,EAC3D,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,mBAAmB,IACtC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,EAAE,CAAC,CAClC,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,aAAa,GACf,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,mCACtB,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACf,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,UAAU,CAAC;IACrD,CAAC,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;IACzE,OAAO;QACH,EAAE,EAAE,OAAO;QACX,MAAM;KACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAM/C,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;;IACxE,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,mCAAI,aAAa,CAAC;IAErD,OAAO;QACH,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACrB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;YAEhC,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAEhD,OAAO,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC;KACJ,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC"}

package/lib/item.d.ts

@@ -1,13 +1,10 @@
-import type { Command, Schema } from '@milkdown/prose';
+import type { Command } from '@milkdown/prose';
 export declare type Action = {
     id: string;
     $: HTMLElement;
-    keyword: string[];
     command: Command;
-    enable: (schema: Schema) => boolean;
 };
-export declare type WrappedAction = Pick<Action, 'keyword' | 'id'> & {
-    enable: (schema: Schema) => boolean;
+export declare type WrappedAction = Pick<Action, 'id'> & {
     command: () => void;
     dom: HTMLElement;
 };

package/lib/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIvD,oBAAY,MAAM,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACzD,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,aAAa,KAAG,MAMtD,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI/C,oBAAY,MAAM,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,aAAa,KAAG,MAItD,CAAC"}

package/lib/item.js

@@ -1,9 +1,7 @@
 import { cleanUpAndCreateNode } from './utility';
 export const transformAction = (action) => ({
     id: action.id,
-    keyword: action.keyword,
     $: action.dom,
     command: cleanUpAndCreateNode(action.command),
-    enable: action.enable,
 });
 //# sourceMappingURL=item.js.map

package/lib/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAgBjD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAU,EAAE,CAAC,CAAC;IAC/D,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,CAAC,EAAE,MAAM,CAAC,GAAG;IACb,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7C,MAAM,EAAE,MAAM,CAAC,MAAM;CACxB,CAAC,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAajD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAqB,EAAU,EAAE,CAAC,CAAC;IAC/D,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,CAAC,EAAE,MAAM,CAAC,GAAG;IACb,OAAO,EAAE,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC;CAChD,CAAC,CAAC"}

package/lib/prose-plugin/dropdown.d.ts

@@ -1,4 +1,8 @@
-import { Action } from '../item';
 import { Status } from './status';
-export declare const renderDropdown: (status: Status, dropdownElement: HTMLElement, items: Action[]) => boolean;
+declare type Listeners = {
+    mouseEnter: EventListener;
+    mouseLeave: EventListener;
+};
+export declare const renderDropdown: (status: Status, dropdownElement: HTMLElement, listeners: Listeners) => boolean;
+export {};
 //# sourceMappingURL=dropdown.d.ts.map

package/lib/prose-plugin/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,cAAc,WAAY,MAAM,mBAAmB,WAAW,SAAS,MAAM,EAAE,KAAG,OA0C9F,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,SAAS,GAAG;IACb,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,WAAY,MAAM,mBAAmB,WAAW,aAAa,SAAS,KAAG,OAmCnG,CAAC"}

package/lib/prose-plugin/dropdown.js

@@ -1,34 +1,27 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import scrollIntoView from 'smooth-scroll-into-view-if-needed';
-export const renderDropdown = (status, dropdownElement, items) => {
-    const { filter } = status.get();
-    if (!status.isSlash()) {
+export const renderDropdown = (status, dropdownElement, listeners) => {
+    const { actions } = status.get();
+    if (!actions.length) {
         dropdownElement.classList.add('hide');
         return false;
     }
-    const activeList = items
-        .filter((item) => {
-        item.$.classList.remove('active');
-        const result = item.keyword.some((key) => key.includes(filter.toLocaleLowerCase()));
-        if (result) {
-            return true;
-        }
-        item.$.classList.add('hide');
-        return false;
-    })
-        .map((item) => {
-        item.$.classList.remove('hide');
-        return item;
+    dropdownElement.childNodes.forEach((child) => {
+        child.removeEventListener('mouseenter', listeners.mouseEnter);
+        child.removeEventListener('mouseleave', listeners.mouseLeave);
+    });
+    // Reset dropdownElement children
+    dropdownElement.textContent = '';
+    actions.forEach(({ $ }) => {
+        $.classList.remove('active');
+        $.addEventListener('mouseenter', listeners.mouseEnter);
+        $.addEventListener('mouseleave', listeners.mouseLeave);
+        dropdownElement.appendChild($);
     });
-    status.setActions(activeList);
-    if (activeList.length === 0) {
-        dropdownElement.classList.add('hide');
-        return false;
-    }
     dropdownElement.classList.remove('hide');
-    activeList[0].$.classList.add('active');
+    actions[0].$.classList.add('active');
     requestAnimationFrame(() => {
-        scrollIntoView(activeList[0].$, {
+        scrollIntoView(actions[0].$, {
             scrollMode: 'if-needed',
             block: 'nearest',
             inline: 'nearest',

package/lib/prose-plugin/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAK/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,eAA4B,EAAE,KAAe,EAAW,EAAE;IACrG,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;IAEhC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE;QACnB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;KAChB;IAED,MAAM,UAAU,GAAG,KAAK;SACnB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACb,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;QACpF,IAAI,MAAM,EAAE;YACR,OAAO,IAAI,CAAC;SACf;QACD,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;SACD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC,CAAC;IAEP,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAE9B,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;QACzB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;KAChB;IAED,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEzC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxC,qBAAqB,CAAC,GAAG,EAAE;QACvB,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5B,UAAU,EAAE,WAAW;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SACpB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAS/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,eAA4B,EAAE,SAAoB,EAAW,EAAE;IAC1G,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC;IAEjC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACjB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;KAChB;IAED,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACzC,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9D,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,iCAAiC;IACjC,eAAe,CAAC,WAAW,GAAG,EAAE,CAAC;IAEjC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACtB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACvD,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;QACvD,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEzC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrC,qBAAqB,CAAC,GAAG,EAAE;QACvB,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACzB,UAAU,EAAE,WAAW;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SACpB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}

package/lib/prose-plugin/index.d.ts

@@ -1,7 +1,6 @@
-import { EditorState, NodeWithPos, Plugin } from '@milkdown/prose';
+import { Plugin } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
-import { WrappedAction } from '../item';
-import { CursorStatus } from './status';
+import type { StatusConfigBuilder } from '..';
 export declare const key = "MILKDOWN_PLUGIN_SLASH";
-export declare const createSlashPlugin: (utils: Utils, items: WrappedAction[], placeholder: Record<CursorStatus, string>, shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean) => Plugin<any, any>;
+export declare const createSlashPlugin: (utils: Utils, builder: StatusConfigBuilder) => Plugin<any, any>;
 //# sourceMappingURL=index.d.ts.map

package/lib/prose-plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAa,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,OAAO,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAGtD,eAAO,MAAM,GAAG,0BAA0B,CAAC;AAE3C,eAAO,MAAM,iBAAiB,UACnB,KAAK,SACL,aAAa,EAAE,eACT,OAAO,YAAY,EAAE,MAAM,CAAC,0BACjB,WAAW,SAAS,WAAW,KAAK,OAAO,qBAUtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAa,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,IAAI,CAAC;AAK9C,eAAO,MAAM,GAAG,0BAA0B,CAAC;AAE3C,eAAO,MAAM,iBAAiB,UAAW,KAAK,WAAW,mBAAmB,qBAQ3E,CAAC"}