docx-diff-editor 1.0.10 → 1.0.15

package/dist/index.js

@@ -723,72 +723,6 @@ var DocxDiffEditor = react.forwardRef(
       }
       readyRef.current = false;
     }, []);
-    const convertHtmlToDocxBlob = react.useCallback(
-      async (html) => {
-        if (!SuperDocRef.current) {
-          throw new Error("SuperDoc not loaded");
-        }
-        const hiddenContainer = document.createElement("div");
-        hiddenContainer.id = `dde-hidden-${Date.now()}`;
-        hiddenContainer.style.cssText = "position:absolute;top:-9999px;left:-9999px;width:800px;height:600px;visibility:hidden;pointer-events:none;";
-        document.body.appendChild(hiddenContainer);
-        return new Promise((resolve, reject) => {
-          let tempSuperdoc = null;
-          let timeoutId;
-          const cleanup = () => {
-            clearTimeout(timeoutId);
-            try {
-              tempSuperdoc?.destroy?.();
-            } catch {
-            }
-            hiddenContainer.parentNode?.removeChild(hiddenContainer);
-          };
-          try {
-            tempSuperdoc = new SuperDocRef.current({
-              selector: `#${hiddenContainer.id}`,
-              html,
-              documentMode: "editing",
-              rulers: false,
-              user: { name: "Converter", email: "converter@local" },
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              onReady: async ({ superdoc: sd }) => {
-                try {
-                  const json = sd?.activeEditor?.getJSON() || { type: "doc", content: [] };
-                  if (!sd?.activeEditor?.exportDocx) {
-                    cleanup();
-                    reject(new Error("exportDocx method not available"));
-                    return;
-                  }
-                  const blob = await sd.activeEditor.exportDocx({ isFinalDoc: false });
-                  if (!blob) {
-                    cleanup();
-                    reject(new Error("Export returned no data"));
-                    return;
-                  }
-                  cleanup();
-                  resolve({ blob, json });
-                } catch (err) {
-                  cleanup();
-                  reject(err);
-                }
-              },
-              onException: ({ error: err }) => {
-                cleanup();
-                reject(err);
-              }
-            });
-            timeoutId = setTimeout(() => {
-              cleanup();
-              reject(new Error("HTML to DOCX conversion timed out"));
-            }, TIMEOUTS.PARSE_TIMEOUT);
-          } catch (err) {
-            cleanup();
-            reject(err);
-          }
-        });
-      },
-      []
-    );
     const createSuperdoc = react.useCallback(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       async (options) => {
@@ -806,31 +740,25 @@ var DocxDiffEditor = react.forwardRef(
         if (toolbarRef.current) {
           toolbarRef.current.id = toolbarId;
         }
-        let documentFile;
-        if (options.document) {
-          if (options.document instanceof File) {
-            documentFile = options.document;
-          } else {
-            documentFile = new File([options.document], "document.docx", {
-              type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-            });
-          }
-        }
         return new Promise((resolve, reject) => {
           let resolved = false;
           try {
-            const superdoc = new SuperDocRef.current({
+            const superdocConfig = {
               selector: `#${editorId}`,
               toolbar: showToolbar ? `#${toolbarId}` : void 0,
-              document: documentFile,
-              html: options.html,
               documentMode: "editing",
               role: "editor",
               rulers: showRulers,
               user: DEFAULT_SUPERDOC_USER,
-              permissionResolver,
-              // Enable comments module for track changes sidebar
-              modules: { comments: {} },
+              permissionResolver
+            };
+            if (options.document) {
+              superdocConfig.document = options.document;
+            } else if (options.html) {
+              superdocConfig.html = options.html;
+            }
+            const superdoc = new SuperDocRef.current({
+              ...superdocConfig,
               onReady: ({ superdoc: sd }) => {
                 if (resolved) return;
                 resolved = true;
@@ -888,15 +816,12 @@ var DocxDiffEditor = react.forwardRef(
         const { SuperDoc } = await import('superdoc');
         SuperDocRef.current = SuperDoc;
         let initOptions = {};
-        let extractedJson = null;
         if (initialSource) {
           const contentType = detectContentType(initialSource);
           if (contentType === "file") {
             initOptions = { document: initialSource };
           } else if (contentType === "html") {
-            const { blob, json: htmlJson } = await convertHtmlToDocxBlob(initialSource);
-            initOptions = { document: blob };
-            extractedJson = htmlJson;
+            initOptions = { html: initialSource };
           } else if (contentType === "json") {
             initOptions = templateDocx ? { document: templateDocx } : {};
           }
@@ -911,9 +836,8 @@ var DocxDiffEditor = react.forwardRef(
             onSourceLoaded?.(initialSource);
           }
         } else {
-          const finalJson = extractedJson || json;
-          setSourceJson(finalJson);
-          onSourceLoaded?.(finalJson);
+          setSourceJson(json);
+          onSourceLoaded?.(json);
         }
         setIsLoading(false);
         onReady?.();
@@ -932,7 +856,6 @@ var DocxDiffEditor = react.forwardRef(
       onSourceLoaded,
       destroySuperdoc,
       createSuperdoc,
-      convertHtmlToDocxBlob,
       setEditorContent,
       handleError
     ]);
@@ -949,10 +872,7 @@ var DocxDiffEditor = react.forwardRef(
       () => ({
         /**
          * Set the source/base document.
-         * 
-         * For HTML content, we convert to DOCX first using a hidden SuperDoc instance.
-         * This is critical because SuperDoc's track change infrastructure (including
-         * track bubbles) is only properly initialized when loading from a DOCX file.
+         * Accepts File (DOCX), HTML string, or ProseMirror JSON.
          */
         async setSource(content) {
           if (!SuperDocRef.current) {
@@ -968,15 +888,8 @@ var DocxDiffEditor = react.forwardRef(
               const result = await createSuperdoc({ document: content });
               json = result.json;
             } else if (contentType === "html") {
-              const { blob, json: extractedJson } = await convertHtmlToDocxBlob(content);
-              const result = await createSuperdoc({ document: blob });
-              json = extractedJson;
-              if (result.superdoc?.activeEditor) {
-                const editorJson = result.superdoc.activeEditor.getJSON();
-                if (!extractedJson.content || extractedJson.content.length === 0) {
-                  json = editorJson;
-                }
-              }
+              const result = await createSuperdoc({ html: content });
+              json = result.json;
             } else {
               const result = await createSuperdoc(templateDocx ? { document: templateDocx } : {});
               if (result.superdoc?.activeEditor && isProseMirrorJSON(content)) {
@@ -1073,6 +986,22 @@ var DocxDiffEditor = react.forwardRef(
             if (superdocRef.current?.activeEditor) {
               setEditorContent(superdocRef.current.activeEditor, merged);
               enableReviewMode(superdocRef.current);
+              const sd = superdocRef.current;
+              if (sd.commentsStore?.processLoadedDocxComments) {
+                setTimeout(() => {
+                  try {
+                    sd.commentsStore.processLoadedDocxComments({
+                      superdoc: sd,
+                      editor: sd.activeEditor,
+                      comments: [],
+                      // Empty array - we just want to trigger createCommentForTrackChanges
+                      documentId: sd.activeEditor?.options?.documentId || "primary"
+                    });
+                  } catch (err) {
+                    console.warn("[DocxDiffEditor] Failed to process track changes for bubbles:", err);
+                  }
+                }, 50);
+              }
             }
             const insertions = diff.segments.filter((s) => s.type === "insert").length;
             const deletions = diff.segments.filter((s) => s.type === "delete").length;
@@ -1163,7 +1092,6 @@ var DocxDiffEditor = react.forwardRef(
         author,
         destroySuperdoc,
         createSuperdoc,
-        convertHtmlToDocxBlob,
         setEditorContent,
         enableReviewMode,
         setEditingMode,