@milkdown/crepe 7.11.0 → 7.12.0

package/src/feature/loader.ts

@@ -0,0 +1,52 @@
+import type { Editor } from '@milkdown/kit/core'
+
+import { blockEdit } from './block-edit'
+import { codeMirror } from './code-mirror'
+import { cursor } from './cursor'
+import { imageBlock } from './image-block'
+import { CrepeFeature } from './index'
+import { latex } from './latex'
+import { linkTooltip } from './link-tooltip'
+import { listItem } from './list-item'
+import { placeholder } from './placeholder'
+import { table } from './table'
+import { toolbar } from './toolbar'
+
+export function loadFeature(
+  feature: CrepeFeature,
+  editor: Editor,
+  config?: never
+) {
+  switch (feature) {
+    case CrepeFeature.CodeMirror: {
+      return codeMirror(editor, config)
+    }
+    case CrepeFeature.ListItem: {
+      return listItem(editor, config)
+    }
+    case CrepeFeature.LinkTooltip: {
+      return linkTooltip(editor, config)
+    }
+    case CrepeFeature.ImageBlock: {
+      return imageBlock(editor, config)
+    }
+    case CrepeFeature.Cursor: {
+      return cursor(editor, config)
+    }
+    case CrepeFeature.BlockEdit: {
+      return blockEdit(editor, config)
+    }
+    case CrepeFeature.Placeholder: {
+      return placeholder(editor, config)
+    }
+    case CrepeFeature.Toolbar: {
+      return toolbar(editor, config)
+    }
+    case CrepeFeature.Table: {
+      return table(editor, config)
+    }
+    case CrepeFeature.Latex: {
+      return latex(editor, config)
+    }
+  }
+}

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/theme/common/code-mirror.css

@@ -10,7 +10,7 @@
       padding-top: 10px;
       width: max-content;
       position: absolute;
-      z-index: 1;
+      z-index: 999;
     }
 
     .hidden {
@@ -31,6 +31,66 @@
       background: var(--crepe-color-surface);
     }
 
+    .cm-panel {
+      font-family: var(--crepe-font-default);
+      background: var(--crepe-color-surface);
+      color: var(--crepe-color-on-surface);
+      input {
+        caret-color: var(--crepe-color-outline);
+        border-radius: 4px;
+        background: var(--crepe-color-surface-low);
+      }
+      & > button {
+        text-transform: capitalize;
+        background: var(--crepe-color-surface-low);
+        color: var(--crepe-color-on-surface-variant);
+        border: 1px solid var(--crepe-color-outline);
+        font-weight: 600;
+        cursor: pointer;
+        border-radius: 4px;
+        &:hover {
+          background: var(--crepe-color-hover);
+        }
+      }
+      & > label {
+        display: inline-flex;
+        align-items: center;
+        text-transform: capitalize;
+        input[type='checkbox'] {
+          border-radius: 4px;
+          cursor: pointer;
+          appearance: none;
+          -webkit-appearance: none;
+          background: var(--crepe-color-surface-low);
+          width: 1.15em;
+          height: 1.15em;
+          border: 1px solid var(--crepe-color-outline);
+          display: grid;
+          place-content: center;
+          &::before {
+            content: '';
+            transform-origin: bottom left;
+            width: 0.65em;
+            height: 0.65em;
+            transform: scale(0);
+            transition: 120ms transform ease-in-out;
+            box-shadow: inset 1em 1em var(--crepe-color-outline);
+            clip-path: polygon(
+              14% 44%,
+              0 65%,
+              50% 100%,
+              100% 16%,
+              80% 0%,
+              43% 62%
+            );
+          }
+          &:checked::before {
+            transform: scale(1);
+          }
+        }
+      }
+    }
+
     .tools {
       display: flex;
       justify-content: space-between;

package/src/theme/common/style.css

@@ -1,4 +1,5 @@
 @import './prosemirror.css';
+@import './reset.css';
 @import './block-edit.css';
 @import './code-mirror.css';
 @import './cursor.css';

package/src/theme/crepe/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #fffdfb;
   --crepe-color-on-background: #1f1b16;

package/src/theme/crepe-dark/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #1f1b16;
   --crepe-color-on-background: #eae1d9;

package/src/theme/frame/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #ffffff;
   --crepe-color-on-background: #000000;

package/src/theme/frame-dark/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #1a1a1a;
   --crepe-color-on-background: #e6e6e6;

package/src/theme/nord/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #fdfcff;
   --crepe-color-on-background: #1b1c1d;

package/src/theme/nord-dark/style.css

@@ -1,5 +1,3 @@
-@import '../_internal/classic-common.css';
-
 .milkdown {
   --crepe-color-background: #1b1c1d;
   --crepe-color-on-background: #f8f9ff;

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-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;;;;"}