@cyberyozh/text-editor 0.1.12 → 0.1.14

package/dist/editor.mjs

@@ -1892,14 +1892,39 @@ var ImageDialog = ({
   const [dragActive, setDragActive] = useState6(false);
   const inputRef = useRef6(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] = useState6({
     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;
@@ -1982,6 +2007,7 @@ var ImageDialog = ({
     setIsUploading(true);
     try {
       const result = await uploadHandler(formState.file);
+      console.log("\u{1F440} ~ handleAddImage ~ result:", result);
       onImageAdd({
         fileId: result.fileId,
         src: result.fileUrl,
@@ -2002,7 +2028,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();
   };
@@ -5215,6 +5243,19 @@ var Figure2 = BaseFigure.extend({
         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) {
@@ -5234,6 +5275,7 @@ var Figure2 = BaseFigure.extend({
       }
       const resizableView = new ResizableNodeView({
         element: imageContainer,
+        editor,
         node,
         getPos,
         onResize: (w, h) => {
@@ -6424,7 +6466,39 @@ var Tiptap = (props) => {
   const translations2 = getTranslations(lang);
   return /* @__PURE__ */ jsx92(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ jsx92(DialogCommandProvider, { children: /* @__PURE__ */ jsx92(TiptapContent, { ...props }) }) });
 };
+
+// src/utils/html-to-tiptap-content.ts
+import { generateJSON } from "@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 generateJSON(content, extensions);
+  } catch (error) {
+    console.error("Failed to convert HTML to Tiptap content:", error);
+    return { type: "doc", content: [{ type: "paragraph" }] };
+  }
+}
 export {
-  Tiptap
+  Tiptap,
+  htmlToTiptapContent
 };
 //# sourceMappingURL=editor.mjs.map