@superdoc-dev/cli 0.2.0-next.20 → 0.2.0-next.22

package/dist/index.js

@@ -26618,7 +26618,7 @@ var init_remark_gfm_z_sDF4ss_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-CRrxAa8F.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-BJBbuXuZ.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -30840,6 +30840,64 @@ function extractFillColor(spPr, style) {
   }
   return null;
 }
+function extractCustomGeometry(spPr) {
+  const custGeom = spPr?.elements?.find((el) => el.name === "a:custGeom");
+  if (!custGeom)
+    return null;
+  const pathLst = custGeom.elements?.find((el) => el.name === "a:pathLst");
+  if (!pathLst?.elements)
+    return null;
+  const paths = pathLst.elements.filter((el) => el.name === "a:path").map((pathEl) => {
+    const w = parseInt(pathEl.attributes?.["w"] || "0", 10);
+    const h = parseInt(pathEl.attributes?.["h"] || "0", 10);
+    return {
+      d: convertDrawingMLPathToSvg(pathEl),
+      w,
+      h
+    };
+  }).filter((p) => p.d);
+  if (paths.length === 0)
+    return null;
+  return { paths };
+}
+function convertDrawingMLPathToSvg(pathEl) {
+  if (!pathEl?.elements)
+    return "";
+  const parts = [];
+  for (const cmd of pathEl.elements)
+    switch (cmd.name) {
+      case "a:moveTo": {
+        const pt = cmd.elements?.find((el) => el.name === "a:pt");
+        if (pt)
+          parts.push(`M ${pt.attributes?.["x"] || 0} ${pt.attributes?.["y"] || 0}`);
+        break;
+      }
+      case "a:lnTo": {
+        const pt = cmd.elements?.find((el) => el.name === "a:pt");
+        if (pt)
+          parts.push(`L ${pt.attributes?.["x"] || 0} ${pt.attributes?.["y"] || 0}`);
+        break;
+      }
+      case "a:cubicBezTo": {
+        const pts = cmd.elements?.filter((el) => el.name === "a:pt") || [];
+        if (pts.length === 3)
+          parts.push(`C ${pts[0].attributes?.["x"] || 0} ${pts[0].attributes?.["y"] || 0} ${pts[1].attributes?.["x"] || 0} ${pts[1].attributes?.["y"] || 0} ${pts[2].attributes?.["x"] || 0} ${pts[2].attributes?.["y"] || 0}`);
+        break;
+      }
+      case "a:quadBezTo": {
+        const pts = cmd.elements?.filter((el) => el.name === "a:pt") || [];
+        if (pts.length === 2)
+          parts.push(`Q ${pts[0].attributes?.["x"] || 0} ${pts[0].attributes?.["y"] || 0} ${pts[1].attributes?.["x"] || 0} ${pts[1].attributes?.["y"] || 0}`);
+        break;
+      }
+      case "a:close":
+        parts.push("Z");
+        break;
+      default:
+        break;
+    }
+  return parts.join(" ");
+}
 function extractGradientFill(gradFill) {
   const gradient = {
     type: "gradient",
@@ -31867,7 +31925,7 @@ function extractTextFromTextBox(textBoxContent, bodyPr, params = {}) {
     wrap: wrap$1
   };
 }
-function getVectorShape({ params, node: node3, graphicData, size, marginOffset, anchorData, wrap: wrap$1, isAnchor }) {
+function getVectorShape({ params, node: node3, graphicData, size, marginOffset, anchorData, wrap: wrap$1, isAnchor, customGeometry }) {
   const schemaAttrs = {};
   const drawingNode = params.nodes?.[0];
   if (drawingNode?.name === "w:drawing")
@@ -31879,9 +31937,14 @@ function getVectorShape({ params, node: node3, graphicData, size, marginOffset,
   if (!spPr)
     return null;
   const shapeKind = spPr.elements?.find((el) => el.name === "a:prstGeom")?.attributes?.["prst"];
-  if (!shapeKind)
-    console.warn("Shape kind not found");
   schemaAttrs.kind = shapeKind;
+  if (customGeometry)
+    schemaAttrs.customGeometry = customGeometry;
+  else if (!shapeKind) {
+    const extracted = extractCustomGeometry(spPr);
+    if (extracted)
+      schemaAttrs.customGeometry = extracted;
+  }
   const width = size?.width ?? DEFAULT_SHAPE_WIDTH;
   const height = size?.height ?? DEFAULT_SHAPE_HEIGHT;
   const xfrm = spPr.elements?.find((el) => el.name === "a:xfrm");
@@ -48433,7 +48496,10 @@ var isRegExp = (value) => {
 }, handleShapeDrawing = (params, node3, graphicData, size, padding, marginOffset, anchorData, wrap$1, isAnchor, isHidden) => {
   const wsp = graphicData.elements.find((el) => el.name === "wps:wsp");
   const textBoxContent = wsp.elements.find((el) => el.name === "wps:txbx")?.elements?.find((el) => el.name === "w:txbxContent");
-  if (wsp.elements.find((el) => el.name === "wps:spPr")?.elements.find((el) => el.name === "a:prstGeom")?.attributes["prst"]) {
+  const spPr = wsp.elements.find((el) => el.name === "wps:spPr");
+  const shapeType = spPr?.elements.find((el) => el.name === "a:prstGeom")?.attributes["prst"];
+  const custGeom = !shapeType ? extractCustomGeometry(spPr) : null;
+  if (shapeType || custGeom) {
     const result = getVectorShape({
       params,
       node: node3,
@@ -48442,7 +48508,8 @@ var isRegExp = (value) => {
       marginOffset,
       anchorData,
       wrap: wrap$1,
-      isAnchor
+      isAnchor,
+      customGeometry: custGeom
     });
     if (result?.attrs && isHidden)
       result.attrs.hidden = true;
@@ -48494,6 +48561,7 @@ var isRegExp = (value) => {
     if (!spPr)
       return null;
     const shapeKind = spPr.elements?.find((el) => el.name === "a:prstGeom")?.attributes?.["prst"];
+    const customGeom = !shapeKind ? extractCustomGeometry(spPr) : null;
     const shapeXfrm = spPr.elements?.find((el) => el.name === "a:xfrm");
     const shapeOff = shapeXfrm?.elements?.find((el) => el.name === "a:off");
     const shapeExt = shapeXfrm?.elements?.find((el) => el.name === "a:ext");
@@ -48538,6 +48606,7 @@ var isRegExp = (value) => {
       shapeType: "vectorShape",
       attrs: {
         kind: shapeKind,
+        customGeometry: customGeom || undefined,
         x,
         y,
         width,
@@ -53731,7 +53800,7 @@ var isRegExp = (value) => {
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_CRrxAa8F_es = __esm(() => {
+var init_SuperConverter_BJBbuXuZ_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
@@ -93008,9 +93077,9 @@ var init_remark_gfm_CQ3Jg4PR_es = __esm(() => {
   init_remark_gfm_z_sDF4ss_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-10daZ2Cr.es.js
-var exports_src_10daZ2Cr_es = {};
-__export(exports_src_10daZ2Cr_es, {
+// ../../packages/superdoc/dist/chunks/src-DCn8o9a0.es.js
+var exports_src_DCn8o9a0_es = {};
+__export(exports_src_DCn8o9a0_es, {
   zt: () => defineMark,
   z: () => cM,
   yt: () => removeAwarenessStates,
@@ -113465,7 +113534,8 @@ async function measureDrawingBlock(block, constraints) {
   const rotatedBounds = calculateRotatedBounds(geometry);
   const naturalWidth = Math.max(1, rotatedBounds.width);
   const naturalHeight = Math.max(1, rotatedBounds.height);
-  const maxWidth = fullWidthMax ?? (constraints.maxWidth > 0 ? constraints.maxWidth : naturalWidth);
+  const isFloating = block.wrap?.type === "None";
+  const maxWidth = fullWidthMax ?? (constraints.maxWidth > 0 && !isFloating ? constraints.maxWidth : naturalWidth);
   const maxHeight = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0) || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / naturalWidth;
   const heightScale = maxHeight / naturalHeight;
@@ -143365,13 +143435,29 @@ var Node$13 = class Node$14 {
     day: "2-digit",
     year: "numeric"
   });
-}, AnnotatorHelpers, updateYdocDocxData = async (editor, ydoc) => {
+}, AnnotatorHelpers, inFlightUpdates, updateYdocDocxData = (editor, ydoc) => {
+  ydoc = ydoc || editor?.options?.ydoc;
+  if (!ydoc || ydoc.isDestroyed)
+    return Promise.resolve();
+  if (!editor || editor.isDestroyed)
+    return Promise.resolve();
+  let ydocMap = inFlightUpdates.get(editor);
+  if (!ydocMap) {
+    ydocMap = /* @__PURE__ */ new WeakMap;
+    inFlightUpdates.set(editor, ydocMap);
+  }
+  const existing = ydocMap.get(ydoc);
+  if (existing)
+    return existing;
+  const promise = _doUpdateYdocDocxData(editor, ydoc).finally(() => {
+    const map$22 = inFlightUpdates.get(editor);
+    if (map$22 && map$22.get(ydoc) === promise)
+      map$22.delete(ydoc);
+  });
+  ydocMap.set(ydoc, promise);
+  return promise;
+}, _doUpdateYdocDocxData = async (editor, ydoc) => {
   try {
-    ydoc = ydoc || editor?.options?.ydoc;
-    if (!ydoc || ydoc.isDestroyed)
-      return;
-    if (!editor || editor.isDestroyed)
-      return;
     const metaMap = ydoc.getMap("meta");
     const docxValue = metaMap.get("docx");
     let docx = [];
@@ -143488,10 +143574,15 @@ var Node$13 = class Node$14 {
     if (value instanceof Set && value.has("docx"))
       return true;
   return false;
+}, debouncedDocxUpdateByEditor, cancelDebouncedDocxUpdate = (editor) => {
+  const cancel = debouncedDocxUpdateByEditor.get(editor);
+  if (cancel)
+    cancel();
 }, initDocumentListener = ({ ydoc, editor }) => {
   const debouncedUpdate = debounce$2((editor$1) => {
     updateYdocDocxData(editor$1);
   }, 30000, { maxWait: 60000 });
+  debouncedDocxUpdateByEditor.set(editor, () => debouncedUpdate.cancel());
   const afterTransactionHandler = (transaction) => {
     const { local } = transaction;
     if (!checkDocxChanged(transaction) && transaction.changed?.size && local)
@@ -143501,6 +143592,7 @@ var Node$13 = class Node$14 {
   return () => {
     ydoc.off("afterTransaction", afterTransactionHandler);
     debouncedUpdate.cancel();
+    debouncedDocxUpdateByEditor.delete(editor);
   };
 }, debounce$2 = (fn, wait, { maxWait } = {}) => {
   let timeout$1 = null;
@@ -150348,6 +150440,7 @@ var Node$13 = class Node$14 {
     attrs: attrsWithPm,
     geometry,
     shapeKind: typeof rawAttrs.kind === "string" ? rawAttrs.kind : undefined,
+    customGeometry: rawAttrs.customGeometry != null ? rawAttrs.customGeometry : undefined,
     fillColor: normalizeFillColor(rawAttrs.fillColor),
     strokeColor: normalizeStrokeColor(rawAttrs.strokeColor),
     strokeWidth: coerceNumber(rawAttrs.strokeWidth),
@@ -159843,7 +159936,8 @@ var Node$13 = class Node$14 {
       transforms.push(`scale(1, -1) translate(0, ${-height})`);
     if (transforms.length > 0)
       g$1.setAttribute("transform", transforms.join(" "));
-    const shapeKind = attrs.kind || "rect";
+    const shapeKind = attrs.kind;
+    const customGeometry = attrs.customGeometry;
     const fillColor = attrs.fillColor === null ? null : attrs.fillColor ?? "#5b9bd5";
     const strokeColor = attrs.strokeColor === null ? null : attrs.strokeColor ?? "#000000";
     const strokeWidth = attrs.strokeWidth ?? 1;
@@ -159885,9 +159979,66 @@ var Node$13 = class Node$14 {
       }
       return g$1;
     }
+    if (customGeometry?.paths?.length) {
+      const fillStr = fillValue === null ? "none" : typeof fillValue === "string" ? fillValue : "none";
+      const strokeStr = strokeColor === null ? "none" : strokeColor;
+      const strokeW = strokeColor === null ? 0 : strokeWidth;
+      const firstPath = customGeometry.paths[0];
+      const viewW = firstPath.w || width;
+      const viewH = firstPath.h || height;
+      if (viewW > 0 && viewH > 0) {
+        const needsEdgeStroke = fillStr !== "none" && strokeStr === "none";
+        const innerSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        innerSvg.setAttribute("x", "0");
+        innerSvg.setAttribute("y", "0");
+        innerSvg.setAttribute("width", width.toString());
+        innerSvg.setAttribute("height", height.toString());
+        innerSvg.setAttribute("viewBox", `0 0 ${viewW} ${viewH}`);
+        innerSvg.setAttribute("preserveAspectRatio", "none");
+        for (const pathData of customGeometry.paths) {
+          const pathEl = document.createElementNS("http://www.w3.org/2000/svg", "path");
+          pathEl.setAttribute("d", pathData.d);
+          pathEl.setAttribute("fill", fillStr);
+          pathEl.setAttribute("fill-rule", "evenodd");
+          if (strokeStr !== "none") {
+            pathEl.setAttribute("stroke", strokeStr);
+            pathEl.setAttribute("stroke-width", strokeW.toString());
+          } else if (needsEdgeStroke) {
+            pathEl.setAttribute("stroke", fillStr);
+            pathEl.setAttribute("stroke-width", "0.5");
+            pathEl.setAttribute("vector-effect", "non-scaling-stroke");
+          } else {
+            pathEl.setAttribute("stroke", "none");
+            pathEl.setAttribute("stroke-width", "0");
+          }
+          const pathW = pathData.w || viewW;
+          const pathH = pathData.h || viewH;
+          if (pathW !== viewW || pathH !== viewH) {
+            const scaleX = viewW / pathW;
+            const scaleY = viewH / pathH;
+            pathEl.setAttribute("transform", `scale(${scaleX}, ${scaleY})`);
+          }
+          innerSvg.appendChild(pathEl);
+        }
+        g$1.appendChild(innerSvg);
+      }
+      if (attrs.textContent && attrs.textContent.parts) {
+        const pageNumber = this.editor?.options?.currentPageNumber;
+        const totalPages = this.editor?.options?.totalPageCount;
+        const textGroup = this.createTextElement(attrs.textContent, attrs.textAlign, width, height, {
+          textVerticalAlign: attrs.textVerticalAlign,
+          textInsets: attrs.textInsets,
+          pageNumber,
+          totalPages
+        });
+        if (textGroup)
+          g$1.appendChild(textGroup);
+      }
+      return g$1;
+    }
     try {
       const svgContent = k0({
-        preset: shapeKind,
+        preset: shapeKind || "rect",
         styleOverrides: {
           fill: fillValue || "none",
           stroke: strokeColor === null ? "none" : strokeColor,
@@ -162390,9 +162541,9 @@ var Node$13 = class Node$14 {
     trackedChanges: context.trackedChanges ?? []
   });
 }, _hoisted_1$6, _hoisted_2$1, _hoisted_3, _hoisted_4, ContextMenu_default, _hoisted_1$5, BasicUpload_default, _hoisted_1$4, MIN_WIDTH = 200, PPI = 96, alignment = "flex-end", Ruler_default, GenericPopover_default, _hoisted_1$3, RESIZE_HANDLE_WIDTH_PX = 9, RESIZE_HANDLE_OFFSET_PX = 4, DRAG_OVERLAY_EXTENSION_PX = 1000, MIN_DRAG_OVERLAY_WIDTH_PX = 2000, THROTTLE_INTERVAL_MS = 16, MIN_RESIZE_DELTA_PX = 1, TableResizeOverlay_default, _hoisted_1$2, OVERLAY_EXPANSION_PX = 2000, RESIZE_HANDLE_SIZE_PX = 12, MOUSE_MOVE_THROTTLE_MS = 16, DIMENSION_CHANGE_THRESHOLD_PX = 1, Z_INDEX_OVERLAY = 10, Z_INDEX_HANDLE = 15, Z_INDEX_GUIDELINE = 20, ImageResizeOverlay_default, LINK_CLICK_DEBOUNCE_MS = 300, CURSOR_UPDATE_TIMEOUT_MS = 10, LinkClickHandler_default, _hoisted_1$1, _hoisted_2, DOCX2 = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", TABLE_RESIZE_HOVER_THRESHOLD = 8, TABLE_RESIZE_THROTTLE_MS = 16, SuperEditor_default, _hoisted_1, SuperInput_default, SlashMenu, Extensions;
-var init_src_10daZ2Cr_es = __esm(() => {
+var init_src_DCn8o9a0_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
-  init_SuperConverter_CRrxAa8F_es();
+  init_SuperConverter_BJBbuXuZ_es();
   init_jszip_ChlR43oI_es();
   init_uuid_2IzDu5nl_es();
   init_constants_Dw0kAsLd_es();
@@ -170313,6 +170464,7 @@ function print() { __p += __j.call(arguments, '') }
     annotateHeadersAndFooters,
     getAllHeaderFooterEditors
   };
+  inFlightUpdates = /* @__PURE__ */ new WeakMap;
   new PluginKey("collaboration");
   headlessBindingStateByEditor = /* @__PURE__ */ new WeakMap;
   headlessCleanupRegisteredEditors = /* @__PURE__ */ new WeakSet;
@@ -170399,6 +170551,7 @@ function print() { __p += __j.call(arguments, '') }
       } };
     }
   });
+  debouncedDocxUpdateByEditor = /* @__PURE__ */ new WeakMap;
   isHighContrastMode = ref2(false);
   ({ findChildren: findChildren$4 } = helpers_exports);
   ({ findChildren: findChildren$3 } = helpers_exports);
@@ -175389,7 +175542,8 @@ function print() { __p += __j.call(arguments, '') }
       this.#initMedia();
       this.initDefaultStyles();
       if (this.options.ydoc && this.options.collaborationProvider) {
-        updateYdocDocxData(this, this.options.ydoc);
+        cancelDebouncedDocxUpdate(this);
+        await updateYdocDocxData(this, this.options.ydoc);
         this.initializeCollaborationData();
       } else
         this.#insertNewFileData();
@@ -180644,9 +180798,11 @@ function print() { __p += __j.call(arguments, '') }
       contentContainer.style.top = `${offsetY}px`;
       contentContainer.style.width = `${innerWidth}px`;
       contentContainer.style.height = `${innerHeight$1}px`;
-      const svgMarkup = block.shapeKind ? this.tryCreatePresetSvg(block, innerWidth, innerHeight$1) : null;
-      if (svgMarkup) {
-        const svgElement = this.parseSafeSvg(svgMarkup);
+      const customGeomSvg = block.customGeometry ? this.tryCreateCustomGeometrySvg(block, innerWidth, innerHeight$1) : null;
+      const svgMarkup = !customGeomSvg && block.shapeKind ? this.tryCreatePresetSvg(block, innerWidth, innerHeight$1) : null;
+      const resolvedSvgMarkup = customGeomSvg || svgMarkup;
+      if (resolvedSvgMarkup) {
+        const svgElement = this.parseSafeSvg(resolvedSvgMarkup);
         if (svgElement) {
           svgElement.setAttribute("width", "100%");
           svgElement.setAttribute("height", "100%");
@@ -180729,14 +180885,6 @@ function print() { __p += __j.call(arguments, '') }
       textDiv.style.minWidth = "0";
       textDiv.style.fontSize = "12px";
       textDiv.style.lineHeight = "1.2";
-      if (groupScaleX !== 1 || groupScaleY !== 1) {
-        const counterScaleX = 1 / groupScaleX;
-        const counterScaleY = 1 / groupScaleY;
-        textDiv.style.transform = `scale(${counterScaleX}, ${counterScaleY})`;
-        textDiv.style.transformOrigin = "top left";
-        textDiv.style.width = `${100 * groupScaleX}%`;
-        textDiv.style.height = `${100 * groupScaleY}%`;
-      }
       if (textAlign === "center")
         textDiv.style.textAlign = "center";
       else if (textAlign === "right" || textAlign === "r")
@@ -180819,6 +180967,39 @@ function print() { __p += __j.call(arguments, '') }
         return null;
       }
     }
+    tryCreateCustomGeometrySvg(block, width, height) {
+      const custGeom = block.customGeometry;
+      if (!custGeom?.paths?.length)
+        return null;
+      let fillColor;
+      if (block.fillColor === null)
+        fillColor = "none";
+      else if (typeof block.fillColor === "string")
+        fillColor = block.fillColor;
+      else
+        fillColor = "#000000";
+      const strokeColor = block.strokeColor === null ? "none" : typeof block.strokeColor === "string" ? block.strokeColor : "none";
+      const strokeWidth = block.strokeColor === null ? 0 : block.strokeWidth ?? 0;
+      const firstPath = custGeom.paths[0];
+      const viewW = firstPath.w || width;
+      const viewH = firstPath.h || height;
+      if (viewW === 0 || viewH === 0)
+        return null;
+      const edgeStroke = fillColor !== "none" && strokeColor === "none" ? ` stroke="${fillColor}" stroke-width="0.5" vector-effect="non-scaling-stroke"` : "";
+      return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${viewW} ${viewH}" preserveAspectRatio="none">
+  ${custGeom.paths.map((p$12) => {
+        const pathW = p$12.w || viewW;
+        const pathH = p$12.h || viewH;
+        const needsTransform = pathW !== viewW || pathH !== viewH;
+        const scaleX = viewW / pathW;
+        const scaleY = viewH / pathH;
+        const transform = needsTransform ? ` transform="scale(${scaleX}, ${scaleY})"` : "";
+        const strokeAttr = strokeColor !== "none" ? ` stroke="${strokeColor}" stroke-width="${strokeWidth}"` : edgeStroke;
+        return `<path d="${p$12.d}" fill="${fillColor}" fill-rule="evenodd"${strokeAttr}${transform} />`;
+      }).join(`
+  `)}
+</svg>`;
+    }
     parseSafeSvg(markup) {
       const DOMParserCtor = this.doc?.defaultView?.DOMParser ?? (typeof DOMParser !== "undefined" ? DOMParser : null);
       if (!DOMParserCtor)
@@ -180983,43 +181164,32 @@ function print() { __p += __j.call(arguments, '') }
       groupEl.style.height = "100%";
       const groupTransform = block.groupTransform;
       let contentContainer = groupEl;
-      const groupScaleX = 1;
-      const groupScaleY = 1;
+      const visibleWidth = groupTransform?.width ?? block.geometry.width ?? 0;
+      const visibleHeight = groupTransform?.height ?? block.geometry.height ?? 0;
       if (groupTransform) {
         const inner = this.doc.createElement("div");
         inner.style.position = "absolute";
         inner.style.left = "0";
         inner.style.top = "0";
-        const childWidth = groupTransform.childWidth ?? groupTransform.width ?? block.geometry.width ?? 0;
-        const childHeight = groupTransform.childHeight ?? groupTransform.height ?? block.geometry.height ?? 0;
-        inner.style.width = `${Math.max(1, childWidth)}px`;
-        inner.style.height = `${Math.max(1, childHeight)}px`;
-        const transforms = [];
-        const offsetX = groupTransform.childX ?? 0;
-        const offsetY = groupTransform.childY ?? 0;
-        if (offsetX || offsetY)
-          transforms.push(`translate(${-offsetX}px, ${-offsetY}px)`);
-        if (transforms.length > 0) {
-          inner.style.transformOrigin = "top left";
-          inner.style.transform = transforms.join(" ");
-        }
+        inner.style.width = `${Math.max(1, visibleWidth)}px`;
+        inner.style.height = `${Math.max(1, visibleHeight)}px`;
         groupEl.appendChild(inner);
         contentContainer = inner;
       }
       block.shapes.forEach((child) => {
-        const childContent = this.createGroupChildContent(child, groupScaleX, groupScaleY, context);
+        const childContent = this.createGroupChildContent(child, 1, 1, context);
         if (!childContent)
           return;
         const attrs = child.attrs ?? {};
         const wrapper = this.doc.createElement("div");
         wrapper.classList.add("superdoc-shape-group__child");
         wrapper.style.position = "absolute";
-        wrapper.style.left = `${attrs.x ?? 0}px`;
-        wrapper.style.top = `${attrs.y ?? 0}px`;
-        const childWidthValue = typeof attrs.width === "number" ? attrs.width : block.geometry.width;
-        const childHeightValue = typeof attrs.height === "number" ? attrs.height : block.geometry.height;
-        wrapper.style.width = `${Math.max(1, childWidthValue)}px`;
-        wrapper.style.height = `${Math.max(1, childHeightValue)}px`;
+        wrapper.style.left = `${Number(attrs.x ?? 0)}px`;
+        wrapper.style.top = `${Number(attrs.y ?? 0)}px`;
+        const childW = typeof attrs.width === "number" ? attrs.width : block.geometry.width;
+        const childH = typeof attrs.height === "number" ? attrs.height : block.geometry.height;
+        wrapper.style.width = `${Math.max(1, childW)}px`;
+        wrapper.style.height = `${Math.max(1, childH)}px`;
         wrapper.style.transformOrigin = "center";
         const transforms = [];
         if (attrs.rotation)
@@ -181060,6 +181230,7 @@ function print() { __p += __j.call(arguments, '') }
           drawingContentId: undefined,
           drawingContent: undefined,
           shapeKind: attrs.kind,
+          customGeometry: attrs.customGeometry,
           fillColor: attrs.fillColor,
           strokeColor: attrs.strokeColor,
           strokeWidth: attrs.strokeWidth,
@@ -191171,6 +191342,10 @@ function print() { __p += __j.call(arguments, '') }
             return { "data-stroke-width": attrs.strokeWidth };
           }
         },
+        customGeometry: {
+          default: null,
+          rendered: false
+        },
         lineEnds: {
           default: null,
           rendered: false
@@ -195905,8 +196080,8 @@ function print() { __p += __j.call(arguments, '') }
     return isObjectLike_default(value) && hasOwnProperty$8.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
   };
   stubFalse_default = stubFalse;
-  freeExports$2 = typeof exports_src_10daZ2Cr_es == "object" && exports_src_10daZ2Cr_es && !exports_src_10daZ2Cr_es.nodeType && exports_src_10daZ2Cr_es;
-  freeModule$2 = freeExports$2 && typeof module_src_10daZ2Cr_es == "object" && module_src_10daZ2Cr_es && !module_src_10daZ2Cr_es.nodeType && module_src_10daZ2Cr_es;
+  freeExports$2 = typeof exports_src_DCn8o9a0_es == "object" && exports_src_DCn8o9a0_es && !exports_src_DCn8o9a0_es.nodeType && exports_src_DCn8o9a0_es;
+  freeModule$2 = freeExports$2 && typeof module_src_DCn8o9a0_es == "object" && module_src_DCn8o9a0_es && !module_src_DCn8o9a0_es.nodeType && module_src_DCn8o9a0_es;
   Buffer$1 = freeModule$2 && freeModule$2.exports === freeExports$2 ? _root_default.Buffer : undefined;
   isBuffer_default = (Buffer$1 ? Buffer$1.isBuffer : undefined) || stubFalse_default;
   typedArrayTags = {};
@@ -195914,8 +196089,8 @@ function print() { __p += __j.call(arguments, '') }
   typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$1] = typedArrayTags[dataViewTag$2] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$2] = typedArrayTags[stringTag$1] = typedArrayTags[weakMapTag$1] = false;
   _baseIsTypedArray_default = baseIsTypedArray;
   _baseUnary_default = baseUnary;
-  freeExports$1 = typeof exports_src_10daZ2Cr_es == "object" && exports_src_10daZ2Cr_es && !exports_src_10daZ2Cr_es.nodeType && exports_src_10daZ2Cr_es;
-  freeModule$1 = freeExports$1 && typeof module_src_10daZ2Cr_es == "object" && module_src_10daZ2Cr_es && !module_src_10daZ2Cr_es.nodeType && module_src_10daZ2Cr_es;
+  freeExports$1 = typeof exports_src_DCn8o9a0_es == "object" && exports_src_DCn8o9a0_es && !exports_src_DCn8o9a0_es.nodeType && exports_src_DCn8o9a0_es;
+  freeModule$1 = freeExports$1 && typeof module_src_DCn8o9a0_es == "object" && module_src_DCn8o9a0_es && !module_src_DCn8o9a0_es.nodeType && module_src_DCn8o9a0_es;
   freeProcess = freeModule$1 && freeModule$1.exports === freeExports$1 && _freeGlobal_default.process;
   _nodeUtil_default = function() {
     try {
@@ -196020,8 +196195,8 @@ function print() { __p += __j.call(arguments, '') }
   Stack.prototype.has = _stackHas_default;
   Stack.prototype.set = _stackSet_default;
   _Stack_default = Stack;
-  freeExports = typeof exports_src_10daZ2Cr_es == "object" && exports_src_10daZ2Cr_es && !exports_src_10daZ2Cr_es.nodeType && exports_src_10daZ2Cr_es;
-  freeModule = freeExports && typeof module_src_10daZ2Cr_es == "object" && module_src_10daZ2Cr_es && !module_src_10daZ2Cr_es.nodeType && module_src_10daZ2Cr_es;
+  freeExports = typeof exports_src_DCn8o9a0_es == "object" && exports_src_DCn8o9a0_es && !exports_src_DCn8o9a0_es.nodeType && exports_src_DCn8o9a0_es;
+  freeModule = freeExports && typeof module_src_DCn8o9a0_es == "object" && module_src_DCn8o9a0_es && !module_src_DCn8o9a0_es.nodeType && module_src_DCn8o9a0_es;
   Buffer4 = freeModule && freeModule.exports === freeExports ? _root_default.Buffer : undefined;
   allocUnsafe = Buffer4 ? Buffer4.allocUnsafe : undefined;
   _cloneBuffer_default = cloneBuffer;
@@ -203673,8 +203848,8 @@ var init_zipper_Cnk_HjM2_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_10daZ2Cr_es();
-  init_SuperConverter_CRrxAa8F_es();
+  init_src_DCn8o9a0_es();
+  init_SuperConverter_BJBbuXuZ_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
   init_constants_Dw0kAsLd_es();
@@ -236829,6 +237004,66 @@ function extractFillColor2(spPr, style3) {
   }
   return null;
 }
+function extractCustomGeometry2(spPr) {
+  const custGeom = spPr?.elements?.find((el) => el.name === "a:custGeom");
+  if (!custGeom)
+    return null;
+  const pathLst = custGeom.elements?.find((el) => el.name === "a:pathLst");
+  if (!pathLst?.elements)
+    return null;
+  const paths = pathLst.elements.filter((el) => el.name === "a:path").map((pathEl) => {
+    const w = parseInt(pathEl.attributes?.["w"] || "0", 10);
+    const h3 = parseInt(pathEl.attributes?.["h"] || "0", 10);
+    const d = convertDrawingMLPathToSvg2(pathEl);
+    return { d, w, h: h3 };
+  }).filter((p4) => p4.d);
+  if (paths.length === 0)
+    return null;
+  return { paths };
+}
+function convertDrawingMLPathToSvg2(pathEl) {
+  if (!pathEl?.elements)
+    return "";
+  const parts = [];
+  for (const cmd of pathEl.elements) {
+    switch (cmd.name) {
+      case "a:moveTo": {
+        const pt = cmd.elements?.find((el) => el.name === "a:pt");
+        if (pt) {
+          parts.push(`M ${pt.attributes?.["x"] || 0} ${pt.attributes?.["y"] || 0}`);
+        }
+        break;
+      }
+      case "a:lnTo": {
+        const pt = cmd.elements?.find((el) => el.name === "a:pt");
+        if (pt) {
+          parts.push(`L ${pt.attributes?.["x"] || 0} ${pt.attributes?.["y"] || 0}`);
+        }
+        break;
+      }
+      case "a:cubicBezTo": {
+        const pts = cmd.elements?.filter((el) => el.name === "a:pt") || [];
+        if (pts.length === 3) {
+          parts.push(`C ${pts[0].attributes?.["x"] || 0} ${pts[0].attributes?.["y"] || 0} ` + `${pts[1].attributes?.["x"] || 0} ${pts[1].attributes?.["y"] || 0} ` + `${pts[2].attributes?.["x"] || 0} ${pts[2].attributes?.["y"] || 0}`);
+        }
+        break;
+      }
+      case "a:quadBezTo": {
+        const pts = cmd.elements?.filter((el) => el.name === "a:pt") || [];
+        if (pts.length === 2) {
+          parts.push(`Q ${pts[0].attributes?.["x"] || 0} ${pts[0].attributes?.["y"] || 0} ` + `${pts[1].attributes?.["x"] || 0} ${pts[1].attributes?.["y"] || 0}`);
+        }
+        break;
+      }
+      case "a:close":
+        parts.push("Z");
+        break;
+      default:
+        break;
+    }
+  }
+  return parts.join(" ");
+}
 function extractGradientFill2(gradFill) {
   const gradient = {
     type: "gradient",
@@ -244096,7 +244331,17 @@ function extractTextFromTextBox2(textBoxContent, bodyPr, params3 = {}) {
     wrap: wrap6
   };
 }
-function getVectorShape2({ params: params3, node: node4, graphicData, size: size3, marginOffset, anchorData, wrap: wrap6, isAnchor }) {
+function getVectorShape2({
+  params: params3,
+  node: node4,
+  graphicData,
+  size: size3,
+  marginOffset,
+  anchorData,
+  wrap: wrap6,
+  isAnchor,
+  customGeometry
+}) {
   const schemaAttrs = {};
   const drawingNode = params3.nodes?.[0];
   if (drawingNode?.name === "w:drawing") {
@@ -244112,10 +244357,15 @@ function getVectorShape2({ params: params3, node: node4, graphicData, size: size
   }
   const prstGeom = spPr.elements?.find((el) => el.name === "a:prstGeom");
   const shapeKind = prstGeom?.attributes?.["prst"];
-  if (!shapeKind) {
-    console.warn("Shape kind not found");
-  }
   schemaAttrs.kind = shapeKind;
+  if (customGeometry) {
+    schemaAttrs.customGeometry = customGeometry;
+  } else if (!shapeKind) {
+    const extracted = extractCustomGeometry2(spPr);
+    if (extracted) {
+      schemaAttrs.customGeometry = extracted;
+    }
+  }
   const width = size3?.width ?? DEFAULT_SHAPE_WIDTH2;
   const height = size3?.height ?? DEFAULT_SHAPE_HEIGHT2;
   const xfrm = spPr.elements?.find((el) => el.name === "a:xfrm");
@@ -244236,8 +244486,19 @@ var DRAWING_XML_TAG2 = "w:drawing", SHAPE_URI2 = "http://schemas.microsoft.com/o
   const spPr = wsp.elements.find((el) => el.name === "wps:spPr");
   const prstGeom = spPr?.elements.find((el) => el.name === "a:prstGeom");
   const shapeType = prstGeom?.attributes["prst"];
-  if (shapeType) {
-    const result = getVectorShape2({ params: params3, node: node4, graphicData, size: size3, marginOffset, anchorData, wrap: wrap6, isAnchor });
+  const custGeom = !shapeType ? extractCustomGeometry2(spPr) : null;
+  if (shapeType || custGeom) {
+    const result = getVectorShape2({
+      params: params3,
+      node: node4,
+      graphicData,
+      size: size3,
+      marginOffset,
+      anchorData,
+      wrap: wrap6,
+      isAnchor,
+      customGeometry: custGeom
+    });
     if (result?.attrs && isHidden2) {
       result.attrs.hidden = true;
     }
@@ -244294,6 +244555,7 @@ var DRAWING_XML_TAG2 = "w:drawing", SHAPE_URI2 = "http://schemas.microsoft.com/o
       return null;
     const prstGeom = spPr.elements?.find((el) => el.name === "a:prstGeom");
     const shapeKind = prstGeom?.attributes?.["prst"];
+    const customGeom = !shapeKind ? extractCustomGeometry2(spPr) : null;
     const shapeXfrm = spPr.elements?.find((el) => el.name === "a:xfrm");
     const shapeOff = shapeXfrm?.elements?.find((el) => el.name === "a:off");
     const shapeExt = shapeXfrm?.elements?.find((el) => el.name === "a:ext");
@@ -244340,6 +244602,7 @@ var DRAWING_XML_TAG2 = "w:drawing", SHAPE_URI2 = "http://schemas.microsoft.com/o
       shapeType: "vectorShape",
       attrs: {
         kind: shapeKind,
+        customGeometry: customGeom || undefined,
         x,
         y: y2,
         width,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/cli",
-  "version": "0.2.0-next.20",
+  "version": "0.2.0-next.22",
   "type": "module",
   "bin": {
     "superdoc": "./dist/index.js"
@@ -20,19 +20,19 @@
     "@types/node": "22.19.2",
     "typescript": "^5.9.2",
     "@superdoc/document-api": "0.0.1",
-    "@superdoc/super-editor": "0.0.1",
-    "superdoc": "1.16.0"
+    "superdoc": "1.16.0",
+    "@superdoc/super-editor": "0.0.1"
   },
   "module": "src/index.ts",
   "publishConfig": {
     "access": "public"
   },
   "optionalDependencies": {
-    "@superdoc-dev/cli-darwin-arm64": "0.2.0-next.20",
-    "@superdoc-dev/cli-darwin-x64": "0.2.0-next.20",
-    "@superdoc-dev/cli-linux-x64": "0.2.0-next.20",
-    "@superdoc-dev/cli-windows-x64": "0.2.0-next.20",
-    "@superdoc-dev/cli-linux-arm64": "0.2.0-next.20"
+    "@superdoc-dev/cli-darwin-x64": "0.2.0-next.22",
+    "@superdoc-dev/cli-darwin-arm64": "0.2.0-next.22",
+    "@superdoc-dev/cli-linux-x64": "0.2.0-next.22",
+    "@superdoc-dev/cli-linux-arm64": "0.2.0-next.22",
+    "@superdoc-dev/cli-windows-x64": "0.2.0-next.22"
   },
   "scripts": {
     "dev": "bun run src/index.ts",