@harbour-enterprises/superdoc 0.28.2 → 0.29.0-next.1

package/dist/superdoc.umd.js

@@ -28333,7 +28333,23 @@
     ]
   };
   const docxNumberingCacheStore = /* @__PURE__ */ new WeakMap();
+  const NUMBERING_CACHE_KEY = "numbering-cache";
   const LEVELS_MAP_KEY = Symbol("superdoc.numbering.levels");
+  const NUMBERING_CACHE_DOCX_KEY = Symbol("superdoc.numbering.docx");
+  const clearConverterCache = (converter) => {
+    if (!converter) return;
+    delete converter[NUMBERING_CACHE_KEY];
+    delete converter[NUMBERING_CACHE_DOCX_KEY];
+  };
+  const setConverterCache = (converter, cache2, docx) => {
+    if (!converter) return;
+    converter[NUMBERING_CACHE_KEY] = cache2;
+    if (docx && typeof docx === "object") {
+      converter[NUMBERING_CACHE_DOCX_KEY] = docx;
+    } else {
+      delete converter[NUMBERING_CACHE_DOCX_KEY];
+    }
+  };
   const createEmptyCache = () => ({
     numToAbstractId: /* @__PURE__ */ new Map(),
     abstractById: /* @__PURE__ */ new Map(),
@@ -28405,12 +28421,27 @@
     }
     return { numToAbstractId, abstractById, templateById, numToDefinition, numNodesById };
   };
-  const ensureNumberingCache = (docx) => {
+  const ensureNumberingCache = (docx, converter) => {
+    if (converter?.[NUMBERING_CACHE_KEY]) {
+      const cachedDocx = converter[NUMBERING_CACHE_DOCX_KEY];
+      if (docx && cachedDocx && cachedDocx !== docx) {
+        clearConverterCache(converter);
+      } else {
+        return converter[NUMBERING_CACHE_KEY];
+      }
+    }
     if (!docx || typeof docx !== "object") return createEmptyCache();
     const existingCache = docxNumberingCacheStore.get(docx);
-    if (existingCache) return existingCache;
+    if (existingCache) {
+      setConverterCache(converter, existingCache, docx);
+      return existingCache;
+    }
     const cache2 = buildNumberingCache(docx);
-    docxNumberingCacheStore.set(docx, cache2);
+    if (converter) {
+      setConverterCache(converter, cache2, docx);
+    } else {
+      docxNumberingCacheStore.set(docx, cache2);
+    }
     return cache2;
   };
   const handleListNode = (params2) => {
@@ -28667,11 +28698,11 @@
     }
     return { numId, ilvl };
   };
-  const getAbstractDefinition = (numId, docx) => {
+  const getAbstractDefinition = (numId, docx, converter) => {
     const numberingXml = docx["word/numbering.xml"];
     if (!numberingXml) return {};
     if (numId == null) return void 0;
-    const cache2 = ensureNumberingCache(docx);
+    const cache2 = ensureNumberingCache(docx, converter);
     const numKey = String(numId);
     let listDefinitionForThisNumId = cache2.numToDefinition.get(numKey);
     if (!listDefinitionForThisNumId) {
@@ -32184,10 +32215,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (typeof numId === "string") numId = Number(numId);
     if (typeof level === "string") level = Number(level);
     const docx = editor?.converter?.convertedXml;
-    const numbering = editor?.converter?.numbering;
+    const converter = editor?.converter;
+    const numbering = converter?.numbering;
     const styleDefinition = docx ? getStyleTagFromStyleId(styleId, docx) : null;
     const stylePpr = styleDefinition?.elements.find((el) => el.name === "w:pPr");
-    let abstractDefinition = docx ? getAbstractDefinition(numId, docx) : null;
+    let abstractDefinition = docx ? getAbstractDefinition(numId, docx, converter) : null;
     if (!abstractDefinition) {
       const listDef = numbering?.definitions?.[numId];
       const abstractId = listDef?.elements?.find((item) => item.name === "w:abstractNumId")?.attributes?.["w:val"];
@@ -36528,7 +36560,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       const { width: w2, height: h2 } = resizeKeepAspectRatio(size2.w, size2.h, maxWidthEmu);
       if (w2 && h2) size2 = { w: w2, h: h2 };
     }
-    if (params2.node.type === "image" && !imageId) {
+    if (imageId) {
+      const docx = params2.converter?.convertedXml || {};
+      const rels = docx["word/_rels/document.xml.rels"];
+      const relsTag = rels?.elements?.find((el) => el.name === "Relationships");
+      const hasRelation = relsTag?.elements.find((el) => el.attributes.Id === imageId);
+      const path2 = src?.split("word/")[1];
+      if (!hasRelation) {
+        addImageRelationshipForId(params2, imageId, path2);
+      }
+    } else if (params2.node.type === "image" && !imageId) {
       const path2 = src?.split("word/")[1];
       imageId = addNewImageRelationship(params2, path2);
     } else if (params2.node.type === "fieldAnnotation" && !imageId) {
@@ -36752,6 +36793,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     params2.relationships.push(newRel);
     return newId;
   }
+  function addImageRelationshipForId(params2, id, imagePath) {
+    const newRel = {
+      type: "element",
+      name: "Relationship",
+      attributes: {
+        Id: id,
+        Type: "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image",
+        Target: imagePath
+      }
+    };
+    params2.relationships.push(newRel);
+  }
   function translateVectorShape(params2) {
     const { node: node2 } = params2;
     const { drawingContent } = node2.attrs;
@@ -41240,7 +41293,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         comments,
         inlineDocumentFonts,
         linkedStyles: getStyleDefinitions(docx),
-        numbering: getNumberingDefinitions(docx)
+        numbering: getNumberingDefinitions(docx, converter)
       };
     }
     return null;
@@ -41639,8 +41692,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     ]);
     return content2.filter((node2) => node2 && typeof node2.type === "string" && !INLINE_TYPES.has(node2.type));
   }
-  function getNumberingDefinitions(docx) {
-    const cache2 = ensureNumberingCache(docx);
+  function getNumberingDefinitions(docx, converter) {
+    const cache2 = ensureNumberingCache(docx, converter);
     const abstractDefinitions = {};
     cache2.abstractById.forEach((value, key2) => {
       const numericKey = Number(key2);
@@ -43014,6 +43067,35 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   };
   const HYPERLINK_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink";
   const HEADER_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header";
+  const FOOTER_RELATIONSHIP_TYPE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer";
+  const REL_ID_NUMERIC_PATTERN = /rId|mi/g;
+  const getLargestRelationshipId = (relationships = []) => {
+    const numericIds = relationships.map((rel) => Number(String(rel?.attributes?.Id ?? "").replace(REL_ID_NUMERIC_PATTERN, ""))).filter((value) => Number.isFinite(value));
+    return numericIds.length ? Math.max(...numericIds) : 0;
+  };
+  const mergeRelationshipElements = (existingRelationships = [], newRelationships = []) => {
+    if (!newRelationships?.length) return existingRelationships;
+    let largestId = getLargestRelationshipId(existingRelationships);
+    const seenIds = new Set(existingRelationships.map((rel) => rel?.attributes?.Id).filter(Boolean));
+    const additions = [];
+    newRelationships.forEach((rel) => {
+      if (!rel?.attributes) return;
+      const attributes = rel.attributes;
+      const currentId = attributes.Id || "";
+      attributes.Target = attributes?.Target?.replace(/&/g, "&");
+      const existingTarget = existingRelationships.find((el) => el.attributes.Target === attributes.Target);
+      const isMedia = attributes.Target?.startsWith("media/");
+      const isNewHyperlink = attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && currentId.length > 6;
+      const isNewHeadFoot = (attributes.Type === HEADER_RELATIONSHIP_TYPE || attributes.Type === FOOTER_RELATIONSHIP_TYPE) && currentId.length > 6;
+      const hasSeenId = currentId && seenIds.has(currentId);
+      const shouldSkip2 = !isNewHyperlink && !isNewHeadFoot && (hasSeenId || existingTarget);
+      if (shouldSkip2) return;
+      attributes.Id = currentId.length > 6 || isMedia ? currentId : `rId${++largestId}`;
+      seenIds.add(attributes.Id);
+      additions.push(rel);
+    });
+    return additions.length ? [...existingRelationships, ...additions] : existingRelationships;
+  };
   const FONT_FAMILY_FALLBACKS = Object.freeze({
     swiss: "Arial, sans-serif",
     roman: "Times New Roman, serif",
@@ -43222,7 +43304,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.28.1") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.28.2") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -43728,23 +43810,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   exportProcessNewRelationships_fn = function(rels = []) {
     const relsData = this.convertedXml["word/_rels/document.xml.rels"];
     const relationships = relsData.elements.find((x) => x.name === "Relationships");
-    const newRels = [];
-    const regex = /rId|mi/g;
-    let largestId = Math.max(...relationships.elements.map((el) => Number(el.attributes.Id.replace(regex, ""))));
-    rels.forEach((rel) => {
-      const existingId = rel.attributes.Id;
-      const existingTarget = relationships.elements.find((el) => el.attributes.Target === rel.attributes.Target);
-      const isNewMedia = rel.attributes.Target?.startsWith("media/") && existingId.length > 6;
-      const isNewHyperlink = rel.attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && existingId.length > 6;
-      const isNewHeadFoot = rel.attributes.Type === HEADER_RELATIONSHIP_TYPE && existingId.length > 6;
-      if (existingTarget && !isNewMedia && !isNewHyperlink && !isNewHeadFoot) {
-        return;
-      }
-      rel.attributes.Target = rel.attributes?.Target?.replace(/&/g, "&");
-      rel.attributes.Id = existingId.length > 6 ? existingId : `rId${++largestId}`;
-      newRels.push(rel);
-    });
-    relationships.elements = [...relationships.elements, ...newRels];
+    relationships.elements = mergeRelationshipElements(relationships.elements, rels);
   };
   exportProcessMediaFiles_fn = async function(media2 = {}) {
     const processedData = {
@@ -57428,10 +57494,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           type: getNodeType(extension.name, this.schema)
         };
         const addNodeView = getExtensionConfigField(extension, "addNodeView", context);
-        if (!addNodeView) return [];
+        if (!addNodeView) return null;
+        const nodeViewFunction = addNodeView();
+        if (!nodeViewFunction) return null;
         const nodeview = (node2, _view, getPos, decorations) => {
           const htmlAttributes = Attribute.getAttributesToRender(node2, extensionAttrs);
-          return addNodeView()({
+          return nodeViewFunction({
             editor,
             node: node2,
             getPos,
@@ -57441,7 +57509,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           });
         };
         return [extension.name, nodeview];
-      });
+      }).filter(Boolean);
       return Object.fromEntries(entries);
     }
   };
@@ -58064,6 +58132,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const updateYdocDocxData = async (editor, ydoc) => {
     ydoc = ydoc || editor.options.ydoc;
     if (!ydoc) return;
+    if (!editor || editor.isDestroyed) return;
     const metaMap = ydoc.getMap("meta");
     const docxValue = metaMap.get("docx");
     let docx = [];
@@ -58095,6 +58164,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       { event: "docx-update", user: editor.options.user }
     );
   };
+  const STYLE_ISOLATION_CLASS = "sd-editor-scoped";
+  const applyStyleIsolationClass = (target) => {
+    if (!target || !target.classList) return;
+    target.classList.add(STYLE_ISOLATION_CLASS);
+  };
   const PaginationPluginKey = new PluginKey("paginationPlugin");
   const initPaginationData = async (editor) => {
     if (!editor.converter) return;
@@ -58130,6 +58204,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return new Promise((resolve2) => {
       const editorContainer = document.createElement("div");
       editorContainer.className = "super-editor";
+      applyStyleIsolationClass(editorContainer);
       editorContainer.style.padding = "0";
       editorContainer.style.margin = "0";
       const sectionEditor = createHeaderFooterEditor({ editor, data, editorContainer });
@@ -58157,6 +58232,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { fontSizePt, typeface, fontFamilyCss } = parentStyles;
     const fontSizeInPixles = fontSizePt * 1.3333;
     const lineHeight2 = fontSizeInPixles * 1.2;
+    applyStyleIsolationClass(editorContainer);
     Object.assign(editorContainer.style, {
       padding: "0",
       margin: "0",
@@ -59547,6 +59623,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         });
       });
       return [syncPlugin];
+    },
+    addCommands() {
+      return {
+        addImageToCollaboration: ({ mediaPath, fileData }) => () => {
+          if (!this.options.ydoc || !mediaPath || !fileData) return false;
+          const mediaMap = this.options.ydoc.getMap("media");
+          mediaMap.set(mediaPath, fileData);
+          return true;
+        }
+      };
     }
   });
   const createSyncPlugin = (ydoc, editor) => {
@@ -61399,7 +61485,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexDz5_CDAf),
+        Promise.resolve().then(() => indexDQ6dCde6),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -61617,7 +61703,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.28.1");
+      console.debug("[checkVersionMigrations] Current editor version", "0.28.2");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -61808,7 +61894,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         options.element.classList.add("sd-super-editor-html");
       }
     }
-    options.element = options.isHeadless ? null : options.element || document.createElement("div");
+    if (options.isHeadless) {
+      options.element = null;
+      return;
+    }
+    options.element = options.element || document.createElement("div");
+    applyStyleIsolationClass(options.element);
   };
   init_fn = function() {
     __privateMethod$1(this, _Editor_instances, createExtensionService_fn).call(this);
@@ -66691,6 +66782,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     });
   }
+  const shouldSkipNodeView = (editor) => {
+    return editor.options.isHeadless;
+  };
   const ListItem = Node$1.create({
     name: "listItem",
     content: "paragraph* block*",
@@ -66717,9 +66811,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     },
     /**
      * Important: The listItem node uses a custom node view.
-     * @returns {import('@core/NodeView.js').NodeView}
+     * Skip node view in headless mode for performance.
+     * @returns {import('@core/NodeView.js').NodeView|null}
      */
     addNodeView() {
+      if (shouldSkipNodeView(this.editor)) return null;
       return ({ node: node2, editor, getPos, decorations }) => {
         return new ListItemNodeView(node2, getPos, decorations, editor);
       };
@@ -81831,6 +81927,7 @@ ${l}
       this.view = view;
       this.popover = document.createElement("div");
       this.popover.className = "sd-editor-popover";
+      applyStyleIsolationClass(this.popover);
       document.body.appendChild(this.popover);
       this.tippyInstance = tippy(this.popover, {
         trigger: "manual",
@@ -83247,6 +83344,7 @@ ${l}
     const tempContainer = editor.options.element.cloneNode();
     if (!tempContainer) return [];
     tempContainer.className = "temp-container super-editor";
+    applyStyleIsolationClass(tempContainer);
     const HIDDEN_EDITOR_OFFSET_TOP = 0;
     const HIDDEN_EDITOR_OFFSET_LEFT = 0;
     tempContainer.style.left = HIDDEN_EDITOR_OFFSET_TOP + "px";
@@ -84295,6 +84393,7 @@ ${l}
         handleEl.style.pointerEvents = "auto";
         resizeContainer.appendChild(handleEl);
       }
+      applyStyleIsolationClass(resizeContainer);
       document.body.appendChild(resizeContainer);
       updateHandlePositions(wrapper.firstElementChild);
     }
@@ -117515,7 +117614,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.28.1";
+      this.version = "0.28.2";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -119915,7 +120014,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexDz5_CDAf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDQ6dCde6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));