@cyberyozh/text-editor 0.5.1 → 0.5.2

package/dist/render.mjs

@@ -2003,40 +2003,25 @@ import Superscript from "@tiptap/extension-superscript";
 import TextAlign from "@tiptap/extension-text-align";
 
 // node_modules/@tiptap/extension-text-style/dist/index.js
-import { Mark as Mark2, mergeAttributes as mergeAttributes7 } from "@tiptap/core";
-import { Extension, getStyleProperty } from "@tiptap/core";
-import { Extension as Extension2, getStyleProperty as getStyleProperty2 } from "@tiptap/core";
-import { Extension as Extension3, getStyleProperty as getStyleProperty3 } from "@tiptap/core";
-import { Extension as Extension4, getStyleProperty as getStyleProperty4 } from "@tiptap/core";
-import { Extension as Extension5, getStyleProperty as getStyleProperty5 } from "@tiptap/core";
-import { Extension as Extension6 } from "@tiptap/core";
+import { Extension, Mark as Mark2, getStyleProperty, mergeAttributes as mergeAttributes7 } from "@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}`);
   });
 };
@@ -2050,25 +2035,22 @@ var TextStyle = Mark2.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", mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return [
+      "span",
+      mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes),
+      0
+    ];
   },
   addCommands() {
     return {
@@ -2078,12 +2060,8 @@ var TextStyle = Mark2.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;
       }
@@ -2093,34 +2071,24 @@ var TextStyle = Mark2.create({
 var BackgroundColor = 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 = 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 = 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 {
@@ -2133,37 +2101,27 @@ var BackgroundColor = Extension.create({
     };
   }
 });
-var Color = Extension2.create({
+var Color = 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 = getStyleProperty2(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 = 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 {
@@ -2176,40 +2134,26 @@ var Color = Extension2.create({
     };
   }
 });
-var FontFamily = Extension3.create({
+var FontFamily = 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 = getStyleProperty3(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 = 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 {
@@ -2222,39 +2166,26 @@ var FontFamily = Extension3.create({
     };
   }
 });
-var FontSize = Extension4.create({
+var FontSize = 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 = getStyleProperty4(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 = 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 {
@@ -2267,39 +2198,26 @@ var FontSize = Extension4.create({
     };
   }
 });
-var LineHeight = Extension5.create({
+var LineHeight = 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 = getStyleProperty5(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 = 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 {
@@ -2312,28 +2230,16 @@ var LineHeight = Extension5.create({
     };
   }
 });
-var TextStyleKit = Extension6.create({
+var TextStyleKit = 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;
   }
 });
@@ -2671,7 +2577,9 @@ var BaseLegacyFigure = Image2.extend({
   isolating: true,
   selectable: false,
   addOptions() {
+    const parentOptions = this.parent?.() || {};
     return {
+      ...parentOptions,
       HTMLAttributes: {},
       getImageById: void 0
     };