@milkdown/plugin-slash 4.14.2 → 5.1.1

package/src/prose-plugin/status.ts

@@ -1,47 +1,36 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Action } from '../item';
-
-export enum CursorStatus {
-    Empty = 'empty',
-    Slash = 'slash',
-}
+import { StatusConfigBuilder, StatusConfigBuilderParams } from '..';
+import { Action, transformAction } from '../item';
 
 export type StatusCtx = {
-    cursorStatus: CursorStatus;
-    filter: string;
-    activeActions: Action[];
+    placeholder: string | null;
+    actions: Action[];
 };
 
 const createStatusCtx = (): StatusCtx => {
     return {
-        cursorStatus: CursorStatus.Empty,
-        filter: '',
-        activeActions: [],
+        placeholder: null,
+        actions: [],
     };
 };
 
-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 = () => {
+export const createStatus = (builder: StatusConfigBuilder) => {
     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,
+        clear: () => {
+            statusCtx.placeholder = null;
+            statusCtx.actions = [];
+        },
+        update: (builderParams: StatusConfigBuilderParams) => {
+            const config = builder(builderParams);
+            statusCtx.placeholder = config?.placeholder ?? null;
+            statusCtx.actions = (config?.actions ?? []).map(transformAction);
+            return statusCtx;
+        },
+        isEmpty: () => statusCtx.actions.length === 0,
     };
 };

package/src/prose-plugin/view.ts

@@ -2,7 +2,6 @@
 import { calculateNodePosition, EditorView } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
 
-import { Action } from '../item';
 import { createDropdown } from '../utility';
 import { renderDropdown } from './dropdown';
 import {
@@ -31,7 +30,7 @@ const calculatePosition = (view: EditorView, dropdownElement: HTMLElement) => {
     });
 };
 
-export const createView = (status: Status, items: Action[], view: EditorView, utils: Utils) => {
+export const createView = (status: Status, view: EditorView, utils: Utils) => {
     const wrapper = view.dom.parentNode;
     if (!wrapper) return {};
 
@@ -40,25 +39,21 @@ export const createView = (status: Status, items: Action[], view: EditorView, ut
     wrapper.appendChild(dropdownElement);
 
     const _mouseMove = handleMouseMove(mouseManager);
-    const _mouseDown = handleClick(status, items, view, dropdownElement);
+    const _mouseDown = handleClick(status, 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);
+            const show = renderDropdown(status, dropdownElement, {
+                mouseEnter: _mouseEnter as EventListener,
+                mouseLeave: _mouseLeave as EventListener,
+            });
 
             if (!show) return;
 

package/src/utility.ts

@@ -1,7 +1,7 @@
 /* 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 { Command, Node } from '@milkdown/prose';
 import type { Utils } from '@milkdown/utils';
 
 import { injectStyle } from './style';
@@ -71,5 +71,3 @@ export const cleanUpAndCreateNode =
         }
         return true;
     };
-
-export const nodeExists = (name: string) => (schema: Schema) => Boolean(schema.nodes[name]);