@cyberyozh/text-editor 0.5.0 → 0.5.2

package/dist/editor.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { JSONContent } from '@tiptap/react';
 export { JSONContent } from '@tiptap/react';
 import { JSONContent as JSONContent$1 } from '@tiptap/core';
@@ -61,7 +61,7 @@ interface KatexDialogContextProps {
     latex?: string;
     pos?: number;
 }
-declare const Tiptap: (props: TiptapProps) => react_jsx_runtime.JSX.Element;
+declare const Tiptap: (props: TiptapProps) => react.JSX.Element;
 
 interface SharedExtensionsOptions {
     /**

package/dist/editor.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { JSONContent } from '@tiptap/react';
 export { JSONContent } from '@tiptap/react';
 import { JSONContent as JSONContent$1 } from '@tiptap/core';
@@ -61,7 +61,7 @@ interface KatexDialogContextProps {
     latex?: string;
     pos?: number;
 }
-declare const Tiptap: (props: TiptapProps) => react_jsx_runtime.JSX.Element;
+declare const Tiptap: (props: TiptapProps) => react.JSX.Element;
 
 interface SharedExtensionsOptions {
     /**

package/dist/editor.js

@@ -5078,7 +5078,9 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
   isolating: true,
   selectable: false,
   addOptions() {
+    const parentOptions = this.parent?.() || {};
     return {
+      ...parentOptions,
       HTMLAttributes: {},
       getImageById: void 0
     };
@@ -6144,39 +6146,24 @@ var import_extension_text_align = __toESM(require("@tiptap/extension-text-align"
 
 // node_modules/@tiptap/extension-text-style/dist/index.js
 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 import_core16 = require("@tiptap/core");
-var import_core17 = 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}`);
   });
 };
@@ -6190,25 +6177,22 @@ var TextStyle = import_core11.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_core11.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return [
+      "span",
+      (0, import_core11.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes),
+      0
+    ];
   },
   addCommands() {
     return {
@@ -6218,49 +6202,35 @@ var TextStyle = import_core11.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_core12.Extension.create({
+var BackgroundColor = import_core11.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_core12.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_core11.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 {
@@ -6273,37 +6243,27 @@ var BackgroundColor = import_core12.Extension.create({
     };
   }
 });
-var Color = import_core13.Extension.create({
+var Color = import_core11.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_core13.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_core11.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 {
@@ -6316,40 +6276,26 @@ var Color = import_core13.Extension.create({
     };
   }
 });
-var FontFamily = import_core14.Extension.create({
+var FontFamily = import_core11.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_core14.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_core11.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 {
@@ -6362,39 +6308,26 @@ var FontFamily = import_core14.Extension.create({
     };
   }
 });
-var FontSize = import_core15.Extension.create({
+var FontSize = import_core11.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_core15.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_core11.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 {
@@ -6407,39 +6340,26 @@ var FontSize = import_core15.Extension.create({
     };
   }
 });
-var LineHeight = import_core16.Extension.create({
+var LineHeight = import_core11.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_core16.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_core11.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 {
@@ -6452,28 +6372,16 @@ var LineHeight = import_core16.Extension.create({
     };
   }
 });
-var TextStyleKit = import_core17.Extension.create({
+var TextStyleKit = import_core11.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;
   }
 });
@@ -6544,7 +6452,7 @@ var LegacyPromptSEContent = BaseLegacyPromptSEContent.extend({
 
 // src/extensions/editor/figure.ts
 var import_react35 = require("@tiptap/react");
-var import_core18 = require("@tiptap/core");
+var import_core12 = require("@tiptap/core");
 var Figure2 = BaseFigure.extend({
   addNodeView() {
     const resizeOptions = this.options.resize;
@@ -6632,7 +6540,7 @@ var Figure2 = BaseFigure.extend({
         });
         imageContainer.appendChild(editButton);
       }
-      const resizableView = new import_core18.ResizableNodeView({
+      const resizableView = new import_core12.ResizableNodeView({
         element: imageContainer,
         editor,
         node,
@@ -6964,6 +6872,12 @@ function applyUploadResultsToNodes(imagesToNodes, results) {
     node.attrs.storageKey = result.storageKey;
   });
 }
+function shouldHandleInsertedFile(file, event) {
+  if (!file) return false;
+  event.preventDefault();
+  event.stopPropagation();
+  return file.type.startsWith("image/");
+}
 
 // src/editor/handlers/insertion-handlers.ts
 function useInsertionHandlers(imageHandlers) {
@@ -6975,9 +6889,7 @@ function useInsertionHandlers(imageHandlers) {
     }
   }, [insertedImage, activeDialog]);
   function genericInsertionHandler(file, event) {
-    event.preventDefault();
-    event.stopPropagation();
-    if (!file || !file.type.startsWith("image/")) return;
+    if (!file || !shouldHandleInsertedFile(file, event)) return;
     if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
@@ -7013,7 +6925,9 @@ function useInsertionHandlers(imageHandlers) {
           setDisabled(false);
         });
       } else {
-        view.dispatch(view.state.tr.replaceSelection(removeImagesFromSlice(slice)));
+        view.dispatch(
+          view.state.tr.replaceSelection(removeImagesFromSlice(slice))
+        );
       }
       return true;
     }
@@ -7028,7 +6942,7 @@ function useInsertionHandlers(imageHandlers) {
 
 // src/editor/commands/suggestion.tsx
 var import_dom = require("@floating-ui/dom");
-var import_core19 = require("@tiptap/core");
+var import_core13 = require("@tiptap/core");
 var import_react37 = require("@tiptap/react");
 
 // src/editor/commands/items.ts
@@ -7372,7 +7286,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
         component.element.style.position = "absolute";
         document.body.appendChild(component.element);
         const virtualElement = {
-          getBoundingClientRect: () => (0, import_core19.posToDOMRect)(
+          getBoundingClientRect: () => (0, import_core13.posToDOMRect)(
             props.editor.view,
             props.editor.state.selection.from,
             props.editor.state.selection.to
@@ -7399,7 +7313,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
           return;
         }
         const virtualElement = {
-          getBoundingClientRect: () => (0, import_core19.posToDOMRect)(
+          getBoundingClientRect: () => (0, import_core13.posToDOMRect)(
             props.editor.view,
             props.editor.state.selection.from,
             props.editor.state.selection.to
@@ -8010,7 +7924,7 @@ var Tiptap = (props) => {
 };
 
 // src/utils/html-to-tiptap-content.ts
-var import_core20 = require("@tiptap/core");
+var import_core14 = 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";
@@ -8034,7 +7948,7 @@ function htmlToTiptapContent(content, options = {}) {
   const sharedExtensions = getSharedExtensions(options);
   const extensions = [...sharedExtensions, BaseFigure, import_extension_table2.TableKit, BaseCodeBlock];
   try {
-    return (0, import_core20.generateJSON)(content, extensions);
+    return (0, import_core14.generateJSON)(content, extensions);
   } catch (error) {
     console.error("Failed to convert HTML to Tiptap content:", error);
     return { type: "doc", content: [{ type: "paragraph" }] };