@cyberyozh/text-editor 0.5.1 → 0.5.2

package/dist/render.js

@@ -2037,39 +2037,24 @@ var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"
 
 // node_modules/@tiptap/extension-text-style/dist/index.js
 var import_core9 = require("@tiptap/core");
-var import_core10 = require("@tiptap/core");
-var import_core11 = require("@tiptap/core");
-var import_core12 = require("@tiptap/core");
-var import_core13 = require("@tiptap/core");
-var import_core14 = require("@tiptap/core");
-var import_core15 = require("@tiptap/core");
 var MAX_FIND_CHILD_SPAN_DEPTH = 20;
 var findChildSpans = (element, depth = 0) => {
   const childSpans = [];
-  if (!element.children.length || depth > MAX_FIND_CHILD_SPAN_DEPTH) {
-    return childSpans;
-  }
+  if (!element.children.length || depth > MAX_FIND_CHILD_SPAN_DEPTH) return childSpans;
   Array.from(element.children).forEach((child) => {
-    if (child.tagName === "SPAN") {
-      childSpans.push(child);
-    } else if (child.children.length) {
-      childSpans.push(...findChildSpans(child, depth + 1));
-    }
+    if (child.tagName === "SPAN") childSpans.push(child);
+    else if (child.children.length) childSpans.push(...findChildSpans(child, depth + 1));
   });
   return childSpans;
 };
 var mergeNestedSpanStyles = (element) => {
-  if (!element.children.length) {
-    return;
-  }
+  if (!element.children.length) return;
   const childSpans = findChildSpans(element);
-  if (!childSpans) {
-    return;
-  }
+  if (!childSpans) return;
   childSpans.forEach((childSpan) => {
-    var _a, _b;
+    var _childSpan$parentElem;
     const childStyle = childSpan.getAttribute("style");
-    const closestParentSpanStyleOfChild = (_b = (_a = childSpan.parentElement) == null ? void 0 : _a.closest("span")) == null ? void 0 : _b.getAttribute("style");
+    const closestParentSpanStyleOfChild = (_childSpan$parentElem = childSpan.parentElement) === null || _childSpan$parentElem === void 0 || (_childSpan$parentElem = _childSpan$parentElem.closest("span")) === null || _childSpan$parentElem === void 0 ? void 0 : _childSpan$parentElem.getAttribute("style");
     childSpan.setAttribute("style", `${closestParentSpanStyleOfChild};${childStyle}`);
   });
 };
@@ -2083,25 +2068,22 @@ var TextStyle = import_core9.Mark.create({
     };
   },
   parseHTML() {
-    return [
-      {
-        tag: "span",
-        consuming: false,
-        getAttrs: (element) => {
-          const hasStyles = element.hasAttribute("style");
-          if (!hasStyles) {
-            return false;
-          }
-          if (this.options.mergeNestedSpanStyles) {
-            mergeNestedSpanStyles(element);
-          }
-          return {};
-        }
+    return [{
+      tag: "span",
+      consuming: false,
+      getAttrs: (element) => {
+        if (!element.hasAttribute("style")) return false;
+        if (this.options.mergeNestedSpanStyles) mergeNestedSpanStyles(element);
+        return {};
       }
-    ];
+    }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["span", (0, import_core9.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return [
+      "span",
+      (0, import_core9.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes),
+      0
+    ];
   },
   addCommands() {
     return {
@@ -2111,49 +2093,35 @@ var TextStyle = import_core9.Mark.create({
       removeEmptyTextStyle: () => ({ tr: tr2 }) => {
         const { selection } = tr2;
         tr2.doc.nodesBetween(selection.from, selection.to, (node, pos) => {
-          if (node.isTextblock) {
-            return true;
-          }
-          if (!node.marks.filter((mark) => mark.type === this.type).some((mark) => Object.values(mark.attrs).some((value) => !!value))) {
-            tr2.removeMark(pos, pos + node.nodeSize, this.type);
-          }
+          if (!node.isInline) return true;
+          if (!node.marks.filter((mark) => mark.type === this.type).some((mark) => Object.values(mark.attrs).some((value) => !!value))) tr2.removeMark(pos, pos + node.nodeSize, this.type);
         });
         return true;
       }
     };
   }
 });
-var BackgroundColor = import_core10.Extension.create({
+var BackgroundColor = import_core9.Extension.create({
   name: "backgroundColor",
   addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+    return { types: ["textStyle"] };
   },
   addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          backgroundColor: {
-            default: null,
-            parseHTML: (element) => {
-              var _a;
-              const value = (_a = (0, import_core10.getStyleProperty)(element, "background-color")) != null ? _a : element.style.backgroundColor;
-              return value == null ? void 0 : value.replace(/['"]+/g, "");
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.backgroundColor) {
-                return {};
-              }
-              return {
-                style: `background-color: ${attributes.backgroundColor}`
-              };
-            }
-          }
+    return [{
+      types: this.options.types,
+      attributes: { backgroundColor: {
+        default: null,
+        parseHTML: (element) => {
+          var _getStyleProperty;
+          const value = (_getStyleProperty = (0, import_core9.getStyleProperty)(element, "background-color")) !== null && _getStyleProperty !== void 0 ? _getStyleProperty : element.style.backgroundColor;
+          return value === null || value === void 0 ? void 0 : value.replace(/['"]+/g, "");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.backgroundColor) return {};
+          return { style: `background-color: ${attributes.backgroundColor}` };
         }
-      }
-    ];
+      } }
+    }];
   },
   addCommands() {
     return {
@@ -2166,37 +2134,27 @@ var BackgroundColor = import_core10.Extension.create({
     };
   }
 });
-var Color = import_core11.Extension.create({
+var Color = import_core9.Extension.create({
   name: "color",
   addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+    return { types: ["textStyle"] };
   },
   addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          color: {
-            default: null,
-            parseHTML: (element) => {
-              var _a;
-              const value = (_a = (0, import_core11.getStyleProperty)(element, "color")) != null ? _a : element.style.color;
-              return value == null ? void 0 : value.replace(/['"]+/g, "");
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.color) {
-                return {};
-              }
-              return {
-                style: `color: ${attributes.color}`
-              };
-            }
-          }
+    return [{
+      types: this.options.types,
+      attributes: { color: {
+        default: null,
+        parseHTML: (element) => {
+          var _getStyleProperty;
+          const value = (_getStyleProperty = (0, import_core9.getStyleProperty)(element, "color")) !== null && _getStyleProperty !== void 0 ? _getStyleProperty : element.style.color;
+          return value === null || value === void 0 ? void 0 : value.replace(/['"]+/g, "");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.color) return {};
+          return { style: `color: ${attributes.color}` };
         }
-      }
-    ];
+      } }
+    }];
   },
   addCommands() {
     return {
@@ -2209,40 +2167,26 @@ var Color = import_core11.Extension.create({
     };
   }
 });
-var FontFamily = import_core12.Extension.create({
+var FontFamily = import_core9.Extension.create({
   name: "fontFamily",
   addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+    return { types: ["textStyle"] };
   },
   addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontFamily: {
-            default: null,
-            // Prefer the raw inline `style` attribute so unquoted or
-            // single-quoted multi-word names are preserved instead of being
-            // canonicalized by `element.style.fontFamily`, which forces double
-            // quotes that then get HTML-encoded to `"` on serialization.
-            parseHTML: (element) => {
-              var _a;
-              return (_a = (0, import_core12.getStyleProperty)(element, "font-family")) != null ? _a : element.style.fontFamily;
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.fontFamily) {
-                return {};
-              }
-              return {
-                style: `font-family: ${attributes.fontFamily}`
-              };
-            }
-          }
+    return [{
+      types: this.options.types,
+      attributes: { fontFamily: {
+        default: null,
+        parseHTML: (element) => {
+          var _getStyleProperty;
+          return (_getStyleProperty = (0, import_core9.getStyleProperty)(element, "font-family")) !== null && _getStyleProperty !== void 0 ? _getStyleProperty : element.style.fontFamily;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.fontFamily) return {};
+          return { style: `font-family: ${attributes.fontFamily}` };
         }
-      }
-    ];
+      } }
+    }];
   },
   addCommands() {
     return {
@@ -2255,39 +2199,26 @@ var FontFamily = import_core12.Extension.create({
     };
   }
 });
-var FontSize = import_core13.Extension.create({
+var FontSize = import_core9.Extension.create({
   name: "fontSize",
   addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+    return { types: ["textStyle"] };
   },
   addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontSize: {
-            default: null,
-            // Prefer the raw inline `style` attribute so the original format
-            // is preserved instead of the canonicalized value returned by
-            // `element.style.fontSize`.
-            parseHTML: (element) => {
-              var _a;
-              return (_a = (0, import_core13.getStyleProperty)(element, "font-size")) != null ? _a : element.style.fontSize;
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.fontSize) {
-                return {};
-              }
-              return {
-                style: `font-size: ${attributes.fontSize}`
-              };
-            }
-          }
+    return [{
+      types: this.options.types,
+      attributes: { fontSize: {
+        default: null,
+        parseHTML: (element) => {
+          var _getStyleProperty;
+          return (_getStyleProperty = (0, import_core9.getStyleProperty)(element, "font-size")) !== null && _getStyleProperty !== void 0 ? _getStyleProperty : element.style.fontSize;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.fontSize) return {};
+          return { style: `font-size: ${attributes.fontSize}` };
         }
-      }
-    ];
+      } }
+    }];
   },
   addCommands() {
     return {
@@ -2300,39 +2231,26 @@ var FontSize = import_core13.Extension.create({
     };
   }
 });
-var LineHeight = import_core14.Extension.create({
+var LineHeight = import_core9.Extension.create({
   name: "lineHeight",
   addOptions() {
-    return {
-      types: ["textStyle"]
-    };
+    return { types: ["textStyle"] };
   },
   addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            // Prefer the raw inline `style` attribute so the original format
-            // is preserved instead of the canonicalized value returned by
-            // `element.style.lineHeight`.
-            parseHTML: (element) => {
-              var _a;
-              return (_a = (0, import_core14.getStyleProperty)(element, "line-height")) != null ? _a : element.style.lineHeight;
-            },
-            renderHTML: (attributes) => {
-              if (!attributes.lineHeight) {
-                return {};
-              }
-              return {
-                style: `line-height: ${attributes.lineHeight}`
-              };
-            }
-          }
+    return [{
+      types: this.options.types,
+      attributes: { lineHeight: {
+        default: null,
+        parseHTML: (element) => {
+          var _getStyleProperty;
+          return (_getStyleProperty = (0, import_core9.getStyleProperty)(element, "line-height")) !== null && _getStyleProperty !== void 0 ? _getStyleProperty : element.style.lineHeight;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.lineHeight) return {};
+          return { style: `line-height: ${attributes.lineHeight}` };
         }
-      }
-    ];
+      } }
+    }];
   },
   addCommands() {
     return {
@@ -2345,37 +2263,25 @@ var LineHeight = import_core14.Extension.create({
     };
   }
 });
-var TextStyleKit = import_core15.Extension.create({
+var TextStyleKit = import_core9.Extension.create({
   name: "textStyleKit",
   addExtensions() {
     const extensions = [];
-    if (this.options.backgroundColor !== false) {
-      extensions.push(BackgroundColor.configure(this.options.backgroundColor));
-    }
-    if (this.options.color !== false) {
-      extensions.push(Color.configure(this.options.color));
-    }
-    if (this.options.fontFamily !== false) {
-      extensions.push(FontFamily.configure(this.options.fontFamily));
-    }
-    if (this.options.fontSize !== false) {
-      extensions.push(FontSize.configure(this.options.fontSize));
-    }
-    if (this.options.lineHeight !== false) {
-      extensions.push(LineHeight.configure(this.options.lineHeight));
-    }
-    if (this.options.textStyle !== false) {
-      extensions.push(TextStyle.configure(this.options.textStyle));
-    }
+    if (this.options.backgroundColor !== false) extensions.push(BackgroundColor.configure(this.options.backgroundColor));
+    if (this.options.color !== false) extensions.push(Color.configure(this.options.color));
+    if (this.options.fontFamily !== false) extensions.push(FontFamily.configure(this.options.fontFamily));
+    if (this.options.fontSize !== false) extensions.push(FontSize.configure(this.options.fontSize));
+    if (this.options.lineHeight !== false) extensions.push(LineHeight.configure(this.options.lineHeight));
+    if (this.options.textStyle !== false) extensions.push(TextStyle.configure(this.options.textStyle));
     return extensions;
   }
 });
 
 // src/extensions/base/compatibility.ts
-var import_core16 = require("@tiptap/core");
+var import_core10 = require("@tiptap/core");
 var import_state5 = require("@tiptap/pm/state");
 var import_extension_image2 = __toESM(require("@tiptap/extension-image"));
-var BaseLegacyBookAlert = import_core16.Node.create({
+var BaseLegacyBookAlert = import_core10.Node.create({
   name: "calloutAlert",
   group: "block",
   content: "block+",
@@ -2427,10 +2333,10 @@ var BaseLegacyBookAlert = import_core16.Node.create({
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-type": "callout-alert" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-type": "callout-alert" }), 0];
   }
 });
-var BaseLegacyBookTip = import_core16.Node.create({
+var BaseLegacyBookTip = import_core10.Node.create({
   name: "calloutTip",
   group: "block",
   content: "block+",
@@ -2477,7 +2383,7 @@ var BaseLegacyBookTip = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-type": "callout-tip" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-type": "callout-tip" }), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -2485,7 +2391,7 @@ var BaseLegacyBookTip = import_core16.Node.create({
     };
   }
 });
-var BaseLegacySEQuote = import_core16.Node.create({
+var BaseLegacySEQuote = import_core10.Node.create({
   name: "customQuoteV2",
   group: "block",
   content: "customQuoteText customQuoteAuthor customQuoteSign",
@@ -2531,10 +2437,10 @@ var BaseLegacySEQuote = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-custom-quote-v2": "" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-custom-quote-v2": "" }), 0];
   }
 });
-var BaseLegacyPromptSE = import_core16.Node.create({
+var BaseLegacyPromptSE = import_core10.Node.create({
   name: "promptV2",
   group: "block",
   content: "(promptHeader | promptV2Header) (promptContent | promptV2Content)",
@@ -2579,10 +2485,10 @@ var BaseLegacyPromptSE = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-prompt": "" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-prompt": "" }), 0];
   }
 });
-var BaseLegacyPromptSEHeader = import_core16.Node.create({
+var BaseLegacyPromptSEHeader = import_core10.Node.create({
   name: "promptV2Header",
   group: "block",
   content: "inline*",
@@ -2596,13 +2502,13 @@ var BaseLegacyPromptSEHeader = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-prompt-header": "" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-prompt-header": "" }), 0];
   }
   // addNodeView() {
   //   return ReactNodeViewRenderer(PromptHeaderView);
   // },
 });
-var BaseLegacyPromptSEContent = import_core16.Node.create({
+var BaseLegacyPromptSEContent = import_core10.Node.create({
   name: "promptV2Content",
   group: "block",
   content: "text*",
@@ -2616,10 +2522,10 @@ var BaseLegacyPromptSEContent = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["div", (0, import_core16.mergeAttributes)(HTMLAttributes, { "data-prompt-content": "" }), 0];
+    return ["div", (0, import_core10.mergeAttributes)(HTMLAttributes, { "data-prompt-content": "" }), 0];
   }
 });
-var BaseLegacyCustomBlockquote = import_core16.Node.create({
+var BaseLegacyCustomBlockquote = import_core10.Node.create({
   name: "customBlockquote",
   group: "block",
   content: "block+",
@@ -2635,7 +2541,7 @@ var BaseLegacyCustomBlockquote = import_core16.Node.create({
     return ["blockquote", 0];
   }
 });
-var BaseLegacyYouTube = import_core16.Node.create({
+var BaseLegacyYouTube = import_core10.Node.create({
   name: "youtube",
   group: "block",
   selectable: true,
@@ -2671,7 +2577,7 @@ var BaseLegacyYouTube = import_core16.Node.create({
     return ["video-embed", { src: HTMLAttributes.src }];
   }
 });
-var LegacyInlineLatexSE = import_core16.Node.create({
+var LegacyInlineLatexSE = import_core10.Node.create({
   name: "inlineLatex",
   group: "inline",
   inline: true,
@@ -2693,7 +2599,7 @@ var LegacyInlineLatexSE = import_core16.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["code", (0, import_core16.mergeAttributes)(HTMLAttributes, { class: "inline-latex" }), 0];
+    return ["code", (0, import_core10.mergeAttributes)(HTMLAttributes, { class: "inline-latex" }), 0];
   }
 });
 var BaseLegacyFigure = import_extension_image2.default.extend({
@@ -2704,7 +2610,9 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
   isolating: true,
   selectable: false,
   addOptions() {
+    const parentOptions = this.parent?.() || {};
     return {
+      ...parentOptions,
       HTMLAttributes: {},
       getImageById: void 0
     };
@@ -2778,7 +2686,7 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
       },
       { getImageById: this.options.getImageById }
     );
-    const figureAttrs = (0, import_core16.mergeAttributes)(this.options.HTMLAttributes);
+    const figureAttrs = (0, import_core10.mergeAttributes)(this.options.HTMLAttributes);
     const imgAttrs = {
       src: resolvedSrc
     };
@@ -3836,7 +3744,7 @@ function TiptapRender({ content, getImageById }) {
 }
 
 // src/utils/html-to-tiptap-content.ts
-var import_core17 = require("@tiptap/core");
+var import_core11 = require("@tiptap/core");
 var import_extension_table2 = require("@tiptap/extension-table");
 function isJSONContent(value) {
   return typeof value === "object" && value !== null && "type" in value && typeof value.type === "string";
@@ -3860,7 +3768,7 @@ function htmlToTiptapContent(content, options = {}) {
   const sharedExtensions = getSharedExtensions(options);
   const extensions = [...sharedExtensions, BaseFigure, import_extension_table2.TableKit, BaseCodeBlock];
   try {
-    return (0, import_core17.generateJSON)(content, extensions);
+    return (0, import_core11.generateJSON)(content, extensions);
   } catch (error) {
     console.error("Failed to convert HTML to Tiptap content:", error);
     return { type: "doc", content: [{ type: "paragraph" }] };