@milkdown/plugin-slash 4.13.0 → 4.14.0

package/README.md

@@ -62,3 +62,34 @@ Editor.make().use(
     }),
 );
 ```
+
+## 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/index.d.ts

@@ -1,3 +1,4 @@
+import { EditorState, NodeWithPos } from '@milkdown/prose';
 import { AtomList, Utils } from '@milkdown/utils';
 import { WrappedAction } from './item';
 import { CursorStatus } from './prose-plugin/status';
@@ -6,12 +7,13 @@ export { CursorStatus } from './prose-plugin/status';
 export { createDropdownItem, nodeExists } from './utility';
 export declare type SlashConfig = (utils: Utils) => WrappedAction[];
 export declare type Options = {
+    shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean;
     config: SlashConfig;
     placeholder: {
         [CursorStatus.Empty]: string;
         [CursorStatus.Slash]: string;
     };
 };
-export declare const slashPlugin: import("@milkdown/utils/lib/atom/types").Origin<string, Options, import("prosemirror-state").Plugin<any, any>>;
-export declare const slash: AtomList<import("@milkdown/utils/lib/atom/types").PluginWithMetadata<string, Options, import("prosemirror-state").Plugin<any, any>>>;
+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>>>;
 //# 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,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,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;AACF,eAAO,MAAM,WAAW,gHAUtB,CAAC;AAEH,eAAO,MAAM,KAAK,sIAAmC,CAAC"}
+{"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"}

package/lib/index.js

@@ -1,4 +1,3 @@
-/* Copyright 2021, Milkdown by Mirone. */
 import { AtomList, createProsePlugin } from '@milkdown/utils';
 import { config } from './config';
 import { createSlashPlugin } from './prose-plugin';
@@ -7,11 +6,19 @@ export { config } from './config';
 export { CursorStatus } from './prose-plugin/status';
 export { createDropdownItem, nodeExists } from './utility';
 export const slashPlugin = createProsePlugin((options, utils) => {
-    var _a, _b;
+    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);
-    return createSlashPlugin(utils, cfg, placeholder);
+    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);
+    return {
+        id: 'slash',
+        plugin,
+    };
 });
 export const slash = AtomList.create([slashPlugin()]);
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,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;AAW3D,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;IAE/B,OAAO,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC;AACtD,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":"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"}

package/lib/item.d.ts

@@ -1,5 +1,4 @@
-import type { Command } from 'prosemirror-commands';
-import type { Schema } from 'prosemirror-model';
+import type { Command, Schema } from '@milkdown/prose';
 export declare type Action = {
     id: string;
     $: 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,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhD,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,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"}

package/lib/item.js.map

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

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

@@ -1,7 +1,7 @@
+import { EditorState, NodeWithPos, Plugin } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
-import { Plugin } from 'prosemirror-state';
 import { WrappedAction } from '../item';
 import { CursorStatus } from './status';
 export declare const key = "MILKDOWN_PLUGIN_SLASH";
-export declare const createSlashPlugin: (utils: Utils, items: WrappedAction[], placeholder: Record<CursorStatus, string>) => Plugin<any, any>;
+export declare const createSlashPlugin: (utils: Utils, items: WrappedAction[], placeholder: Record<CursorStatus, string>, shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean) => 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,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAa,MAAM,mBAAmB,CAAC;AAEtD,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,UAAW,KAAK,SAAS,aAAa,EAAE,eAAe,OAAO,YAAY,EAAE,MAAM,CAAC,qBAShH,CAAC"}
+{"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"}

package/lib/prose-plugin/index.js

@@ -1,15 +1,16 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+/* Copyright 2021, Milkdown by Mirone. */
+import { Plugin, PluginKey } from '@milkdown/prose';
 import { transformAction } from '../item';
 import { createProps } from './props';
 import { createStatus } from './status';
 import { createView } from './view';
 export const key = 'MILKDOWN_PLUGIN_SLASH';
-export const createSlashPlugin = (utils, items, placeholder) => {
+export const createSlashPlugin = (utils, items, placeholder, shouldDisplay) => {
     const status = createStatus();
     const actions = items.map(transformAction);
     return new Plugin({
         key: new PluginKey(key),
-        props: createProps(status, utils, placeholder),
+        props: createProps(status, utils, placeholder, shouldDisplay),
         view: (view) => createView(status, actions, view, utils),
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAgB,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,KAAsB,EAAE,WAAyC,EAAE,EAAE;IACjH,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,IAAI,MAAM,CAAC;QACd,GAAG,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC;QACvB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC;QAC9C,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC;KAC3D,CAAC,CAAC;AACP,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAA4B,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG9E,OAAO,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAgB,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,GAAG,GAAG,uBAAuB,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,KAAY,EACZ,KAAsB,EACtB,WAAyC,EACzC,aAAmE,EACrE,EAAE;IACA,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAE3C,OAAO,IAAI,MAAM,CAAC;QACd,GAAG,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC;QACvB,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,CAAC;QAC7D,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC;KAC3D,CAAC,CAAC;AACP,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@milkdown/prose';
 import { Action } from '../item';
 import { Status } from './status';
 export declare const createMouseManager: () => {

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,kBAAkB;;;;CAY9B,CAAC;AACF,oBAAY,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,iBAAkB,YAAY,eAEzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,MAAM,gBAAgB,YAAY,SAAS,UAAU,SAS7F,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,UAAU,SAInD,CAAC;AAEF,eAAO,MAAM,WAAW,WACX,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,mBAAmB,WAAW,SAC5E,KAAK,KAAG,IAuBX,CAAC;AAEN,eAAO,MAAM,aAAa,WACb,MAAM,QAAQ,UAAU,mBAAmB,WAAW,gBAAgB,YAAY,SAAS,KAAK,SA+CxG,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,kBAAkB;;;;CAY9B,CAAC;AACF,oBAAY,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,iBAAkB,YAAY,eAEzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,MAAM,gBAAgB,YAAY,SAAS,UAAU,SAS7F,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,UAAU,SAInD,CAAC;AAEF,eAAO,MAAM,WAAW,WACX,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,mBAAmB,WAAW,SAC5E,KAAK,KAAG,IAuBX,CAAC;AAEN,eAAO,MAAM,aAAa,WACb,MAAM,QAAQ,UAAU,mBAAmB,WAAW,gBAAgB,YAAY,SAAS,KAAK,SA+CxG,CAAC"}

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

@@ -1,9 +1,8 @@
+import { DecorationSet, EditorState, EditorView, NodeWithPos } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
-import { EditorState } from 'prosemirror-state';
-import { DecorationSet, EditorView } from 'prosemirror-view';
 import { CursorStatus, Status } from './status';
 export declare type Props = ReturnType<typeof createProps>;
-export declare const createProps: (status: Status, utils: Utils, placeholder: Record<CursorStatus, string>) => {
+export declare const createProps: (status: Status, utils: Utils, placeholder: Record<CursorStatus, string>, shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean) => {
     handleKeyDown: (_: EditorView, event: Event) => boolean;
     decorations: (state: EditorState) => DecorationSet<any> | null | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAc,aAAa,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,oBAAY,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAuBnD,eAAO,MAAM,WAAW,WAAY,MAAM,SAAS,KAAK,eAAe,OAAO,YAAY,EAAE,MAAM,CAAC;uBAKxE,UAAU,SAAS,KAAK;yBAetB,WAAW;CA4CvC,CAAC"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,aAAa,EAAE,WAAW,EAAE,UAAU,EAAkB,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEhD,oBAAY,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAuBnD,eAAO,MAAM,WAAW,WACZ,MAAM,SACP,KAAK,eACC,OAAO,YAAY,EAAE,MAAM,CAAC,0BACjB,WAAW,SAAS,WAAW,KAAK,OAAO;uBAM5C,UAAU,SAAS,KAAK;yBAetB,WAAW;CA2CvC,CAAC"}

package/lib/prose-plugin/props.js

@@ -1,7 +1,6 @@
 /* Copyright 2021, Milkdown by Mirone. */
 import { css } from '@emotion/css';
-import { findParentNode } from '@milkdown/utils';
-import { Decoration, DecorationSet } from 'prosemirror-view';
+import { Decoration, DecorationSet, findParentNode } from '@milkdown/prose';
 import { CursorStatus } from './status';
 const createEmptyStyle = ({ font, palette }) => css `
     position: relative;
@@ -22,7 +21,7 @@ const createSlashStyle = () => css `
         left: 0.5rem;
     }
 `;
-export const createProps = (status, utils, placeholder) => {
+export const createProps = (status, utils, placeholder, shouldDisplay) => {
     const emptyStyle = utils.getStyle(createEmptyStyle);
     const slashStyle = utils.getStyle(createSlashStyle);
     return {
@@ -41,8 +40,7 @@ export const createProps = (status, utils, placeholder) => {
         },
         decorations: (state) => {
             const parent = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);
-            const isTopLevel = state.selection.$from.depth === 1;
-            if (!parent || parent.node.childCount > 1 || !isTopLevel) {
+            if (!parent || !shouldDisplay(parent, state)) {
                 status.clearStatus();
                 return;
             }

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

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

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

@@ -1,5 +1,5 @@
+import { EditorView } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
-import { EditorView } from 'prosemirror-view';
 import { Action } from '../item';
 import { Status } from './status';
 export declare const createView: (status: Status, items: Action[], view: EditorView, utils: Utils) => {

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

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkBlC,eAAO,MAAM,UAAU,WAAY,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,SAAS,KAAK;;;;mBA0BnE,UAAU;;CAehC,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAWjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAkBlC,eAAO,MAAM,UAAU,WAAY,MAAM,SAAS,MAAM,EAAE,QAAQ,UAAU,SAAS,KAAK;;;;mBA0BnE,UAAU;;CAehC,CAAC"}

package/lib/prose-plugin/view.js

@@ -1,5 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { calculateNodePosition } from '@milkdown/utils';
+import { calculateNodePosition } from '@milkdown/prose';
 import { createDropdown } from '../utility';
 import { renderDropdown } from './dropdown';
 import { createMouseManager, handleClick, handleKeydown, handleMouseEnter, handleMouseLeave, handleMouseMove, } from './input';

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

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,qBAAqB,EAAc,MAAM,iBAAiB,CAAC;AAIpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EACH,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAClB,MAAM,SAAS,CAAC;AAGjB,MAAM,iBAAiB,GAAG,CAAC,IAAgB,EAAE,eAA4B,EAAE,EAAE;IACzE,qBAAqB,CAAC,IAAI,EAAE,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QACtE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACvC,IAAI,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC;QAE5C,IAAI,IAAI,GAAG,CAAC,EAAE;YACV,IAAI,GAAG,CAAC,CAAC;SACZ;QAED,IAAI,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE;YACtD,GAAG,GAAG,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;SACxD;QACD,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAe,EAAE,IAAgB,EAAE,KAAY,EAAE,EAAE;IAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;IACpC,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAC;IAC1C,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;IAEvC,KAAK;SACA,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAChD,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC9C,CAAC,CAAC,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC9C,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IACP,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAClD,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAClD,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO;QACH,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE;YACzB,MAAM,IAAI,GAAG,cAAc,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;YAE5D,IAAI,CAAC,IAAI;gBAAE,OAAO;YAElB,iBAAiB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACrD,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACrD,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YACjD,eAAe,CAAC,MAAM,EAAE,CAAC;QAC7B,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}

package/lib/utility.d.ts

@@ -1,8 +1,7 @@
 import type { ThemeTool } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
+import type { Command, Node, Schema } from '@milkdown/prose';
 import type { Utils } from '@milkdown/utils';
-import type { Command } from 'prosemirror-commands';
-import type { Node, Schema } from 'prosemirror-model';
 export declare const createDropdown: (utils: Utils) => HTMLDivElement;
 declare type ItemOptions = {
     textClassName: string;

package/lib/utility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,cAAc,UAAW,KAAK,mBAa1C,CAAC;AAEF,aAAK,WAAW,GAAG;IACf,aAAa,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,kBAAkB,cAAe,SAAS,QAAQ,MAAM,QAAQ,IAAI,+DAiBhF,CAAC;AAEF,eAAO,MAAM,QAAQ,SAAU,IAAI,WASlC,CAAC;AAUF,eAAO,MAAM,oBAAoB,kBACb,MAAM,IAAI,KAAG,OAO5B,CAAC;AAEN,eAAO,MAAM,UAAU,SAAU,MAAM,cAAc,MAAM,YAAgC,CAAC"}
+{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAI7C,eAAO,MAAM,cAAc,UAAW,KAAK,mBAa1C,CAAC;AAEF,aAAK,WAAW,GAAG;IACf,aAAa,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,eAAO,MAAM,kBAAkB,cAAe,SAAS,QAAQ,MAAM,QAAQ,IAAI,+DAiBhF,CAAC;AAEF,eAAO,MAAM,QAAQ,SAAU,IAAI,WASlC,CAAC;AAUF,eAAO,MAAM,oBAAoB,kBACb,MAAM,IAAI,KAAG,OAO5B,CAAC;AAEN,eAAO,MAAM,UAAU,SAAU,MAAM,cAAc,MAAM,YAAgC,CAAC"}

package/lib/utility.js.map

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

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@milkdown/plugin-slash",
-  "version": "4.13.0",
+  "version": "4.14.0",
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "sideEffects": false,
   "license": "MIT",
   "files": [
-    "lib"
+    "lib",
+    "src"
   ],
   "keywords": [
     "milkdown",
@@ -19,7 +20,7 @@
   },
   "dependencies": {
     "@emotion/css": "^11.1.3",
-    "@milkdown/utils": "4.13.0",
+    "@milkdown/utils": "4.14.0",
     "smooth-scroll-into-view-if-needed": "^1.1.32",
     "tslib": "^2.2.0"
   },

package/src/config.ts

@@ -0,0 +1,96 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { commandsCtx, themeToolCtx } from '@milkdown/core';
+import {
+    InsertHr,
+    InsertImage,
+    InsertTable,
+    TurnIntoCodeFence,
+    TurnIntoHeading,
+    TurnIntoTaskList,
+    WrapInBlockquote,
+    WrapInBulletList,
+    WrapInOrderedList,
+} from '@milkdown/preset-gfm';
+
+import type { SlashConfig } from '.';
+import { createDropdownItem, nodeExists } from './utility';
+
+export const config: SlashConfig = ({ 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'),
+    },
+];

package/src/index.ts

@@ -0,0 +1,47 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { EditorState, NodeWithPos } from '@milkdown/prose';
+import { AtomList, createProsePlugin, Utils } from '@milkdown/utils';
+
+import { config } from './config';
+import { WrappedAction } from './item';
+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 type SlashConfig = (utils: Utils) => WrappedAction[];
+
+export type Options = {
+    shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean;
+    config: SlashConfig;
+    placeholder: {
+        [CursorStatus.Empty]: string;
+        [CursorStatus.Slash]: string;
+    };
+};
+
+export const slashPlugin = createProsePlugin<Options>((options, utils) => {
+    const slashConfig = options?.config ?? config;
+    const placeholder = {
+        [CursorStatus.Empty]: 'Type / to use the slash commands...',
+        [CursorStatus.Slash]: 'Type to filter...',
+        ...(options?.placeholder ?? {}),
+    };
+    const cfg = slashConfig(utils);
+    const shouldDisplay =
+        options?.shouldDisplay ??
+        ((parent, state) => {
+            const isTopLevel = state.selection.$from.depth === 1;
+            return parent.node.childCount <= 1 && isTopLevel;
+        });
+
+    const plugin = createSlashPlugin(utils, cfg, placeholder, shouldDisplay);
+    return {
+        id: 'slash',
+        plugin,
+    };
+});
+
+export const slash = AtomList.create([slashPlugin()]);

package/src/item.ts

@@ -0,0 +1,26 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import type { Command, Schema } from '@milkdown/prose';
+
+import { cleanUpAndCreateNode } from './utility';
+
+export type Action = {
+    id: string;
+    $: HTMLElement;
+    keyword: string[];
+    command: Command;
+    enable: (schema: Schema) => boolean;
+};
+
+export type WrappedAction = Pick<Action, 'keyword' | 'id'> & {
+    enable: (schema: Schema) => boolean;
+    command: () => void;
+    dom: HTMLElement;
+};
+
+export const transformAction = (action: WrappedAction): Action => ({
+    id: action.id,
+    keyword: action.keyword,
+    $: action.dom,
+    command: cleanUpAndCreateNode(action.command),
+    enable: action.enable,
+});

package/src/prose-plugin/dropdown.ts

@@ -0,0 +1,49 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import scrollIntoView from 'smooth-scroll-into-view-if-needed';
+
+import { Action } from '../item';
+import { Status } from './status';
+
+export const renderDropdown = (status: Status, dropdownElement: HTMLElement, items: Action[]): boolean => {
+    const { filter } = status.get();
+
+    if (!status.isSlash()) {
+        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;
+        });
+
+    status.setActions(activeList);
+
+    if (activeList.length === 0) {
+        dropdownElement.classList.add('hide');
+        return false;
+    }
+
+    dropdownElement.classList.remove('hide');
+
+    activeList[0].$.classList.add('active');
+    requestAnimationFrame(() => {
+        scrollIntoView(activeList[0].$, {
+            scrollMode: 'if-needed',
+            block: 'nearest',
+            inline: 'nearest',
+        });
+    });
+
+    return true;
+};

package/src/prose-plugin/index.ts

@@ -0,0 +1,26 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { EditorState, NodeWithPos, Plugin, PluginKey } from '@milkdown/prose';
+import { Utils } from '@milkdown/utils';
+
+import { transformAction, WrappedAction } from '../item';
+import { createProps } from './props';
+import { createStatus, CursorStatus } from './status';
+import { createView } from './view';
+
+export const key = 'MILKDOWN_PLUGIN_SLASH';
+
+export const createSlashPlugin = (
+    utils: Utils,
+    items: WrappedAction[],
+    placeholder: Record<CursorStatus, string>,
+    shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean,
+) => {
+    const status = createStatus();
+    const actions = items.map(transformAction);
+
+    return new Plugin({
+        key: new PluginKey(key),
+        props: createProps(status, utils, placeholder, shouldDisplay),
+        view: (view) => createView(status, actions, view, utils),
+    });
+};

package/src/prose-plugin/input.ts

@@ -0,0 +1,120 @@
+/* Copyright 2021, Milkdown by Mirone. */
+
+import { EditorView } from '@milkdown/prose';
+import scrollIntoView from 'smooth-scroll-into-view-if-needed';
+
+import { Action } from '../item';
+import { Status } from './status';
+
+export const createMouseManager = () => {
+    let mouseLock = false;
+
+    return {
+        isLock: () => mouseLock,
+        lock: () => {
+            mouseLock = true;
+        },
+        unlock: () => {
+            mouseLock = false;
+        },
+    };
+};
+export type MouseManager = ReturnType<typeof createMouseManager>;
+
+export const handleMouseMove = (mouseManager: MouseManager) => () => {
+    mouseManager.unlock();
+};
+
+export const handleMouseEnter = (status: Status, mouseManager: MouseManager) => (e: MouseEvent) => {
+    if (mouseManager.isLock()) return;
+    const active = status.get().activeActions.findIndex((x) => x.$.classList.contains('active'));
+    if (active >= 0) {
+        status.get().activeActions[active].$.classList.remove('active');
+    }
+    const { target } = e;
+    if (!(target instanceof HTMLElement)) return;
+    target.classList.add('active');
+};
+
+export const handleMouseLeave = () => (e: MouseEvent) => {
+    const { target } = e;
+    if (!(target instanceof HTMLElement)) return;
+    target.classList.remove('active');
+};
+
+export const handleClick =
+    (status: Status, items: Action[], view: EditorView, dropdownElement: HTMLElement) =>
+    (e: Event): void => {
+        const { target } = e;
+        if (!(target instanceof HTMLElement)) return;
+        if (!view) return;
+
+        const stop = () => {
+            e.stopPropagation();
+            e.preventDefault();
+        };
+
+        const el = Object.values(items).find(({ $ }) => $.contains(target));
+        if (!el) {
+            if (status.isEmpty()) return;
+
+            status.clearStatus();
+            dropdownElement.classList.add('hide');
+            stop();
+
+            return;
+        }
+
+        stop();
+        el.command(view.state, view.dispatch, view);
+    };
+
+export const handleKeydown =
+    (status: Status, view: EditorView, dropdownElement: HTMLElement, mouseManager: MouseManager) => (e: Event) => {
+        if (!(e instanceof KeyboardEvent)) return;
+        if (!mouseManager.isLock()) mouseManager.lock();
+
+        const { key } = e;
+        if (!status.isSlash()) return;
+        if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(key)) return;
+
+        const { activeActions } = status.get();
+
+        let active = activeActions.findIndex(({ $ }) => $.classList.contains('active'));
+        if (active < 0) active = 0;
+
+        const moveActive = (next: number) => {
+            activeActions[active].$.classList.remove('active');
+            activeActions[next].$.classList.add('active');
+            scrollIntoView(activeActions[next].$, {
+                scrollMode: 'if-needed',
+                block: 'nearest',
+                inline: 'nearest',
+            });
+        };
+
+        if (key === 'ArrowDown') {
+            const next = active === activeActions.length - 1 ? 0 : active + 1;
+
+            moveActive(next);
+            return;
+        }
+
+        if (key === 'ArrowUp') {
+            const next = active === 0 ? activeActions.length - 1 : active - 1;
+
+            moveActive(next);
+            return;
+        }
+
+        if (key === 'Escape') {
+            if (status.isEmpty()) return;
+
+            status.clearStatus();
+            dropdownElement.classList.add('hide');
+            return;
+        }
+
+        activeActions[active].command(view.state, view.dispatch, view);
+        activeActions[active].$.classList.remove('active');
+    };

package/src/prose-plugin/props.ts

@@ -0,0 +1,100 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { css } from '@emotion/css';
+import { ThemeTool } from '@milkdown/core';
+import { Decoration, DecorationSet, EditorState, EditorView, findParentNode, NodeWithPos } from '@milkdown/prose';
+import { Utils } from '@milkdown/utils';
+
+import { CursorStatus, Status } from './status';
+
+export type Props = ReturnType<typeof createProps>;
+
+const createEmptyStyle = ({ font, palette }: ThemeTool) => css`
+    position: relative;
+    &::before {
+        position: absolute;
+        cursor: text;
+        font-family: ${font.typography};
+        font-size: 0.875rem;
+        color: ${palette('neutral', 0.6)};
+        content: attr(data-text);
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+`;
+
+const createSlashStyle = () => css`
+    &::before {
+        left: 0.5rem;
+    }
+`;
+
+export const createProps = (
+    status: Status,
+    utils: Utils,
+    placeholder: Record<CursorStatus, string>,
+    shouldDisplay: (parent: NodeWithPos, state: EditorState) => boolean,
+) => {
+    const emptyStyle = utils.getStyle(createEmptyStyle);
+    const slashStyle = utils.getStyle(createSlashStyle);
+
+    return {
+        handleKeyDown: (_: EditorView, event: Event) => {
+            const { cursorStatus, activeActions } = status.get();
+            if (cursorStatus !== CursorStatus.Slash || activeActions.length === 0) {
+                return false;
+            }
+            if (!(event instanceof KeyboardEvent)) {
+                return false;
+            }
+
+            if (!['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) {
+                return false;
+            }
+
+            return true;
+        },
+        decorations: (state: EditorState) => {
+            const parent = findParentNode(({ type }) => type.name === 'paragraph')(state.selection);
+
+            if (!parent || !shouldDisplay(parent, state)) {
+                status.clearStatus();
+                return;
+            }
+
+            const isEmpty = parent.node.content.size === 0;
+            const isSlash = parent.node.textContent === '/' && state.selection.$from.parentOffset > 0;
+            const isSearch = parent.node.textContent.startsWith('/') && state.selection.$from.parentOffset > 1;
+
+            const createDecoration = (text: string, className: (string | undefined)[]) => {
+                const pos = parent.pos;
+                return DecorationSet.create(state.doc, [
+                    Decoration.node(pos, pos + parent.node.nodeSize, {
+                        class: className.filter((x) => x).join(' '),
+                        'data-text': text,
+                    }),
+                ]);
+            };
+
+            if (isEmpty) {
+                status.clearStatus();
+                const text = placeholder[CursorStatus.Empty];
+                return createDecoration(text, [emptyStyle, 'empty-node']);
+            }
+
+            if (isSlash) {
+                status.setSlash();
+                const text = placeholder[CursorStatus.Slash];
+                return createDecoration(text, [emptyStyle, slashStyle, 'empty-node', 'is-slash']);
+            }
+
+            if (isSearch) {
+                status.setSlash(parent.node.textContent.slice(1));
+                return null;
+            }
+
+            status.clearStatus();
+            return null;
+        },
+    };
+};

package/src/prose-plugin/status.ts

@@ -0,0 +1,47 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { Action } from '../item';
+
+export enum CursorStatus {
+    Empty = 'empty',
+    Slash = 'slash',
+}
+
+export type StatusCtx = {
+    cursorStatus: CursorStatus;
+    filter: string;
+    activeActions: Action[];
+};
+
+const createStatusCtx = (): StatusCtx => {
+    return {
+        cursorStatus: CursorStatus.Empty,
+        filter: '',
+        activeActions: [],
+    };
+};
+
+const clearStatus = (status: StatusCtx) => {
+    status.cursorStatus = CursorStatus.Empty;
+    status.filter = '';
+};
+
+const setSlash = (status: StatusCtx, filter = '') => {
+    status.cursorStatus = CursorStatus.Slash;
+    status.filter = filter;
+};
+
+export type Status = ReturnType<typeof createStatus>;
+
+export const createStatus = () => {
+    const statusCtx = createStatusCtx();
+    return {
+        clearStatus: () => clearStatus(statusCtx),
+        setSlash: (filter = '') => setSlash(statusCtx, filter),
+        setActions: (actions: Action[]) => {
+            statusCtx.activeActions = actions;
+        },
+        get: () => statusCtx,
+        isEmpty: () => statusCtx.cursorStatus === CursorStatus.Empty,
+        isSlash: () => statusCtx.cursorStatus === CursorStatus.Slash,
+    };
+};

package/src/prose-plugin/view.ts

@@ -0,0 +1,75 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { calculateNodePosition, EditorView } from '@milkdown/prose';
+import { Utils } from '@milkdown/utils';
+
+import { Action } from '../item';
+import { createDropdown } from '../utility';
+import { renderDropdown } from './dropdown';
+import {
+    createMouseManager,
+    handleClick,
+    handleKeydown,
+    handleMouseEnter,
+    handleMouseLeave,
+    handleMouseMove,
+} from './input';
+import { Status } from './status';
+
+const calculatePosition = (view: EditorView, dropdownElement: HTMLElement) => {
+    calculateNodePosition(view, dropdownElement, (selected, target, parent) => {
+        let left = selected.left - parent.left;
+        let top = selected.bottom - parent.top + 14;
+
+        if (left < 0) {
+            left = 0;
+        }
+
+        if (window.innerHeight - selected.bottom < target.height) {
+            top = selected.top - parent.top - target.height - 14;
+        }
+        return [top, left];
+    });
+};
+
+export const createView = (status: Status, items: Action[], view: EditorView, utils: Utils) => {
+    const wrapper = view.dom.parentNode;
+    if (!wrapper) return {};
+
+    const dropdownElement = createDropdown(utils);
+    const mouseManager = createMouseManager();
+    wrapper.appendChild(dropdownElement);
+
+    const _mouseMove = handleMouseMove(mouseManager);
+    const _mouseDown = handleClick(status, items, view, dropdownElement);
+    const _keydown = handleKeydown(status, view, dropdownElement, mouseManager);
+    const _mouseEnter = handleMouseEnter(status, mouseManager);
+    const _mouseLeave = handleMouseLeave();
+
+    items
+        .filter((item) => item.enable(view.state.schema))
+        .forEach(({ $ }) => {
+            $.addEventListener('mouseenter', _mouseEnter);
+            $.addEventListener('mouseleave', _mouseLeave);
+            dropdownElement.appendChild($);
+        });
+    wrapper.addEventListener('mousemove', _mouseMove);
+    wrapper.addEventListener('mousedown', _mouseDown);
+    wrapper.addEventListener('keydown', _keydown);
+
+    return {
+        update: (view: EditorView) => {
+            const show = renderDropdown(status, dropdownElement, items);
+
+            if (!show) return;
+
+            calculatePosition(view, dropdownElement);
+        },
+
+        destroy: () => {
+            wrapper.removeEventListener('mousemove', _mouseMove);
+            wrapper.removeEventListener('mousedown', _mouseDown);
+            wrapper.removeEventListener('keydown', _keydown);
+            dropdownElement.remove();
+        },
+    };
+};

package/src/style.ts

@@ -0,0 +1,63 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { css } from '@emotion/css';
+import { ThemeTool } from '@milkdown/core';
+
+const itemStyle = ({ font, palette }: ThemeTool) => {
+    return css`
+        .slash-dropdown-item {
+            display: flex;
+            gap: 2rem;
+            height: 3rem;
+            padding: 0 1rem;
+            align-items: center;
+            justify-content: flex-start;
+            cursor: pointer;
+            line-height: 2;
+            font-family: ${font.typography};
+            font-size: 0.875rem;
+
+            transition: all 0.2s ease-in-out;
+
+            &,
+            .icon {
+                color: ${palette('neutral', 0.87)};
+                transition: all 0.2s ease-in-out;
+            }
+
+            &.hide {
+                display: none;
+            }
+
+            &.active {
+                background: ${palette('secondary', 0.12)};
+                &,
+                .icon {
+                    color: ${palette('primary')};
+                }
+            }
+            `;
+};
+
+export const injectStyle = (themeTool: ThemeTool) => {
+    const { mixin, size, palette } = themeTool;
+    const style = css`
+        width: 20.5rem;
+        max-height: 20.5rem;
+        overflow-y: auto;
+        ${mixin.border?.()};
+        border-radius: ${size.radius};
+        position: absolute;
+        background: ${palette('surface')};
+
+        ${mixin.shadow?.()};
+
+        &.hide {
+            display: none;
+        }
+
+        ${mixin.scrollbar?.()};
+
+        ${itemStyle(themeTool)}
+    `;
+    return style;
+};

package/src/utility.ts

@@ -0,0 +1,75 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import type { ThemeTool } from '@milkdown/core';
+import type { Icon } from '@milkdown/design-system';
+import type { Command, Node, Schema } from '@milkdown/prose';
+import type { Utils } from '@milkdown/utils';
+
+import { injectStyle } from './style';
+
+export const createDropdown = (utils: Utils) => {
+    const div = document.createElement('div');
+    div.setAttribute('role', 'listbox');
+    div.setAttribute('tabindex', '-1');
+    const style = utils.getStyle(injectStyle);
+
+    if (style) {
+        div.classList.add(style);
+    }
+
+    div.classList.add('slash-dropdown', 'hide');
+
+    return div;
+};
+
+type ItemOptions = {
+    textClassName: string;
+};
+export const createDropdownItem = (themeTool: ThemeTool, text: string, icon: Icon, options?: Partial<ItemOptions>) => {
+    const textClassName = options?.textClassName ?? 'text';
+
+    const div = document.createElement('div');
+    div.setAttribute('role', 'option');
+    div.classList.add('slash-dropdown-item');
+
+    const iconSpan = themeTool.slots.icon(icon);
+
+    const textSpan = document.createElement('span');
+    textSpan.textContent = text;
+    textSpan.className = textClassName;
+
+    div.appendChild(iconSpan);
+    div.appendChild(textSpan);
+
+    return div;
+};
+
+export const getDepth = (node: Node) => {
+    let cur = node;
+    let depth = 0;
+    while (cur.childCount) {
+        cur = cur.child(0);
+        depth += 1;
+    }
+
+    return depth;
+};
+
+const cleanUp: Command = (state, dispatch) => {
+    const { selection } = state;
+    const { $from } = selection;
+    const tr = state.tr.deleteRange($from.start(), $from.pos);
+    dispatch?.(tr);
+    return false;
+};
+
+export const cleanUpAndCreateNode =
+    (createCommand: () => void): Command =>
+    (state, dispatch, view) => {
+        if (view) {
+            cleanUp(state, dispatch, view);
+            createCommand();
+        }
+        return true;
+    };
+
+export const nodeExists = (name: string) => (schema: Schema) => Boolean(schema.nodes[name]);