@milkdown/crepe 7.11.1 → 7.12.1

package/lib/cjs/{index-B91KhPew.js → feature/placeholder/index.js}

@@ -4,7 +4,47 @@ var prose = require('@milkdown/kit/prose');
 var state = require('@milkdown/kit/prose/state');
 var view = require('@milkdown/kit/prose/view');
 var utils = require('@milkdown/kit/utils');
-var index = require('./index-xbwf60wt.js');
+var ctx = require('@milkdown/kit/ctx');
+
+ctx.createSlice([], "FeaturesCtx");
+ctx.createSlice({}, "CrepeCtx");
+function useCrepeFeatures(ctx) {
+  return ctx.use("FeaturesCtx");
+}
+function crepeFeatureConfig(feature) {
+  return (ctx) => {
+    useCrepeFeatures(ctx).update((features) => {
+      if (features.includes(feature)) {
+        return features;
+      }
+      return [...features, feature];
+    });
+  };
+}
+
+function isInCodeBlock(selection) {
+  const type = selection.$from.parent.type;
+  return type.name === "code_block";
+}
+function isInList(selection) {
+  var _a;
+  const type = (_a = selection.$from.node(selection.$from.depth - 1)) == null ? void 0 : _a.type;
+  return (type == null ? void 0 : type.name) === "list_item";
+}
+
+var CrepeFeature = /* @__PURE__ */ ((CrepeFeature2) => {
+  CrepeFeature2["CodeMirror"] = "code-mirror";
+  CrepeFeature2["ListItem"] = "list-item";
+  CrepeFeature2["LinkTooltip"] = "link-tooltip";
+  CrepeFeature2["Cursor"] = "cursor";
+  CrepeFeature2["ImageBlock"] = "image-block";
+  CrepeFeature2["BlockEdit"] = "block-edit";
+  CrepeFeature2["Toolbar"] = "toolbar";
+  CrepeFeature2["Placeholder"] = "placeholder";
+  CrepeFeature2["Table"] = "table";
+  CrepeFeature2["Latex"] = "latex";
+  return CrepeFeature2;
+})(CrepeFeature || {});
 
 function isDocEmpty(doc) {
   var _a;
@@ -39,7 +79,7 @@ const placeholderPlugin = utils.$prose((ctx) => {
         var _a;
         const config = ctx.get(placeholderConfig.key);
         if (config.mode === "doc" && !isDocEmpty(state.doc)) return null;
-        if (index.isInCodeBlock(state.selection) || index.isInList(state.selection))
+        if (isInCodeBlock(state.selection) || isInList(state.selection))
           return null;
         const placeholderText = (_a = config.text) != null ? _a : "Please enter...";
         const deco = createPlaceholderDecoration(state, placeholderText);
@@ -49,8 +89,8 @@ const placeholderPlugin = utils.$prose((ctx) => {
     }
   });
 });
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => {
+const placeholder = (editor, config) => {
+  editor.config(crepeFeatureConfig(CrepeFeature.Placeholder)).config((ctx) => {
     if (config) {
       ctx.update(placeholderConfig.key, (prev) => {
         return {
@@ -62,7 +102,7 @@ const defineFeature = (editor, config) => {
   }).use(placeholderPlugin).use(placeholderConfig);
 };
 
-exports.defineFeature = defineFeature;
+exports.placeholder = placeholder;
 exports.placeholderConfig = placeholderConfig;
 exports.placeholderPlugin = placeholderPlugin;
-//# sourceMappingURL=index-B91KhPew.js.map
+//# sourceMappingURL=index.js.map

package/lib/cjs/feature/placeholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/core/slice.ts","../../../../src/utils/index.ts","../../../../src/feature/index.ts","../../../../src/feature/placeholder/index.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","import type { Selection } from '@milkdown/kit/prose/state'\n\nexport function isInCodeBlock(selection: Selection) {\n  const type = selection.$from.parent.type\n  return type.name === 'code_block'\n}\n\nexport function isInList(selection: Selection) {\n  const type = selection.$from.node(selection.$from.depth - 1)?.type\n  return type?.name === 'list_item'\n}\n","import type { BlockEditFeatureConfig } from './block-edit'\nimport type { CodeMirrorFeatureConfig } from './code-mirror'\nimport type { CursorFeatureConfig } from './cursor'\nimport type { ImageBlockFeatureConfig } from './image-block'\nimport type { LatexFeatureConfig } from './latex'\nimport type { LinkTooltipFeatureConfig } from './link-tooltip'\nimport type { ListItemFeatureConfig } from './list-item'\nimport type { PlaceholderFeatureConfig } from './placeholder'\nimport type { TableFeatureConfig } from './table'\nimport type { ToolbarFeatureConfig } from './toolbar'\n\n/// The crepe editor feature flags.\n/// Every feature is enabled by default.\n/// Every feature is a string literal type.\nexport enum CrepeFeature {\n  /// Syntax highlighting and editing for code blocks with language support, theme customization, and preview capabilities.\n  CodeMirror = 'code-mirror',\n\n  /// Support for bullet lists, ordered lists, and todo lists with customizable icons and formatting.\n  ListItem = 'list-item',\n\n  /// Enhanced link editing and preview with customizable tooltips, edit/remove actions, and copy functionality.\n  LinkTooltip = 'link-tooltip',\n\n  /// Enhanced cursor experience with drop cursor and gap cursor for better content placement.\n  Cursor = 'cursor',\n\n  /// Image upload and management with resizing, captions, and support for both inline and block images.\n  ImageBlock = 'image-block',\n\n  /// Drag-and-drop block management and slash commands for quick content insertion and organization.\n  BlockEdit = 'block-edit',\n\n  /// Formatting toolbar for selected text with customizable icons and actions.\n  Toolbar = 'toolbar',\n\n  /// Document or block level placeholders to guide users when content is empty.\n  Placeholder = 'placeholder',\n\n  /// Full-featured table editing with row/column management, alignment options, and drag-and-drop functionality.\n  Table = 'table',\n\n  /// Mathematical formula support with both inline and block math rendering using KaTeX.\n  Latex = 'latex',\n}\n\nexport interface CrepeFeatureConfig {\n  [CrepeFeature.Cursor]?: CursorFeatureConfig\n  [CrepeFeature.ListItem]?: ListItemFeatureConfig\n  [CrepeFeature.LinkTooltip]?: LinkTooltipFeatureConfig\n  [CrepeFeature.ImageBlock]?: ImageBlockFeatureConfig\n  [CrepeFeature.BlockEdit]?: BlockEditFeatureConfig\n  [CrepeFeature.Placeholder]?: PlaceholderFeatureConfig\n  [CrepeFeature.Toolbar]?: ToolbarFeatureConfig\n  [CrepeFeature.CodeMirror]?: CodeMirrorFeatureConfig\n  [CrepeFeature.Table]?: TableFeatureConfig\n  [CrepeFeature.Latex]?: LatexFeatureConfig\n}\n\nexport const defaultFeatures: Record<CrepeFeature, boolean> = {\n  [CrepeFeature.Cursor]: true,\n  [CrepeFeature.ListItem]: true,\n  [CrepeFeature.LinkTooltip]: true,\n  [CrepeFeature.ImageBlock]: true,\n  [CrepeFeature.BlockEdit]: true,\n  [CrepeFeature.Placeholder]: true,\n  [CrepeFeature.Toolbar]: true,\n  [CrepeFeature.CodeMirror]: true,\n  [CrepeFeature.Table]: true,\n  [CrepeFeature.Latex]: true,\n}\n","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 { crepeFeatureConfig } from '../../core/slice'\nimport { isInCodeBlock, isInList } from '../../utils'\nimport { CrepeFeature } from '../index'\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 placeholder: DefineFeature<PlaceholderFeatureConfig> = (\n  editor,\n  config\n) => {\n  editor\n    .config(crepeFeatureConfig(CrepeFeature.Placeholder))\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":["createSlice","CrepeFeature","findParent","node","Decoration","$ctx","$prose","Plugin","PluginKey","DecorationSet"],"mappings":"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"}

package/lib/cjs/{index-DEs_IHHy.js → feature/table/index.js}

@@ -1,8 +1,23 @@
 'use strict';
 
 var tableBlock = require('@milkdown/kit/component/table-block');
-var plus = require('./plus-XLomtlXf.js');
-var remove = require('./remove-Ba-ypwBf.js');
+var ctx = require('@milkdown/kit/ctx');
+
+ctx.createSlice([], "FeaturesCtx");
+ctx.createSlice({}, "CrepeCtx");
+function useCrepeFeatures(ctx) {
+  return ctx.use("FeaturesCtx");
+}
+function crepeFeatureConfig(feature) {
+  return (ctx) => {
+    useCrepeFeatures(ctx).update((features) => {
+      if (features.includes(feature)) {
+        return features;
+      }
+      return [...features, feature];
+    });
+  };
+}
 
 const alignCenterIcon = `
   <svg
@@ -56,36 +71,83 @@ const dragHandleIcon = `
   </svg>
 `;
 
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => {
+const plusIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <g clip-path="url(#clip0_971_7676)">
+      <path
+        d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_971_7676">
+        <rect width="24" height="24" />
+      </clipPath>
+    </defs>
+  </svg>
+`;
+
+const removeIcon = `
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M7.30775 20.4997C6.81058 20.4997 6.385 20.3227 6.031 19.9687C5.677 19.6147 5.5 19.1892 5.5 18.692V5.99973H5.25C5.0375 5.99973 4.85942 5.92782 4.71575 5.78398C4.57192 5.64015 4.5 5.46198 4.5 5.24948C4.5 5.03682 4.57192 4.85873 4.71575 4.71523C4.85942 4.57157 5.0375 4.49973 5.25 4.49973H9C9 4.2549 9.08625 4.04624 9.25875 3.87374C9.43108 3.7014 9.63967 3.61523 9.8845 3.61523H14.1155C14.3603 3.61523 14.5689 3.7014 14.7413 3.87374C14.9138 4.04624 15 4.2549 15 4.49973H18.75C18.9625 4.49973 19.1406 4.57165 19.2843 4.71548C19.4281 4.85932 19.5 5.03748 19.5 5.24998C19.5 5.46265 19.4281 5.64073 19.2843 5.78423C19.1406 5.9279 18.9625 5.99973 18.75 5.99973H18.5V18.692C18.5 19.1892 18.323 19.6147 17.969 19.9687C17.615 20.3227 17.1894 20.4997 16.6923 20.4997H7.30775ZM17 5.99973H7V18.692C7 18.7818 7.02883 18.8556 7.0865 18.9132C7.14417 18.9709 7.21792 18.9997 7.30775 18.9997H16.6923C16.7821 18.9997 16.8558 18.9709 16.9135 18.9132C16.9712 18.8556 17 18.7818 17 18.692V5.99973ZM10.1543 16.9997C10.3668 16.9997 10.5448 16.9279 10.6885 16.7842C10.832 16.6404 10.9037 16.4622 10.9037 16.2497V8.74973C10.9037 8.53723 10.8318 8.35907 10.688 8.21523C10.5443 8.07157 10.3662 7.99973 10.1535 7.99973C9.941 7.99973 9.76292 8.07157 9.61925 8.21523C9.47575 8.35907 9.404 8.53723 9.404 8.74973V16.2497C9.404 16.4622 9.47583 16.6404 9.6195 16.7842C9.76333 16.9279 9.94158 16.9997 10.1543 16.9997ZM13.8465 16.9997C14.059 16.9997 14.2371 16.9279 14.3807 16.7842C14.5243 16.6404 14.596 16.4622 14.596 16.2497V8.74973C14.596 8.53723 14.5242 8.35907 14.3805 8.21523C14.2367 8.07157 14.0584 7.99973 13.8458 7.99973C13.6333 7.99973 13.4552 8.07157 13.3115 8.21523C13.168 8.35907 13.0962 8.53723 13.0962 8.74973V16.2497C13.0962 16.4622 13.1682 16.6404 13.312 16.7842C13.4557 16.9279 13.6338 16.9997 13.8465 16.9997Z"
+    />
+  </svg>
+`;
+
+var CrepeFeature = /* @__PURE__ */ ((CrepeFeature2) => {
+  CrepeFeature2["CodeMirror"] = "code-mirror";
+  CrepeFeature2["ListItem"] = "list-item";
+  CrepeFeature2["LinkTooltip"] = "link-tooltip";
+  CrepeFeature2["Cursor"] = "cursor";
+  CrepeFeature2["ImageBlock"] = "image-block";
+  CrepeFeature2["BlockEdit"] = "block-edit";
+  CrepeFeature2["Toolbar"] = "toolbar";
+  CrepeFeature2["Placeholder"] = "placeholder";
+  CrepeFeature2["Table"] = "table";
+  CrepeFeature2["Latex"] = "latex";
+  return CrepeFeature2;
+})(CrepeFeature || {});
+
+const table = (editor, config) => {
+  editor.config(crepeFeatureConfig(CrepeFeature.Table)).config((ctx) => {
     ctx.update(tableBlock.tableBlockConfig.key, (defaultConfig) => ({
       ...defaultConfig,
       renderButton: (renderType) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         switch (renderType) {
           case "add_row":
-            return (_b = (_a = config == null ? void 0 : config.addRowIcon) == null ? void 0 : _a.call(config)) != null ? _b : plus.plusIcon;
+            return (_a = config == null ? void 0 : config.addRowIcon) != null ? _a : plusIcon;
           case "add_col":
-            return (_d = (_c = config == null ? void 0 : config.addColIcon) == null ? void 0 : _c.call(config)) != null ? _d : plus.plusIcon;
+            return (_b = config == null ? void 0 : config.addColIcon) != null ? _b : plusIcon;
           case "delete_row":
-            return (_f = (_e = config == null ? void 0 : config.deleteRowIcon) == null ? void 0 : _e.call(config)) != null ? _f : remove.removeIcon;
+            return (_c = config == null ? void 0 : config.deleteRowIcon) != null ? _c : removeIcon;
           case "delete_col":
-            return (_h = (_g = config == null ? void 0 : config.deleteColIcon) == null ? void 0 : _g.call(config)) != null ? _h : remove.removeIcon;
+            return (_d = config == null ? void 0 : config.deleteColIcon) != null ? _d : removeIcon;
           case "align_col_left":
-            return (_j = (_i = config == null ? void 0 : config.alignLeftIcon) == null ? void 0 : _i.call(config)) != null ? _j : alignLeftIcon;
+            return (_e = config == null ? void 0 : config.alignLeftIcon) != null ? _e : alignLeftIcon;
           case "align_col_center":
-            return (_l = (_k = config == null ? void 0 : config.alignCenterIcon) == null ? void 0 : _k.call(config)) != null ? _l : alignCenterIcon;
+            return (_f = config == null ? void 0 : config.alignCenterIcon) != null ? _f : alignCenterIcon;
           case "align_col_right":
-            return (_n = (_m = config == null ? void 0 : config.alignRightIcon) == null ? void 0 : _m.call(config)) != null ? _n : alignRightIcon;
+            return (_g = config == null ? void 0 : config.alignRightIcon) != null ? _g : alignRightIcon;
           case "col_drag_handle":
-            return (_p = (_o = config == null ? void 0 : config.colDragHandleIcon) == null ? void 0 : _o.call(config)) != null ? _p : dragHandleIcon;
+            return (_h = config == null ? void 0 : config.colDragHandleIcon) != null ? _h : dragHandleIcon;
           case "row_drag_handle":
-            return (_r = (_q = config == null ? void 0 : config.rowDragHandleIcon) == null ? void 0 : _q.call(config)) != null ? _r : dragHandleIcon;
+            return (_i = config == null ? void 0 : config.rowDragHandleIcon) != null ? _i : dragHandleIcon;
         }
       }
     }));
   }).use(tableBlock.tableBlock);
 };
 
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-DEs_IHHy.js.map
+exports.table = table;
+//# sourceMappingURL=index.js.map

package/lib/cjs/feature/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/core/slice.ts","../../../../src/icons/align-center.ts","../../../../src/icons/align-left.ts","../../../../src/icons/align-right.ts","../../../../src/icons/drag-handle.ts","../../../../src/icons/plus.ts","../../../../src/icons/remove.ts","../../../../src/feature/index.ts","../../../../src/feature/table/index.ts"],"sourcesContent":["import { createSlice, type Ctx } from '@milkdown/kit/ctx'\n\nimport type { CrepeFeature } from '../feature'\nimport type { CrepeBuilder } from './builder'\n\n/// @internal\n/// The feature flags context.\n/// ⚠️ Most of the time, you should use `useCrepeFeatures` to get the features.\nexport const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')\n\n/// @internal\n/// The crepe editor context.\n/// ⚠️ Most of the time, you should use `useCrepe` to get the crepe editor instance.\nexport const CrepeCtx = createSlice({} as CrepeBuilder, 'CrepeCtx')\n\n/// The crepe editor context.\n/// You can use this context to access the crepe editor instance within Milkdown plugins.\n/// ```ts\n/// import { crepeCtx } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   return () => {\n///     const crepe = useCrepe(ctx)\n///     crepe.setReadonly(true)\n///   }\n/// }\n/// ```\nexport function useCrepe(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.get<CrepeBuilder, 'CrepeCtx'>('CrepeCtx')\n}\n\n/// Check the enabled FeatureFlags\n/// ```ts\n/// import { useCrepeFeatures } from '@milkdown/crepe'\n/// const plugin = (ctx: Ctx) => {\n///   const features = useCrepeFeatures(ctx)\n///   if (features.get().includes(CrepeFeature.CodeMirror)) {\n///     // Do something with CodeMirror\n///   }\n/// }\nexport function useCrepeFeatures(ctx: Ctx) {\n  // We should use string slice here to avoid the slice to be bundled in multiple entries\n  return ctx.use<CrepeFeature[], 'FeaturesCtx'>('FeaturesCtx')\n}\n\n/// @internal\nexport function crepeFeatureConfig(feature: CrepeFeature) {\n  return (ctx: Ctx) => {\n    useCrepeFeatures(ctx).update((features) => {\n      if (features.includes(feature)) {\n        return features\n      }\n      return [...features, feature]\n    })\n  }\n}\n","export const alignCenterIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M4.25 20.5C4.0375 20.5 3.85942 20.4281 3.71575 20.2843C3.57192 20.1404 3.5 19.9622 3.5 19.7498C3.5 19.5371 3.57192 19.359 3.71575 19.2155C3.85942 19.0718 4.0375 19 4.25 19H19.75C19.9625 19 20.1406 19.0719 20.2843 19.2158C20.4281 19.3596 20.5 19.5378 20.5 19.7502C20.5 19.9629 20.4281 20.141 20.2843 20.2845C20.1406 20.4282 19.9625 20.5 19.75 20.5H4.25ZM8.25 16.625C8.0375 16.625 7.85942 16.5531 7.71575 16.4093C7.57192 16.2654 7.5 16.0872 7.5 15.8748C7.5 15.6621 7.57192 15.484 7.71575 15.3405C7.85942 15.1968 8.0375 15.125 8.25 15.125H15.75C15.9625 15.125 16.1406 15.1969 16.2843 15.3408C16.4281 15.4846 16.5 15.6628 16.5 15.8753C16.5 16.0879 16.4281 16.266 16.2843 16.4095C16.1406 16.5532 15.9625 16.625 15.75 16.625H8.25ZM4.25 12.75C4.0375 12.75 3.85942 12.6781 3.71575 12.5343C3.57192 12.3904 3.5 12.2122 3.5 11.9998C3.5 11.7871 3.57192 11.609 3.71575 11.4655C3.85942 11.3218 4.0375 11.25 4.25 11.25H19.75C19.9625 11.25 20.1406 11.3219 20.2843 11.4658C20.4281 11.6096 20.5 11.7878 20.5 12.0003C20.5 12.2129 20.4281 12.391 20.2843 12.5345C20.1406 12.6782 19.9625 12.75 19.75 12.75H4.25ZM8.25 8.875C8.0375 8.875 7.85942 8.80308 7.71575 8.65925C7.57192 8.51542 7.5 8.33725 7.5 8.12475C7.5 7.91208 7.57192 7.734 7.71575 7.5905C7.85942 7.44683 8.0375 7.375 8.25 7.375H15.75C15.9625 7.375 16.1406 7.44692 16.2843 7.59075C16.4281 7.73458 16.5 7.91275 16.5 8.12525C16.5 8.33792 16.4281 8.516 16.2843 8.6595C16.1406 8.80317 15.9625 8.875 15.75 8.875H8.25ZM4.25 5C4.0375 5 3.85942 4.92808 3.71575 4.78425C3.57192 4.64042 3.5 4.46225 3.5 4.24975C3.5 4.03708 3.57192 3.859 3.71575 3.7155C3.85942 3.57183 4.0375 3.5 4.25 3.5H19.75C19.9625 3.5 20.1406 3.57192 20.2843 3.71575C20.4281 3.85958 20.5 4.03775 20.5 4.25025C20.5 4.46292 20.4281 4.641 20.2843 4.7845C20.1406 4.92817 19.9625 5 19.75 5H4.25Z\"\n    />\n  </svg>\n`\n","export const alignLeftIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M4.25 20.5C4.0375 20.5 3.85942 20.4281 3.71575 20.2843C3.57192 20.1404 3.5 19.9622 3.5 19.7498C3.5 19.5371 3.57192 19.359 3.71575 19.2155C3.85942 19.0718 4.0375 19 4.25 19H19.75C19.9625 19 20.1406 19.0719 20.2843 19.2158C20.4281 19.3596 20.5 19.5378 20.5 19.7502C20.5 19.9629 20.4281 20.141 20.2843 20.2845C20.1406 20.4282 19.9625 20.5 19.75 20.5H4.25ZM4.25 16.625C4.0375 16.625 3.85942 16.5531 3.71575 16.4093C3.57192 16.2654 3.5 16.0872 3.5 15.8748C3.5 15.6621 3.57192 15.484 3.71575 15.3405C3.85942 15.1968 4.0375 15.125 4.25 15.125H13.75C13.9625 15.125 14.1406 15.1969 14.2843 15.3408C14.4281 15.4846 14.5 15.6628 14.5 15.8753C14.5 16.0879 14.4281 16.266 14.2843 16.4095C14.1406 16.5532 13.9625 16.625 13.75 16.625H4.25ZM4.25 12.75C4.0375 12.75 3.85942 12.6781 3.71575 12.5343C3.57192 12.3904 3.5 12.2122 3.5 11.9998C3.5 11.7871 3.57192 11.609 3.71575 11.4655C3.85942 11.3218 4.0375 11.25 4.25 11.25H19.75C19.9625 11.25 20.1406 11.3219 20.2843 11.4658C20.4281 11.6096 20.5 11.7878 20.5 12.0003C20.5 12.2129 20.4281 12.391 20.2843 12.5345C20.1406 12.6782 19.9625 12.75 19.75 12.75H4.25ZM4.25 8.875C4.0375 8.875 3.85942 8.80308 3.71575 8.65925C3.57192 8.51542 3.5 8.33725 3.5 8.12475C3.5 7.91208 3.57192 7.734 3.71575 7.5905C3.85942 7.44683 4.0375 7.375 4.25 7.375H13.75C13.9625 7.375 14.1406 7.44692 14.2843 7.59075C14.4281 7.73458 14.5 7.91275 14.5 8.12525C14.5 8.33792 14.4281 8.516 14.2843 8.6595C14.1406 8.80317 13.9625 8.875 13.75 8.875H4.25ZM4.25 5C4.0375 5 3.85942 4.92808 3.71575 4.78425C3.57192 4.64042 3.5 4.46225 3.5 4.24975C3.5 4.03708 3.57192 3.859 3.71575 3.7155C3.85942 3.57183 4.0375 3.5 4.25 3.5H19.75C19.9625 3.5 20.1406 3.57192 20.2843 3.71575C20.4281 3.85958 20.5 4.03775 20.5 4.25025C20.5 4.46292 20.4281 4.641 20.2843 4.7845C20.1406 4.92817 19.9625 5 19.75 5H4.25Z\"\n    />\n  </svg>\n`\n","export const alignRightIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M4.25 5C4.0375 5 3.85942 4.92808 3.71575 4.78425C3.57192 4.64042 3.5 4.46225 3.5 4.24975C3.5 4.03708 3.57192 3.859 3.71575 3.7155C3.85942 3.57183 4.0375 3.5 4.25 3.5H19.75C19.9625 3.5 20.1406 3.57192 20.2843 3.71575C20.4281 3.85958 20.5 4.03775 20.5 4.25025C20.5 4.46292 20.4281 4.641 20.2843 4.7845C20.1406 4.92817 19.9625 5 19.75 5H4.25ZM10.25 8.875C10.0375 8.875 9.85942 8.80308 9.71575 8.65925C9.57192 8.51542 9.5 8.33725 9.5 8.12475C9.5 7.91208 9.57192 7.734 9.71575 7.5905C9.85942 7.44683 10.0375 7.375 10.25 7.375H19.75C19.9625 7.375 20.1406 7.44692 20.2843 7.59075C20.4281 7.73458 20.5 7.91275 20.5 8.12525C20.5 8.33792 20.4281 8.516 20.2843 8.6595C20.1406 8.80317 19.9625 8.875 19.75 8.875H10.25ZM4.25 12.75C4.0375 12.75 3.85942 12.6781 3.71575 12.5343C3.57192 12.3904 3.5 12.2122 3.5 11.9998C3.5 11.7871 3.57192 11.609 3.71575 11.4655C3.85942 11.3218 4.0375 11.25 4.25 11.25H19.75C19.9625 11.25 20.1406 11.3219 20.2843 11.4658C20.4281 11.6096 20.5 11.7878 20.5 12.0003C20.5 12.2129 20.4281 12.391 20.2843 12.5345C20.1406 12.6782 19.9625 12.75 19.75 12.75H4.25ZM10.25 16.625C10.0375 16.625 9.85942 16.5531 9.71575 16.4093C9.57192 16.2654 9.5 16.0872 9.5 15.8748C9.5 15.6621 9.57192 15.484 9.71575 15.3405C9.85942 15.1968 10.0375 15.125 10.25 15.125H19.75C19.9625 15.125 20.1406 15.1969 20.2843 15.3408C20.4281 15.4846 20.5 15.6628 20.5 15.8753C20.5 16.0879 20.4281 16.266 20.2843 16.4095C20.1406 16.5532 19.9625 16.625 19.75 16.625H10.25ZM4.25 20.5C4.0375 20.5 3.85942 20.4281 3.71575 20.2843C3.57192 20.1404 3.5 19.9622 3.5 19.7498C3.5 19.5371 3.57192 19.359 3.71575 19.2155C3.85942 19.0718 4.0375 19 4.25 19H19.75C19.9625 19 20.1406 19.0719 20.2843 19.2158C20.4281 19.3596 20.5 19.5378 20.5 19.7502C20.5 19.9629 20.4281 20.141 20.2843 20.2845C20.1406 20.4282 19.9625 20.5 19.75 20.5H4.25Z\"\n    />\n  </svg>\n`\n","export const dragHandleIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n  >\n    <path\n      d=\"M3.5 9.83366C3.35833 9.83366 3.23961 9.78571 3.14383 9.68983C3.04794 9.59394 3 9.47516 3 9.33349C3 9.19171 3.04794 9.07299 3.14383 8.97733C3.23961 8.88155 3.35833 8.83366 3.5 8.83366H12.5C12.6417 8.83366 12.7604 8.8816 12.8562 8.97749C12.9521 9.07338 13 9.19216 13 9.33383C13 9.4756 12.9521 9.59433 12.8562 9.68999C12.7604 9.78577 12.6417 9.83366 12.5 9.83366H3.5ZM3.5 7.16699C3.35833 7.16699 3.23961 7.11905 3.14383 7.02316C3.04794 6.92727 3 6.80849 3 6.66683C3 6.52505 3.04794 6.40633 3.14383 6.31066C3.23961 6.21488 3.35833 6.16699 3.5 6.16699H12.5C12.6417 6.16699 12.7604 6.21494 12.8562 6.31083C12.9521 6.40671 13 6.52549 13 6.66716C13 6.80894 12.9521 6.92766 12.8562 7.02333C12.7604 7.1191 12.6417 7.16699 12.5 7.16699H3.5Z\"\n    />\n  </svg>\n`\n","export const plusIcon = `\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_971_7676)\">\n      <path\n        d=\"M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_971_7676\">\n        <rect width=\"24\" height=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n`\n","export const removeIcon = `\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n  >\n    <path\n      d=\"M7.30775 20.4997C6.81058 20.4997 6.385 20.3227 6.031 19.9687C5.677 19.6147 5.5 19.1892 5.5 18.692V5.99973H5.25C5.0375 5.99973 4.85942 5.92782 4.71575 5.78398C4.57192 5.64015 4.5 5.46198 4.5 5.24948C4.5 5.03682 4.57192 4.85873 4.71575 4.71523C4.85942 4.57157 5.0375 4.49973 5.25 4.49973H9C9 4.2549 9.08625 4.04624 9.25875 3.87374C9.43108 3.7014 9.63967 3.61523 9.8845 3.61523H14.1155C14.3603 3.61523 14.5689 3.7014 14.7413 3.87374C14.9138 4.04624 15 4.2549 15 4.49973H18.75C18.9625 4.49973 19.1406 4.57165 19.2843 4.71548C19.4281 4.85932 19.5 5.03748 19.5 5.24998C19.5 5.46265 19.4281 5.64073 19.2843 5.78423C19.1406 5.9279 18.9625 5.99973 18.75 5.99973H18.5V18.692C18.5 19.1892 18.323 19.6147 17.969 19.9687C17.615 20.3227 17.1894 20.4997 16.6923 20.4997H7.30775ZM17 5.99973H7V18.692C7 18.7818 7.02883 18.8556 7.0865 18.9132C7.14417 18.9709 7.21792 18.9997 7.30775 18.9997H16.6923C16.7821 18.9997 16.8558 18.9709 16.9135 18.9132C16.9712 18.8556 17 18.7818 17 18.692V5.99973ZM10.1543 16.9997C10.3668 16.9997 10.5448 16.9279 10.6885 16.7842C10.832 16.6404 10.9037 16.4622 10.9037 16.2497V8.74973C10.9037 8.53723 10.8318 8.35907 10.688 8.21523C10.5443 8.07157 10.3662 7.99973 10.1535 7.99973C9.941 7.99973 9.76292 8.07157 9.61925 8.21523C9.47575 8.35907 9.404 8.53723 9.404 8.74973V16.2497C9.404 16.4622 9.47583 16.6404 9.6195 16.7842C9.76333 16.9279 9.94158 16.9997 10.1543 16.9997ZM13.8465 16.9997C14.059 16.9997 14.2371 16.9279 14.3807 16.7842C14.5243 16.6404 14.596 16.4622 14.596 16.2497V8.74973C14.596 8.53723 14.5242 8.35907 14.3805 8.21523C14.2367 8.07157 14.0584 7.99973 13.8458 7.99973C13.6333 7.99973 13.4552 8.07157 13.3115 8.21523C13.168 8.35907 13.0962 8.53723 13.0962 8.74973V16.2497C13.0962 16.4622 13.1682 16.6404 13.312 16.7842C13.4557 16.9279 13.6338 16.9997 13.8465 16.9997Z\"\n    />\n  </svg>\n`\n","import type { BlockEditFeatureConfig } from './block-edit'\nimport type { CodeMirrorFeatureConfig } from './code-mirror'\nimport type { CursorFeatureConfig } from './cursor'\nimport type { ImageBlockFeatureConfig } from './image-block'\nimport type { LatexFeatureConfig } from './latex'\nimport type { LinkTooltipFeatureConfig } from './link-tooltip'\nimport type { ListItemFeatureConfig } from './list-item'\nimport type { PlaceholderFeatureConfig } from './placeholder'\nimport type { TableFeatureConfig } from './table'\nimport type { ToolbarFeatureConfig } from './toolbar'\n\n/// The crepe editor feature flags.\n/// Every feature is enabled by default.\n/// Every feature is a string literal type.\nexport enum CrepeFeature {\n  /// Syntax highlighting and editing for code blocks with language support, theme customization, and preview capabilities.\n  CodeMirror = 'code-mirror',\n\n  /// Support for bullet lists, ordered lists, and todo lists with customizable icons and formatting.\n  ListItem = 'list-item',\n\n  /// Enhanced link editing and preview with customizable tooltips, edit/remove actions, and copy functionality.\n  LinkTooltip = 'link-tooltip',\n\n  /// Enhanced cursor experience with drop cursor and gap cursor for better content placement.\n  Cursor = 'cursor',\n\n  /// Image upload and management with resizing, captions, and support for both inline and block images.\n  ImageBlock = 'image-block',\n\n  /// Drag-and-drop block management and slash commands for quick content insertion and organization.\n  BlockEdit = 'block-edit',\n\n  /// Formatting toolbar for selected text with customizable icons and actions.\n  Toolbar = 'toolbar',\n\n  /// Document or block level placeholders to guide users when content is empty.\n  Placeholder = 'placeholder',\n\n  /// Full-featured table editing with row/column management, alignment options, and drag-and-drop functionality.\n  Table = 'table',\n\n  /// Mathematical formula support with both inline and block math rendering using KaTeX.\n  Latex = 'latex',\n}\n\nexport interface CrepeFeatureConfig {\n  [CrepeFeature.Cursor]?: CursorFeatureConfig\n  [CrepeFeature.ListItem]?: ListItemFeatureConfig\n  [CrepeFeature.LinkTooltip]?: LinkTooltipFeatureConfig\n  [CrepeFeature.ImageBlock]?: ImageBlockFeatureConfig\n  [CrepeFeature.BlockEdit]?: BlockEditFeatureConfig\n  [CrepeFeature.Placeholder]?: PlaceholderFeatureConfig\n  [CrepeFeature.Toolbar]?: ToolbarFeatureConfig\n  [CrepeFeature.CodeMirror]?: CodeMirrorFeatureConfig\n  [CrepeFeature.Table]?: TableFeatureConfig\n  [CrepeFeature.Latex]?: LatexFeatureConfig\n}\n\nexport const defaultFeatures: Record<CrepeFeature, boolean> = {\n  [CrepeFeature.Cursor]: true,\n  [CrepeFeature.ListItem]: true,\n  [CrepeFeature.LinkTooltip]: true,\n  [CrepeFeature.ImageBlock]: true,\n  [CrepeFeature.BlockEdit]: true,\n  [CrepeFeature.Placeholder]: true,\n  [CrepeFeature.Toolbar]: true,\n  [CrepeFeature.CodeMirror]: true,\n  [CrepeFeature.Table]: true,\n  [CrepeFeature.Latex]: true,\n}\n","import {\n  tableBlock,\n  tableBlockConfig,\n} from '@milkdown/kit/component/table-block'\n\nimport type { DefineFeature } from '../shared'\n\nimport { crepeFeatureConfig } from '../../core/slice'\nimport {\n  alignCenterIcon,\n  alignLeftIcon,\n  alignRightIcon,\n  dragHandleIcon,\n  plusIcon,\n  removeIcon,\n} from '../../icons'\nimport { CrepeFeature } from '../index'\n\ninterface TableConfig {\n  addRowIcon: string\n  addColIcon: string\n  deleteRowIcon: string\n  deleteColIcon: string\n  alignLeftIcon: string\n  alignCenterIcon: string\n  alignRightIcon: string\n  colDragHandleIcon: string\n  rowDragHandleIcon: string\n}\n\nexport type TableFeatureConfig = Partial<TableConfig>\n\nexport const table: DefineFeature<TableFeatureConfig> = (editor, config) => {\n  editor\n    .config(crepeFeatureConfig(CrepeFeature.Table))\n    .config((ctx) => {\n      ctx.update(tableBlockConfig.key, (defaultConfig) => ({\n        ...defaultConfig,\n        renderButton: (renderType) => {\n          switch (renderType) {\n            case 'add_row':\n              return config?.addRowIcon ?? plusIcon\n            case 'add_col':\n              return config?.addColIcon ?? plusIcon\n            case 'delete_row':\n              return config?.deleteRowIcon ?? removeIcon\n            case 'delete_col':\n              return config?.deleteColIcon ?? removeIcon\n            case 'align_col_left':\n              return config?.alignLeftIcon ?? alignLeftIcon\n            case 'align_col_center':\n              return config?.alignCenterIcon ?? alignCenterIcon\n            case 'align_col_right':\n              return config?.alignRightIcon ?? alignRightIcon\n            case 'col_drag_handle':\n              return config?.colDragHandleIcon ?? dragHandleIcon\n            case 'row_drag_handle':\n              return config?.rowDragHandleIcon ?? dragHandleIcon\n          }\n        },\n      }))\n    })\n    .use(tableBlock)\n}\n"],"names":["createSlice","CrepeFeature","tableBlockConfig","tableBlock"],"mappings":";;;;;AAQ2BA,eAAA,CAAY,EAAC,EAAqB,aAAa;AAKlDA,eAAA,CAAY,EAAC,EAAmB,UAAU;AA2B3D,SAAS,iBAAiB,GAAU,EAAA;AAEzC,EAAO,OAAA,GAAA,CAAI,IAAmC,aAAa,CAAA;AAC7D;AAGO,SAAS,mBAAmB,OAAuB,EAAA;AACxD,EAAA,OAAO,CAAC,GAAa,KAAA;AACnB,IAAA,gBAAA,CAAiB,GAAG,CAAA,CAAE,MAAO,CAAA,CAAC,QAAa,KAAA;AACzC,MAAI,IAAA,QAAA,CAAS,QAAS,CAAA,OAAO,CAAG,EAAA;AAC9B,QAAO,OAAA,QAAA;AAAA;AAET,MAAO,OAAA,CAAC,GAAG,QAAA,EAAU,OAAO,CAAA;AAAA,KAC7B,CAAA;AAAA,GACH;AACF;;ACvDO,MAAM,eAAkB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAxB,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAtB,MAAM,cAAiB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAvB,MAAM,cAAiB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAvB,MAAM,QAAW,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACAjB,MAAM,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;ACcd,IAAA,YAAA,qBAAAC,aAAL,KAAA;AAEL,EAAAA,cAAA,YAAa,CAAA,GAAA,aAAA;AAGb,EAAAA,cAAA,UAAW,CAAA,GAAA,WAAA;AAGX,EAAAA,cAAA,aAAc,CAAA,GAAA,cAAA;AAGd,EAAAA,cAAA,QAAS,CAAA,GAAA,QAAA;AAGT,EAAAA,cAAA,YAAa,CAAA,GAAA,aAAA;AAGb,EAAAA,cAAA,WAAY,CAAA,GAAA,YAAA;AAGZ,EAAAA,cAAA,SAAU,CAAA,GAAA,SAAA;AAGV,EAAAA,cAAA,aAAc,CAAA,GAAA,aAAA;AAGd,EAAAA,cAAA,OAAQ,CAAA,GAAA,OAAA;AAGR,EAAAA,cAAA,OAAQ,CAAA,GAAA,OAAA;AA7BE,EAAAA,OAAAA,aAAAA;AAAA,CAAA,EAAA,YAAA,IAAA,EAAA,CAAA;;ACkBC,MAAA,KAAA,GAA2C,CAAC,MAAA,EAAQ,MAAW,KAAA;AAC1E,EACG,MAAA,CAAA,MAAA,CAAO,mBAAmB,YAAa,CAAA,KAAK,CAAC,CAC7C,CAAA,MAAA,CAAO,CAAC,GAAQ,KAAA;AACf,IAAA,GAAA,CAAI,MAAO,CAAAC,2BAAA,CAAiB,GAAK,EAAA,CAAC,aAAmB,MAAA;AAAA,MACnD,GAAG,aAAA;AAAA,MACH,YAAA,EAAc,CAAC,UAAe,KAAA;AAtCtC,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuCU,QAAA,QAAQ,UAAY;AAAA,UAClB,KAAK,SAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,eAAR,IAAsB,GAAA,EAAA,GAAA,QAAA;AAAA,UAC/B,KAAK,SAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,eAAR,IAAsB,GAAA,EAAA,GAAA,QAAA;AAAA,UAC/B,KAAK,YAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,kBAAR,IAAyB,GAAA,EAAA,GAAA,UAAA;AAAA,UAClC,KAAK,YAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,kBAAR,IAAyB,GAAA,EAAA,GAAA,UAAA;AAAA,UAClC,KAAK,gBAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,kBAAR,IAAyB,GAAA,EAAA,GAAA,aAAA;AAAA,UAClC,KAAK,kBAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,oBAAR,IAA2B,GAAA,EAAA,GAAA,eAAA;AAAA,UACpC,KAAK,iBAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,mBAAR,IAA0B,GAAA,EAAA,GAAA,cAAA;AAAA,UACnC,KAAK,iBAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,sBAAR,IAA6B,GAAA,EAAA,GAAA,cAAA;AAAA,UACtC,KAAK,iBAAA;AACH,YAAO,OAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,sBAAR,IAA6B,GAAA,EAAA,GAAA,cAAA;AAAA;AACxC;AACF,KACA,CAAA,CAAA;AAAA,GACH,CACA,CAAA,GAAA,CAAIC,qBAAU,CAAA;AACnB;;;;"}

package/lib/cjs/{index-k3lGvKiX.js → feature/toolbar/index.js}

@@ -3,23 +3,45 @@
 var tooltip = require('@milkdown/kit/plugin/tooltip');
 var state = require('@milkdown/kit/prose/state');
 var vue = require('vue');
+var ctx = require('@milkdown/kit/ctx');
 var component = require('@milkdown/kit/component');
 var linkTooltip = require('@milkdown/kit/component/link-tooltip');
 var core = require('@milkdown/kit/core');
 var commonmark = require('@milkdown/kit/preset/commonmark');
 var gfm = require('@milkdown/kit/preset/gfm');
 var clsx = require('clsx');
-var index = require('./index-urTgNBfI.js');
-var functions = require('./functions-BAY51plB.js');
-var inlineLatex = require('./inline-latex-D0G71cGk.js');
-require('@milkdown/kit/plugin/clipboard');
-require('@milkdown/kit/plugin/history');
-require('@milkdown/kit/plugin/indent');
-require('@milkdown/kit/plugin/listener');
-require('@milkdown/kit/plugin/trailing');
-require('@milkdown/kit/utils');
-require('@milkdown/kit/ctx');
-require('katex');
+var utils = require('@milkdown/kit/utils');
+var katex = require('katex');
+
+ctx.createSlice([], "FeaturesCtx");
+ctx.createSlice({}, "CrepeCtx");
+function useCrepeFeatures(ctx) {
+  return ctx.use("FeaturesCtx");
+}
+function crepeFeatureConfig(feature) {
+  return (ctx) => {
+    useCrepeFeatures(ctx).update((features) => {
+      if (features.includes(feature)) {
+        return features;
+      }
+      return [...features, feature];
+    });
+  };
+}
+
+var CrepeFeature = /* @__PURE__ */ ((CrepeFeature2) => {
+  CrepeFeature2["CodeMirror"] = "code-mirror";
+  CrepeFeature2["ListItem"] = "list-item";
+  CrepeFeature2["LinkTooltip"] = "link-tooltip";
+  CrepeFeature2["Cursor"] = "cursor";
+  CrepeFeature2["ImageBlock"] = "image-block";
+  CrepeFeature2["BlockEdit"] = "block-edit";
+  CrepeFeature2["Toolbar"] = "toolbar";
+  CrepeFeature2["Placeholder"] = "placeholder";
+  CrepeFeature2["Table"] = "table";
+  CrepeFeature2["Latex"] = "latex";
+  return CrepeFeature2;
+})(CrepeFeature || {});
 
 const boldIcon = `
   <svg
@@ -34,6 +56,26 @@ const boldIcon = `
   </svg>
 `;
 
+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 italicIcon = `
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -73,6 +115,66 @@ const strikethroughIcon = `
   </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>
+`;
+
+const mathInlineId = "math_inline";
+const mathInlineSchema = utils.$nodeSchema(mathInlineId, () => ({
+  group: "inline",
+  inline: true,
+  draggable: true,
+  atom: true,
+  attrs: {
+    value: {
+      default: ""
+    }
+  },
+  parseDOM: [
+    {
+      tag: `span[data-type="${mathInlineId}"]`,
+      getAttrs: (dom) => {
+        var _a;
+        return {
+          value: (_a = dom.dataset.value) != null ? _a : ""
+        };
+      }
+    }
+  ],
+  toDOM: (node) => {
+    const code = node.attrs.value;
+    const dom = document.createElement("span");
+    dom.dataset.type = mathInlineId;
+    dom.dataset.value = code;
+    katex.render(code, dom, {
+      throwOnError: false
+    });
+    return dom;
+  },
+  parseMarkdown: {
+    match: (node) => node.type === "inlineMath",
+    runner: (state, node, type) => {
+      state.addNode(type, { value: node.value });
+    }
+  },
+  toMarkdown: {
+    match: (node) => node.type.name === mathInlineId,
+    runner: (state, node) => {
+      state.addNode("inlineMath", void 0, node.attrs.value);
+    }
+  }
+}));
+
 const Toolbar = vue.defineComponent({
   props: {
     ctx: {
@@ -130,16 +232,16 @@ const Toolbar = vue.defineComponent({
       });
       return hasNode;
     };
-    const flags = ctx == null ? void 0 : ctx.get(index.FeaturesCtx);
-    const isLatexEnabled = flags == null ? void 0 : flags.includes(index.CrepeFeature.Latex);
+    const flags = useCrepeFeatures(ctx).get();
+    const isLatexEnabled = flags == null ? void 0 : flags.includes(CrepeFeature.Latex);
     const toggleLatex = (ctx2) => {
-      const hasLatex = containsNode(inlineLatex.mathInlineSchema.type(ctx2));
+      const hasLatex = containsNode(mathInlineSchema.type(ctx2));
       const view = ctx2.get(core.editorViewCtx);
       const { selection, doc, tr } = view.state;
       if (!hasLatex) {
         const text = doc.textBetween(selection.from, selection.to);
         let _tr2 = tr.replaceSelectionWith(
-          inlineLatex.mathInlineSchema.type(ctx2).create({
+          mathInlineSchema.type(ctx2).create({
             value: text
           })
         );
@@ -153,7 +255,7 @@ const Toolbar = vue.defineComponent({
       let node = null;
       doc.nodesBetween(from, to, (n, p) => {
         if (node) return false;
-        if (n.type === inlineLatex.mathInlineSchema.type(ctx2)) {
+        if (n.type === mathInlineSchema.type(ctx2)) {
           pos = p;
           node = n;
           return false;
@@ -171,7 +273,7 @@ const Toolbar = vue.defineComponent({
       );
     };
     return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      var _a, _b, _c, _d, _e, _f;
       return /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
         "button",
         {
@@ -185,7 +287,7 @@ const Toolbar = vue.defineComponent({
             commands.call(commonmark.toggleStrongCommand.key);
           })
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_b = (_a = config == null ? void 0 : config.boldIcon) == null ? void 0 : _a.call(config)) != null ? _b : boldIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_a = config == null ? void 0 : config.boldIcon) != null ? _a : boldIcon })
       ), /* @__PURE__ */ vue.h(
         "button",
         {
@@ -199,7 +301,7 @@ const Toolbar = vue.defineComponent({
             commands.call(commonmark.toggleEmphasisCommand.key);
           })
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_d = (_c = config == null ? void 0 : config.italicIcon) == null ? void 0 : _c.call(config)) != null ? _d : italicIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_b = config == null ? void 0 : config.italicIcon) != null ? _b : italicIcon })
       ), /* @__PURE__ */ vue.h(
         "button",
         {
@@ -213,7 +315,7 @@ const Toolbar = vue.defineComponent({
             commands.call(gfm.toggleStrikethroughCommand.key);
           })
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_f = (_e = config == null ? void 0 : config.strikethroughIcon) == null ? void 0 : _e.call(config)) != null ? _f : strikethroughIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_c = config == null ? void 0 : config.strikethroughIcon) != null ? _c : strikethroughIcon })
       ), /* @__PURE__ */ vue.h("div", { class: "divider" }), /* @__PURE__ */ vue.h(
         "button",
         {
@@ -227,18 +329,18 @@ const Toolbar = vue.defineComponent({
             commands.call(commonmark.toggleInlineCodeCommand.key);
           })
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_h = (_g = config == null ? void 0 : config.codeIcon) == null ? void 0 : _g.call(config)) != null ? _h : functions.codeIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_d = config == null ? void 0 : config.codeIcon) != null ? _d : codeIcon })
       ), isLatexEnabled && /* @__PURE__ */ vue.h(
         "button",
         {
           type: "button",
           class: clsx(
             "toolbar-item",
-            ctx && containsNode(inlineLatex.mathInlineSchema.type(ctx)) && "active"
+            ctx && containsNode(mathInlineSchema.type(ctx)) && "active"
           ),
           onPointerdown: onClick(toggleLatex)
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_j = (_i = config == null ? void 0 : config.latexIcon) == null ? void 0 : _i.call(config)) != null ? _j : functions.functionsIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_e = config == null ? void 0 : config.latexIcon) != null ? _e : functionsIcon })
       ), /* @__PURE__ */ vue.h(
         "button",
         {
@@ -258,7 +360,7 @@ const Toolbar = vue.defineComponent({
             hide == null ? void 0 : hide();
           })
         },
-        /* @__PURE__ */ vue.h(component.Icon, { icon: (_l = (_k = config == null ? void 0 : config.linkIcon) == null ? void 0 : _k.call(config)) != null ? _l : linkIcon })
+        /* @__PURE__ */ vue.h(component.Icon, { icon: (_f = config == null ? void 0 : config.linkIcon) != null ? _f : linkIcon })
       ));
     };
   }
@@ -272,7 +374,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 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, _app, _selection, _show;
-const toolbar = tooltip.tooltipFactory("CREPE_TOOLBAR");
+const toolbarTooltip = tooltip.tooltipFactory("CREPE_TOOLBAR");
 class ToolbarView {
   constructor(ctx, view, config) {
     __privateAdd(this, _tooltipProvider);
@@ -337,13 +439,13 @@ _content = new WeakMap();
 _app = new WeakMap();
 _selection = new WeakMap();
 _show = new WeakMap();
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => {
-    ctx.set(toolbar.key, {
+const toolbar = (editor, config) => {
+  editor.config(crepeFeatureConfig(CrepeFeature.Toolbar)).config((ctx) => {
+    ctx.set(toolbarTooltip.key, {
       view: (view) => new ToolbarView(ctx, view, config)
     });
-  }).use(toolbar);
+  }).use(toolbarTooltip);
 };
 
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-k3lGvKiX.js.map
+exports.toolbar = toolbar;
+//# sourceMappingURL=index.js.map