@ctzhian/tiptap 3.0.1 → 3.0.3

package/dist/util/fileHandler.js

@@ -0,0 +1,82 @@
+// 判断文件类型
+export var getFileType = function getFileType(file) {
+  var type = file.type;
+  if (type.startsWith('image/')) {
+    return 'image';
+  }
+  if (type.startsWith('video/')) {
+    return 'video';
+  }
+  if (type.startsWith('audio/')) {
+    return 'audio';
+  }
+  return 'other';
+};
+
+// 格式化文件大小
+export var formatFileSize = function formatFileSize(bytes) {
+  if (bytes === 0) return '0 Bytes';
+  var k = 1024;
+  var sizes = ['Bytes', 'KB', 'MB', 'GB'];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+};
+
+// 获取文件图标
+export var getFileIcon = function getFileIcon(fileName) {
+  var _fileName$split$pop;
+  var extension = (_fileName$split$pop = fileName.split('.').pop()) === null || _fileName$split$pop === void 0 ? void 0 : _fileName$split$pop.toLowerCase();
+  switch (extension) {
+    case 'pdf':
+      return '📄';
+    case 'doc':
+    case 'docx':
+      return '📝';
+    case 'xls':
+    case 'xlsx':
+      return '📊';
+    case 'ppt':
+    case 'pptx':
+      return '📋';
+    case 'zip':
+    case 'rar':
+    case '7z':
+      return '🗜️';
+    case 'txt':
+      return '📄';
+    case 'mp3':
+    case 'wav':
+    case 'flac':
+      return '🎵';
+    default:
+      return '📎';
+  }
+};
+
+// 插入图片内容
+export var insertImageContent = function insertImageContent(editor, url, pos) {
+  editor.chain().focus().insertContentAt(pos, {
+    type: 'image',
+    attrs: {
+      src: url
+    }
+  }).run();
+};
+
+// 插入视频内容
+export var insertVideoContent = function insertVideoContent(editor, url, pos) {
+  editor.chain().focus().insertContentAt(pos, {
+    type: 'video',
+    attrs: {
+      src: url
+    }
+  }).run();
+};
+
+// 插入附件内容
+export var insertAttachmentContent = function insertAttachmentContent(editor, url, fileName, fileSize, pos) {
+  var icon = getFileIcon(fileName);
+  var size = formatFileSize(fileSize);
+  var attachmentHtml = "\n    <div style=\"border: 1px solid #e1e5e9; border-radius: 8px; padding: 12px; margin: 8px 0; background-color: #f8f9fa; display: flex; align-items: center; gap: 12px; max-width: 400px;\">\n      <span style=\"font-size: 24px;\">".concat(icon, "</span>\n      <div style=\"flex: 1; min-width: 0;\">\n        <div style=\"font-weight: 500; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">\n          <a href=\"").concat(url, "\" target=\"_blank\" style=\"color: #3b82f6; text-decoration: none;\">").concat(fileName, "</a>\n        </div>\n        <div style=\"font-size: 12px; color: #6b7280; margin-top: 2px;\">").concat(size, "</div>\n      </div>\n      <div style=\"color: #6b7280;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path>\n          <polyline points=\"7,10 12,15 17,10\"></polyline>\n          <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line>\n        </svg>\n      </div>\n    </div>\n  ");
+  editor.chain().focus().insertContentAt(pos, attachmentHtml).run();
+};

package/dist/util/index.d.ts

@@ -0,0 +1,35 @@
+export * from './fileDownload';
+export * from './fileHandler';
+export * from './floating';
+export * from './linewiseConvert';
+export * from './resourceExtractor';
+export * from './shortcutKey';
+import { Node } from '@tiptap/pm/model';
+import { EditorState } from '@tiptap/pm/state';
+import { Editor } from '@tiptap/react';
+export declare const withBaseUrl: (url: string, baseUrl: string) => string;
+export declare const removeBaseUrl: (url: string, baseUrl: string) => string;
+export declare const formatFileSize: (bytes: number) => string;
+export declare const insertNodeAfterPosition: (editor: Editor, pos: number, nodeContent: any) => void;
+export declare const hasMarksInBlock: (node: Node | null | undefined) => boolean;
+export declare const hasMarksInSelection: (state: EditorState) => boolean;
+export declare function addOpacityToColor(color: string, opacity: number): string;
+export declare const getLinkTitle: (href: string) => string;
+/**
+ * 获取当前选中文本并返回链接属性
+ * 如果有选中文本，将文本设置为 title
+ * @param editor Tiptap 编辑器实例
+ * @returns 包含 title 的链接属性对象（如果有选中文本）
+ */
+export declare const getLinkAttributesWithSelectedText: (editor: Editor) => {
+    title?: string;
+};
+export declare const extractSrcFromIframe: (input: string) => string;
+/**
+ * 将 B 站链接的 autoplay 统一为 0，避免默认自动播放
+ * - autoplay=1 改为 0
+ * - autoplay=0 不处理
+ * - 无 autoplay 参数则添加 &autoplay=0
+ * 支持协议相对地址（//player.bilibili.com/...），会先转为 https: 再解析
+ */
+export declare const normalizeBilibiliAutoplay: (url: string) => string;

package/dist/util/index.js

@@ -0,0 +1,165 @@
+export * from "./fileDownload";
+export * from "./fileHandler";
+export * from "./floating";
+export * from "./linewiseConvert";
+export * from "./resourceExtractor";
+export * from "./shortcutKey";
+export var withBaseUrl = function withBaseUrl(url, baseUrl) {
+  var _url$trim, _baseUrl$trim;
+  var trimmedUrl = (_url$trim = url === null || url === void 0 ? void 0 : url.trim()) !== null && _url$trim !== void 0 ? _url$trim : '';
+  if (!trimmedUrl) return trimmedUrl;
+  var isAbsolute = /^([a-z][a-z\d+\-.]*:)?\/\//i.test(trimmedUrl) || trimmedUrl.startsWith('data:');
+  if (isAbsolute) {
+    return trimmedUrl;
+  }
+  var trimmedBase = (_baseUrl$trim = baseUrl === null || baseUrl === void 0 ? void 0 : baseUrl.trim()) !== null && _baseUrl$trim !== void 0 ? _baseUrl$trim : '';
+  if (!trimmedBase) {
+    return trimmedUrl;
+  }
+  if (trimmedUrl.startsWith(trimmedBase)) {
+    return trimmedUrl;
+  }
+  var baseEndsWithSlash = trimmedBase.endsWith('/');
+  var urlStartsWithSlash = trimmedUrl.startsWith('/');
+  if (baseEndsWithSlash && urlStartsWithSlash) {
+    return "".concat(trimmedBase.slice(0, -1)).concat(trimmedUrl);
+  } else if (!baseEndsWithSlash && !urlStartsWithSlash) {
+    return "".concat(trimmedBase, "/").concat(trimmedUrl);
+  } else {
+    return "".concat(trimmedBase).concat(trimmedUrl);
+  }
+};
+export var removeBaseUrl = function removeBaseUrl(url, baseUrl) {
+  var _url$trim2, _baseUrl$trim2;
+  var trimmedUrl = (_url$trim2 = url === null || url === void 0 ? void 0 : url.trim()) !== null && _url$trim2 !== void 0 ? _url$trim2 : '';
+  if (!trimmedUrl) return trimmedUrl;
+  var trimmedBase = (_baseUrl$trim2 = baseUrl === null || baseUrl === void 0 ? void 0 : baseUrl.trim()) !== null && _baseUrl$trim2 !== void 0 ? _baseUrl$trim2 : '';
+  if (!trimmedBase) {
+    return trimmedUrl;
+  }
+  if (trimmedUrl.startsWith(trimmedBase)) {
+    return trimmedUrl.slice(trimmedBase.length);
+  }
+  return trimmedUrl;
+};
+export var formatFileSize = function formatFileSize(bytes) {
+  if (bytes === 0) return '0 B';
+  var k = 1024;
+  var sizes = ['B', 'KB', 'MB', 'GB'];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+};
+export var insertNodeAfterPosition = function insertNodeAfterPosition(editor, pos, nodeContent) {
+  editor.chain().focus().insertContentAt(pos, nodeContent).run();
+};
+export var hasMarksInBlock = function hasMarksInBlock(node) {
+  var _content;
+  if (!node) return false;
+  if (node.marks && node.marks.length > 0) return true;
+  var children = (_content = node.content) === null || _content === void 0 ? void 0 : _content.content;
+  if (!children || children.length === 0) return false;
+  return children.some(function (child) {
+    return hasMarksInBlock(child);
+  });
+};
+export var hasMarksInSelection = function hasMarksInSelection(state) {
+  if (state.selection.empty) {
+    return false;
+  }
+  var _state$selection = state.selection,
+    from = _state$selection.from,
+    to = _state$selection.to;
+  var hasMarks = false;
+  state.doc.nodesBetween(from, to, function (node) {
+    if (node.marks && node.marks.length > 0) {
+      hasMarks = true;
+      return false;
+    }
+  });
+  return hasMarks;
+};
+export function addOpacityToColor(color, opacity) {
+  var red, green, blue;
+  if (color.startsWith("#")) {
+    red = parseInt(color.slice(1, 3), 16);
+    green = parseInt(color.slice(3, 5), 16);
+    blue = parseInt(color.slice(5, 7), 16);
+  } else if (color.startsWith("rgb")) {
+    var matches = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    red = parseInt(matches[1], 10);
+    green = parseInt(matches[2], 10);
+    blue = parseInt(matches[3], 10);
+  } else {
+    return "";
+  }
+  var alpha = opacity;
+  return "rgba(".concat(red, ", ").concat(green, ", ").concat(blue, ", ").concat(alpha, ")");
+}
+export var getLinkTitle = function getLinkTitle(href) {
+  var paths = href.split('/').filter(function (it) {
+    return it.trim().length > 0;
+  });
+  return paths[paths.length - 1];
+};
+
+/**
+ * 获取当前选中文本并返回链接属性
+ * 如果有选中文本，将文本设置为 title
+ * @param editor Tiptap 编辑器实例
+ * @returns 包含 title 的链接属性对象（如果有选中文本）
+ */
+export var getLinkAttributesWithSelectedText = function getLinkAttributesWithSelectedText(editor) {
+  if (!editor) {
+    return {};
+  }
+  var selection = editor.state.selection;
+  var from = selection.from,
+    to = selection.to;
+  if (selection.empty || from === to) {
+    return {};
+  }
+  var selectedText = editor.state.doc.textBetween(from, to, '');
+  var trimmedText = selectedText.trim();
+  if (trimmedText.length > 0) {
+    return {
+      title: trimmedText
+    };
+  }
+  return {};
+};
+export var extractSrcFromIframe = function extractSrcFromIframe(input) {
+  var trimmed = input.trim();
+  var iframeMatch = trimmed.match(/<iframe[^>]*\ssrc\s*=\s*["']([^"']+)["'][^>]*>/i) || trimmed.match(/<iframe[^>]*\ssrc\s*=\s*([^\s>]+)[^>]*>/i);
+  if (iframeMatch && iframeMatch[1]) {
+    return iframeMatch[1].trim();
+  }
+  return trimmed;
+};
+
+/**
+ * 将 B 站链接的 autoplay 统一为 0，避免默认自动播放
+ * - autoplay=1 改为 0
+ * - autoplay=0 不处理
+ * - 无 autoplay 参数则添加 &autoplay=0
+ * 支持协议相对地址（//player.bilibili.com/...），会先转为 https: 再解析
+ */
+export var normalizeBilibiliAutoplay = function normalizeBilibiliAutoplay(url) {
+  var trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  try {
+    // 处理协议相对地址（//player.bilibili.com/...）和相对路径
+    var urlToParse = trimmed.startsWith('//') ? 'https:' + trimmed : /^https?:\/\//i.test(trimmed) ? trimmed : 'https://' + trimmed;
+    var u = new URL(urlToParse);
+    var host = u.hostname.toLowerCase();
+    if (!host.includes('bilibili.com') && !host.includes('b23.tv')) {
+      return trimmed;
+    }
+    var autoplay = u.searchParams.get('autoplay');
+    if (autoplay !== '0') {
+      u.searchParams.set('autoplay', '0');
+    }
+    return u.toString();
+  } catch (_unused) {
+    return trimmed;
+  }
+};

package/dist/{utils → util}/resourceExtractor.d.ts

@@ -1,4 +1,4 @@
-import { NodeTypeEnum } from '../constants/enums';
+import { NodeTypeEnum } from "../contants/enums";
 import { Node } from '@tiptap/pm/model';
 /**
  * 从编辑器内容中递归获取所有文件资源

package/dist/{utils → util}/resourceExtractor.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { NodeTypeEnum } from "../constants/enums";
+import { NodeTypeEnum } from "../contants/enums";
 /**
  * 文件资源类型映射
  */

package/dist/{utils → util}/shortcutKey.js

@@ -1,4 +1,4 @@
-import { MAC_SYMBOLS } from "../constants/shortcut-key";
+import { MAC_SYMBOLS } from "../contants/shortcut-key";
 export var isMac = function isMac() {
   return typeof navigator !== "undefined" && navigator.platform.toLowerCase().includes("mac");
 };

package/dist/{utils → util}/structuredDiff.d.ts

@@ -1,4 +1,4 @@
-import { Extensions } from '@tiptap/core';
+import type { Extensions } from '@tiptap/core';
 export interface TextDiff {
     offset: number;
     length: number;
@@ -35,6 +35,12 @@ export interface ProseMirrorNode {
         attrs?: Record<string, any>;
     }>;
 }
+export type StructuredDiffEngine = 'legacy' | 'enhanced';
+export interface StructuredDiffOptions {
+    engine?: StructuredDiffEngine;
+    ignoreAttrs?: string[];
+    nodePreviewSerializer?: (node: ProseMirrorNode) => string | null | undefined;
+}
 /**
  * 将HTML转换为ProseMirror文档结构
  * @param {string} html - HTML字符串
@@ -49,7 +55,7 @@ export declare function parseHtmlToDoc(html: string, extensions: Extensions): an
  * @param {Array} extensions - Tiptap扩展数组
  * @returns {Object} 包含差异信息的对象
  */
-export declare function compareDocuments(oldHtml: string, newHtml: string, extensions: Extensions): DocumentComparison;
+export declare function compareDocuments(oldHtml: string, newHtml: string, extensions: Extensions, options?: StructuredDiffOptions): DocumentComparison;
 /**
  * 将路径转换为ProseMirror位置
  * @param {Array} path - 节点路径