@pixldocs/canvas-renderer 0.5.276 → 0.5.278

package/dist/{index-AzU8Pmse.cjs → index-C_w-eu19.cjs}

@@ -10494,6 +10494,10 @@ const SELECTION_PRIMARY = "hsl(217, 91%, 60%)";
 const SELECTION_BORDER_SCALE = 2;
 let ensureCanvaControlRenders = () => {
 };
+const shouldLogGroupMove = () => {
+  if (typeof window === "undefined") return false;
+  return window.__pixldocsDebugGroupMove !== false;
+};
 try {
   const InteractiveBase = fabric__namespace.InteractiveFabricObject ?? fabric__namespace.Object;
   if ((InteractiveBase == null ? void 0 : InteractiveBase.prototype) && !InteractiveBase.prototype.__pixldocsCenteredSelectionBorder) {
@@ -10943,20 +10947,31 @@ try {
       } catch (e) {
       }
     };
-    const origObj = cu.createObjectDefaultControls.bind(cu);
-    cu.createObjectDefaultControls = () => installPillRenders(origObj());
-    if (typeof cu.createTextboxDefaultControls === "function") {
-      const origTb = cu.createTextboxDefaultControls.bind(cu);
-      cu.createTextboxDefaultControls = () => installPillRenders(origTb());
-    }
+    const tryPatchFactory = (target, key, bindTarget = target) => {
+      try {
+        if (!target || typeof target[key] !== "function") return;
+        const descriptor = Object.getOwnPropertyDescriptor(target, key);
+        if (descriptor && descriptor.writable === false && !descriptor.set) return;
+        const original = target[key].bind(bindTarget);
+        target[key] = () => installPillRenders(original());
+      } catch {
+      }
+    };
+    tryPatchFactory(cu, "createObjectDefaultControls");
+    tryPatchFactory(cu, "createTextboxDefaultControls");
     const wrapClassCreateControls = (Klass) => {
-      if (!Klass || typeof Klass.createControls !== "function") return;
-      const orig = Klass.createControls.bind(Klass);
-      Klass.createControls = () => {
-        const res = orig();
-        if (res && res.controls) installPillRenders(res.controls);
-        return res;
-      };
+      try {
+        if (!Klass || typeof Klass.createControls !== "function") return;
+        const descriptor = Object.getOwnPropertyDescriptor(Klass, "createControls");
+        if (descriptor && descriptor.writable === false && !descriptor.set) return;
+        const orig = Klass.createControls.bind(Klass);
+        Klass.createControls = () => {
+          const res = orig();
+          if (res && res.controls) installPillRenders(res.controls);
+          return res;
+        };
+      } catch {
+      }
     };
     wrapClassCreateControls(fabric__namespace.InteractiveFabricObject);
     wrapClassCreateControls(fabric__namespace.FabricObject);
@@ -10979,8 +10994,7 @@ try {
       };
     }
   }
-} catch (e) {
-  console.warn("[PageCanvas] Failed to install Canva-style control handles:", e);
+} catch {
 }
 const scaleTextPathConfig = (textPath, sx, sy, uniform) => {
   if (!textPath || typeof textPath !== "object") return textPath;
@@ -13907,14 +13921,24 @@ const PageCanvas = react.forwardRef(
         }
       });
       let cropGroupSaveTimer = null;
+      let objectModifiedInFlight = false;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+        if (objectModifiedInFlight) {
+          if (shouldLogGroupMove()) {
+            console.log("[GRP-MOVE] object:modified re-entry skipped", {
+              targetType: (_b2 = (_a2 = e.target) == null ? void 0 : _a2.constructor) == null ? void 0 : _b2.name
+            });
+          }
+          return;
+        }
+        objectModifiedInFlight = true;
         try {
           dragStarted = false;
-          if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+          if (shouldLogGroupMove()) {
             const t = e.target;
             console.log("[GRP-MOVE] object:modified fired", {
-              targetType: (_a2 = t == null ? void 0 : t.constructor) == null ? void 0 : _a2.name,
+              targetType: (_c = t == null ? void 0 : t.constructor) == null ? void 0 : _c.name,
               isActiveSelection: t instanceof fabric__namespace.ActiveSelection,
               groupSelectionId: t ? t.__pixldocsGroupSelection : null,
               memberIds: t instanceof fabric__namespace.ActiveSelection ? t.getObjects().map((o) => getObjectId(o)) : [getObjectId(t)],
@@ -13966,7 +13990,7 @@ const PageCanvas = react.forwardRef(
           const active = fabricCanvas.getActiveObject();
           const activeId = active ? getObjectId(active) : null;
           if (active && activeId && activeId !== "__background__" && !(active instanceof fabric__namespace.Group)) {
-            const pageChildrenForParent = ((_b2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
+            const pageChildrenForParent = ((_d = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
             const parentGroup = findParentGroup(pageChildrenForParent, activeId);
             if (parentGroup && isGroup(parentGroup) && parentGroup.backgroundColor) {
               let fabricSectionGroup = active.group && active.group instanceof fabric__namespace.Group ? active.group : null;
@@ -14048,7 +14072,7 @@ const PageCanvas = react.forwardRef(
                   useEditorStore.getState().reflowStackGroupInPage(pageId, groupId);
                 }
                 const stateAfter = useEditorStore.getState();
-                const pageAfter = ((_c = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
+                const pageAfter = ((_e = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
                 const groupNodeAfter = findNodeById(pageAfter, groupId);
                 if (groupNodeAfter) {
                   const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -14110,7 +14134,7 @@ const PageCanvas = react.forwardRef(
           }
           if (active && active instanceof fabric__namespace.Group && active.__docuforgeSectionGroup && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildrenSec = ((_d = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
+            const pageChildrenSec = ((_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
             const modifiedTarget2 = e == null ? void 0 : e.target;
             const resizeScaleTarget = lastResizeScaleTargetRef.current;
             lastResizeScaleTargetRef.current = null;
@@ -14141,7 +14165,7 @@ const PageCanvas = react.forwardRef(
             const node = findNodeById(pageChildrenSec, groupId);
             if (isChildModified && node && !groupMoved) {
               const stateAfter = useEditorStore.getState();
-              const pageAfter = ((_e = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
+              const pageAfter = ((_g = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.children) ?? [];
               const groupNodeAfter = findNodeById(pageAfter, groupId);
               if (groupNodeAfter) {
                 const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -14157,7 +14181,7 @@ const PageCanvas = react.forwardRef(
           }
           if (active && active instanceof fabric__namespace.Group && !(active instanceof fabric__namespace.ActiveSelection) && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildren3 = ((_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
+            const pageChildren3 = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
             const w = (active.width ?? 0) * (active.scaleX ?? 1);
             const h = (active.height ?? 0) * (active.scaleY ?? 1);
             const centerX = active.left ?? 0;
@@ -14179,7 +14203,7 @@ const PageCanvas = react.forwardRef(
           }
           const activeObj = fabricCanvas.getActiveObject();
           let activeObjects = fabricCanvas.getActiveObjects();
-          const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((_g = activeSelectionMoveStartRef.current) == null ? void 0 : _g.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
+          const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((_i = activeSelectionMoveStartRef.current) == null ? void 0 : _i.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
           const activeSelectionDelta = activeObj instanceof fabric__namespace.ActiveSelection && activeSelectionMoveStart ? (() => {
             const rect = activeObj.getBoundingRect();
             return {
@@ -14270,7 +14294,7 @@ const PageCanvas = react.forwardRef(
               return memberIds.every((mid) => selectedSet.has(mid));
             })();
             const groupToMove = candidateIsStack || allMembersSelected ? candidateGroup : null;
-            if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+            if (shouldLogGroupMove()) {
               console.log("[GRP-MOVE] entry", {
                 selectedElementIds,
                 isActiveSelection,
@@ -14346,7 +14370,7 @@ const PageCanvas = react.forwardRef(
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const newLeft = (groupToMove.left ?? 0) + deltaX;
                 const newTop = (groupToMove.top ?? 0) + deltaY;
-                const __dbg = !!(typeof window !== "undefined" && window.__pixldocsDebugGroupMove);
+                const __dbg = shouldLogGroupMove();
                 if (__dbg) {
                   console.log("[GRP-MOVE] commit", {
                     groupId: groupToMove.id,
@@ -14379,7 +14403,7 @@ const PageCanvas = react.forwardRef(
                     }
                   } catch {
                   }
-                  const pageAfterMove = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
+                  const pageAfterMove = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
                   const groupAfterMove = findNodeById(pageAfterMove, groupToMove.id);
                   const memberIdsAfterMove = groupAfterMove && isGroup(groupAfterMove) ? getAllElementIds(groupAfterMove.children ?? []) : targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__");
                   preservedGroupMemberIds = memberIdsAfterMove;
@@ -14398,7 +14422,7 @@ const PageCanvas = react.forwardRef(
                       obj.set({ left: abs.left, top: abs.top });
                     }
                     obj.setCoords();
-                    if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+                    if (shouldLogGroupMove()) {
                       console.log("[GRP-MOVE] rebake-member", {
                         id,
                         nodeType: node.type,
@@ -14694,7 +14718,7 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
+          const pageChildrenForReflow = ((_k = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _k.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -14763,6 +14787,8 @@ const PageCanvas = react.forwardRef(
         } catch (e2) {
           lastResizeScaleCornerRef.current = null;
           unlockEditsSoon();
+        } finally {
+          objectModifiedInFlight = false;
         }
       });
       fabricCanvas.on("before:selection:cleared", (e) => {
@@ -15652,7 +15678,7 @@ const PageCanvas = react.forwardRef(
                 } else {
                   const skipPositionBecauseSelection = preserveSelectionMemberPosition || !forceStorePositionSync && isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
                   const anyChange = positionChanged || otherPropsChanged || forceApplyFromPanel;
-                  if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove && (forceStorePositionSync || preserveSelectionMemberPosition || (deltaX > 0.1 || deltaY > 0.1))) {
+                  if (shouldLogGroupMove() && (forceStorePositionSync || preserveSelectionMemberPosition || (deltaX > 0.1 || deltaY > 0.1))) {
                     console.log("[GRP-MOVE] doSync-member", {
                       id: element.id,
                       type: element.type,
@@ -23855,9 +23881,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.276";
+const resolvedPackageVersion = "0.5.278";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.276";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.278";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24671,7 +24697,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CvLitjuI.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-IKhMqJIE.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26991,7 +27017,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CvLitjuI.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-IKhMqJIE.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27388,4 +27414,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-AzU8Pmse.cjs.map
+//# sourceMappingURL=index-C_w-eu19.cjs.map