@milkdown/crepe 7.11.1 → 7.12.0

package/src/feature/placeholder/index.ts

@@ -8,7 +8,9 @@ import { $ctx, $prose } from '@milkdown/kit/utils'
 
 import type { DefineFeature } from '../shared'
 
+import { crepeFeatureConfig } from '../../core/slice'
 import { isInCodeBlock, isInList } from '../../utils'
+import { CrepeFeature } from '../index'
 
 function isDocEmpty(doc: Node) {
   return doc.childCount <= 1 && !doc.firstChild?.content.size
@@ -41,7 +43,7 @@ interface PlaceholderConfig {
   mode: 'doc' | 'block'
 }
 
-export type PlaceHolderFeatureConfig = Partial<PlaceholderConfig>
+export type PlaceholderFeatureConfig = Partial<PlaceholderConfig>
 
 export const placeholderConfig = $ctx(
   {
@@ -72,11 +74,12 @@ export const placeholderPlugin = $prose((ctx) => {
   })
 })
 
-export const defineFeature: DefineFeature<PlaceHolderFeatureConfig> = (
+export const placeholder: DefineFeature<PlaceholderFeatureConfig> = (
   editor,
   config
 ) => {
   editor
+    .config(crepeFeatureConfig(CrepeFeature.Placeholder))
     .config((ctx) => {
       if (config) {
         ctx.update(placeholderConfig.key, (prev) => {

package/src/feature/shared.ts

@@ -3,6 +3,4 @@ import type { Editor } from '@milkdown/kit/core'
 export type DefineFeature<Config = unknown> = (
   editor: Editor,
   config?: Config
-) => void | Promise<void>
-
-export type Icon = () => string
+) => void

package/src/feature/table/index.ts

@@ -3,8 +3,9 @@ import {
   tableBlockConfig,
 } from '@milkdown/kit/component/table-block'
 
-import type { DefineFeature, Icon } from '../shared'
+import type { DefineFeature } from '../shared'
 
+import { crepeFeatureConfig } from '../../core/slice'
 import {
   alignCenterIcon,
   alignLeftIcon,
@@ -13,49 +14,48 @@ import {
   plusIcon,
   removeIcon,
 } from '../../icons'
+import { CrepeFeature } from '../index'
 
 interface TableConfig {
-  addRowIcon: Icon
-  addColIcon: Icon
-  deleteRowIcon: Icon
-  deleteColIcon: Icon
-  alignLeftIcon: Icon
-  alignCenterIcon: Icon
-  alignRightIcon: Icon
-  colDragHandleIcon: Icon
-  rowDragHandleIcon: Icon
+  addRowIcon: string
+  addColIcon: string
+  deleteRowIcon: string
+  deleteColIcon: string
+  alignLeftIcon: string
+  alignCenterIcon: string
+  alignRightIcon: string
+  colDragHandleIcon: string
+  rowDragHandleIcon: string
 }
 
 export type TableFeatureConfig = Partial<TableConfig>
 
-export const defineFeature: DefineFeature<TableFeatureConfig> = (
-  editor,
-  config
-) => {
+export const table: DefineFeature<TableFeatureConfig> = (editor, config) => {
   editor
+    .config(crepeFeatureConfig(CrepeFeature.Table))
     .config((ctx) => {
       ctx.update(tableBlockConfig.key, (defaultConfig) => ({
         ...defaultConfig,
         renderButton: (renderType) => {
           switch (renderType) {
             case 'add_row':
-              return config?.addRowIcon?.() ?? plusIcon
+              return config?.addRowIcon ?? plusIcon
             case 'add_col':
-              return config?.addColIcon?.() ?? plusIcon
+              return config?.addColIcon ?? plusIcon
             case 'delete_row':
-              return config?.deleteRowIcon?.() ?? removeIcon
+              return config?.deleteRowIcon ?? removeIcon
             case 'delete_col':
-              return config?.deleteColIcon?.() ?? removeIcon
+              return config?.deleteColIcon ?? removeIcon
             case 'align_col_left':
-              return config?.alignLeftIcon?.() ?? alignLeftIcon
+              return config?.alignLeftIcon ?? alignLeftIcon
             case 'align_col_center':
-              return config?.alignCenterIcon?.() ?? alignCenterIcon
+              return config?.alignCenterIcon ?? alignCenterIcon
             case 'align_col_right':
-              return config?.alignRightIcon?.() ?? alignRightIcon
+              return config?.alignRightIcon ?? alignRightIcon
             case 'col_drag_handle':
-              return config?.colDragHandleIcon?.() ?? dragHandleIcon
+              return config?.colDragHandleIcon ?? dragHandleIcon
             case 'row_drag_handle':
-              return config?.rowDragHandleIcon?.() ?? dragHandleIcon
+              return config?.rowDragHandleIcon ?? dragHandleIcon
           }
         },
       }))

package/src/feature/toolbar/component.tsx

@@ -27,8 +27,8 @@ import { defineComponent, type Ref, type ShallowRef, h, Fragment } from 'vue'
 
 import type { ToolbarFeatureConfig } from '.'
 
-import { CrepeFeature } from '../..'
-import { FeaturesCtx } from '../../core/slice'
+import { useCrepeFeatures } from '../../core/slice'
+import { CrepeFeature } from '../../feature'
 import {
   boldIcon,
   codeIcon,
@@ -114,7 +114,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
       return hasNode
     }
 
-    const flags = ctx?.get(FeaturesCtx)
+    const flags = useCrepeFeatures(ctx).get()
     const isLatexEnabled = flags?.includes(CrepeFeature.Latex)
 
     const toggleLatex = (ctx: Ctx) => {
@@ -172,7 +172,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               commands.call(toggleStrongCommand.key)
             })}
           >
-            <Icon icon={config?.boldIcon?.() ?? boldIcon} />
+            <Icon icon={config?.boldIcon ?? boldIcon} />
           </button>
           <button
             type="button"
@@ -185,7 +185,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               commands.call(toggleEmphasisCommand.key)
             })}
           >
-            <Icon icon={config?.italicIcon?.() ?? italicIcon} />
+            <Icon icon={config?.italicIcon ?? italicIcon} />
           </button>
           <button
             type="button"
@@ -198,7 +198,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               commands.call(toggleStrikethroughCommand.key)
             })}
           >
-            <Icon icon={config?.strikethroughIcon?.() ?? strikethroughIcon} />
+            <Icon icon={config?.strikethroughIcon ?? strikethroughIcon} />
           </button>
           <div class="divider"></div>
           <button
@@ -212,7 +212,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               commands.call(toggleInlineCodeCommand.key)
             })}
           >
-            <Icon icon={config?.codeIcon?.() ?? codeIcon} />
+            <Icon icon={config?.codeIcon ?? codeIcon} />
           </button>
           {isLatexEnabled && (
             <button
@@ -223,7 +223,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               )}
               onPointerdown={onClick(toggleLatex)}
             >
-              <Icon icon={config?.latexIcon?.() ?? functionsIcon} />
+              <Icon icon={config?.latexIcon ?? functionsIcon} />
             </button>
           )}
           <button
@@ -247,7 +247,7 @@ export const Toolbar = defineComponent<ToolbarProps>({
               hide?.()
             })}
           >
-            <Icon icon={config?.linkIcon?.() ?? linkIcon} />
+            <Icon icon={config?.linkIcon ?? linkIcon} />
           </button>
         </>
       )

package/src/feature/toolbar/index.ts

@@ -10,22 +10,24 @@ import { TooltipProvider, tooltipFactory } from '@milkdown/kit/plugin/tooltip'
 import { TextSelection } from '@milkdown/kit/prose/state'
 import { createApp, ref, shallowRef, type App, type ShallowRef } from 'vue'
 
-import type { DefineFeature, Icon } from '../shared'
+import type { DefineFeature } from '../shared'
 
+import { crepeFeatureConfig } from '../../core/slice'
+import { CrepeFeature } from '../../feature'
 import { Toolbar } from './component'
 
 interface ToolbarConfig {
-  boldIcon: Icon
-  codeIcon: Icon
-  italicIcon: Icon
-  linkIcon: Icon
-  strikethroughIcon: Icon
-  latexIcon: Icon
+  boldIcon: string
+  codeIcon: string
+  italicIcon: string
+  linkIcon: string
+  strikethroughIcon: string
+  latexIcon: string
 }
 
 export type ToolbarFeatureConfig = Partial<ToolbarConfig>
 
-const toolbar = tooltipFactory('CREPE_TOOLBAR')
+const toolbarTooltip = tooltipFactory('CREPE_TOOLBAR')
 
 class ToolbarView implements PluginView {
   #tooltipProvider: TooltipProvider
@@ -108,15 +110,16 @@ class ToolbarView implements PluginView {
   }
 }
 
-export const defineFeature: DefineFeature<ToolbarFeatureConfig> = (
+export const toolbar: DefineFeature<ToolbarFeatureConfig> = (
   editor,
   config
 ) => {
   editor
+    .config(crepeFeatureConfig(CrepeFeature.Toolbar))
     .config((ctx) => {
-      ctx.set(toolbar.key, {
+      ctx.set(toolbarTooltip.key, {
         view: (view) => new ToolbarView(ctx, view, config),
       })
     })
-    .use(toolbar)
+    .use(toolbarTooltip)
 }

package/src/icons/index.ts

@@ -35,3 +35,4 @@ export * from './table'
 export * from './text'
 export * from './todo-list'
 export * from './functions'
+export * from './visibility-off'

package/src/index.ts

@@ -1,2 +1,2 @@
 export { CrepeFeature } from './feature'
-export { Crepe, type CrepeConfig, crepeCtx } from './core'
+export * from './core'

package/src/utils/index.ts

@@ -9,11 +9,3 @@ export function isInList(selection: Selection) {
   const type = selection.$from.node(selection.$from.depth - 1)?.type
   return type?.name === 'list_item'
 }
-
-export function defIfNotExists(
-  tagName: string,
-  element: CustomElementConstructor
-) {
-  if (customElements.get(tagName) == null)
-    customElements.define(tagName, element)
-}

package/lib/cjs/confirm-CNveM9QH.js

@@ -1,26 +0,0 @@
-'use strict';
-
-const confirmIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-  >
-    <g clip-path="url(#clip0_1013_1606)">
-      <path
-        d="M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z"
-        fill="#817567"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1013_1606">
-        <rect width="24" height="24" />
-      </clipPath>
-    </defs>
-  </svg>
-`;
-
-exports.confirmIcon = confirmIcon;
-//# sourceMappingURL=confirm-CNveM9QH.js.map

package/lib/cjs/confirm-CNveM9QH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-CNveM9QH.js","sources":["../../src/icons/confirm.ts"],"sourcesContent":["export const confirmIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n  >\n    <g clip-path=\"url(#clip0_1013_1606)\">\n      <path\n        d=\"M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z\"\n        fill=\"#817567\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1013_1606\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n"],"names":[],"mappings":";;AAAO,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/lib/cjs/edit-BUtBJHpV.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const editIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <g clip-path="url(#clip0_1013_1585)">
-      <path
-        d="M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_1013_1585">
-        <rect width="24" height="24" />
-      </clipPath>
-    </defs>
-  </svg>
-`;
-
-exports.editIcon = editIcon;
-//# sourceMappingURL=edit-BUtBJHpV.js.map

package/lib/cjs/edit-BUtBJHpV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-BUtBJHpV.js","sources":["../../src/icons/edit.ts"],"sourcesContent":["export const editIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_1013_1585)\">\n      <path\n        d=\"M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_1013_1585\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n"],"names":[],"mappings":";;AAAO,MAAM,QAAW,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/lib/cjs/functions-BAY51plB.js

@@ -1,39 +0,0 @@
-'use strict';
-
-const codeIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <g clip-path="url(#clip0_977_8081)">
-      <path
-        d="M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8081">
-        <rect width="24" height="24" />
-      </clipPath>
-    </defs>
-  </svg>
-`;
-
-const functionsIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="32"
-    height="32"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="currentColor"
-      d="M7 19v-.808L13.096 12L7 5.808V5h10v1.25H9.102L14.727 12l-5.625 5.77H17V19z"
-    />
-  </svg>
-`;
-
-exports.codeIcon = codeIcon;
-exports.functionsIcon = functionsIcon;
-//# sourceMappingURL=functions-BAY51plB.js.map

package/lib/cjs/functions-BAY51plB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"functions-BAY51plB.js","sources":["../../src/icons/code.ts","../../src/icons/functions.ts"],"sourcesContent":["export const codeIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8081)\">\n      <path\n        d=\"M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8081\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const functionsIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M7 19v-.808L13.096 12L7 5.808V5h10v1.25H9.102L14.727 12l-5.625 5.77H17V19z\"\n    />\n  </svg>\n`\n"],"names":[],"mappings":";;AAAO,MAAM,QAAW,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;ACAjB,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

package/lib/cjs/image-BXLkOVnO.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const imageIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-  >
-    <g clip-path="url(#clip0_977_8075)">
-      <path
-        d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8075">
-        <rect width="24" height="24" />
-      </clipPath>
-    </defs>
-  </svg>
-`;
-
-exports.imageIcon = imageIcon;
-//# sourceMappingURL=image-BXLkOVnO.js.map

package/lib/cjs/image-BXLkOVnO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-BXLkOVnO.js","sources":["../../src/icons/image.ts"],"sourcesContent":["export const imageIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <g clip-path=\"url(#clip0_977_8075)\">\n      <path\n        d=\"M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_977_8075\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n"],"names":[],"mappings":";;AAAO,MAAM,SAAY,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/lib/cjs/index-2icTTGim.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-2icTTGim.js","sources":["../../src/feature/latex/block-latex.ts","../../src/feature/latex/inline-tooltip/tooltip.ts","../../src/feature/latex/inline-tooltip/component.tsx","../../src/feature/latex/inline-tooltip/view.ts","../../src/feature/latex/input-rule.ts","../../src/feature/latex/remark.ts","../../src/feature/latex/index.ts"],"sourcesContent":["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 { tooltipFactory } from '@milkdown/kit/plugin/tooltip'\n\nexport const inlineLatexTooltip = tooltipFactory('INLINE_LATEX')\n","import type { EditorView } from '@milkdown/kit/prose/view'\n\nimport { Icon } from '@milkdown/kit/component'\nimport { defineComponent, type ShallowRef, type VNodeRef, h } from 'vue'\n\nimport type { LatexConfig } from '..'\n\ntype LatexTooltipProps = {\n  config: Partial<LatexConfig>\n  innerView: ShallowRef<EditorView | null>\n  updateValue: ShallowRef<() => void>\n}\n\nh\n\nexport const LatexTooltip = defineComponent<LatexTooltipProps>({\n  props: {\n    config: {\n      type: Object,\n      required: true,\n    },\n    innerView: {\n      type: Object,\n      required: true,\n    },\n    updateValue: {\n      type: Object,\n      required: true,\n    },\n  },\n  setup(props) {\n    const innerViewRef: VNodeRef = (el) => {\n      if (!el || !(el instanceof HTMLElement)) return\n      while (el.firstChild) {\n        el.removeChild(el.firstChild)\n      }\n      if (props.innerView.value) {\n        el.appendChild(props.innerView.value.dom)\n      }\n    }\n    const onUpdate = (e: Event) => {\n      e.preventDefault()\n      props.updateValue.value()\n    }\n\n    return () => {\n      return (\n        <div class=\"container\">\n          {props.innerView && <div ref={innerViewRef} />}\n          <button onPointerdown={onUpdate}>\n            <Icon icon={props.config.inlineEditConfirm?.()} />\n          </button>\n        </div>\n      )\n    }\n  },\n})\n","import type { Ctx } from '@milkdown/kit/ctx'\nimport type { PluginView } from '@milkdown/kit/prose/state'\n\nimport { TooltipProvider } from '@milkdown/kit/plugin/tooltip'\nimport { redo, undo } from '@milkdown/kit/prose/history'\nimport { keymap } from '@milkdown/kit/prose/keymap'\nimport { Schema } from '@milkdown/kit/prose/model'\nimport { EditorState, NodeSelection } from '@milkdown/kit/prose/state'\nimport { EditorView } from '@milkdown/kit/prose/view'\nimport { createApp, shallowRef, type App, type ShallowRef } from 'vue'\n\nimport type { LatexConfig } from '..'\n\nimport { mathInlineId } from '../inline-latex'\nimport { LatexTooltip } from './component'\n\nexport class LatexInlineTooltip implements PluginView {\n  #content: HTMLElement\n  #provider: TooltipProvider\n  #dom: HTMLElement\n  #innerView: ShallowRef<EditorView | null> = shallowRef(null)\n  #updateValue: ShallowRef<() => void> = shallowRef(() => {})\n  #app: App\n\n  constructor(\n    readonly ctx: Ctx,\n    view: EditorView,\n    config: Partial<LatexConfig>\n  ) {\n    const content = document.createElement('div')\n    content.className = 'milkdown-latex-inline-edit'\n    this.#content = content\n    this.#app = createApp(LatexTooltip, {\n      config,\n      innerView: this.#innerView,\n      updateValue: this.#updateValue,\n    })\n    this.#app.mount(content)\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.#provider.update(view)\n    this.#dom = document.createElement('div')\n  }\n\n  #onHide = () => {\n    if (this.#innerView.value) {\n      this.#innerView.value.destroy()\n      this.#innerView.value = 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.#updateValue.value()\n                return true\n              },\n            }),\n          ],\n        }),\n      })\n\n      this.#innerView.value = innerView\n      this.#updateValue.value = () => {\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.#app.unmount()\n    this.#provider.destroy()\n    this.#content.remove()\n  }\n}\n","import { codeBlockSchema } from '@milkdown/kit/preset/commonmark'\nimport { nodeRule } from '@milkdown/kit/prose'\nimport { textblockTypeInputRule } from '@milkdown/kit/prose/inputrules'\nimport { $inputRule } from '@milkdown/kit/utils'\n\nimport { mathInlineSchema } from './inline-latex'\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 type { Node } from '@milkdown/kit/transformer'\n\nimport { $remark } from '@milkdown/kit/utils'\nimport remarkMath from 'remark-math'\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 type { KatexOptions } from 'katex'\n\nimport { codeBlockConfig } from '@milkdown/kit/component/code-block'\nimport katex from 'katex'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport { CrepeFeature } from '../..'\nimport { FeaturesCtx } from '../../core/slice'\nimport { confirmIcon } from '../../icons'\nimport { blockLatexSchema } from './block-latex'\nimport { mathInlineSchema } from './inline-latex'\nimport { inlineLatexTooltip } from './inline-tooltip/tooltip'\nimport { LatexInlineTooltip } from './inline-tooltip/view'\nimport { mathBlockInputRule, mathInlineInputRule } from './input-rule'\nimport { remarkMathBlockPlugin, remarkMathPlugin } from './remark'\n\nexport interface LatexConfig {\n  katexOptions: KatexOptions\n  inlineEditConfirm: Icon\n}\n\nexport type LatexFeatureConfig = Partial<LatexConfig>\n\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":["codeBlockSchema","tooltipFactory","defineComponent","h","Icon","view","shallowRef","NodeSelection","mathInlineId","EditorView","EditorState","Schema","keymap","undo","redo","createApp","TooltipProvider","$inputRule","nodeRule","mathInlineSchema","textblockTypeInputRule","$remark","visit","FeaturesCtx","CrepeFeature","codeBlockConfig","confirmIcon"],"mappings":"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"}

package/lib/cjs/index-B91KhPew.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-B91KhPew.js","sources":["../../src/feature/placeholder/index.ts"],"sourcesContent":["import type { Node } from '@milkdown/kit/prose/model'\nimport type { EditorState } from '@milkdown/kit/prose/state'\n\nimport { findParent } from '@milkdown/kit/prose'\nimport { Plugin, PluginKey } from '@milkdown/kit/prose/state'\nimport { Decoration, DecorationSet } from '@milkdown/kit/prose/view'\nimport { $ctx, $prose } from '@milkdown/kit/utils'\n\nimport type { DefineFeature } from '../shared'\n\nimport { isInCodeBlock, isInList } from '../../utils'\n\nfunction isDocEmpty(doc: Node) {\n  return doc.childCount <= 1 && !doc.firstChild?.content.size\n}\n\nfunction createPlaceholderDecoration(\n  state: EditorState,\n  placeholderText: string\n): Decoration | null {\n  const { selection } = state\n  if (!selection.empty) return null\n\n  const $pos = selection.$anchor\n  const node = $pos.parent\n  if (node.content.size > 0) return null\n\n  const inTable = findParent((node) => node.type.name === 'table')($pos)\n  if (inTable) return null\n\n  const before = $pos.before()\n\n  return Decoration.node(before, before + node.nodeSize, {\n    class: 'crepe-placeholder',\n    'data-placeholder': placeholderText,\n  })\n}\n\ninterface PlaceholderConfig {\n  text: string\n  mode: 'doc' | 'block'\n}\n\nexport type PlaceHolderFeatureConfig = Partial<PlaceholderConfig>\n\nexport const placeholderConfig = $ctx(\n  {\n    text: 'Please enter...',\n    mode: 'block',\n  } as PlaceholderConfig,\n  'placeholderConfigCtx'\n)\n\nexport const placeholderPlugin = $prose((ctx) => {\n  return new Plugin({\n    key: new PluginKey('CREPE_PLACEHOLDER'),\n    props: {\n      decorations: (state) => {\n        const config = ctx.get(placeholderConfig.key)\n        if (config.mode === 'doc' && !isDocEmpty(state.doc)) return null\n\n        if (isInCodeBlock(state.selection) || isInList(state.selection))\n          return null\n\n        const placeholderText = config.text ?? 'Please enter...'\n        const deco = createPlaceholderDecoration(state, placeholderText)\n        if (!deco) return null\n\n        return DecorationSet.create(state.doc, [deco])\n      },\n    },\n  })\n})\n\nexport const defineFeature: DefineFeature<PlaceHolderFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => {\n      if (config) {\n        ctx.update(placeholderConfig.key, (prev) => {\n          return {\n            ...prev,\n            ...config,\n          }\n        })\n      }\n    })\n    .use(placeholderPlugin)\n    .use(placeholderConfig)\n}\n"],"names":["findParent","node","Decoration","$ctx","$prose","Plugin","PluginKey","isInCodeBlock","isInList","DecorationSet"],"mappings":";;;;;;;;AAYA,SAAS,WAAW,GAAW,EAAA;AAZ/B,EAAA,IAAA,EAAA;AAaE,EAAA,OAAO,IAAI,UAAc,IAAA,CAAA,IAAK,GAAC,EAAI,GAAA,GAAA,CAAA,UAAA,KAAJ,mBAAgB,OAAQ,CAAA,IAAA,CAAA;AACzD;AAEA,SAAS,2BAAA,CACP,OACA,eACmB,EAAA;AACnB,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAI,IAAA,CAAC,SAAU,CAAA,KAAA,EAAc,OAAA,IAAA;AAE7B,EAAA,MAAM,OAAO,SAAU,CAAA,OAAA;AACvB,EAAA,MAAM,OAAO,IAAK,CAAA,MAAA;AAClB,EAAA,IAAI,IAAK,CAAA,OAAA,CAAQ,IAAO,GAAA,CAAA,EAAU,OAAA,IAAA;AAElC,EAAM,MAAA,OAAA,GAAUA,iBAAW,CAACC,KAAAA,KAASA,MAAK,IAAK,CAAA,IAAA,KAAS,OAAO,CAAA,CAAE,IAAI,CAAA;AACrE,EAAA,IAAI,SAAgB,OAAA,IAAA;AAEpB,EAAM,MAAA,MAAA,GAAS,KAAK,MAAO,EAAA;AAE3B,EAAA,OAAOC,eAAW,CAAA,IAAA,CAAK,MAAQ,EAAA,MAAA,GAAS,KAAK,QAAU,EAAA;AAAA,IACrD,KAAO,EAAA,mBAAA;AAAA,IACP,kBAAoB,EAAA;AAAA,GACrB,CAAA;AACH;AASO,MAAM,iBAAoB,GAAAC,UAAA;AAAA,EAC/B;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA;AACF;AAEa,MAAA,iBAAA,GAAoBC,YAAO,CAAA,CAAC,GAAQ,KAAA;AAC/C,EAAA,OAAO,IAAIC,YAAO,CAAA;AAAA,IAChB,GAAA,EAAK,IAAIC,eAAA,CAAU,mBAAmB,CAAA;AAAA,IACtC,KAAO,EAAA;AAAA,MACL,WAAA,EAAa,CAAC,KAAU,KAAA;AAzD9B,QAAA,IAAA,EAAA;AA0DQ,QAAA,MAAM,MAAS,GAAA,GAAA,CAAI,GAAI,CAAA,iBAAA,CAAkB,GAAG,CAAA;AAC5C,QAAI,IAAA,MAAA,CAAO,SAAS,KAAS,IAAA,CAAC,WAAW,KAAM,CAAA,GAAG,GAAU,OAAA,IAAA;AAE5D,QAAA,IAAIC,oBAAc,KAAM,CAAA,SAAS,CAAK,IAAAC,cAAA,CAAS,MAAM,SAAS,CAAA;AAC5D,UAAO,OAAA,IAAA;AAET,QAAM,MAAA,eAAA,GAAA,CAAkB,EAAO,GAAA,MAAA,CAAA,IAAA,KAAP,IAAe,GAAA,EAAA,GAAA,iBAAA;AACvC,QAAM,MAAA,IAAA,GAAO,2BAA4B,CAAA,KAAA,EAAO,eAAe,CAAA;AAC/D,QAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAElB,QAAA,OAAOC,mBAAc,MAAO,CAAA,KAAA,CAAM,GAAK,EAAA,CAAC,IAAI,CAAC,CAAA;AAAA;AAC/C;AACF,GACD,CAAA;AACH,CAAC;AAEY,MAAA,aAAA,GAAyD,CACpE,MAAA,EACA,MACG,KAAA;AACH,EACG,MAAA,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA;AACf,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,GAAA,CAAI,MAAO,CAAA,iBAAA,CAAkB,GAAK,EAAA,CAAC,IAAS,KAAA;AAC1C,QAAO,OAAA;AAAA,UACL,GAAG,IAAA;AAAA,UACH,GAAG;AAAA,SACL;AAAA,OACD,CAAA;AAAA;AACH,GACD,CACA,CAAA,GAAA,CAAI,iBAAiB,CAAA,CACrB,IAAI,iBAAiB,CAAA;AAC1B;;;;;;"}

package/lib/cjs/index-BsrJn8Jp.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var linkTooltip = require('@milkdown/kit/component/link-tooltip');
-var confirm = require('./confirm-CNveM9QH.js');
-var edit = require('./edit-BUtBJHpV.js');
-var remove = require('./remove-Ba-ypwBf.js');
-
-const copyIcon = `
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    height="24px"
-    viewBox="0 -960 960 960"
-    width="24px"
-    fill="none"
-  >
-    <path
-      d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"
-    />
-  </svg>
-`;
-
-const defineFeature = (editor, config) => {
-  editor.config(linkTooltip.configureLinkTooltip).config((ctx) => {
-    ctx.update(linkTooltip.linkTooltipConfig.key, (prev) => {
-      var _a, _b, _c, _d, _e, _f;
-      return {
-        ...prev,
-        linkIcon: (_a = config == null ? void 0 : config.linkIcon) != null ? _a : () => copyIcon,
-        editButton: (_b = config == null ? void 0 : config.editButton) != null ? _b : () => edit.editIcon,
-        removeButton: (_c = config == null ? void 0 : config.removeButton) != null ? _c : () => remove.removeIcon,
-        confirmButton: (_d = config == null ? void 0 : config.confirmButton) != null ? _d : () => confirm.confirmIcon,
-        inputPlaceholder: (_e = config == null ? void 0 : config.inputPlaceholder) != null ? _e : "Paste link...",
-        onCopyLink: (_f = config == null ? void 0 : config.onCopyLink) != null ? _f : () => {
-        }
-      };
-    });
-  }).use(linkTooltip.linkTooltipPlugin);
-};
-
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-BsrJn8Jp.js.map

package/lib/cjs/index-BsrJn8Jp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BsrJn8Jp.js","sources":["../../src/icons/copy.ts","../../src/feature/link-tooltip/index.ts"],"sourcesContent":["export const copyIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"none\"\n  >\n    <path\n      d=\"M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z\"\n    />\n  </svg>\n`\n","import {\n  configureLinkTooltip,\n  linkTooltipConfig,\n  linkTooltipPlugin,\n} from '@milkdown/kit/component/link-tooltip'\n\nimport type { DefineFeature, Icon } from '../shared'\n\nimport { copyIcon, editIcon, removeIcon, confirmIcon } from '../../icons'\n\ninterface LinkTooltipConfig {\n  linkIcon: Icon\n  editButton: Icon\n  removeButton: Icon\n  confirmButton: Icon\n  inputPlaceholder: string\n  onCopyLink: (link: string) => void\n}\n\nexport type LinkTooltipFeatureConfig = Partial<LinkTooltipConfig>\n\nexport const defineFeature: DefineFeature<LinkTooltipFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config(configureLinkTooltip)\n    .config((ctx) => {\n      ctx.update(linkTooltipConfig.key, (prev) => ({\n        ...prev,\n        linkIcon: config?.linkIcon ?? (() => copyIcon),\n        editButton: config?.editButton ?? (() => editIcon),\n        removeButton: config?.removeButton ?? (() => removeIcon),\n        confirmButton: config?.confirmButton ?? (() => confirmIcon),\n        inputPlaceholder: config?.inputPlaceholder ?? 'Paste link...',\n        onCopyLink: config?.onCopyLink ?? (() => {}),\n      }))\n    })\n    .use(linkTooltipPlugin)\n}\n"],"names":["configureLinkTooltip","linkTooltipConfig","editIcon","removeIcon","confirmIcon","linkTooltipPlugin"],"mappings":";;;;;;;AAAO,MAAM,QAAW,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACqBX,MAAA,aAAA,GAAyD,CACpE,MAAA,EACA,MACG,KAAA;AACH,EAAA,MAAA,CACG,MAAO,CAAAA,gCAAoB,CAC3B,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA;AACf,IAAA,GAAA,CAAI,MAAO,CAAAC,6BAAA,CAAkB,GAAK,EAAA,CAAC,IAAM,KAAA;AA5B/C,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA4BmD,MAAA,OAAA;AAAA,QAC3C,GAAG,IAAA;AAAA,QACH,QAAU,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,QAAR,KAAA,IAAA,GAAA,EAAA,GAAqB,MAAM,QAAA;AAAA,QACrC,UAAY,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,UAAR,KAAA,IAAA,GAAA,EAAA,GAAuB,MAAMC,aAAA;AAAA,QACzC,YAAc,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,YAAR,KAAA,IAAA,GAAA,EAAA,GAAyB,MAAMC,iBAAA;AAAA,QAC7C,aAAe,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,aAAR,KAAA,IAAA,GAAA,EAAA,GAA0B,MAAMC,mBAAA;AAAA,QAC/C,gBAAA,EAAA,CAAkB,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,gBAAA,KAAR,IAA4B,GAAA,EAAA,GAAA,eAAA;AAAA,QAC9C,UAAY,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,UAAR,KAAA,IAAA,GAAA,EAAA,GAAuB,MAAM;AAAA;AAAC,OAC5C;AAAA,KAAE,CAAA;AAAA,GACH,CACA,CAAA,GAAA,CAAIC,6BAAiB,CAAA;AAC1B;;;;"}

package/lib/cjs/index-C2CAbC2F.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var cursor = require('@milkdown/kit/plugin/cursor');
-var utils = require('@milkdown/kit/utils');
-var prosemirrorVirtualCursor = require('prosemirror-virtual-cursor');
-
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => {
-    ctx.update(cursor.dropCursorConfig.key, () => {
-      var _a, _b;
-      return {
-        class: "crepe-drop-cursor",
-        width: (_a = config == null ? void 0 : config.width) != null ? _a : 4,
-        color: (_b = config == null ? void 0 : config.color) != null ? _b : false
-      };
-    });
-  }).use(cursor.cursor);
-  if ((config == null ? void 0 : config.virtual) === false) {
-    return;
-  }
-  const virtualCursor = prosemirrorVirtualCursor.createVirtualCursor();
-  editor.use(utils.$prose(() => virtualCursor));
-};
-
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-C2CAbC2F.js.map

package/lib/cjs/index-C2CAbC2F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C2CAbC2F.js","sources":["../../src/feature/cursor/index.ts"],"sourcesContent":["import { cursor, dropCursorConfig } from '@milkdown/kit/plugin/cursor'\nimport { $prose } from '@milkdown/kit/utils'\nimport { createVirtualCursor } from 'prosemirror-virtual-cursor'\n\nimport type { DefineFeature } from '../shared'\n\ninterface CursorConfig {\n  color: string | false\n  width: number\n  virtual: boolean\n}\nexport type CursorFeatureConfig = Partial<CursorConfig>\n\nexport const defineFeature: DefineFeature<CursorFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config((ctx) => {\n      ctx.update(dropCursorConfig.key, () => ({\n        class: 'crepe-drop-cursor',\n        width: config?.width ?? 4,\n        color: config?.color ?? false,\n      }))\n    })\n    .use(cursor)\n\n  if (config?.virtual === false) {\n    return\n  }\n\n  const virtualCursor = createVirtualCursor()\n  editor.use($prose(() => virtualCursor))\n}\n"],"names":["dropCursorConfig","cursor","createVirtualCursor","$prose"],"mappings":";;;;;;AAaa,MAAA,aAAA,GAAoD,CAC/D,MAAA,EACA,MACG,KAAA;AACH,EACG,MAAA,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA;AACf,IAAI,GAAA,CAAA,MAAA,CAAOA,uBAAiB,CAAA,GAAA,EAAK,MAAG;AAnB1C,MAAA,IAAA,EAAA,EAAA,EAAA;AAmB8C,MAAA,OAAA;AAAA,QACtC,KAAO,EAAA,mBAAA;AAAA,QACP,KAAA,EAAA,CAAO,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,KAAA,KAAR,IAAiB,GAAA,EAAA,GAAA,CAAA;AAAA,QACxB,KAAA,EAAA,CAAO,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,KAAA,KAAR,IAAiB,GAAA,EAAA,GAAA;AAAA,OAC1B;AAAA,KAAE,CAAA;AAAA,GACH,CACA,CAAA,GAAA,CAAIC,aAAM,CAAA;AAEb,EAAI,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,aAAY,KAAO,EAAA;AAC7B,IAAA;AAAA;AAGF,EAAA,MAAM,gBAAgBC,4CAAoB,EAAA;AAC1C,EAAA,MAAA,CAAO,GAAI,CAAAC,YAAA,CAAO,MAAM,aAAa,CAAC,CAAA;AACxC;;;;"}