@milkdown/plugin-slash 6.5.4 → 7.0.0-next.0

package/lib/slash-provider.d.ts

@@ -0,0 +1,20 @@
+import type { EditorState } from '@milkdown/prose/state';
+import type { EditorView } from '@milkdown/prose/view';
+import type { Instance, Props } from 'tippy.js';
+export type SlashProviderOptions = {
+    content: HTMLElement;
+    tippyOptions?: Partial<Props>;
+    debounce?: number;
+    shouldShow?: (view: EditorView, prevState?: EditorState) => boolean;
+};
+export declare class SlashProvider {
+    #private;
+    constructor(options: SlashProviderOptions);
+    update: (view: EditorView, prevState?: EditorState) => void;
+    getContent: (view: EditorView) => string | undefined;
+    destroy: () => void;
+    show: () => void;
+    hide: () => void;
+    getInstance: () => Instance<Props> | undefined;
+}
+//# sourceMappingURL=slash-provider.d.ts.map

package/lib/slash-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAG/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;CACpE,CAAA;AAED,qBAAa,aAAa;;gBAWZ,OAAO,EAAE,oBAAoB;IAsCzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAED,UAAU,SAAU,UAAU,KAAG,MAAM,GAAG,SAAS,CAqBlD;IAWD,OAAO,aAEN;IAED,IAAI,aAEH;IAED,IAAI,aAEH;IAED,WAAW,oCAEV;CACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-slash",
   "type": "module",
-  "version": "6.5.4",
+  "version": "7.0.0-next.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,19 +20,23 @@
     "src"
   ],
   "peerDependencies": {
-    "@milkdown/core": "^6.0.1",
-    "@milkdown/prose": "^6.0.1"
+    "@milkdown/core": "^7.0.0-next.0",
+    "@milkdown/ctx": "^7.0.0-next.0",
+    "@milkdown/prose": "^7.0.0-next.0"
   },
   "dependencies": {
+    "@types/lodash.debounce": "^4.0.7",
+    "lodash.debounce": "^4.0.8",
     "smooth-scroll-into-view-if-needed": "^1.1.32",
+    "tippy.js": "^6.3.7",
     "tslib": "^2.4.0",
-    "@milkdown/exception": "6.5.4",
-    "@milkdown/utils": "6.5.4"
+    "@milkdown/exception": "7.0.0-next.0",
+    "@milkdown/utils": "7.0.0-next.0"
   },
   "devDependencies": {
-    "@milkdown/core": "6.5.4",
-    "@milkdown/design-system": "6.5.4",
-    "@milkdown/prose": "6.5.4"
+    "@milkdown/core": "7.0.0-next.0",
+    "@milkdown/ctx": "7.0.0-next.0",
+    "@milkdown/prose": "7.0.0-next.0"
   },
   "nx": {
     "targets": {

package/src/index.ts

@@ -1,35 +1,3 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { AtomList, createPlugin } from '@milkdown/utils'
-
-import type { Config } from './config'
-import { defaultConfig } from './config'
-import { createSlashPlugin } from './prose-plugin'
-import type { CalcPosition } from './prose-plugin/view'
-import { defaultCalcPosition } from './prose-plugin/view'
-
-export type { Config, StatusConfig, StatusConfigBuilder, StatusConfigBuilderParams } from './config'
-export { defaultActions, defaultConfig } from './config'
-export type { Action, WrappedAction } from './item'
-export { createDropdownItem } from './utility'
-
-export interface Options {
-  config: Config
-  calcPosition: CalcPosition
-}
-
-export const slashPlugin = createPlugin<string, Options>((utils, options) => {
-  const slashConfig = options?.config ?? defaultConfig
-  const calcPosition = options?.calcPosition ?? defaultCalcPosition
-
-  return {
-    prosePlugins: (_, ctx) => {
-      const config = slashConfig(ctx)
-
-      const plugin = createSlashPlugin(utils, config, 'slash-dropdown', calcPosition)
-
-      return [plugin]
-    },
-  }
-})
-
-export const slash = AtomList.create([slashPlugin()])
+export * from './slash-plugin'
+export * from './slash-provider'

package/src/slash-plugin.ts

@@ -0,0 +1,31 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import type { SliceType } from '@milkdown/ctx'
+import type { PluginSpec } from '@milkdown/prose/state'
+import { Plugin, PluginKey } from '@milkdown/prose/state'
+import type { $Ctx, $Prose } from '@milkdown/utils'
+import { $ctx, $prose } from '@milkdown/utils'
+
+export type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`
+
+export type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {
+  key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>
+  pluginKey: $Prose['key']
+}
+
+export const slashFactory = <Id extends string, State = any>(id: Id) => {
+  const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)
+  const slashPlugin = $prose((ctx) => {
+    const spec = ctx.get(slashSpec.key)
+    return new Plugin({
+      key: new PluginKey(`${id}_SLASH`),
+      ...spec,
+    })
+  })
+  const result = [slashSpec, slashPlugin] as SlashPlugin<Id>
+  result.key = slashSpec.key
+  result.pluginKey = slashPlugin.key
+
+  return result
+}
+
+export const slash = slashFactory('MILKDOWN')

package/src/slash-provider.ts

@@ -0,0 +1,119 @@
+/* Copyright 2021, Milkdown by Mirone. */
+import { findParentNode, posToDOMRect } from '@milkdown/prose'
+import type { EditorState } from '@milkdown/prose/state'
+import { TextSelection } from '@milkdown/prose/state'
+import type { EditorView } from '@milkdown/prose/view'
+import debounce from 'lodash.debounce'
+import type { Instance, Props } from 'tippy.js'
+import tippy from 'tippy.js'
+
+export type SlashProviderOptions = {
+  content: HTMLElement
+  tippyOptions?: Partial<Props>
+  debounce?: number
+  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean
+}
+
+export class SlashProvider {
+  #tippy: Instance | undefined
+
+  #element: HTMLElement
+
+  #tippyOptions: Partial<Props>
+
+  #debounce: number
+
+  #shouldShow: (view: EditorView, prevState?: EditorState) => boolean
+
+  constructor(options: SlashProviderOptions) {
+    this.#element = options.content
+    this.#tippyOptions = options.tippyOptions ?? {}
+    this.#debounce = options.debounce ?? 200
+    this.#shouldShow = options.shouldShow ?? this.#_shouldShow
+  }
+
+  #onUpdate = (view: EditorView, prevState?: EditorState): void => {
+    const { state, composing } = view
+    const { selection, doc } = state
+    const { ranges } = selection
+    const from = Math.min(...ranges.map(range => range.$from.pos))
+    const to = Math.max(...ranges.map(range => range.$to.pos))
+    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)
+
+    this.#tippy ??= tippy(view.dom, {
+      trigger: 'manual',
+      placement: 'bottom-start',
+      interactive: true,
+      ...this.#tippyOptions,
+      content: this.#element,
+    })
+
+    if (composing || isSame)
+      return
+
+    if (!this.#shouldShow(view, prevState)) {
+      this.hide()
+      return
+    }
+
+    this.#tippy.setProps({
+      getReferenceClientRect: () => posToDOMRect(view, from, to),
+    })
+
+    this.show()
+  }
+
+  update = (view: EditorView, prevState?: EditorState): void => {
+    const updater = debounce(this.#onUpdate, this.#debounce)
+
+    updater(view, prevState)
+  }
+
+  getContent = (view: EditorView): string | undefined => {
+    const { selection } = view.state
+    const { empty } = selection
+    const isTextBlock = view.state.selection instanceof TextSelection
+
+    const isSlashChildren = this.#element.contains(document.activeElement)
+
+    const notHasFocus = !view.hasFocus() && !isSlashChildren
+
+    const isReadonly = !view.editable
+
+    const paragraph = findParentNode(({ type }) => type.name === 'paragraph')(view.state.selection)
+
+    const isNotInParagraph = !paragraph
+
+    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)
+      return
+
+    const currentTextBlockContent = paragraph.node.textContent
+
+    return currentTextBlockContent
+  }
+
+  #_shouldShow(view: EditorView): boolean {
+    const currentTextBlockContent = this.getContent(view)
+
+    if (!currentTextBlockContent)
+      return false
+
+    return currentTextBlockContent.at(-1) === '/'
+  }
+
+  destroy = () => {
+    this.#tippy?.destroy()
+  }
+
+  show = () => {
+    this.#tippy?.show()
+  }
+
+  hide = () => {
+    this.#tippy?.hide()
+  }
+
+  getInstance = () => {
+    return this.#tippy
+  }
+}

package/lib/config.d.ts

@@ -1,21 +0,0 @@
-import type { Ctx } from '@milkdown/core';
-import type { Node } from '@milkdown/prose/model';
-import type { EditorState } from '@milkdown/prose/state';
-import type { WrappedAction } from './item';
-type Nullable<T> = T | null | undefined;
-export interface StatusConfig {
-    placeholder?: Nullable<string>;
-    actions?: Nullable<WrappedAction[]>;
-}
-export interface StatusConfigBuilderParams {
-    content: string;
-    isTopLevel: boolean;
-    parentNode: Node;
-    state: EditorState;
-}
-export type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>;
-export 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 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAG3C,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;AAEvC,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,IAAI,CAAA;IAChB,KAAK,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,yBAAyB,KAAK,QAAQ,CAAC,YAAY,CAAC,CAAA;AAE/F,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,mBAAmB,CAAA;AAEtD,eAAO,MAAM,cAAc,QAAS,GAAG,qBAAgB,aAAa,EAuFnE,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,MAyB3B,CAAA"}

package/lib/item.d.ts

@@ -1,12 +0,0 @@
-import type { Command } from '@milkdown/prose/state';
-export interface Action {
-    id: string;
-    $: HTMLElement;
-    command: Command;
-}
-export type WrappedAction = Pick<Action, 'id'> & {
-    command: () => void;
-    dom: HTMLElement;
-};
-export declare const transformAction: (action: WrappedAction) => Action;
-//# sourceMappingURL=item.d.ts.map

package/lib/item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAIpD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,WAAW,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,eAAe,WAAY,aAAa,KAAG,MAItD,CAAA"}

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

@@ -1,8 +0,0 @@
-import type { Status } from './status';
-interface 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 +0,0 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/dropdown.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEtC,UAAU,SAAS;IACjB,UAAU,EAAE,aAAa,CAAA;IACzB,UAAU,EAAE,aAAa,CAAA;CAC1B;AAED,eAAO,MAAM,cAAc,WAAY,MAAM,mBAAmB,WAAW,aAAa,SAAS,KAAG,OAuCnG,CAAA"}

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

@@ -1,7 +0,0 @@
-import { Plugin } from '@milkdown/prose/state';
-import type { ThemeUtils } from '@milkdown/utils';
-import type { StatusConfigBuilder } from '..';
-import type { CalcPosition } from './view';
-export declare const key = "MILKDOWN_SLASH";
-export declare const createSlashPlugin: (utils: ThemeUtils, builder: StatusConfigBuilder, className: string, calcPosition: CalcPosition) => Plugin<any>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAa,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,IAAI,CAAA;AAG7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAG1C,eAAO,MAAM,GAAG,mBAAmB,CAAA;AAEnC,eAAO,MAAM,iBAAiB,UACrB,UAAU,WACR,mBAAmB,aACjB,MAAM,gBACH,YAAY,gBAS3B,CAAA"}

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

@@ -1,14 +0,0 @@
-import type { EditorView } from '@milkdown/prose/view';
-import type { Status } from './status';
-export declare const createMouseManager: () => {
-    isLock: () => boolean;
-    lock: () => void;
-    unlock: () => void;
-};
-export type MouseManager = ReturnType<typeof createMouseManager>;
-export declare const handleMouseMove: (mouseManager: MouseManager) => () => void;
-export declare const handleMouseEnter: (status: Status, mouseManager: MouseManager) => (e: MouseEvent) => void;
-export declare const handleMouseLeave: () => (e: MouseEvent) => void;
-export declare const handleClick: (status: Status, view: EditorView, dropdownElement: HTMLElement) => (e: Event) => void;
-export declare const handleKeydown: (status: Status, view: EditorView, dropdownElement: HTMLElement, mouseManager: MouseManager) => (e: Event) => void;
-//# sourceMappingURL=input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/input.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEtC,eAAO,MAAM,kBAAkB;;;;CAY9B,CAAA;AACD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEhE,eAAO,MAAM,eAAe,iBAAkB,YAAY,eAEzD,CAAA;AAED,eAAO,MAAM,gBAAgB,WAAY,MAAM,gBAAgB,YAAY,SAAS,UAAU,SAa7F,CAAA;AAED,eAAO,MAAM,gBAAgB,YAAa,UAAU,SAKnD,CAAA;AAED,eAAO,MAAM,WAAW,WACT,MAAM,QAAQ,UAAU,mBAAmB,WAAW,SAC3D,KAAK,KAAG,IA4BX,CAAA;AAEP,eAAO,MAAM,aAAa,WACX,MAAM,QAAQ,UAAU,mBAAmB,WAAW,gBAAgB,YAAY,SAAS,KAAK,SA4D1G,CAAA"}

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

@@ -1,11 +0,0 @@
-import type { EditorState } from '@milkdown/prose/state';
-import type { EditorView } from '@milkdown/prose/view';
-import { DecorationSet } from '@milkdown/prose/view';
-import type { ThemeUtils } from '@milkdown/utils';
-import type { Status } from './status';
-export type Props = ReturnType<typeof createProps>;
-export declare const createProps: (status: Status, utils: ThemeUtils) => {
-    handleKeyDown: (_: EditorView, event: Event) => boolean;
-    decorations: (state: EditorState) => DecorationSet | null;
-};
-//# sourceMappingURL=props.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/props.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAc,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;AA4BlD,eAAO,MAAM,WAAW,WAAY,MAAM,SAAS,UAAU;uBAEtC,UAAU,SAAS,KAAK;yBAYtB,WAAW;CAkDnC,CAAA"}

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

@@ -1,14 +0,0 @@
-import type { StatusConfigBuilder, StatusConfigBuilderParams } from '..';
-import type { Action } from '../item';
-export interface StatusCtx {
-    placeholder: string | null;
-    actions: Action[];
-}
-export type Status = ReturnType<typeof createStatus>;
-export declare const createStatus: (builder: StatusConfigBuilder) => {
-    get: () => StatusCtx;
-    clear: () => void;
-    update: (builderParams: StatusConfigBuilderParams) => StatusCtx;
-    isEmpty: () => boolean;
-};
-//# sourceMappingURL=status.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/status.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,IAAI,CAAA;AACxE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGrC,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AASD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;AAEpD,eAAO,MAAM,YAAY,YAAa,mBAAmB;;;4BAS7B,yBAAyB;;CAQpD,CAAA"}

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

@@ -1,13 +0,0 @@
-import type { EditorView } from '@milkdown/prose/view';
-import type { ThemeUtils } from '@milkdown/utils';
-import type { Status } from './status';
-export declare const defaultCalcPosition: (view: EditorView, dropdownElement: HTMLElement) => void;
-export type CalcPosition = (view: EditorView, dropdownElement: HTMLElement) => void;
-export declare const createView: (status: Status, view: EditorView, utils: ThemeUtils, className: string, calcPosition: CalcPosition) => {
-    update?: undefined;
-    destroy?: undefined;
-} | {
-    update: (view: EditorView) => void;
-    destroy: () => void;
-};
-//# sourceMappingURL=view.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/prose-plugin/view.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAYjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEtC,eAAO,MAAM,mBAAmB,SAAU,UAAU,mBAAmB,WAAW,SA4CjF,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,KAAK,IAAI,CAAA;AAEnF,eAAO,MAAM,UAAU,WACb,MAAM,QACR,UAAU,SACT,UAAU,aACN,MAAM,gBACH,YAAY;;;;mBAqBT,UAAU;;CAmB5B,CAAA"}

package/lib/style.d.ts

@@ -1,3 +0,0 @@
-import type { Emotion, ThemeManager } from '@milkdown/core';
-export declare const injectStyle: (themeManager: ThemeManager, emotion: Emotion) => string;
-//# sourceMappingURL=style.d.ts.map

package/lib/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,OAAO,EACP,YAAY,EACb,MAAM,gBAAgB,CAAA;AAgDvB,eAAO,MAAM,WAAW,iBAAkB,YAAY,WAAW,OAAO,WAsBvE,CAAA"}

package/lib/utility.d.ts

@@ -1,14 +0,0 @@
-import type { ThemeManager } from '@milkdown/core';
-import type { Icon } from '@milkdown/design-system';
-import type { Node } from '@milkdown/prose/model';
-import type { Command } from '@milkdown/prose/state';
-import type { ThemeUtils } from '@milkdown/utils';
-export declare const createDropdown: (utils: ThemeUtils, className: string) => HTMLDivElement;
-interface ItemOptions {
-    textClassName: string;
-}
-export declare const createDropdownItem: (themeManager: ThemeManager, text: string, icon: Icon, options?: Partial<ItemOptions>) => HTMLDivElement;
-export declare const getDepth: (node: Node) => number;
-export declare const cleanUpAndCreateNode: (createCommand: () => void) => Command;
-export {};
-//# sourceMappingURL=utility.d.ts.map

package/lib/utility.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../src/utility.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,eAAO,MAAM,cAAc,UAAW,UAAU,aAAa,MAAM,mBAclE,CAAA;AAED,UAAU,WAAW;IACnB,aAAa,EAAE,MAAM,CAAA;CACtB;AACD,eAAO,MAAM,kBAAkB,iBACf,YAAY,QACpB,MAAM,QACN,IAAI,YACA,QAAQ,WAAW,CAAC,mBAqB/B,CAAA;AAED,eAAO,MAAM,QAAQ,SAAU,IAAI,WASlC,CAAA;AAUD,eAAO,MAAM,oBAAoB,kBACX,MAAM,IAAI,KAAG,OAO5B,CAAA"}

package/src/config.ts

@@ -1,142 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { Ctx } from '@milkdown/core'
-import { commandsCtx, editorViewCtx, schemaCtx, themeManagerCtx } from '@milkdown/core'
-import type { Node } from '@milkdown/prose/model'
-import type { EditorState } from '@milkdown/prose/state'
-
-import type { WrappedAction } from './item'
-import { createDropdownItem } from './utility'
-
-type Nullable<T> = T | null | undefined
-
-export interface StatusConfig {
-  placeholder?: Nullable<string>
-  actions?: Nullable<WrappedAction[]>
-}
-
-export interface StatusConfigBuilderParams {
-  content: string
-  isTopLevel: boolean
-  parentNode: Node
-  state: EditorState
-}
-
-export type StatusConfigBuilder = (params: StatusConfigBuilderParams) => Nullable<StatusConfig>
-
-export type Config = (ctx: Ctx) => StatusConfigBuilder
-
-export const defaultActions = (ctx: Ctx, input = '/'): WrappedAction[] => {
-  const { nodes } = ctx.get(schemaCtx)
-  const actions: Array<WrappedAction & { keyword: string[]; typeName: string }> = [
-    {
-      id: 'h1',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Large Heading', 'h1'),
-      command: () => ctx.get(commandsCtx).call('TurnIntoHeading', 1),
-      keyword: ['h1', 'large heading'],
-      typeName: 'heading',
-    },
-    {
-      id: 'h2',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Medium Heading', 'h2'),
-      command: () => ctx.get(commandsCtx).call('TurnIntoHeading', 2),
-      keyword: ['h2', 'medium heading'],
-      typeName: 'heading',
-    },
-    {
-      id: 'h3',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Small Heading', 'h3'),
-      command: () => ctx.get(commandsCtx).call('TurnIntoHeading', 3),
-      keyword: ['h3', 'small heading'],
-      typeName: 'heading',
-    },
-    {
-      id: 'bulletList',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Bullet List', 'bulletList'),
-      command: () => ctx.get(commandsCtx).call('WrapInBulletList'),
-      keyword: ['bullet list', 'ul'],
-      typeName: 'bullet_list',
-    },
-    {
-      id: 'orderedList',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Ordered List', 'orderedList'),
-      command: () => ctx.get(commandsCtx).call('WrapInOrderedList'),
-      keyword: ['ordered list', 'ol'],
-      typeName: 'ordered_list',
-    },
-    {
-      id: 'taskList',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Task List', 'taskList'),
-      command: () => ctx.get(commandsCtx).call('TurnIntoTaskList'),
-      keyword: ['task list', 'task'],
-      typeName: 'task_list_item',
-    },
-    {
-      id: 'image',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Image', 'image'),
-      command: () => ctx.get(commandsCtx).call('InsertImage'),
-      keyword: ['image'],
-      typeName: 'image',
-    },
-    {
-      id: 'blockquote',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Quote', 'quote'),
-      command: () => ctx.get(commandsCtx).call('WrapInBlockquote'),
-      keyword: ['quote', 'blockquote'],
-      typeName: 'blockquote',
-    },
-    {
-      id: 'table',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Table', 'table'),
-      command: () => ctx.get(commandsCtx).call('InsertTable'),
-      keyword: ['table'],
-      typeName: 'table',
-    },
-    {
-      id: 'code',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), 'Code Fence', 'code'),
-      command: () => ctx.get(commandsCtx).call('TurnIntoCodeFence'),
-      keyword: ['code'],
-      typeName: 'fence',
-    },
-    {
-      id: 'divider',
-      dom: createDropdownItem(ctx.get(themeManagerCtx), '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(({ keyword, typeName, ...action }) => action)
-}
-
-export const defaultConfig: Config = (ctx) => {
-  return ({ content, isTopLevel }) => {
-    if (!isTopLevel)
-      return null
-
-    const view = ctx.get(editorViewCtx)
-    if (!view?.editable)
-      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
-  }
-}

package/src/item.ts

@@ -1,21 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { Command } from '@milkdown/prose/state'
-
-import { cleanUpAndCreateNode } from './utility'
-
-export interface Action {
-  id: string
-  $: HTMLElement
-  command: Command
-}
-
-export type WrappedAction = Pick<Action, 'id'> & {
-  command: () => void
-  dom: HTMLElement
-}
-
-export const transformAction = (action: WrappedAction): Action => ({
-  id: action.id,
-  $: action.dom,
-  command: cleanUpAndCreateNode(action.command),
-})

package/src/prose-plugin/dropdown.ts

@@ -1,50 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import scrollIntoView from 'smooth-scroll-into-view-if-needed'
-
-import type { Status } from './status'
-
-interface Listeners {
-  mouseEnter: EventListener
-  mouseLeave: EventListener
-}
-
-export const renderDropdown = (status: Status, dropdownElement: HTMLElement, listeners: Listeners): boolean => {
-  const { actions } = status.get()
-
-  if (!actions.length) {
-    dropdownElement.classList.add('hide')
-    return false
-  }
-
-  dropdownElement.childNodes.forEach((child) => {
-    child.removeEventListener('mouseenter', listeners.mouseEnter)
-    child.removeEventListener('mouseleave', listeners.mouseLeave)
-  })
-
-  while (dropdownElement.firstChild)
-    dropdownElement.firstChild.remove()
-
-  actions.forEach(({ $ }) => {
-    $.classList.remove('active')
-    $.addEventListener('mouseenter', listeners.mouseEnter)
-    $.addEventListener('mouseleave', listeners.mouseLeave)
-    dropdownElement.appendChild($)
-  })
-
-  dropdownElement.style.maxHeight = ''
-  dropdownElement.classList.remove('hide')
-
-  const first$ = actions[0]
-  if (first$) {
-    first$.$.classList.add('active')
-    requestAnimationFrame(() => {
-      scrollIntoView(first$.$, {
-        scrollMode: 'if-needed',
-        block: 'nearest',
-        inline: 'nearest',
-      })
-    })
-  }
-
-  return true
-}