tiptap-markdown-react 1.3.3 → 1.4.0

package/dist/demoContent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{extractToc-DiI2437D.js → extractToc-Bz924Nh4.js}

@@ -16,7 +16,7 @@ import { Color, TextStyle, FontSize } from "@tiptap/extension-text-style";
 import StarterKit from "@tiptap/starter-kit";
 import { createLowlight, common } from "lowlight";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { p as parseChartFenceBody, s as serializeChartPayload, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, n as normalizeChartMarkdown } from "./ReportContent-Bc5q1bYp.js";
+import { p as parseChartFenceBody, s as serializeChartPayload, i as imageMarkdownTokenizer, c as imageParseMarkdown, d as imageRenderMarkdown, f as imageNodeHtml, g as imageFigureParseRule, h as imageCropAttribute, j as imageCaptionAttribute, k as imageAlignAttribute, n as normalizeChartMarkdown } from "./ReportContent-B0HdrWAi.js";
 import { InlineMath, BlockMath } from "@tiptap/extension-mathematics";
 import katex from "katex";
 import { Emoji, shortcodeToEmoji, emojis, emojiToShortcode } from "@tiptap/extension-emoji";
@@ -1505,6 +1505,66 @@ const InlineCode = Code.extend({
   excludes: ""
 });
 const lowlight = createLowlight(common);
+const FONT_SIZE_VALUE = /^\d+(?:\.\d+)?(?:px|em|rem|%)$/i;
+const HEX_COLOR = /^#[0-9a-fA-F]{3,8}$/;
+const RGB_COLOR = /^rgba?\(\s*(?:\d{1,3}\s*,\s*){2}\d{1,3}(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/;
+const HSL_COLOR = /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/;
+const NAMED_COLOR = /^[a-zA-Z]{1,30}$/;
+function isSafeColor(value) {
+  if (/[<>"'\\{};]/.test(value)) return false;
+  return HEX_COLOR.test(value) || RGB_COLOR.test(value) || HSL_COLOR.test(value) || NAMED_COLOR.test(value);
+}
+function parseTextStyleAttrs(style) {
+  const attrs = {};
+  for (const entry of style.split(";")) {
+    const index = entry.indexOf(":");
+    if (index < 0) continue;
+    const key = entry.slice(0, index).trim().toLowerCase();
+    const value = entry.slice(index + 1).trim();
+    if (key === "color" && isSafeColor(value)) attrs.color = value;
+    else if (key === "font-size" && FONT_SIZE_VALUE.test(value)) {
+      attrs.fontSize = value;
+    }
+  }
+  if (!attrs.color && !attrs.fontSize) return null;
+  return attrs;
+}
+function readStyleAttribute(attrs) {
+  const match = /\bstyle\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i.exec(
+    attrs
+  );
+  if (!match) return void 0;
+  return (match[1] ?? match[2] ?? match[3] ?? "").trim();
+}
+function matchTextStyleSpan(src) {
+  const open = /^<span\b([^>]*)>/i.exec(src);
+  if (!open || /\/\s*$/.test(open[1])) return void 0;
+  const style = readStyleAttribute(open[1]);
+  if (style == null || !parseTextStyleAttrs(style)) return void 0;
+  const tagRe = /<\/?span\b[^>]*>/i;
+  let depth = 1;
+  let cursor = open[0].length;
+  while (cursor < src.length) {
+    const found = tagRe.exec(src.slice(cursor));
+    if (!found) return void 0;
+    const tag = found[0];
+    const at = cursor + found.index;
+    if (tag.startsWith("</")) {
+      depth -= 1;
+      if (depth === 0) {
+        return {
+          raw: src.slice(0, at + tag.length),
+          style,
+          inner: src.slice(open[0].length, at)
+        };
+      }
+    } else if (!/\/\s*>$/.test(tag)) {
+      depth += 1;
+    }
+    cursor = at + tag.length;
+  }
+  return void 0;
+}
 const MarkdownTextStyle = TextStyle.extend({
   renderMarkdown(node, helpers) {
     const { color, fontSize } = node.attrs ?? {};
@@ -1514,6 +1574,127 @@ const MarkdownTextStyle = TextStyle.extend({
     if (styles.length === 0) return "";
     const children = helpers.renderChildren();
     return `<span style="${styles.join(";")}">${children}</span>`;
+  },
+  markdownTokenizer: {
+    name: "textStyle",
+    level: "inline",
+    start(src) {
+      const match = /<span\b[^>]*\bstyle\s*=/i.exec(src);
+      return match ? match.index : -1;
+    },
+    tokenize(src, _tokens, lexer) {
+      const matched = matchTextStyleSpan(src);
+      if (!matched) return void 0;
+      return {
+        type: "textStyle",
+        raw: matched.raw,
+        style: matched.style,
+        tokens: lexer.inlineTokens(matched.inner)
+      };
+    }
+  },
+  parseMarkdown: (token, helpers) => {
+    const attrs = parseTextStyleAttrs(String(token.style ?? ""));
+    const content = helpers.parseInline(token.tokens ?? []);
+    if (!attrs) return content;
+    return helpers.applyMark("textStyle", content, attrs);
+  }
+});
+function readHighlightColor(attrs) {
+  const data = /\bdata-color\s*=\s*(?:"([^"]*)"|'([^']*)')/i.exec(attrs);
+  const fromData = ((data == null ? void 0 : data[1]) ?? (data == null ? void 0 : data[2]) ?? "").trim();
+  if (fromData && isSafeColor(fromData)) return fromData;
+  const style = /\bstyle\s*=\s*(?:"([^"]*)"|'([^']*)')/i.exec(attrs);
+  const styleText = (style == null ? void 0 : style[1]) ?? (style == null ? void 0 : style[2]) ?? "";
+  for (const entry of styleText.split(";")) {
+    const index = entry.indexOf(":");
+    if (index < 0) continue;
+    const key = entry.slice(0, index).trim().toLowerCase();
+    const value = entry.slice(index + 1).trim();
+    if (key === "background-color" && isSafeColor(value)) return value;
+  }
+  return null;
+}
+function matchHighlightMark(src) {
+  const open = /^<mark\b([^>]*)>/i.exec(src);
+  if (!open || /\/\s*$/.test(open[1])) return void 0;
+  if (/data-comment-ids/i.test(open[1]) || /\btmr-comment\b/.test(open[1])) {
+    return void 0;
+  }
+  const color = readHighlightColor(open[1]);
+  const tagRe = /<\/?mark\b[^>]*>/i;
+  let depth = 1;
+  let cursor = open[0].length;
+  while (cursor < src.length) {
+    const found = tagRe.exec(src.slice(cursor));
+    if (!found) return void 0;
+    const tag = found[0];
+    const at = cursor + found.index;
+    if (tag.startsWith("</")) {
+      depth -= 1;
+      if (depth === 0) {
+        return {
+          raw: src.slice(0, at + tag.length),
+          inner: src.slice(open[0].length, at),
+          color
+        };
+      }
+    } else if (!/\/\s*>$/.test(tag)) {
+      depth += 1;
+    }
+    cursor = at + tag.length;
+  }
+  return void 0;
+}
+const MarkdownHighlight = Highlight.extend({
+  renderMarkdown(node, helpers) {
+    var _a;
+    const children = helpers.renderChildren(node);
+    const color = typeof ((_a = node.attrs) == null ? void 0 : _a.color) === "string" ? node.attrs.color : "";
+    if (!color || !isSafeColor(color)) return `==${children}==`;
+    const encoded = color.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+    return `<mark data-color="${encoded}" style="background-color:${encoded}">${children}</mark>`;
+  },
+  markdownTokenizer: {
+    name: "highlight",
+    level: "inline",
+    start(src) {
+      const mark = /<mark\b/i.exec(src);
+      const eq = src.indexOf("==");
+      const indexes = [mark == null ? void 0 : mark.index, eq >= 0 ? eq : void 0].filter(
+        (index) => index != null
+      );
+      return indexes.length ? Math.min(...indexes) : -1;
+    },
+    tokenize(src, _tokens, lexer) {
+      if (src.startsWith("==")) {
+        const match = /^(==)([^=]+)(==)/.exec(src);
+        if (!match) return void 0;
+        const inner = match[2].trim();
+        return {
+          type: "highlight",
+          raw: match[0],
+          text: inner,
+          tokens: lexer.inlineTokens(inner)
+        };
+      }
+      const matched = matchHighlightMark(src);
+      if (!matched) return void 0;
+      return {
+        type: "highlight",
+        raw: matched.raw,
+        color: matched.color,
+        tokens: lexer.inlineTokens(matched.inner)
+      };
+    }
+  },
+  parseMarkdown: (token, helpers) => {
+    const content = helpers.parseInline(token.tokens ?? []);
+    const color = typeof token.color === "string" ? token.color : "";
+    if (color && isSafeColor(color)) {
+      return helpers.applyMark("highlight", content, { color });
+    }
+    return helpers.applyMark("highlight", content);
   }
 });
 function htmlTagTokenizer(tag, tokenType) {
@@ -1593,8 +1774,62 @@ const MarkdownParagraph = Paragraph.extend({
   markdownTokenizer: paragraphMarkdownTokenizer,
   parseMarkdown: paragraphParseMarkdown
 });
+function clearFontSizeInTextblocks({ state, tr }) {
+  const markType = state.schema.marks.textStyle;
+  const boldType = state.schema.marks.bold;
+  const ranges = [];
+  const { from, to } = state.selection;
+  state.doc.nodesBetween(from, to, (node, pos) => {
+    if (!node.isTextblock) return;
+    const start = pos + 1;
+    const end = pos + node.nodeSize - 1;
+    if (boldType) tr.removeMark(start, end, boldType);
+    if (!markType) return false;
+    node.descendants((child, childPos) => {
+      if (!child.isText) return;
+      const mark = child.marks.find((item) => item.type === markType);
+      if (!(mark == null ? void 0 : mark.attrs.fontSize)) return;
+      const childStart = pos + 1 + childPos;
+      ranges.push({
+        from: childStart,
+        to: childStart + child.nodeSize,
+        attrs: { ...mark.attrs, fontSize: null }
+      });
+    });
+    return false;
+  });
+  for (const range of ranges) {
+    if (!markType) continue;
+    tr.removeMark(range.from, range.to, markType);
+    const keep = Object.values(range.attrs).some(
+      (value) => value != null && value !== ""
+    );
+    if (keep) tr.addMark(range.from, range.to, markType.create(range.attrs));
+  }
+}
 const MarkdownHeading = Heading.extend({
-  renderMarkdown: headingRenderMarkdown
+  renderMarkdown: headingRenderMarkdown,
+  addCommands() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return {
+      ...parent,
+      setHeading: (attributes) => (props) => {
+        var _a2, _b;
+        if (!this.options.levels.includes(attributes.level)) return false;
+        clearFontSizeInTextblocks(props);
+        return ((_b = (_a2 = parent == null ? void 0 : parent.setHeading) == null ? void 0 : _a2.call(parent, attributes)) == null ? void 0 : _b(props)) ?? false;
+      },
+      toggleHeading: (attributes) => (props) => {
+        var _a2, _b;
+        if (!this.options.levels.includes(attributes.level)) return false;
+        if (!props.editor.isActive(this.name, attributes)) {
+          clearFontSizeInTextblocks(props);
+        }
+        return ((_b = (_a2 = parent == null ? void 0 : parent.toggleHeading) == null ? void 0 : _a2.call(parent, attributes)) == null ? void 0 : _b(props)) ?? false;
+      }
+    };
+  }
 });
 const DetailsBlock = Details.extend({
   addAttributes() {
@@ -1638,7 +1873,7 @@ const baseExtensions = [
   // 正文字号：官方 FontSize（v3 起并入 text-style 包），以内联样式挂在 TextStyle
   // 的 <span> 上（如 style="font-size: 16px"），与 Color 同基座，三端共用。
   FontSize.configure({ types: [TextStyle.name] }),
-  Highlight.configure({ multicolor: true }),
+  MarkdownHighlight.configure({ multicolor: true }),
   MarkdownSuperscript,
   MarkdownSubscript,
   TableKit.configure({
@@ -1760,4 +1995,4 @@ export {
   NUMBERING_FORMAT_LABELS as u,
   NUMBERING_FORMAT_PREVIEWS as v
 };
-//# sourceMappingURL=extractToc-DiI2437D.js.map
+//# sourceMappingURL=extractToc-Bz924Nh4.js.map