@ctzhian/tiptap 1.9.1 → 1.10.0

package/dist/Editor/demo.js

@@ -7,7 +7,7 @@ import { Box, Button } from '@mui/material';
 import React from 'react';
 import "../index.css";
 var Reader = function Reader() {
-  var isMarkdown = false;
+  var isMarkdown = true;
   var _useTiptap = useTiptap({
       editable: true,
       contentType: isMarkdown ? 'markdown' : 'html',
@@ -158,7 +158,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: '# 标题1\n\n<a target="_blank" type="icon" href="http://localhost:8000/components/editor" title="发生的发">发生的发</a>\n\n## 标题2\n标题*斜体*\n标题**加粗**\n标题~~删除线~~\n标题`代码`\n标题^上标^，标题~下标~\n标题==高亮==飞机的撒路口[fasldkfjasldkjf](http://localhost:8000/components/editor)'
+      content: "---\nissue_key: gitlab://git.in.chaitin.net/dev/board/ai-ready?issue=1\ncode_repo: https://git.in.chaitin.net/dev/board/ai-ready.git\npriority: high\ndesigned_by: jinzhao.liu\ndev_env: n/a\nstart_from: main\nmerge_to: main\nestimated_loc: 500\ndifficulty_level: medium\n---\n\n\u53D1\u5565\u4E86\u89C1\u98CE\u4F7F\u8235\u4F60\u770B**fjsldk**\u653E\u5047 sd \u5361\u90A3\n\n# \u6807\u98981\n"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/component/CustomBubbleMenu/index.js

@@ -84,7 +84,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       //     return cellSelection.$anchorCell.pos !== cellSelection.$headCell.pos;
       //   }
       // }
-      if (editor.state.selection.empty || editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe')) {
+      if (editor.state.selection.empty || editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe') || editor.isActive('yamlFormat')) {
         return false;
       }
       return true;

package/dist/extension/component/UploadProgress/index.d.ts

@@ -7,6 +7,6 @@ export interface UploadProgressAttributes {
     tempId: string;
 }
 export declare const getFileIcon: (fileType: string) => React.JSX.Element;
-export declare const getFileTypeText: (fileType: string) => "音频" | "图片" | "视频" | "文件";
+export declare const getFileTypeText: (fileType: string) => "图片" | "视频" | "音频" | "文件";
 declare const UploadProgressView: React.FC<NodeViewProps>;
 export default UploadProgressView;

package/dist/extension/index.js

@@ -16,7 +16,7 @@ import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
 import { AiWritingExtension, SlashCommands, StructuredDiffExtension } from "./extension";
 import { CodeExtension } from "./mark/Code";
-import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
+import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomHorizontalRule, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, IframeExtension, ImageExtension, Indent, InlineAttachmentExtension, InlineLinkExtension, InlineUploadProgressExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YamlFormat, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
   var contentType = _ref.contentType,
     limit = _ref.limit,
@@ -35,6 +35,7 @@ export var getExtensions = function getExtensions(_ref) {
     link: false,
     code: false,
     codeBlock: false,
+    horizontalRule: false,
     listItem: false,
     orderedList: false,
     bulletList: false,
@@ -44,7 +45,7 @@ export var getExtensions = function getExtensions(_ref) {
       color: 'var(--mui-palette-primary-main)',
       width: 2
     }
-  }), Subscript, Superscript, TextStyleKit, CodeExtension, ListExtension, EmojiExtension, DetailsExtension, InlineLinkExtension, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension].concat(_toConsumableArray(TableExtension({
+  }), Subscript, Superscript, TextStyleKit, CodeExtension, ListExtension, EmojiExtension, DetailsExtension, InlineLinkExtension, DetailsContentExtension, DetailsSummaryExtension, CodeBlockLowlightExtension, YamlFormat, CustomHorizontalRule].concat(_toConsumableArray(TableExtension({
     editable: editable
   })), [TableOfContents({
     onTocUpdate: onTocUpdate

package/dist/extension/node/HorizontalRule.d.ts

@@ -0,0 +1 @@
+export declare const CustomHorizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;

package/dist/extension/node/HorizontalRule.js

@@ -0,0 +1,23 @@
+import { InputRule } from '@tiptap/core';
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+export var CustomHorizontalRule = HorizontalRule.extend({
+  addInputRules: function addInputRules() {
+    var hrInputRule = new InputRule({
+      find: /^(?:(?:-\s?){3,}|(?:\*\s?){3,}|(?:_\s?){3,})\s$/,
+      handler: function handler(_ref) {
+        var state = _ref.state,
+          range = _ref.range,
+          chain = _ref.chain;
+        if (range.from === 1) {
+          return null;
+        }
+        chain().deleteRange(range).setHorizontalRule().run();
+      }
+    });
+    return [hrInputRule];
+  }
+}).configure({
+  HTMLAttributes: {
+    class: 'custom-horizontal-rule'
+  }
+});

package/dist/extension/node/YamlFormat.d.ts

@@ -0,0 +1,55 @@
+import { Node } from '@tiptap/core';
+export interface YamlFormatOptions {
+    /**
+     * Define whether the node should be exited on triple enter.
+     * @default true
+     */
+    exitOnTripleEnter: boolean | null | undefined;
+    /**
+     * Define whether the node should be exited on arrow down if there is no node after it.
+     * @default true
+     */
+    exitOnArrowDown: boolean | null | undefined;
+    /**
+     * Enable tab key for indentation in code blocks.
+     * @default false
+     */
+    enableTabIndentation: boolean | null | undefined;
+    /**
+     * The number of spaces to use for tab indentation.
+     * @default 4
+     */
+    tabSize: number | null | undefined;
+    /**
+     * Custom HTML attributes that should be added to the rendered HTML tag.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        yamlFormat: {
+            /**
+             * Set a yaml format
+             * @example editor.commands.setYamlFormat()
+             */
+            setYamlFormat: () => ReturnType;
+            /**
+             * Toggle a yaml format
+             * @example editor.commands.toggleYamlFormat()
+             */
+            toggleYamlFormat: () => ReturnType;
+        };
+    }
+}
+/**
+ * Matches a yaml format with backticks.
+ * Only matches exactly `--- ` (three dashes followed by a space)
+ */
+export declare const yamlInputRegex: RegExp;
+/**
+ * This extension allows you to create yaml format.
+ * @see https://tiptap.dev/api/nodes/code-block
+ */
+export declare const YamlFormat: Node<YamlFormatOptions, any>;

package/dist/extension/node/YamlFormat.js

@@ -0,0 +1,347 @@
+import { InputRule, mergeAttributes, Node } from '@tiptap/core';
+import { Plugin, PluginKey, Selection, TextSelection } from '@tiptap/pm/state';
+var DEFAULT_TAB_SIZE = 4;
+/**
+ * Matches a yaml format with backticks.
+ * Only matches exactly `--- ` (three dashes followed by a space)
+ */
+export var yamlInputRegex = /^---\s$/;
+
+/**
+ * This extension allows you to create yaml format.
+ * @see https://tiptap.dev/api/nodes/code-block
+ */
+export var YamlFormat = Node.create({
+  name: 'yamlFormat',
+  addOptions: function addOptions() {
+    return {
+      exitOnTripleEnter: true,
+      exitOnArrowDown: true,
+      enableTabIndentation: false,
+      tabSize: DEFAULT_TAB_SIZE,
+      HTMLAttributes: {}
+    };
+  },
+  content: 'text*',
+  marks: '',
+  group: 'block',
+  code: true,
+  defining: true,
+  addAttributes: function addAttributes() {
+    return {};
+  },
+  parseHTML: function parseHTML() {
+    return [{
+      tag: 'pre[data-type="yaml-frontmatter"]',
+      preserveWhitespace: 'full'
+    }];
+  },
+  renderHTML: function renderHTML(_ref) {
+    var node = _ref.node,
+      HTMLAttributes = _ref.HTMLAttributes;
+    return ['pre', mergeAttributes({
+      'data-type': 'yaml-frontmatter'
+    }, this.options.HTMLAttributes, HTMLAttributes), ['code', {}, 0]];
+  },
+  markdownTokenName: 'frontmatter',
+  parseMarkdown: function parseMarkdown(token, helpers) {
+    var _token$raw;
+    if (((_token$raw = token.raw) === null || _token$raw === void 0 ? void 0 : _token$raw.startsWith('---')) === false) {
+      return [];
+    }
+    return helpers.createNode('yamlFormat', {}, token.text ? [helpers.createTextNode(token.text)] : []);
+  },
+  renderMarkdown: function renderMarkdown(node, h) {
+    var content = node.content ? h.renderChildren(node.content) : '';
+    if (!content) {
+      return "---\n---";
+    }
+    return "---\n".concat(content, "\n---");
+  },
+  addCommands: function addCommands() {
+    var _this = this;
+    return {
+      setYamlFormat: function setYamlFormat() {
+        return function (ctx) {
+          return ctx.commands.setNode(_this.name, {});
+        };
+      },
+      toggleYamlFormat: function toggleYamlFormat() {
+        return function (ctx) {
+          return ctx.commands.toggleNode(_this.name, 'paragraph', {});
+        };
+      }
+    };
+  },
+  addKeyboardShortcuts: function addKeyboardShortcuts() {
+    var _this2 = this;
+    return {
+      Backspace: function Backspace() {
+        var _this2$editor$state$s = _this2.editor.state.selection,
+          empty = _this2$editor$state$s.empty,
+          $anchor = _this2$editor$state$s.$anchor;
+        var isAtStart = $anchor.pos === 1;
+        if (!empty || $anchor.parent.type.name !== _this2.name) {
+          return false;
+        }
+        if (isAtStart || !$anchor.parent.textContent.length) {
+          return _this2.editor.commands.clearNodes();
+        }
+        return false;
+      },
+      Tab: function Tab(_ref2) {
+        var _this2$options$tabSiz;
+        var editor = _ref2.editor;
+        if (!_this2.options.enableTabIndentation) {
+          return false;
+        }
+        var tabSize = (_this2$options$tabSiz = _this2.options.tabSize) !== null && _this2$options$tabSiz !== void 0 ? _this2$options$tabSiz : DEFAULT_TAB_SIZE;
+        var state = editor.state;
+        var selection = state.selection;
+        var $from = selection.$from,
+          empty = selection.empty;
+        if ($from.parent.type !== _this2.type) {
+          return false;
+        }
+        var indent = ' '.repeat(tabSize);
+        if (empty) {
+          return editor.commands.insertContent(indent);
+        }
+        return editor.commands.command(function (_ref3) {
+          var tr = _ref3.tr;
+          var from = selection.from,
+            to = selection.to;
+          var text = state.doc.textBetween(from, to, '\n', '\n');
+          var lines = text.split('\n');
+          var indentedText = lines.map(function (line) {
+            return indent + line;
+          }).join('\n');
+          tr.replaceWith(from, to, state.schema.text(indentedText));
+          return true;
+        });
+      },
+      'Shift-Tab': function ShiftTab(_ref4) {
+        var _this2$options$tabSiz2;
+        var editor = _ref4.editor;
+        if (!_this2.options.enableTabIndentation) {
+          return false;
+        }
+        var tabSize = (_this2$options$tabSiz2 = _this2.options.tabSize) !== null && _this2$options$tabSiz2 !== void 0 ? _this2$options$tabSiz2 : DEFAULT_TAB_SIZE;
+        var state = editor.state;
+        var selection = state.selection;
+        var $from = selection.$from,
+          empty = selection.empty;
+        if ($from.parent.type !== _this2.type) {
+          return false;
+        }
+        if (empty) {
+          return editor.commands.command(function (_ref5) {
+            var _currentLine$match;
+            var tr = _ref5.tr;
+            var pos = $from.pos;
+            var yamlFormatStart = $from.start();
+            var yamlFormatEnd = $from.end();
+            var allText = state.doc.textBetween(yamlFormatStart, yamlFormatEnd, '\n', '\n');
+            var lines = allText.split('\n');
+            var currentLineIndex = 0;
+            var charCount = 0;
+            var relativeCursorPos = pos - yamlFormatStart;
+            for (var i = 0; i < lines.length; i += 1) {
+              if (charCount + lines[i].length >= relativeCursorPos) {
+                currentLineIndex = i;
+                break;
+              }
+              charCount += lines[i].length + 1;
+            }
+            var currentLine = lines[currentLineIndex];
+            var leadingSpaces = ((_currentLine$match = currentLine.match(/^ */)) === null || _currentLine$match === void 0 ? void 0 : _currentLine$match[0]) || '';
+            var spacesToRemove = Math.min(leadingSpaces.length, tabSize);
+            if (spacesToRemove === 0) {
+              return true;
+            }
+            var lineStartPos = yamlFormatStart;
+            for (var _i = 0; _i < currentLineIndex; _i += 1) {
+              lineStartPos += lines[_i].length + 1;
+            }
+            tr.delete(lineStartPos, lineStartPos + spacesToRemove);
+            var cursorPosInLine = pos - yamlFormatStart;
+            if (cursorPosInLine <= spacesToRemove) {
+              tr.setSelection(TextSelection.create(tr.doc, yamlFormatStart));
+            }
+            return true;
+          });
+        }
+        return editor.commands.command(function (_ref6) {
+          var tr = _ref6.tr;
+          var from = selection.from,
+            to = selection.to;
+          var text = state.doc.textBetween(from, to, '\n', '\n');
+          var lines = text.split('\n');
+          var reverseIndentText = lines.map(function (line) {
+            var _line$match;
+            var leadingSpaces = ((_line$match = line.match(/^ */)) === null || _line$match === void 0 ? void 0 : _line$match[0]) || '';
+            var spacesToRemove = Math.min(leadingSpaces.length, tabSize);
+            return line.slice(spacesToRemove);
+          }).join('\n');
+          tr.replaceWith(from, to, state.schema.text(reverseIndentText));
+          return true;
+        });
+      },
+      Enter: function Enter(_ref7) {
+        var editor = _ref7.editor;
+        if (!_this2.options.exitOnTripleEnter) {
+          return false;
+        }
+        var state = editor.state;
+        var selection = state.selection;
+        var $from = selection.$from,
+          empty = selection.empty;
+        if (!empty || $from.parent.type !== _this2.type) {
+          return false;
+        }
+        var isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+        var endsWithDoubleNewline = $from.parent.textContent.endsWith('\n\n');
+        if (!isAtEnd || !endsWithDoubleNewline) {
+          return false;
+        }
+        return editor.chain().command(function (_ref8) {
+          var tr = _ref8.tr;
+          tr.delete($from.pos - 2, $from.pos);
+          return true;
+        }).exitCode().run();
+      },
+      ArrowDown: function ArrowDown(_ref9) {
+        var editor = _ref9.editor;
+        if (!_this2.options.exitOnArrowDown) {
+          return false;
+        }
+        var state = editor.state;
+        var selection = state.selection,
+          doc = state.doc;
+        var $from = selection.$from,
+          empty = selection.empty;
+        if (!empty || $from.parent.type !== _this2.type) {
+          return false;
+        }
+        var isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+        if (!isAtEnd) {
+          return false;
+        }
+        var after = $from.after();
+        if (after === undefined) {
+          return false;
+        }
+        var nodeAfter = doc.nodeAt(after);
+        if (nodeAfter) {
+          return editor.commands.command(function (_ref10) {
+            var tr = _ref10.tr;
+            tr.setSelection(Selection.near(doc.resolve(after)));
+            return true;
+          });
+        }
+        return editor.commands.exitCode();
+      }
+    };
+  },
+  addInputRules: function addInputRules() {
+    var _this3 = this;
+    return [new InputRule({
+      find: yamlInputRegex,
+      handler: function handler(_ref11) {
+        var state = _ref11.state,
+          range = _ref11.range,
+          chain = _ref11.chain;
+        if (range.from !== 1) {
+          return null;
+        }
+        chain().command(function (_ref12) {
+          var tr = _ref12.tr;
+          tr.delete(range.from, range.to);
+          return true;
+        }).setNode(_this3.name, {}).run();
+      }
+    })];
+  },
+  addProseMirrorPlugins: function addProseMirrorPlugins() {
+    var _this4 = this;
+    return [new Plugin({
+      key: new PluginKey('yamlFormatHandler'),
+      props: {
+        handlePaste: function handlePaste(view, event) {
+          if (!event.clipboardData) {
+            return false;
+          }
+          if (_this4.editor.isActive(_this4.type.name)) {
+            return false;
+          }
+          var text = event.clipboardData.getData('text/plain');
+          if (!text) {
+            return false;
+          }
+          var _view$state = view.state,
+            tr = _view$state.tr,
+            schema = _view$state.schema;
+          var isAtDocStart = view.state.selection.$from.pos === 1;
+          var fmRegex = /^-{3,}\s*\n([\s\S]*?)\n-{3,}\s*$/;
+          var match = fmRegex.exec(text.replace(/\r\n?/g, '\n'));
+          if (!isAtDocStart || !match) {
+            return false;
+          }
+          var content = match[1] || '';
+          var textNode = schema.text(content);
+          var node = _this4.type.create({}, textNode);
+          tr.replaceSelectionWith(node);
+          if (tr.selection.$from.parent.type !== _this4.type) {
+            tr.setSelection(TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
+          }
+          tr.setMeta('paste', true);
+          view.dispatch(tr);
+          return true;
+        }
+      },
+      appendTransaction: function appendTransaction(transactions, oldState, newState) {
+        var _attrs;
+        var docChanged = transactions.some(function (tr) {
+          return tr.docChanged;
+        });
+        if (!docChanged) {
+          return null;
+        }
+        var doc = newState.doc;
+        var firstNode = doc.firstChild;
+        if (!firstNode || firstNode.type.name !== 'horizontalRule') {
+          return null;
+        }
+        var isInitialLoad = transactions.some(function (tr) {
+          var addToHistory = tr.getMeta('addToHistory');
+          var isPasteHandled = tr.getMeta('paste');
+          return (addToHistory === false || addToHistory === undefined) && !isPasteHandled;
+        });
+        if (!isInitialLoad) {
+          return null;
+        }
+        doc.descendants(function (node, pos) {
+          return true;
+        });
+        var secondNode = doc.maybeChild(1);
+        var isSecondNodeHeading = secondNode && secondNode.type.name === 'heading' && ((_attrs = secondNode.attrs) === null || _attrs === void 0 ? void 0 : _attrs.level) === 2;
+        if (isSecondNodeHeading) {
+          var tr = newState.tr;
+          var replaceEnd = firstNode.nodeSize + secondNode.nodeSize;
+          var yamlContent = '';
+          doc.nodesBetween(firstNode.nodeSize, replaceEnd, function (node, pos) {
+            if (node.isText && node.text) {
+              yamlContent += node.text;
+            }
+          });
+          yamlContent = yamlContent.trim();
+          var textNode = yamlContent ? newState.schema.text(yamlContent) : undefined;
+          var yamlNode = _this4.type.create({}, textNode ? [textNode] : []);
+          tr.replaceRangeWith(0, replaceEnd, yamlNode);
+          return tr;
+        }
+        return null;
+      }
+    })];
+  }
+});

package/dist/extension/node/index.d.ts

@@ -5,6 +5,7 @@ export * from './CodeBlockLowlight';
 export * from './Details';
 export * from './Emoji';
 export * from './FileHandler';
+export * from './HorizontalRule';
 export * from './Iframe';
 export * from './Image';
 export * from './Indent';
@@ -18,4 +19,5 @@ export * from './TableOfContents';
 export * from './UploadProgress';
 export * from './VerticalAlign';
 export * from './Video';
+export * from './YamlFormat';
 export * from './Youtube';

package/dist/extension/node/index.js

@@ -5,6 +5,7 @@ export * from "./CodeBlockLowlight";
 export * from "./Details";
 export * from "./Emoji";
 export * from "./FileHandler";
+export * from "./HorizontalRule";
 export * from "./Iframe";
 export * from "./Image";
 export * from "./Indent";
@@ -18,4 +19,5 @@ export * from "./TableOfContents";
 export * from "./UploadProgress";
 export * from "./VerticalAlign";
 export * from "./Video";
+export * from "./YamlFormat";
 export * from "./Youtube";

package/dist/index.css

@@ -190,6 +190,12 @@
   background-color: #171c19;
 }
 
+.tiptap.ProseMirror pre[data-type="yaml-frontmatter"] {
+  padding: 8px 16px;
+  margin-bottom: 20px;
+  border-radius: var(--mui-shape-borderRadius);
+}
+
 .tiptap.ProseMirror code {
   padding: 2px 8px;
   margin: 0 4px;
@@ -203,6 +209,12 @@
   border-radius: 6px;
 }
 
+.tiptap.ProseMirror pre[data-type="yaml-frontmatter"] code {
+  border: none;
+  margin: 0;
+  display: inline-block;
+}
+
 .tiptap.ProseMirror pre code {
   color: inherit;
   padding: 0;

package/dist/type/index.d.ts

@@ -101,7 +101,7 @@ export type UseTiptapProps = {
 export type GetExtensionsProps = ExtensionRelativeProps;
 export type UseTiptapReturn = {
     editor: Editor;
-    setContent: (value: string, type: UseEditorOptions['contentType']) => void;
+    setContent: (value: string, type?: UseEditorOptions['contentType']) => void;
     getContent: () => string;
     getMarkdown: () => string;
     getText: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -81,37 +81,38 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.2",
-    "@tiptap/core": "^3.9.1",
-    "@tiptap/extension-bubble-menu": "^3.9.1",
-    "@tiptap/extension-code": "^3.9.1",
-    "@tiptap/extension-code-block-lowlight": "^3.9.1",
-    "@tiptap/extension-details": "^3.9.1",
-    "@tiptap/extension-drag-handle-react": "^3.9.1",
-    "@tiptap/extension-emoji": "^3.9.1",
-    "@tiptap/extension-file-handler": "^3.9.1",
-    "@tiptap/extension-highlight": "^3.9.1",
-    "@tiptap/extension-image": "^3.9.1",
-    "@tiptap/extension-invisible-characters": "^3.9.1",
-    "@tiptap/extension-link": "^3.9.1",
-    "@tiptap/extension-list": "^3.9.1",
-    "@tiptap/extension-mathematics": "^3.9.1",
-    "@tiptap/extension-mention": "^3.9.1",
-    "@tiptap/extension-subscript": "^3.9.1",
-    "@tiptap/extension-superscript": "^3.9.1",
-    "@tiptap/extension-table": "^3.9.1",
-    "@tiptap/extension-table-of-contents": "^3.9.1",
-    "@tiptap/extension-text-align": "^3.9.1",
-    "@tiptap/extension-text-style": "^3.9.1",
-    "@tiptap/extension-unique-id": "^3.9.1",
-    "@tiptap/extension-youtube": "^3.9.1",
-    "@tiptap/extensions": "^3.9.1",
-    "@tiptap/html": "^3.9.1",
-    "@tiptap/markdown": "^3.9.1",
-    "@tiptap/pm": "^3.9.1",
-    "@tiptap/react": "^3.9.1",
-    "@tiptap/starter-kit": "^3.9.1",
-    "@tiptap/static-renderer": "^3.9.1",
-    "@tiptap/suggestion": "^3.9.1",
+    "@tiptap/core": "^3.10.1",
+    "@tiptap/extension-bubble-menu": "^3.10.1",
+    "@tiptap/extension-code": "^3.10.1",
+    "@tiptap/extension-code-block-lowlight": "^3.10.1",
+    "@tiptap/extension-details": "^3.10.1",
+    "@tiptap/extension-drag-handle-react": "^3.10.1",
+    "@tiptap/extension-emoji": "^3.10.1",
+    "@tiptap/extension-file-handler": "^3.10.1",
+    "@tiptap/extension-highlight": "^3.10.1",
+    "@tiptap/extension-horizontal-rule": "^3.10.1",
+    "@tiptap/extension-image": "^3.10.1",
+    "@tiptap/extension-invisible-characters": "^3.10.1",
+    "@tiptap/extension-link": "^3.10.1",
+    "@tiptap/extension-list": "^3.10.1",
+    "@tiptap/extension-mathematics": "^3.10.1",
+    "@tiptap/extension-mention": "^3.10.1",
+    "@tiptap/extension-subscript": "^3.10.1",
+    "@tiptap/extension-superscript": "^3.10.1",
+    "@tiptap/extension-table": "^3.10.1",
+    "@tiptap/extension-table-of-contents": "^3.10.1",
+    "@tiptap/extension-text-align": "^3.10.1",
+    "@tiptap/extension-text-style": "^3.10.1",
+    "@tiptap/extension-unique-id": "^3.10.1",
+    "@tiptap/extension-youtube": "^3.10.1",
+    "@tiptap/extensions": "^3.10.1",
+    "@tiptap/html": "^3.10.1",
+    "@tiptap/markdown": "^3.10.1",
+    "@tiptap/pm": "^3.10.1",
+    "@tiptap/react": "^3.10.1",
+    "@tiptap/starter-kit": "^3.10.1",
+    "@tiptap/static-renderer": "^3.10.1",
+    "@tiptap/suggestion": "^3.10.1",
     "core-js": "^3.46.0",
     "diff-match-patch": "^1.0.5",
     "highlight.js": "^11.11.1",