@cyberyozh/text-editor 0.1.12 → 0.1.14

package/dist/editor.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSONContent } from '@tiptap/react';
 export { JSONContent } from '@tiptap/react';
+import { JSONContent as JSONContent$1 } from '@tiptap/core';
 
 interface ImageUploadResult {
     fileId?: string;
@@ -48,4 +49,6 @@ interface TiptapProps {
 }
 declare const Tiptap: (props: TiptapProps) => react_jsx_runtime.JSX.Element;
 
-export { Tiptap, type SupportedLanguage as TiptapSupportedLanguages };
+declare function htmlToTiptapContent(content: string | JSONContent$1): JSONContent$1;
+
+export { Tiptap, type SupportedLanguage as TiptapSupportedLanguages, htmlToTiptapContent };

package/dist/editor.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSONContent } from '@tiptap/react';
 export { JSONContent } from '@tiptap/react';
+import { JSONContent as JSONContent$1 } from '@tiptap/core';
 
 interface ImageUploadResult {
     fileId?: string;
@@ -48,4 +49,6 @@ interface TiptapProps {
 }
 declare const Tiptap: (props: TiptapProps) => react_jsx_runtime.JSX.Element;
 
-export { Tiptap, type SupportedLanguage as TiptapSupportedLanguages };
+declare function htmlToTiptapContent(content: string | JSONContent$1): JSONContent$1;
+
+export { Tiptap, type SupportedLanguage as TiptapSupportedLanguages, htmlToTiptapContent };

package/dist/editor.js

@@ -30,7 +30,8 @@ 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);
 
@@ -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;
@@ -2018,6 +2044,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,
@@ -2038,7 +2065,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();
   };
@@ -5251,6 +5280,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) {
@@ -5270,6 +5312,7 @@ var Figure2 = BaseFigure.extend({
       }
       const resizableView = new import_core17.ResizableNodeView({
         element: imageContainer,
+        editor,
         node,
         getPos,
         onResize: (w, h) => {
@@ -6460,8 +6503,40 @@ var Tiptap = (props) => {
   const translations2 = getTranslations(lang);
   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