@cyberyozh/text-editor 0.1.11 → 0.1.13

package/dist/editor.js

@@ -30,15 +30,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/editor/index.ts
 var editor_exports = {};
 __export(editor_exports, {
-  Tiptap: () => Tiptap
+  Tiptap: () => Tiptap,
+  htmlToTiptapContent: () => htmlToTiptapContent
 });
 module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_state6 = require("@tiptap/pm/state");
 var import_model = require("@tiptap/pm/model");
-var import_react38 = require("@tiptap/react");
+var import_react37 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_github_dark = require("highlight.js/styles/github-dark.css");
 var import_katex_min = require("katex/dist/katex.min.css");
@@ -1928,14 +1929,39 @@ var ImageDialog = ({
   const [dragActive, setDragActive] = (0, import_react13.useState)(false);
   const inputRef = (0, import_react13.useRef)(null);
   const resolvedInitialUrl = initialAttrs ? resolveImageSrc({ fileId: initialAttrs.fileId, src: initialAttrs.src }, { getImageById }) : "";
+  const getConstrainedDimensions = () => {
+    if (!initialAttrs?.width || !initialAttrs?.height) {
+      return { width: 0, height: 0 };
+    }
+    let maxWidth;
+    try {
+      const editorElement = document.querySelector(".tiptap-content-wrapper");
+      if (editorElement && editorElement.clientWidth > 0) {
+        maxWidth = editorElement.clientWidth - 32;
+      }
+    } catch {
+    }
+    if (maxWidth && initialAttrs.width > maxWidth) {
+      const aspectRatio = initialAttrs.height / initialAttrs.width;
+      return {
+        width: maxWidth,
+        height: Math.round(maxWidth * aspectRatio)
+      };
+    }
+    return {
+      width: initialAttrs.width,
+      height: initialAttrs.height
+    };
+  };
+  const constrainedDimensions = getConstrainedDimensions();
   const [formState, setFormState] = (0, import_react13.useState)({
     file: null,
     title: initialAttrs?.title || "",
     alt: initialAttrs?.alt || "",
     caption: initialAttrs?.caption || "",
     fileUrl: resolvedInitialUrl,
-    width: initialAttrs?.width || 0,
-    height: initialAttrs?.height || 0
+    width: constrainedDimensions.width,
+    height: constrainedDimensions.height
   });
   const handleSelectFile = (file) => {
     if (!file) return;
@@ -1943,15 +1969,34 @@ var ImageDialog = ({
     const img = new Image();
     img.src = imageUrl;
     img.onload = () => {
-      const { width, height } = img;
+      const naturalWidth = img.width;
+      const naturalHeight = img.height;
+      const naturalAspectRatio = naturalHeight / naturalWidth;
+      let maxWidth;
+      try {
+        const editorElement = document.querySelector(".tiptap-content-wrapper");
+        if (editorElement && editorElement.clientWidth > 0) {
+          maxWidth = editorElement.clientWidth - 32;
+        }
+      } catch {
+      }
+      let finalWidth;
+      let finalHeight;
+      if (maxWidth && naturalWidth > maxWidth) {
+        finalWidth = maxWidth;
+        finalHeight = Math.round(maxWidth * naturalAspectRatio);
+      } else {
+        finalWidth = naturalWidth;
+        finalHeight = naturalHeight;
+      }
       setFormState((prev) => ({
         ...prev,
         file,
         fileUrl: imageUrl,
         title: file.name,
         alt: file.name,
-        width,
-        height
+        width: finalWidth,
+        height: finalHeight
       }));
     };
   };
@@ -2019,7 +2064,9 @@ var ImageDialog = ({
     onImageEdit({
       alt: formState.alt,
       title: formState.title,
-      caption: formState.caption
+      caption: formState.caption,
+      width: formState.width || void 0,
+      height: formState.height || void 0
     });
     handleClose();
   };
@@ -2657,7 +2704,7 @@ var import_extension_mathematics = require("@tiptap/extension-mathematics");
 var import_extension_table = require("@tiptap/extension-table");
 
 // src/extensions/editor/callout.ts
-var import_react29 = require("@tiptap/react");
+var import_react28 = require("@tiptap/react");
 
 // src/utils/handle-exit-node.ts
 var import_state = require("@tiptap/pm/state");
@@ -3258,8 +3305,9 @@ var BaseFigure = import_extension_image.default.extend({
   isolating: true,
   selectable: false,
   addOptions() {
+    const parentOptions = this.parent?.() || {};
     return {
-      HTMLAttributes: {},
+      ...parentOptions,
       getImageById: void 0,
       onFigureClick: void 0
     };
@@ -3792,8 +3840,8 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
 });
 
 // src/extensions/views/node-views/callout.tsx
-var import_react20 = require("@tiptap/react");
-var import_react21 = require("react");
+var import_react19 = require("@tiptap/react");
+var import_react20 = require("react");
 
 // src/icons/color/TiptapCalloutError.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -4382,27 +4430,23 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
   }
 ) });
 
-// src/extensions/views/components/table.tsx
-var import_react18 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-
 // src/extensions/views/components/video.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "video-node", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "video-node", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "iframe",
           {
             className: "video-iframe",
@@ -4419,13 +4463,13 @@ var Video = ({ src, children }) => {
 };
 
 // src/editor/controls/emoji-picker.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
-  const pickerRef = (0, import_react19.useRef)(null);
+  const pickerRef = (0, import_react18.useRef)(null);
   const translations2 = useTiptapTranslations();
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
         onClose();
@@ -4439,12 +4483,12 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "div",
     {
       ref: pickerRef,
       className: "tiptap__emoji-picker-wrapper",
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         import_emoji_picker_react.default,
         {
           skinTonesDisabled: true,
@@ -4469,12 +4513,12 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
 };
 
 // src/extensions/views/node-views/callout.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
   const emoji = props.node.attrs.emoji;
-  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react21.useState)(false);
+  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react20.useState)(false);
   const handleIconClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -4484,23 +4528,23 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react19.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     Callout,
     {
       type,
       bgColor,
       emoji,
-      iconWrapper: (icon) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "callout-icon-wrapper", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      iconWrapper: (icon) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "callout-icon-wrapper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "button",
           {
             className: "callout-icon-button",
             onClick: handleIconClick,
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "callout-icon", children: icon })
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "callout-icon", children: icon })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           EmojiPickerComponent,
           {
             isOpen: showEmojiPicker,
@@ -4509,101 +4553,101 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react19.NodeViewContent, { as: "div" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/code-block.tsx
-var import_react22 = require("react");
-var import_react23 = require("@tiptap/react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_react22 = require("@tiptap/react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var CodeBlockView = (props) => {
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react22.useState)(props.node.attrs.language ?? "");
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react21.useState)(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
   const handleLanguageChange = (language) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react22.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.NodeViewContent, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react22.NodeViewContent, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
-var import_react24 = require("@tiptap/react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react23 = require("@tiptap/react");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var CopyableTextView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.MarkViewContent, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
-var import_react25 = require("@tiptap/react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react24 = require("@tiptap/react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
-var import_react26 = require("@tiptap/react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react25 = require("@tiptap/react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var FigureView = ({ node, getPos, editor }) => {
-  const { fileId, src, alt, title, caption, width, height, storageKey } = node.attrs;
+  const { fileId, src, alt, title, caption, width, height } = node.attrs;
   const imageExtension = editor.extensionManager.extensions.find((ext) => ext.name === "image");
   const getImageById = imageExtension?.options.getImageById;
   const onFigureClick = imageExtension?.options.onFigureClick;
   const handleEditClick = () => {
     onFigureClick?.(node.attrs, getPos());
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-    import_react26.NodeViewWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    import_react25.NodeViewWrapper,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         Figure,
         {
           fileId,
@@ -4623,40 +4667,40 @@ var FigureView = ({ node, getPos, editor }) => {
 };
 
 // src/extensions/views/node-views/prompt.tsx
-var import_react27 = require("@tiptap/react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_react26 = require("@tiptap/react");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
-var import_react28 = require("@tiptap/react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react27 = require("@tiptap/react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react28.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-    import_react28.NodeViewContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    import_react27.NodeViewContent,
     {
       as: "div",
       className: "video-content"
@@ -4667,66 +4711,66 @@ var VideoView = (props) => {
 // src/extensions/editor/callout.ts
 var Callout2 = BaseCallout.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookAlert = BaseLegacyBookAlert.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookTip = BaseLegacyBookTip.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
   }
 });
 
 // src/extensions/editor/code-block.ts
-var import_react30 = require("@tiptap/react");
+var import_react29 = require("@tiptap/react");
 var CodeBlock2 = BaseCodeBlock.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react29.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 
 // src/extensions/editor/custom-quote.ts
-var import_react31 = require("@tiptap/react");
+var import_react30 = require("@tiptap/react");
 var CustomQuote2 = BaseCustomQuote.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 var CustomQuoteText2 = BaseCustomQuoteText.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteTextView);
+    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteTextView);
   }
 });
 var CustomQuoteAuthor2 = BaseCustomQuoteAuthor.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteAuthorView);
+    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteAuthorView);
   }
 });
 var CustomQuoteSign2 = BaseCustomQuoteSign.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteSignView);
+    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteSignView);
   }
 });
 var LegacySEQuote = BaseLegacySEQuote.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 
 // src/extensions/editor/video.ts
-var import_react32 = require("@tiptap/react");
+var import_react31 = require("@tiptap/react");
 var Video2 = BaseVideo.extend({
   addNodeView() {
-    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
   }
 });
 var LegacyYouTube = BaseLegacyYouTube.extend({
   addNodeView() {
-    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
   }
 });
 
@@ -5142,46 +5186,209 @@ function getSharedExtensions() {
 }
 
 // src/extensions/editor/copyable-text.ts
-var import_react33 = require("@tiptap/react");
+var import_react32 = require("@tiptap/react");
 var CopyableText3 = CopyableText.extend({
   addMarkView() {
-    return (0, import_react33.ReactMarkViewRenderer)(CopyableTextView);
+    return (0, import_react32.ReactMarkViewRenderer)(CopyableTextView);
   }
 });
 
 // src/extensions/editor/prompt.ts
-var import_react34 = require("@tiptap/react");
+var import_react33 = require("@tiptap/react");
 var PromptHeader2 = BasePromptHeader.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var PromptContent2 = BasePromptContent.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 var LegacyPromptSEHeader = BaseLegacyPromptSEHeader.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var LegacyPromptSEContent = BaseLegacyPromptSEContent.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 
 // src/extensions/editor/figure.ts
-var import_react35 = require("@tiptap/react");
+var import_react34 = require("@tiptap/react");
+var import_core17 = require("@tiptap/core");
 var Figure2 = BaseFigure.extend({
   addNodeView() {
-    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
+    const resizeOptions = this.options.resize;
+    if (!resizeOptions) {
+      return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    }
+    return (props) => {
+      const { node, getPos, editor } = props;
+      const attrs = node.attrs;
+      const imageExtension = editor.extensionManager.extensions.find(
+        (ext) => ext.name === "image"
+      );
+      const getImageById = imageExtension?.options.getImageById;
+      let imgSrc = attrs.src;
+      if (attrs.fileId && getImageById) {
+        const resolvedSrc = getImageById(attrs.fileId);
+        if (resolvedSrc) imgSrc = resolvedSrc;
+      }
+      let maxWidth;
+      try {
+        if (editor.view?.dom) {
+          const contentWrapper = editor.view.dom.closest(".tiptap-content-wrapper");
+          if (contentWrapper && contentWrapper.clientWidth > 0) {
+            maxWidth = contentWrapper.clientWidth - 32;
+          }
+        }
+      } catch {
+      }
+      let naturalAspectRatio;
+      let maxHeight;
+      const constrainDimensions = (w, h) => {
+        let constrainedW = w;
+        let constrainedH = h;
+        if (maxWidth && maxHeight && naturalAspectRatio && w >= maxWidth) {
+          constrainedW = maxWidth;
+          constrainedH = maxHeight;
+        }
+        return { width: constrainedW, height: constrainedH };
+      };
+      const updateImageDimensions = (width, height) => {
+        imageContainer.style.width = `${width}px`;
+        imageContainer.style.height = `${height}px`;
+      };
+      const figure = document.createElement("figure");
+      figure.setAttribute("data-drag-handle", "");
+      const imageContainer = document.createElement("div");
+      imageContainer.className = "figure-image-container";
+      const img = document.createElement("img");
+      img.src = imgSrc || "";
+      if (attrs.alt) img.alt = attrs.alt;
+      if (attrs.title) img.title = attrs.title;
+      if (attrs.width && attrs.height) {
+        imageContainer.style.width = `${attrs.width}px`;
+        imageContainer.style.height = `${attrs.height}px`;
+      }
+      img.onload = () => {
+        naturalAspectRatio = img.naturalHeight / img.naturalWidth;
+        if (maxWidth && naturalAspectRatio) {
+          maxHeight = Math.round(maxWidth * naturalAspectRatio);
+        }
+        if (attrs.width && attrs.height && maxWidth && attrs.width > maxWidth) {
+          const width = maxWidth;
+          const height = Math.round(attrs.height / attrs.width * maxWidth);
+          imageContainer.style.width = `${width}px`;
+          imageContainer.style.height = `${height}px`;
+          const pos = getPos();
+          if (typeof pos === "number") {
+            editor.chain().updateAttributes("image", {
+              width: Math.round(width),
+              height: Math.round(height)
+            }).run();
+          }
+        }
+      };
+      imageContainer.appendChild(img);
+      if (editor.isEditable) {
+        const editButton = document.createElement("button");
+        editButton.type = "button";
+        editButton.className = "figure-edit-button";
+        editButton.contentEditable = "false";
+        editButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M2.52441 14.3751V17.5001H5.64941L14.8661 8.28346L11.7411 5.15846L2.52441 14.3751ZM17.2827 5.8668C17.6077 5.5418 17.6077 5.0168 17.2827 4.6918L15.3327 2.7418C15.0077 2.4168 14.4827 2.4168 14.1577 2.7418L12.6327 4.2668L15.7577 7.3918L17.2827 5.8668Z" fill="currentColor"/></svg>';
+        editButton.addEventListener("click", () => {
+          const onFigureClick = imageExtension?.options.onFigureClick;
+          const pos = getPos();
+          if (onFigureClick && typeof pos === "number") {
+            onFigureClick(attrs, pos);
+          }
+        });
+        imageContainer.appendChild(editButton);
+      }
+      const resizableView = new import_core17.ResizableNodeView({
+        element: imageContainer,
+        node,
+        getPos,
+        onResize: (w, h) => {
+          const { width, height } = constrainDimensions(w, h);
+          updateImageDimensions(width, height);
+        },
+        onCommit: (w, h) => {
+          const { width, height } = constrainDimensions(w, h);
+          const pos = getPos();
+          if (typeof pos === "number") {
+            updateImageDimensions(Math.round(width), Math.round(height));
+            editor.chain().focus().setNodeSelection(pos).updateAttributes("image", {
+              width: Math.round(width),
+              height: Math.round(height)
+            }).run();
+          }
+        },
+        onUpdate: (updatedNode) => {
+          if (updatedNode.attrs.width) {
+            imageContainer.style.width = `${updatedNode.attrs.width}px`;
+          }
+          if (updatedNode.attrs.height) {
+            imageContainer.style.height = `${updatedNode.attrs.height}px`;
+          }
+          const existingCaption = figure.querySelector("figcaption");
+          if (updatedNode.attrs.caption && !existingCaption) {
+            const figcaption = document.createElement("figcaption");
+            figcaption.textContent = updatedNode.attrs.caption;
+            figure.appendChild(figcaption);
+          } else if (existingCaption) {
+            if (updatedNode.attrs.caption) {
+              existingCaption.textContent = updatedNode.attrs.caption;
+            } else {
+              existingCaption.remove();
+            }
+          }
+          if (updatedNode.type !== node.type) return false;
+          return true;
+        },
+        options: {
+          directions: resizeOptions.directions || [
+            "bottom-right",
+            "bottom-left",
+            "top-right",
+            "top-left"
+          ],
+          min: {
+            width: resizeOptions.minWidth || 100,
+            height: resizeOptions.minHeight || 100
+          },
+          max: maxWidth && maxHeight ? { width: maxWidth, height: maxHeight } : void 0,
+          preserveAspectRatio: true,
+          className: {
+            container: "tiptap-resize-container",
+            wrapper: "tiptap-resize-wrapper",
+            handle: "tiptap-resize-handle",
+            resizing: "is-resizing"
+          }
+        }
+      });
+      figure.appendChild(resizableView.dom);
+      if (attrs.caption) {
+        const figcaption = document.createElement("figcaption");
+        figcaption.textContent = attrs.caption;
+        figure.appendChild(figcaption);
+      }
+      return {
+        dom: figure,
+        contentDOM: resizableView.contentDOM,
+        update: resizableView.update.bind(resizableView),
+        destroy: resizableView.destroy?.bind(resizableView)
+      };
+    };
   }
 });
 var LegacyFigure = BaseLegacyFigure.extend({
   addNodeView() {
-    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
   }
 });
 
@@ -5210,8 +5417,14 @@ function getEditorExtensions(options) {
     PromptHeader2,
     PromptContent2,
     Video2,
-    // Configure with optional getImageById for URL resolution and onFigureClick callback
-    Figure2.configure({ getImageById, onFigureClick }),
+    Figure2.configure({
+      getImageById,
+      onFigureClick,
+      resize: {
+        enabled: true,
+        directions: ["top-left", "top-right", "bottom-left", "bottom-right"]
+      }
+    }),
     import_extension_mathematics.Mathematics.configure({
       katexOptions: {
         throwOnError: false
@@ -5352,8 +5565,8 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 
 // src/editor/commands/suggestion.tsx
 var import_dom = require("@floating-ui/dom");
-var import_core17 = require("@tiptap/core");
-var import_react36 = require("@tiptap/react");
+var import_core18 = require("@tiptap/core");
+var import_react35 = require("@tiptap/react");
 
 // src/editor/commands/items.ts
 var getCommandItems = (translations2, hasImageHandlers) => [
@@ -5654,7 +5867,7 @@ var filterCommandItems = (items, query) => {
 };
 
 // src/editor/commands/suggestion.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var component = null;
 var closeMenu = () => {
   if (component) {
@@ -5668,7 +5881,7 @@ var mapCommandMenuItemToCommandItem = (item) => {
   const IconComponent = item.icon;
   return {
     title: item.title,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(IconComponent, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(IconComponent, {}),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       item.onClick(editor);
@@ -5686,7 +5899,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
   render: () => {
     return {
       onStart: async (props) => {
-        component = new import_react36.ReactRenderer(CommandsList, {
+        component = new import_react35.ReactRenderer(CommandsList, {
           props,
           editor: props.editor
         });
@@ -5696,7 +5909,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
         component.element.style.position = "absolute";
         document.body.appendChild(component.element);
         const virtualElement = {
-          getBoundingClientRect: () => (0, import_core17.posToDOMRect)(
+          getBoundingClientRect: () => (0, import_core18.posToDOMRect)(
             props.editor.view,
             props.editor.state.selection.from,
             props.editor.state.selection.to
@@ -5723,7 +5936,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
           return;
         }
         const virtualElement = {
-          getBoundingClientRect: () => (0, import_core17.posToDOMRect)(
+          getBoundingClientRect: () => (0, import_core18.posToDOMRect)(
             props.editor.view,
             props.editor.state.selection.from,
             props.editor.state.selection.to
@@ -6099,7 +6312,7 @@ function getTranslations(lang) {
 }
 
 // src/editor/editor.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function TiptapContent({
   content,
   handleChange,
@@ -6109,12 +6322,12 @@ function TiptapContent({
   lang,
   error
 }) {
-  const [linkDialogContext, setLinkDialogContext] = (0, import_react37.useState)(null);
-  const [katexDialogContext, setKatexDialogContext] = (0, import_react37.useState)(
+  const [linkDialogContext, setLinkDialogContext] = (0, import_react36.useState)(null);
+  const [katexDialogContext, setKatexDialogContext] = (0, import_react36.useState)(
     null
   );
-  const [editFigureContext, setEditFigureContext] = (0, import_react37.useState)(null);
-  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react37.useState)(void 0);
+  const [editFigureContext, setEditFigureContext] = (0, import_react36.useState)(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react36.useState)(void 0);
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   let safeContent;
@@ -6123,7 +6336,7 @@ function TiptapContent({
   } catch {
     safeContent = { type: "doc", content: [{ type: "paragraph" }] };
   }
-  const editor = (0, import_react38.useEditor)(
+  const editor = (0, import_react37.useEditor)(
     {
       editable: isEditable && !isDisabled,
       extensions: getEditorExtensions({
@@ -6165,7 +6378,7 @@ function TiptapContent({
     },
     [lang]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (activeDialog && editor && !editor.isDestroyed) {
       const pos = editor.state.selection.from;
       setSavedDialogCursorPos(pos);
@@ -6192,7 +6405,7 @@ function TiptapContent({
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!editor || editor.isDestroyed) return;
     editor.commands.setContent(safeContent, {
       emitUpdate: false
@@ -6211,16 +6424,16 @@ function TiptapContent({
     return true;
   };
   if (!editor) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DragHandle, { editor }),
-    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TableMenu, { editor }),
-    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DragHandle, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TableMenu, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       import_menus.BubbleMenu,
       {
         shouldShow: shouldBubbleMenuShow,
         editor,
         options: { placement: "bottom", offset: 8, flip: true },
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -6229,19 +6442,19 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
       "div",
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react38.EditorContent, { editor }),
-          isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CharacterCount, { editor })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react37.EditorContent, { editor }),
+          isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CharacterCount, { editor })
         ]
       }
     ),
-    !!error && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "tiptap-error-message", children: error }),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-      activeDialog === "image" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    !!error && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "tiptap-error-message", children: error }),
+    isEditable && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+      activeDialog === "image" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         ImageDialog,
         {
           open: true,
@@ -6254,7 +6467,7 @@ function TiptapContent({
           mode: editFigureContext ? "edit" : "add"
         }
       ),
-      activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         AddLinkDialog,
         {
           open: true,
@@ -6263,7 +6476,7 @@ function TiptapContent({
           linkDialogContext
         }
       ),
-      activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         AddVideoDialog,
         {
           open: true,
@@ -6271,7 +6484,7 @@ function TiptapContent({
           onVideoAdd: handleVideoAdd
         }
       ),
-      activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         AddKatexDialog,
         {
           open: true,
@@ -6286,10 +6499,42 @@ function TiptapContent({
 var Tiptap = (props) => {
   const { lang = "ru" } = props;
   const translations2 = getTranslations(lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DialogCommandProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TiptapContent, { ...props }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DialogCommandProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TiptapContent, { ...props }) }) });
 };
+
+// src/utils/html-to-tiptap-content.ts
+var import_core19 = require("@tiptap/core");
+function isJSONContent(value) {
+  return typeof value === "object" && value !== null && "type" in value && typeof value.type === "string";
+}
+function htmlToTiptapContent(content) {
+  if (isJSONContent(content)) {
+    return content;
+  }
+  if (typeof content === "string") {
+    try {
+      const parsed = JSON.parse(content);
+      if (isJSONContent(parsed)) {
+        return parsed;
+      }
+    } catch {
+    }
+  }
+  if (!content || content.trim() === "") {
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+  const sharedExtensions = getSharedExtensions();
+  const extensions = [...sharedExtensions, BaseFigure];
+  try {
+    return (0, import_core19.generateJSON)(content, extensions);
+  } catch (error) {
+    console.error("Failed to convert HTML to Tiptap content:", error);
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Tiptap
+  Tiptap,
+  htmlToTiptapContent
 });
 //# sourceMappingURL=editor.js.map