@ctzhian/tiptap 1.5.1 → 1.5.2

package/dist/extension/extension/StructuredDiff.js

@@ -1,131 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Extension } from '@tiptap/core';
-import { Plugin, PluginKey } from '@tiptap/pm/state';
-import { createDecorationsFromDiffs, createEmptyDecorationSet } from "../../util/decorations";
-import { compareDocuments } from "../../util/structuredDiff";
-var diffPluginKey = new PluginKey('structuredDiff');
-var DiffPluginState = /*#__PURE__*/function () {
-  function DiffPluginState(decorations) {
-    var diffs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    var isActive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    _classCallCheck(this, DiffPluginState);
-    _defineProperty(this, "decorations", void 0);
-    _defineProperty(this, "diffs", void 0);
-    _defineProperty(this, "isActive", void 0);
-    this.decorations = decorations;
-    this.diffs = diffs;
-    this.isActive = isActive;
-  }
-  _createClass(DiffPluginState, [{
-    key: "apply",
-    value: function apply(tr, value, oldState, newState) {
-      if (tr.docChanged && value.isActive) {
-        var mappedDecorations = value.decorations.map(tr.mapping, tr.doc);
-        return new DiffPluginState(mappedDecorations, value.diffs, value.isActive);
-      }
-      var diffMeta = tr.getMeta(diffPluginKey);
-      if (diffMeta) {
-        switch (diffMeta.type) {
-          case 'showDiff':
-            return new DiffPluginState(diffMeta.decorations, diffMeta.diffs, true);
-          case 'hideDiff':
-            return new DiffPluginState(createEmptyDecorationSet(newState.doc), [], false);
-          default:
-            return value;
-        }
-      }
-      return value;
-    }
-  }], [{
-    key: "init",
-    value: function init(config, state) {
-      return new DiffPluginState(createEmptyDecorationSet(state.doc), [], false);
-    }
-  }]);
-  return DiffPluginState;
-}();
-export var StructuredDiffExtension = Extension.create({
-  name: 'structuredDiff',
-  addProseMirrorPlugins: function addProseMirrorPlugins() {
-    return [new Plugin({
-      key: diffPluginKey,
-      state: {
-        init: DiffPluginState.init,
-        apply: DiffPluginState.prototype.apply
-      },
-      props: {
-        decorations: function decorations(state) {
-          var pluginState = diffPluginKey.getState(state);
-          return pluginState ? pluginState.decorations : null;
-        }
-      }
-    })];
-  },
-  addCommands: function addCommands() {
-    return {
-      showStructuredDiff: function showStructuredDiff(oldHtml, newHtml) {
-        return function (_ref) {
-          var tr = _ref.tr,
-            state = _ref.state,
-            dispatch = _ref.dispatch,
-            editor = _ref.editor;
-          try {
-            var extensions = editor.extensionManager.extensions;
-            var comparison = compareDocuments(oldHtml, newHtml, extensions);
-            if (!comparison.hasChanges) {
-              return false;
-            }
-            var decorations = createDecorationsFromDiffs(comparison.diffs, state.doc);
-            var newTr = tr.setMeta(diffPluginKey, {
-              type: 'showDiff',
-              decorations: decorations,
-              diffs: comparison.diffs
-            });
-            if (dispatch) {
-              dispatch(newTr);
-            }
-            return true;
-          } catch (error) {
-            console.error('显示结构化diff时出错:', error);
-            return false;
-          }
-        };
-      },
-      hideStructuredDiff: function hideStructuredDiff() {
-        return function (_ref2) {
-          var tr = _ref2.tr,
-            state = _ref2.state,
-            dispatch = _ref2.dispatch;
-          try {
-            var newTr = tr.setMeta(diffPluginKey, {
-              type: 'hideDiff'
-            });
-            if (dispatch) dispatch(newTr);
-            return true;
-          } catch (error) {
-            console.error('隐藏结构化diff时出错:', error);
-            return false;
-          }
-        };
-      }
-    };
-  }
-});
-export { diffPluginKey };
-export function getDiffState(editor) {
-  if (!editor || !editor.state) {
-    return null;
-  }
-  var pluginState = diffPluginKey.getState(editor.state);
-  return pluginState ? {
-    isActive: pluginState.isActive,
-    diffs: pluginState.diffs,
-    diffCount: pluginState.diffs.length
-  } : null;
-}

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

@@ -1,2 +0,0 @@
-export * from './SlashCommands';
-export * from './StructuredDiff';

package/dist/extension/extension/index.js

@@ -1,2 +0,0 @@
-export * from "./SlashCommands";
-export * from "./StructuredDiff";

package/dist/extension/index.d.ts

@@ -1,2 +0,0 @@
-import { GetExtensionsProps } from '../type';
-export declare const getExtensions: ({ limit, exclude, extensions: extensionsProps, youtube, editable, mentionItems, onMentionFilter, onUpload, onError, onTocUpdate, }: GetExtensionsProps) => any;

package/dist/extension/index.js

@@ -1,146 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import Highlight from '@tiptap/extension-highlight';
-import InvisibleCharacters from '@tiptap/extension-invisible-characters';
-import Subscript from '@tiptap/extension-subscript';
-import Superscript from '@tiptap/extension-superscript';
-import TextAlign from '@tiptap/extension-text-align';
-import { TextStyleKit } from '@tiptap/extension-text-style';
-import { CharacterCount, Placeholder } from '@tiptap/extensions';
-import StarterKit from '@tiptap/starter-kit';
-import { PLACEHOLDER } from "../contants/placeholder";
-import { 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, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
-export var getExtensions = function getExtensions(_ref) {
-  var limit = _ref.limit,
-    exclude = _ref.exclude,
-    extensionsProps = _ref.extensions,
-    youtube = _ref.youtube,
-    editable = _ref.editable,
-    mentionItems = _ref.mentionItems,
-    onMentionFilter = _ref.onMentionFilter,
-    onUpload = _ref.onUpload,
-    onError = _ref.onError,
-    onTocUpdate = _ref.onTocUpdate;
-  var defaultExtensions = [StarterKit.configure({
-    link: false,
-    code: false,
-    codeBlock: false,
-    listItem: false,
-    orderedList: false,
-    bulletList: false,
-    listKeymap: false,
-    undoRedo: exclude !== null && exclude !== void 0 && exclude.includes('undoRedo') ? false : undefined,
-    dropcursor: {
-      color: 'var(--mui-palette-primary-main)',
-      width: 2
-    }
-  }), ListExtension, TextAlign.configure({
-    types: ['heading', 'paragraph']
-  }), VerticalAlign.configure({
-    types: ['textStyle'],
-    defaultAlignment: null
-  }), CodeBlockLowlightExtension, CharacterCount.configure({
-    limit: limit !== null && limit !== void 0 ? limit : null
-  }), Subscript, Superscript, TextStyleKit, Indent.configure({
-    types: [
-    // 常见块级与项目中定义的节点
-    'paragraph', 'heading', 'blockquote', 'alert', 'codeBlock', 'horizontalRule', 'orderedList', 'bulletList', 'taskList', 'taskItem', 'listItem', 'details', 'detailsContent', 'detailsSummary', 'table', 'image', 'video', 'audio', 'iframe', 'blockAttachment', 'inlineAttachment', 'blockLink',
-    // 公式
-    'blockMath', 'inlineMath'
-    // 扩展里还有：youtube 等，如需也可开启
-    ],
-    maxLevel: 8,
-    indentPx: 32
-  }), CodeExtension, AlertExtension, Highlight.configure({
-    multicolor: true
-  }), Placeholder.configure({
-    emptyNodeClass: 'custom-placeholder-node',
-    showOnlyWhenEditable: true,
-    placeholder: function placeholder(_ref2) {
-      var node = _ref2.node,
-        pos = _ref2.pos;
-      var type = node.type,
-        attrs = node.attrs;
-      if (pos === 0) {
-        return PLACEHOLDER.default;
-      }
-      if (type.name === 'heading') {
-        return PLACEHOLDER.heading[attrs.level];
-      }
-      if (PLACEHOLDER[type.name]) {
-        return PLACEHOLDER[type.name];
-      }
-      return '';
-    }
-  }), InlineLinkExtension, BlockLinkExtension, DetailsExtension, DetailsContentExtension, DetailsSummaryExtension].concat(_toConsumableArray(TableExtension({
-    editable: editable
-  })), [TableOfContents({
-    onTocUpdate: onTocUpdate
-  }), CustomInlineMathExtension({
-    onError: onError
-  }), CustomBlockMathExtension({
-    onError: onError
-  }), IframeExtension({
-    onError: onError
-  }), VideoExtension({
-    onUpload: onUpload,
-    onError: onError
-  }), AudioExtension({
-    onUpload: onUpload,
-    onError: onError
-  }), ImageExtension({
-    onUpload: onUpload,
-    onError: onError
-  }), InlineAttachmentExtension({
-    onUpload: onUpload,
-    onError: onError
-  }), BlockAttachmentExtension({
-    onUpload: onUpload,
-    onError: onError
-  })]);
-  if (!(exclude !== null && exclude !== void 0 && exclude.includes('emoji'))) {
-    var Emoji = EmojiExtension;
-    defaultExtensions.push(Emoji);
-  }
-  if (!(exclude !== null && exclude !== void 0 && exclude.includes('mention')) && (mentionItems && mentionItems.length > 0 || onMentionFilter)) {
-    var Mention = MentionExtension({
-      mentionItems: mentionItems,
-      onMentionFilter: onMentionFilter
-    });
-    defaultExtensions.push(Mention);
-  }
-  if (!(exclude !== null && exclude !== void 0 && exclude.includes('youtube'))) {
-    var Youtube = YoutubeExtension(youtube);
-    defaultExtensions.push(Youtube);
-  }
-  if (editable) {
-    if (!(exclude !== null && exclude !== void 0 && exclude.includes('fileHandler'))) {
-      var FileHandler = FileHandlerExtension({
-        onUpload: onUpload
-      });
-      defaultExtensions.push(FileHandler);
-      var UploadProgress = UploadProgressExtension;
-      defaultExtensions.push(UploadProgress);
-    }
-    if (!(exclude !== null && exclude !== void 0 && exclude.includes('slashCommands'))) {
-      defaultExtensions.push(SlashCommands);
-    }
-    if (!(exclude !== null && exclude !== void 0 && exclude.includes('invisibleCharacters'))) {
-      defaultExtensions.push(InvisibleCharacters);
-    }
-  } else {
-    if (!(exclude !== null && exclude !== void 0 && exclude.includes('structuredDiff'))) {
-      defaultExtensions.push(StructuredDiffExtension);
-    }
-  }
-  if (extensionsProps && extensionsProps.length > 0) {
-    defaultExtensions.push.apply(defaultExtensions, _toConsumableArray(extensionsProps));
-  }
-  return defaultExtensions;
-};

package/dist/extension/mark/Code.d.ts

@@ -1,2 +0,0 @@
-export declare const CodeExtension: import("@tiptap/core").Mark<import("@tiptap/extension-code").CodeOptions, any>;
-export default CodeExtension;

package/dist/extension/mark/Code.js

@@ -1,9 +0,0 @@
-import Code from '@tiptap/extension-code';
-
-// 允许与 textStyle 等标记共存，以便字号/颜色等样式可应用到 code 文本
-export var CodeExtension = Code.extend({
-  // 默认 `@tiptap/extension-code` 的 excludes 为 '_'（排除所有其他 mark）
-  // 这里清空以允许共存，从而让 textStyle 的 fontSize 生效
-  excludes: ''
-});
-export default CodeExtension;

package/dist/extension/mark/Link.js

@@ -1,58 +0,0 @@
-// import { Link } from "@tiptap/extension-link";
-
-// const customLink = Link.extend({
-//   addAttributes() {
-//     return {
-//       ...(this.parent as any)?.(),
-//       type: {
-//         default: 'link',
-//         parseHTML: (element: HTMLElement) => {
-//           return element.getAttribute('data-type') || 'link'
-//         },
-//         renderHTML: (attributes: any) => {
-//           return {
-//             'data-type': attributes.type,
-//           }
-//         }
-//       },
-//       title: {
-//         default: '',
-//         parseHTML: (element: HTMLElement) => {
-//           return element.getAttribute('data-title') || ''
-//         },
-//         renderHTML: (attributes: any) => {
-//           return {
-//             'data-title': attributes.title,
-//           }
-//         }
-//       },
-//     }
-//   },
-//   addKeyboardShortcuts() {
-//     return {
-//       'Mod-k': () => {
-//         return this.editor.commands.setLink({ href: '' })
-//       }
-//     }
-//   },
-//   // addMarkView() {
-//   //   return ReactMarkViewRenderer(LinkViewWrapper, {
-//   //     as: 'a',
-//   //   })
-//   // }
-// })
-
-// export const LinkExtension = customLink.configure({
-//   autolink: true,
-//   openOnClick: true,
-//   enableClickSelection: true,
-//   linkOnPaste: true,
-//   protocols: ['http', 'https', 'mailto', 'tel'],
-//   defaultProtocol: 'http',
-//   HTMLAttributes: {
-//     rel: null,
-//     target: '_blank',
-//   },
-// })
-
-// export default LinkExtension

package/dist/extension/mark/index.js

@@ -1 +0,0 @@
-// export * from './Link';

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

@@ -1,33 +0,0 @@
-import { Node } from '@tiptap/core';
-export type AlertVariant = 'info' | 'warning' | 'error' | 'success';
-export type AlertType = 'text' | 'icon';
-export interface AlertOptions {
-    /**
-     * HTML attributes to add to the blockquote element
-     * @default {}
-     * @example { class: 'foo' }
-     */
-    HTMLAttributes: Record<string, any>;
-}
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        alert: {
-            /** 插入一个 Alert 节点 */
-            setAlert: (attributes?: {
-                variant?: AlertVariant;
-                type?: AlertType;
-            }) => ReturnType;
-            /** 切换 Alert 的 variant */
-            setAlertVariant: (variant: AlertVariant) => ReturnType;
-            /** 切换 Alert 的展示类型（是否显示图标） */
-            setAlertType: (type: AlertType) => ReturnType;
-            /** 在当前块与 Alert 之间切换（将当前块转换为 Alert，若已是 Alert 则还原为段落） */
-            toggleAlert: (attributes?: {
-                variant?: AlertVariant;
-                type?: AlertType;
-            }) => ReturnType;
-        };
-    }
-}
-export declare const AlertExtension: Node<AlertOptions, any>;
-export default AlertExtension;

package/dist/extension/node/Alert.js

@@ -1,116 +0,0 @@
-import { mergeAttributes, Node } from '@tiptap/core';
-import { ReactNodeViewRenderer } from '@tiptap/react';
-import AlertView from "../component/Alert";
-export var AlertExtension = Node.create({
-  name: 'alert',
-  group: 'block',
-  content: 'block+',
-  defining: true,
-  draggable: true,
-  addOptions: function addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes: function addAttributes() {
-    return {
-      id: {
-        default: null,
-        renderHTML: function renderHTML(attributes) {
-          return attributes.id ? {
-            'data-id': attributes.id
-          } : {};
-        },
-        parseHTML: function parseHTML(element) {
-          return element.getAttribute('data-id');
-        }
-      },
-      variant: {
-        default: 'info',
-        renderHTML: function renderHTML(attributes) {
-          return {
-            'data-variant': attributes.variant
-          };
-        },
-        parseHTML: function parseHTML(element) {
-          return element.getAttribute('data-variant') || 'info';
-        }
-      },
-      type: {
-        default: 'icon',
-        renderHTML: function renderHTML(attributes) {
-          return {
-            'data-type': attributes.type
-          };
-        },
-        parseHTML: function parseHTML(element) {
-          return element.getAttribute('data-type') || 'icon';
-        }
-      }
-    };
-  },
-  parseHTML: function parseHTML() {
-    return [{
-      tag: 'div[data-node="alert"]'
-    }];
-  },
-  renderHTML: function renderHTML(_ref) {
-    var HTMLAttributes = _ref.HTMLAttributes;
-    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-      'data-node': 'alert'
-    }), 0];
-  },
-  addCommands: function addCommands() {
-    var _this = this;
-    return {
-      setAlert: function setAlert() {
-        var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        return function (_ref2) {
-          var commands = _ref2.commands;
-          var id = "alert_".concat(Math.random().toString(36).slice(2));
-          var variant = attrs.variant || 'info';
-          var type = attrs.type || 'icon';
-          return commands.wrapIn(_this.name, {
-            id: id,
-            variant: variant,
-            type: type
-          });
-        };
-      },
-      setAlertVariant: function setAlertVariant(variant) {
-        return function (_ref3) {
-          var commands = _ref3.commands;
-          return commands.updateAttributes(_this.name, {
-            variant: variant
-          });
-        };
-      },
-      setAlertType: function setAlertType(type) {
-        return function (_ref4) {
-          var commands = _ref4.commands;
-          return commands.updateAttributes(_this.name, {
-            type: type
-          });
-        };
-      },
-      toggleAlert: function toggleAlert() {
-        var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        return function (_ref5) {
-          var commands = _ref5.commands;
-          var id = "alert_".concat(Math.random().toString(36).slice(2));
-          var variant = attrs.variant || 'info';
-          var type = attrs.type || 'icon';
-          return commands.toggleWrap(_this.name, {
-            id: id,
-            variant: variant,
-            type: type
-          });
-        };
-      }
-    };
-  },
-  addNodeView: function addNodeView() {
-    return ReactNodeViewRenderer(AlertView);
-  }
-});
-export default AlertExtension;

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

@@ -1,28 +0,0 @@
-import { EditorFnProps } from "../../type";
-import { Node } from "@tiptap/core";
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        inlineAttachment: {
-            /**
-             * Insert an inline attachment
-             */
-            setInlineAttachment: (options: {
-                url: string;
-                title: string;
-                size: string;
-            }) => ReturnType;
-        };
-        blockAttachment: {
-            /**
-             * Insert a block attachment
-             */
-            setBlockAttachment: (options: {
-                url: string;
-                title: string;
-                size: string;
-            }) => ReturnType;
-        };
-    }
-}
-export declare const InlineAttachmentExtension: (props: EditorFnProps) => Node<any, any>;
-export declare const BlockAttachmentExtension: (props: EditorFnProps) => Node<any, any>;