@milkdown/crepe 7.8.0 → 7.9.0

package/lib/esm/index-H9uklzH0.js

@@ -1,270 +0,0 @@
-import { tooltipFactory, TooltipProvider } from '@milkdown/kit/plugin/tooltip';
-import { NodeSelection, TextSelection } from '@milkdown/kit/prose/state';
-import { d as defIfNotExists } from './index-D6fLMv29.js';
-import { c, useUpdate, useEffect, html } from 'atomico';
-import { editorViewCtx, commandsCtx } from '@milkdown/kit/core';
-import { strongSchema, emphasisSchema, inlineCodeSchema, linkSchema, toggleStrongCommand, toggleEmphasisCommand, toggleInlineCodeCommand } from '@milkdown/kit/preset/commonmark';
-import clsx from 'clsx';
-import { linkTooltipAPI } from '@milkdown/kit/component/link-tooltip';
-import { strikethroughSchema, toggleStrikethroughCommand } from '@milkdown/kit/preset/gfm';
-import { D as boldIcon, E as italicIcon, F as strikethroughIcon, y as codeIcon, G as linkIcon, A as functionsIcon } from './functions-Bsik6ikd.js';
-import { m as mathInlineSchema } from './inline-latex-C9IGAXXQ.js';
-import { F as FeaturesCtx, C as CrepeFeature } from './index-BwTxn2hs.js';
-import '@milkdown/kit/utils';
-import 'katex';
-import '@milkdown/kit/plugin/history';
-import '@milkdown/kit/plugin/indent';
-import '@milkdown/kit/plugin/clipboard';
-import '@milkdown/kit/plugin/trailing';
-import '@milkdown/kit/ctx';
-import '@milkdown/kit/plugin/listener';
-
-const toolbarComponent = ({
-  ctx,
-  hide,
-  show,
-  config,
-  selection
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const update = useUpdate();
-  useEffect(() => {
-    update();
-  }, [show]);
-  const onClick = (fn) => (e) => {
-    e.preventDefault();
-    ctx && fn(ctx);
-    update();
-  };
-  const isActive = (mark) => {
-    if (!ctx || !selection) return false;
-    const view = ctx.get(editorViewCtx);
-    const {
-      state: { doc }
-    } = view;
-    return doc.rangeHasMark(selection.from, selection.to, mark);
-  };
-  const containsNode = (node) => {
-    if (!ctx || !selection) return false;
-    const view = ctx.get(editorViewCtx);
-    const {
-      state: { doc }
-    } = view;
-    if (selection instanceof NodeSelection) {
-      return selection.node.type === node;
-    }
-    const { from, to } = selection;
-    let hasNode = false;
-    doc.nodesBetween(from, to, (n) => {
-      if (n.type === node) {
-        hasNode = true;
-        return false;
-      }
-      return true;
-    });
-    return hasNode;
-  };
-  const flags = ctx == null ? void 0 : ctx.get(FeaturesCtx);
-  const isLatexEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Latex);
-  const toggleLatex = (ctx2) => {
-    const hasLatex = containsNode(mathInlineSchema.type(ctx2));
-    const view = ctx2.get(editorViewCtx);
-    const { selection: selection2, doc, tr } = view.state;
-    if (!hasLatex) {
-      const text = doc.textBetween(selection2.from, selection2.to);
-      let _tr2 = tr.replaceSelectionWith(
-        mathInlineSchema.type(ctx2).create({
-          value: text
-        })
-      );
-      view.dispatch(
-        _tr2.setSelection(NodeSelection.create(_tr2.doc, selection2.from))
-      );
-      return;
-    }
-    const { from, to } = selection2;
-    let pos = -1;
-    let node = null;
-    doc.nodesBetween(from, to, (n, p) => {
-      if (node) return false;
-      if (n.type === mathInlineSchema.type(ctx2)) {
-        pos = p;
-        node = n;
-        return false;
-      }
-      return true;
-    });
-    if (!node || pos < 0) return;
-    let _tr = tr.delete(pos, pos + 1);
-    const content = node.attrs.value;
-    _tr = _tr.insertText(content, pos);
-    view.dispatch(
-      _tr.setSelection(
-        TextSelection.create(_tr.doc, from, to + content.length - 1)
-      )
-    );
-  };
-  return html`<host>
-    <button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && isActive(strongSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick((ctx2) => {
-    const commands = ctx2.get(commandsCtx);
-    commands.call(toggleStrongCommand.key);
-  })}
-    >
-      ${(_b = (_a = config == null ? void 0 : config.boldIcon) == null ? void 0 : _a.call(config)) != null ? _b : boldIcon}
-    </button>
-    <button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && isActive(emphasisSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick((ctx2) => {
-    const commands = ctx2.get(commandsCtx);
-    commands.call(toggleEmphasisCommand.key);
-  })}
-    >
-      ${(_d = (_c = config == null ? void 0 : config.italicIcon) == null ? void 0 : _c.call(config)) != null ? _d : italicIcon}
-    </button>
-    <button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && isActive(strikethroughSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick((ctx2) => {
-    const commands = ctx2.get(commandsCtx);
-    commands.call(toggleStrikethroughCommand.key);
-  })}
-    >
-      ${(_f = (_e = config == null ? void 0 : config.strikethroughIcon) == null ? void 0 : _e.call(config)) != null ? _f : strikethroughIcon}
-    </button>
-    <div class="divider"></div>
-    <button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && isActive(inlineCodeSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick((ctx2) => {
-    const commands = ctx2.get(commandsCtx);
-    commands.call(toggleInlineCodeCommand.key);
-  })}
-    >
-      ${(_h = (_g = config == null ? void 0 : config.codeIcon) == null ? void 0 : _g.call(config)) != null ? _h : codeIcon}
-    </button>
-    ${isLatexEnabled && html`<button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && containsNode(mathInlineSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick(toggleLatex)}
-    >
-      ${(_j = (_i = config == null ? void 0 : config.latexIcon) == null ? void 0 : _i.call(config)) != null ? _j : functionsIcon}
-    </button>`}
-    <button
-      type="button"
-      class=${clsx(
-    "toolbar-item",
-    ctx && isActive(linkSchema.type(ctx)) && "active"
-  )}
-      onmousedown=${onClick((ctx2) => {
-    const view = ctx2.get(editorViewCtx);
-    const { selection: selection2 } = view.state;
-    if (isActive(linkSchema.type(ctx2))) {
-      ctx2.get(linkTooltipAPI.key).removeLink(selection2.from, selection2.to);
-      return;
-    }
-    ctx2.get(linkTooltipAPI.key).addLink(selection2.from, selection2.to);
-    hide == null ? void 0 : hide();
-  })}
-    >
-      ${(_l = (_k = config == null ? void 0 : config.linkIcon) == null ? void 0 : _k.call(config)) != null ? _l : linkIcon}
-    </button>
-  </host>`;
-};
-toolbarComponent.props = {
-  ctx: Object,
-  hide: Function,
-  show: Boolean,
-  config: Object,
-  selection: Object
-};
-const ToolbarElement = c(toolbarComponent);
-
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _tooltipProvider, _content;
-const toolbar = tooltipFactory("CREPE_TOOLBAR");
-class ToolbarView {
-  constructor(ctx, view, config) {
-    __privateAdd(this, _tooltipProvider);
-    __privateAdd(this, _content);
-    this.update = (view, prevState) => {
-      __privateGet(this, _tooltipProvider).update(view, prevState);
-      __privateGet(this, _content).selection = view.state.selection;
-    };
-    this.destroy = () => {
-      __privateGet(this, _tooltipProvider).destroy();
-      __privateGet(this, _content).remove();
-    };
-    this.hide = () => {
-      __privateGet(this, _tooltipProvider).hide();
-    };
-    const content = new ToolbarElement();
-    __privateSet(this, _content, content);
-    __privateGet(this, _content).ctx = ctx;
-    __privateGet(this, _content).hide = this.hide;
-    __privateGet(this, _content).config = config;
-    __privateGet(this, _content).selection = view.state.selection;
-    __privateSet(this, _tooltipProvider, new TooltipProvider({
-      content: __privateGet(this, _content),
-      debounce: 20,
-      offset: 10,
-      shouldShow(view2) {
-        const { doc, selection } = view2.state;
-        const { empty, from, to } = selection;
-        const isEmptyTextBlock = !doc.textBetween(from, to).length && selection instanceof TextSelection;
-        const isNotTextBlock = !(selection instanceof TextSelection);
-        const activeElement = view2.dom.getRootNode().activeElement;
-        const isTooltipChildren = content.contains(activeElement);
-        const notHasFocus = !view2.hasFocus() && !isTooltipChildren;
-        const isReadonly = !view2.editable;
-        if (notHasFocus || isNotTextBlock || empty || isEmptyTextBlock || isReadonly)
-          return false;
-        return true;
-      }
-    }));
-    __privateGet(this, _tooltipProvider).onShow = () => {
-      __privateGet(this, _content).show = true;
-    };
-    __privateGet(this, _tooltipProvider).onHide = () => {
-      __privateGet(this, _content).show = false;
-    };
-    this.update(view);
-  }
-}
-_tooltipProvider = new WeakMap();
-_content = new WeakMap();
-defIfNotExists("milkdown-toolbar", ToolbarElement);
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => {
-    ctx.set(toolbar.key, {
-      view: (view) => new ToolbarView(ctx, view, config)
-    });
-  }).use(toolbar);
-};
-
-export { defineFeature };
-//# sourceMappingURL=index-H9uklzH0.js.map

package/lib/esm/index-H9uklzH0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-H9uklzH0.js","sources":["../../src/feature/toolbar/component.ts","../../src/feature/toolbar/index.ts"],"sourcesContent":["import type { Component } from 'atomico'\nimport { c, html, useEffect, useUpdate } from 'atomico'\nimport type { Ctx } from '@milkdown/kit/ctx'\nimport { commandsCtx, editorViewCtx } from '@milkdown/kit/core'\nimport {\n  emphasisSchema,\n  inlineCodeSchema,\n  linkSchema,\n  strongSchema,\n  toggleEmphasisCommand,\n  toggleInlineCodeCommand,\n  toggleStrongCommand,\n} from '@milkdown/kit/preset/commonmark'\nimport type { MarkType, Node, NodeType } from '@milkdown/kit/prose/model'\nimport type { Selection } from '@milkdown/kit/prose/state'\nimport clsx from 'clsx'\nimport { linkTooltipAPI } from '@milkdown/kit/component/link-tooltip'\nimport {\n  strikethroughSchema,\n  toggleStrikethroughCommand,\n} from '@milkdown/kit/preset/gfm'\nimport {\n  boldIcon,\n  codeIcon,\n  italicIcon,\n  linkIcon,\n  strikethroughIcon,\n  functionsIcon,\n} from '../../icons'\nimport type { ToolbarFeatureConfig } from './index'\nimport { NodeSelection, TextSelection } from '@milkdown/kit/prose/state'\nimport { mathInlineSchema } from '../latex/inline-latex'\nimport { FeaturesCtx } from '../../core/slice'\nimport { CrepeFeature } from '../..'\n\nexport interface ToolbarProps {\n  ctx: Ctx\n  hide: () => void\n  show: boolean\n  selection: Selection\n  config?: ToolbarFeatureConfig\n}\n\nexport const toolbarComponent: Component<ToolbarProps> = ({\n  ctx,\n  hide,\n  show,\n  config,\n  selection,\n}) => {\n  const update = useUpdate()\n  useEffect(() => {\n    update()\n  }, [show])\n\n  const onClick = (fn: (ctx: Ctx) => void) => (e: MouseEvent) => {\n    e.preventDefault()\n    ctx && fn(ctx)\n    update()\n  }\n\n  const isActive = (mark: MarkType) => {\n    if (!ctx || !selection) return false\n    const view = ctx.get(editorViewCtx)\n    const {\n      state: { doc },\n    } = view\n    return doc.rangeHasMark(selection.from, selection.to, mark)\n  }\n\n  const containsNode = (node: NodeType) => {\n    if (!ctx || !selection) return false\n    const view = ctx.get(editorViewCtx)\n    const {\n      state: { doc },\n    } = view\n    if (selection instanceof NodeSelection) {\n      return selection.node.type === node\n    }\n\n    const { from, to } = selection\n\n    let hasNode = false\n    doc.nodesBetween(from, to, (n) => {\n      if (n.type === node) {\n        hasNode = true\n        return false\n      }\n      return true\n    })\n\n    return hasNode\n  }\n\n  const flags = ctx?.get(FeaturesCtx)\n  const isLatexEnabled = flags?.includes(CrepeFeature.Latex)\n\n  const toggleLatex = (ctx: Ctx) => {\n    const hasLatex = containsNode(mathInlineSchema.type(ctx))\n    const view = ctx.get(editorViewCtx)\n    const { selection, doc, tr } = view.state\n    if (!hasLatex) {\n      const text = doc.textBetween(selection.from, selection.to)\n      let _tr = tr.replaceSelectionWith(\n        mathInlineSchema.type(ctx).create({\n          value: text,\n        })\n      )\n      view.dispatch(\n        _tr.setSelection(NodeSelection.create(_tr.doc, selection.from))\n      )\n      return\n    }\n\n    const { from, to } = selection\n    let pos = -1\n    let node: Node | null = null\n    doc.nodesBetween(from, to, (n, p) => {\n      if (node) return false\n      if (n.type === mathInlineSchema.type(ctx)) {\n        pos = p\n        node = n\n        return false\n      }\n      return true\n    })\n    if (!node || pos < 0) return\n\n    let _tr = tr.delete(pos, pos + 1)\n    const content = (node as Node).attrs.value\n    _tr = _tr.insertText(content, pos)\n    view.dispatch(\n      _tr.setSelection(\n        TextSelection.create(_tr.doc, from, to + content.length - 1)\n      )\n    )\n  }\n\n  return html`<host>\n    <button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && isActive(strongSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick((ctx) => {\n        const commands = ctx.get(commandsCtx)\n        commands.call(toggleStrongCommand.key)\n      })}\n    >\n      ${config?.boldIcon?.() ?? boldIcon}\n    </button>\n    <button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && isActive(emphasisSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick((ctx) => {\n        const commands = ctx.get(commandsCtx)\n        commands.call(toggleEmphasisCommand.key)\n      })}\n    >\n      ${config?.italicIcon?.() ?? italicIcon}\n    </button>\n    <button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && isActive(strikethroughSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick((ctx) => {\n        const commands = ctx.get(commandsCtx)\n        commands.call(toggleStrikethroughCommand.key)\n      })}\n    >\n      ${config?.strikethroughIcon?.() ?? strikethroughIcon}\n    </button>\n    <div class=\"divider\"></div>\n    <button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && isActive(inlineCodeSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick((ctx) => {\n        const commands = ctx.get(commandsCtx)\n        commands.call(toggleInlineCodeCommand.key)\n      })}\n    >\n      ${config?.codeIcon?.() ?? codeIcon}\n    </button>\n    ${isLatexEnabled &&\n    html`<button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && containsNode(mathInlineSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick(toggleLatex)}\n    >\n      ${config?.latexIcon?.() ?? functionsIcon}\n    </button>`}\n    <button\n      type=\"button\"\n      class=${clsx(\n        'toolbar-item',\n        ctx && isActive(linkSchema.type(ctx)) && 'active'\n      )}\n      onmousedown=${onClick((ctx) => {\n        const view = ctx.get(editorViewCtx)\n        const { selection } = view.state\n\n        if (isActive(linkSchema.type(ctx))) {\n          ctx.get(linkTooltipAPI.key).removeLink(selection.from, selection.to)\n          return\n        }\n\n        ctx.get(linkTooltipAPI.key).addLink(selection.from, selection.to)\n        hide?.()\n      })}\n    >\n      ${config?.linkIcon?.() ?? linkIcon}\n    </button>\n  </host>`\n}\n\ntoolbarComponent.props = {\n  ctx: Object,\n  hide: Function,\n  show: Boolean,\n  config: Object,\n  selection: Object,\n}\n\nexport const ToolbarElement = c(toolbarComponent)\n","import { TooltipProvider, tooltipFactory } from '@milkdown/kit/plugin/tooltip'\nimport type { EditorState, PluginView } from '@milkdown/kit/prose/state'\nimport { TextSelection } from '@milkdown/kit/prose/state'\nimport type { Ctx } from '@milkdown/kit/ctx'\nimport type { EditorView } from '@milkdown/kit/prose/view'\nimport type { AtomicoThis } from 'atomico/types/dom'\nimport type { DefineFeature, Icon } from '../shared'\nimport { defIfNotExists } from '../../utils'\nimport type { ToolbarProps } from './component'\nimport { ToolbarElement } from './component'\n\ninterface ToolbarConfig {\n  boldIcon: Icon\n  codeIcon: Icon\n  italicIcon: Icon\n  linkIcon: Icon\n  strikethroughIcon: Icon\n  latexIcon: Icon\n}\n\nexport type ToolbarFeatureConfig = Partial<ToolbarConfig>\n\nconst toolbar = tooltipFactory('CREPE_TOOLBAR')\n\nclass ToolbarView implements PluginView {\n  #tooltipProvider: TooltipProvider\n  #content: AtomicoThis<ToolbarProps>\n  constructor(ctx: Ctx, view: EditorView, config?: ToolbarFeatureConfig) {\n    const content = new ToolbarElement()\n    this.#content = content\n    this.#content.ctx = ctx\n    this.#content.hide = this.hide\n    this.#content.config = config\n    this.#content.selection = view.state.selection\n    this.#tooltipProvider = new TooltipProvider({\n      content: this.#content,\n      debounce: 20,\n      offset: 10,\n      shouldShow(view: EditorView) {\n        const { doc, selection } = view.state\n        const { empty, from, to } = selection\n\n        const isEmptyTextBlock =\n          !doc.textBetween(from, to).length &&\n          selection instanceof TextSelection\n\n        const isNotTextBlock = !(selection instanceof TextSelection)\n\n        const activeElement = (view.dom.getRootNode() as ShadowRoot | Document)\n          .activeElement\n        const isTooltipChildren = content.contains(activeElement)\n\n        const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n        const isReadonly = !view.editable\n\n        if (\n          notHasFocus ||\n          isNotTextBlock ||\n          empty ||\n          isEmptyTextBlock ||\n          isReadonly\n        )\n          return false\n\n        return true\n      },\n    })\n    this.#tooltipProvider.onShow = () => {\n      this.#content.show = true\n    }\n    this.#tooltipProvider.onHide = () => {\n      this.#content.show = false\n    }\n    this.update(view)\n  }\n\n  update = (view: EditorView, prevState?: EditorState) => {\n    this.#tooltipProvider.update(view, prevState)\n    this.#content.selection = view.state.selection\n  }\n\n  destroy = () => {\n    this.#tooltipProvider.destroy()\n    this.#content.remove()\n  }\n\n  hide = () => {\n    this.#tooltipProvider.hide()\n  }\n}\n\ndefIfNotExists('milkdown-toolbar', ToolbarElement)\nexport const defineFeature: DefineFeature<ToolbarFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => {\n      ctx.set(toolbar.key, {\n        view: (view) => new ToolbarView(ctx, view, config),\n      })\n    })\n    .use(toolbar)\n}\n"],"names":["ctx","selection","_tr","view"],"mappings":"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"}

package/lib/esm/index-x2oo_GmY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-x2oo_GmY.js","sources":["../../src/feature/latex/remark.ts","../../src/feature/latex/inline-tooltip/component.ts","../../src/feature/latex/inline-tooltip/tooltip.ts","../../src/feature/latex/inline-tooltip/view.ts","../../src/feature/latex/input-rule.ts","../../src/feature/latex/block-latex.ts","../../src/feature/latex/index.ts"],"sourcesContent":["import remarkMath from 'remark-math'\nimport { $remark } from '@milkdown/kit/utils'\nimport type { Node } from '@milkdown/kit/transformer'\nimport { visit } from 'unist-util-visit'\n\nexport const remarkMathPlugin = $remark<'remarkMath', undefined>(\n  'remarkMath',\n  () => remarkMath\n)\n\nfunction visitMathBlock(ast: Node) {\n  return visit(\n    ast,\n    'math',\n    (\n      node: Node & { value: string },\n      index: number,\n      parent: Node & { children: Node[] }\n    ) => {\n      const { value } = node as Node & { value: string }\n      const newNode = {\n        type: 'code',\n        lang: 'LaTeX',\n        value,\n      }\n      parent.children.splice(index, 1, newNode)\n    }\n  )\n}\n\n/// Turn math block into code block with language LaTeX.\nexport const remarkMathBlockPlugin = $remark(\n  'remarkMathBlock',\n  () => () => visitMathBlock\n)\n","import { c, h, html, type Component } from 'atomico'\nimport type { LatexConfig } from '..'\nimport type { EditorView } from '@milkdown/kit/prose/view'\n\ntype LatexEditComponentProps = {\n  config: Partial<LatexConfig>\n  innerView: EditorView\n  updateValue: () => void\n}\n\nexport const latexEditComponent: Component<LatexEditComponentProps> = ({\n  config,\n  innerView,\n  updateValue,\n}) => {\n  const onMouseDown = (e: MouseEvent) => {\n    e.preventDefault()\n    updateValue?.()\n  }\n  return html`\n    <host>\n      <div class=\"container\">\n        ${innerView && h(innerView.dom, {})}\n        <button onmousedown=${onMouseDown}>\n          ${config?.inlineEditConfirm?.()}\n        </button>\n      </div>\n    </host>\n  `\n}\n\nlatexEditComponent.props = {\n  config: Object,\n  innerView: Object,\n  updateValue: Function,\n}\n\nexport const LatexInlineEditElement = c(latexEditComponent)\n","import { tooltipFactory } from '@milkdown/kit/plugin/tooltip'\n\nexport const inlineLatexTooltip = tooltipFactory('INLINE_LATEX')\n","import type { Ctx } from '@milkdown/kit/ctx'\nimport { TooltipProvider } from '@milkdown/kit/plugin/tooltip'\nimport type { PluginView } from '@milkdown/kit/prose/state'\nimport { EditorState, NodeSelection } from '@milkdown/kit/prose/state'\nimport { EditorView } from '@milkdown/kit/prose/view'\nimport { mathInlineId } from '../inline-latex'\nimport { LatexInlineEditElement } from './component'\nimport type { LatexConfig } from '..'\nimport { keymap } from '@milkdown/kit/prose/keymap'\nimport { redo, undo } from '@milkdown/kit/prose/history'\nimport { Schema } from '@milkdown/kit/prose/model'\n\nexport class LatexInlineTooltip implements PluginView {\n  #content = new LatexInlineEditElement()\n  #provider: TooltipProvider\n  #dom: HTMLElement\n  #innerView: EditorView | null\n\n  constructor(\n    readonly ctx: Ctx,\n    view: EditorView,\n    config: Partial<LatexConfig>\n  ) {\n    this.#provider = new TooltipProvider({\n      debounce: 0,\n      content: this.#content,\n      shouldShow: this.#shouldShow,\n      offset: 10,\n      floatingUIOptions: {\n        placement: 'bottom',\n      },\n    })\n    this.#content.config = config\n    this.#provider.update(view)\n    this.#dom = document.createElement('div')\n    this.#innerView = null\n  }\n\n  #onHide = () => {\n    if (this.#innerView) {\n      this.#innerView.destroy()\n      this.#innerView = null\n    }\n  }\n\n  #shouldShow = (view: EditorView) => {\n    const shouldShow = () => {\n      const { selection, schema } = view.state\n      if (selection.empty) return false\n      if (!(selection instanceof NodeSelection)) return false\n      const node = selection.node\n      if (node.type.name !== mathInlineId) return false\n\n      const textFrom = selection.from\n\n      const paragraph = schema.nodes.paragraph!.create(\n        null,\n        schema.text(node.attrs.value)\n      )\n\n      const innerView = new EditorView(this.#dom, {\n        state: EditorState.create({\n          doc: paragraph,\n          schema: new Schema({\n            nodes: {\n              doc: {\n                content: 'block+',\n              },\n              paragraph: {\n                content: 'inline*',\n                group: 'block',\n                parseDOM: [{ tag: 'p' }],\n                toDOM() {\n                  return ['p', 0]\n                },\n              },\n              text: {\n                group: 'inline',\n              },\n            },\n          }),\n          plugins: [\n            keymap({\n              'Mod-z': undo,\n              'Mod-Z': redo,\n              'Mod-y': redo,\n              Enter: () => {\n                this.#content.updateValue?.()\n                return true\n              },\n            }),\n          ],\n        }),\n      })\n\n      this.#innerView = innerView\n      this.#content.innerView = this.#innerView\n      this.#content.updateValue = () => {\n        const { tr } = view.state\n        tr.setNodeAttribute(textFrom, 'value', innerView.state.doc.textContent)\n        view.dispatch(tr)\n        requestAnimationFrame(() => {\n          view.focus()\n        })\n      }\n      return true\n    }\n\n    const show = shouldShow()\n    if (!show) this.#onHide()\n    return show\n  }\n\n  update = (view: EditorView, prevState?: EditorState) => {\n    this.#provider.update(view, prevState)\n  }\n\n  destroy = () => {\n    this.#provider.destroy()\n    this.#content.remove()\n  }\n}\n","import { $inputRule } from '@milkdown/kit/utils'\nimport { nodeRule } from '@milkdown/kit/prose'\nimport { mathInlineSchema } from './inline-latex'\nimport { codeBlockSchema } from '@milkdown/kit/preset/commonmark'\nimport { textblockTypeInputRule } from '@milkdown/kit/prose/inputrules'\n\n/// Input rule for inline math.\n/// When you type $E=MC^2$, it will create an inline math node.\nexport const mathInlineInputRule = $inputRule((ctx) =>\n  nodeRule(/(?:\\$)([^$]+)(?:\\$)$/, mathInlineSchema.type(ctx), {\n    getAttr: (match) => {\n      return {\n        value: match[1] ?? '',\n      }\n    },\n  })\n)\n\n/// A input rule for creating block math.\n/// For example, `$$ ` will create a code block with language javascript.\nexport const mathBlockInputRule = $inputRule((ctx) =>\n  textblockTypeInputRule(/^\\$\\$[\\s\\n]$/, codeBlockSchema.type(ctx), () => ({\n    language: 'LaTeX',\n  }))\n)\n","import { codeBlockSchema } from '@milkdown/kit/preset/commonmark'\n\nexport const blockLatexSchema = codeBlockSchema.extendSchema((prev) => {\n  return (ctx) => {\n    const baseSchema = prev(ctx)\n    return {\n      ...baseSchema,\n      toMarkdown: {\n        match: baseSchema.toMarkdown.match,\n        runner: (state, node) => {\n          const language = node.attrs.language ?? ''\n          if (language.toLowerCase() === 'latex') {\n            state.addNode(\n              'math',\n              undefined,\n              node.content.firstChild?.text || ''\n            )\n          } else {\n            return baseSchema.toMarkdown.runner(state, node)\n          }\n        },\n      },\n    }\n  }\n})\n","import type { KatexOptions } from 'katex'\nimport katex from 'katex'\nimport { codeBlockConfig } from '@milkdown/kit/component/code-block'\nimport { CrepeFeature } from '../..'\nimport { FeaturesCtx } from '../../core/slice'\nimport type { DefineFeature, Icon } from '../shared'\nimport { remarkMathBlockPlugin, remarkMathPlugin } from './remark'\nimport { mathInlineSchema } from './inline-latex'\nimport { defIfNotExists } from '../../utils'\nimport { LatexInlineEditElement } from './inline-tooltip/component'\nimport { inlineLatexTooltip } from './inline-tooltip/tooltip'\nimport { LatexInlineTooltip } from './inline-tooltip/view'\nimport { confirmIcon } from '../../icons'\nimport { mathBlockInputRule, mathInlineInputRule } from './input-rule'\nimport { blockLatexSchema } from './block-latex'\n\nexport interface LatexConfig {\n  katexOptions: KatexOptions\n  inlineEditConfirm: Icon\n}\n\nexport type LatexFeatureConfig = Partial<LatexConfig>\n\ndefIfNotExists('milkdown-latex-inline-edit', LatexInlineEditElement)\nexport const defineFeature: DefineFeature<LatexFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => {\n      const flags = ctx.get(FeaturesCtx)\n      const isCodeMirrorEnabled = flags.includes(CrepeFeature.CodeMirror)\n      if (!isCodeMirrorEnabled) {\n        throw new Error('You need to enable CodeMirror to use LaTeX feature')\n      }\n\n      ctx.update(codeBlockConfig.key, (prev) => ({\n        ...prev,\n        renderPreview: (language, content) => {\n          if (language.toLowerCase() === 'latex' && content.length > 0) {\n            return renderLatex(content, config?.katexOptions)\n          }\n          const renderPreview = prev.renderPreview\n          return renderPreview(language, content)\n        },\n      }))\n\n      ctx.set(inlineLatexTooltip.key, {\n        view: (view) => {\n          return new LatexInlineTooltip(ctx, view, {\n            inlineEditConfirm: config?.inlineEditConfirm ?? (() => confirmIcon),\n            ...config,\n          })\n        },\n      })\n    })\n    .use(remarkMathPlugin)\n    .use(remarkMathBlockPlugin)\n    .use(mathInlineSchema)\n    .use(inlineLatexTooltip)\n    .use(mathInlineInputRule)\n    .use(mathBlockInputRule)\n    .use(blockLatexSchema)\n}\n\nfunction renderLatex(content: string, options?: KatexOptions) {\n  const html = katex.renderToString(content, {\n    ...options,\n    throwOnError: false,\n    displayMode: true,\n  })\n  return html\n}\n"],"names":[],"mappings":"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"}

package/src/feature/block-edit/handle/component.ts

@@ -1,54 +0,0 @@
-import { type Component, c, html, useEffect, useRef } from 'atomico'
-import { menuIcon, plusIcon } from '../../../icons'
-import type { Icon } from '../../shared'
-
-export interface BlockHandleProps {
-  show: boolean
-  onAdd: () => void
-  addIcon?: Icon
-  handleIcon?: Icon
-}
-
-const blockHandleComponent: Component<BlockHandleProps> = ({
-  onAdd,
-  addIcon,
-  handleIcon,
-}) => {
-  const ref = useRef<HTMLDivElement>()
-  useEffect(() => {
-    ref.current?.classList.remove('active')
-  })
-  const onMouseDown = (e: MouseEvent) => {
-    e.preventDefault()
-    e.stopPropagation()
-    ref.current?.classList.add('active')
-  }
-  const onMouseUp = (e: MouseEvent) => {
-    e.preventDefault()
-    e.stopPropagation()
-    onAdd?.()
-    ref.current?.classList.remove('active')
-  }
-  return html`
-    <host>
-      <div
-        ref=${ref}
-        onmousedown=${onMouseDown}
-        onmouseup=${onMouseUp}
-        class="operation-item"
-      >
-        ${addIcon?.() || plusIcon}
-      </div>
-      <div class="operation-item">${handleIcon?.() || menuIcon}</div>
-    </host>
-  `
-}
-
-blockHandleComponent.props = {
-  show: Boolean,
-  onAdd: Function,
-  addIcon: Function,
-  handleIcon: Function,
-}
-
-export const BlockHandleElement = c(blockHandleComponent)

package/src/feature/block-edit/menu/component.ts

@@ -1,241 +0,0 @@
-import type { Component } from 'atomico'
-import {
-  c,
-  html,
-  useCallback,
-  useEffect,
-  useHost,
-  useMemo,
-  useRef,
-  useState,
-} from 'atomico'
-import type { Ctx } from '@milkdown/kit/ctx'
-import type { BlockEditFeatureConfig } from '../index'
-import { getGroups } from './config'
-
-export interface MenuProps {
-  ctx: Ctx
-  show: boolean
-  filter: string
-  hide: () => void
-  config?: BlockEditFeatureConfig
-}
-
-export const menuComponent: Component<MenuProps> = ({
-  show,
-  hide,
-  ctx,
-  filter,
-  config,
-}) => {
-  const { groups, size } = useMemo(
-    () => getGroups(filter, config, ctx),
-    [filter]
-  )
-
-  const host = useHost()
-  const [hoverIndex, setHoverIndex] = useState(0)
-
-  const root = useMemo(() => host.current.getRootNode() as HTMLElement, [host])
-
-  const prevMousePosition = useRef({ x: -999, y: -999 })
-
-  const onMouseMove = useCallback((e: MouseEvent) => {
-    const prevPos = prevMousePosition.current
-    if (!prevPos) return
-
-    const { x, y } = e
-    prevPos.x = x
-    prevPos.y = y
-  }, [])
-
-  useEffect(() => {
-    if (size === 0 && show) hide?.()
-    else if (hoverIndex >= size) setHoverIndex(0)
-  }, [size, show])
-
-  const onHover = useCallback(
-    (
-      index: number | ((prev: number) => number),
-      after?: (index: number) => void
-    ) => {
-      setHoverIndex((prev) => {
-        const next = typeof index === 'function' ? index(prev) : index
-
-        after?.(next)
-        return next
-      })
-    },
-    []
-  )
-
-  const scrollToIndex = useCallback((index: number) => {
-    const target = host.current.querySelector<HTMLElement>(
-      `[data-index="${index}"]`
-    )
-    const scrollRoot = host.current.querySelector<HTMLElement>('.menu-groups')
-
-    if (!target || !scrollRoot) return
-
-    scrollRoot.scrollTop = target.offsetTop - scrollRoot.offsetTop
-  }, [])
-
-  const runByIndex = useCallback(
-    (index: number) => {
-      const item = groups.flatMap((group) => group.items).at(index)
-      if (item && ctx) item.onRun(ctx)
-
-      hide?.()
-    },
-    [groups]
-  )
-
-  const onKeydown = useCallback(
-    (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        e.preventDefault()
-        hide?.()
-        return
-      }
-
-      if (e.key === 'ArrowDown') {
-        e.preventDefault()
-        return onHover(
-          (index) => (index < size - 1 ? index + 1 : index),
-          scrollToIndex
-        )
-      }
-
-      if (e.key === 'ArrowUp') {
-        e.preventDefault()
-        return onHover(
-          (index) => (index <= 0 ? index : index - 1),
-          scrollToIndex
-        )
-      }
-
-      if (e.key === 'ArrowLeft') {
-        e.preventDefault()
-        return onHover((index) => {
-          const group = groups.find(
-            (group) => group.range[0] <= index && group.range[1] > index
-          )
-          if (!group) return index
-
-          const prevGroup = groups[groups.indexOf(group) - 1]
-          if (!prevGroup) return index
-
-          return prevGroup.range[1] - 1
-        }, scrollToIndex)
-      }
-
-      if (e.key === 'ArrowRight') {
-        e.preventDefault()
-        return onHover((index) => {
-          const group = groups.find(
-            (group) => group.range[0] <= index && group.range[1] > index
-          )
-          if (!group) return index
-
-          const nextGroup = groups[groups.indexOf(group) + 1]
-          if (!nextGroup) return index
-
-          return nextGroup.range[0]
-        }, scrollToIndex)
-      }
-
-      if (e.key === 'Enter') {
-        e.preventDefault()
-        runByIndex(hoverIndex)
-      }
-    },
-    [hide, groups, hoverIndex]
-  )
-
-  const onMouseEnter = useCallback((index: number) => {
-    return (e: MouseEvent) => {
-      const prevPos = prevMousePosition.current
-      if (!prevPos) return
-
-      const { x, y } = e
-      if (x === prevPos.x && y === prevPos.y) return
-
-      onHover(index)
-    }
-  }, [])
-
-  useEffect(() => {
-    if (show) root.addEventListener('keydown', onKeydown, { capture: true })
-    else root.removeEventListener('keydown', onKeydown, { capture: true })
-
-    return () => {
-      root.removeEventListener('keydown', onKeydown, { capture: true })
-    }
-  }, [show, onKeydown])
-
-  return html`
-    <host onmousedown=${(e: MouseEvent) => e.preventDefault()}>
-      <nav class="tab-group">
-        <ul>
-          ${groups.map(
-            (group) =>
-              html`<li
-                key=${group.key}
-                onmousedown=${() => onHover(group.range[0], scrollToIndex)}
-                class=${hoverIndex >= group.range[0] &&
-                hoverIndex < group.range[1]
-                  ? 'selected'
-                  : ''}
-              >
-                ${group.label}
-              </li>`
-          )}
-        </ul>
-      </nav>
-      <div class="menu-groups" onmousemove=${onMouseMove}>
-        ${groups.map((group) => {
-          return html`
-            <div key=${group.key} class="menu-group">
-              <h6>${group.label}</h6>
-              <ul>
-                ${group.items.map(
-                  (item) =>
-                    html`<li
-                      key=${item.key}
-                      data-index=${item.index}
-                      class=${hoverIndex === item.index ? 'hover' : ''}
-                      onmouseenter=${onMouseEnter(item.index)}
-                      onmousedown=${() => {
-                        host.current
-                          .querySelector(`[data-index="${item.index}"]`)
-                          ?.classList.add('active')
-                      }}
-                      onmouseup=${() => {
-                        host.current
-                          .querySelector(`[data-index="${item.index}"]`)
-                          ?.classList.remove('active')
-                        runByIndex(item.index)
-                      }}
-                    >
-                      ${item.icon}
-                      <span>${item.label}</span>
-                    </li>`
-                )}
-              </ul>
-            </div>
-          `
-        })}
-      </div>
-    </host>
-  `
-}
-
-menuComponent.props = {
-  ctx: Object,
-  config: Object,
-  show: Boolean,
-  filter: String,
-  hide: Function,
-}
-
-export const MenuElement = c(menuComponent)