@pixldocs/canvas-renderer 0.5.292 → 0.5.294

package/dist/{index-BnsuaZL0.cjs → index-YNCK2XyZ.cjs}

@@ -11013,6 +11013,70 @@ const scaleUpdateNumber = (updates, source, key, factor) => {
   const value = Number(source == null ? void 0 : source[key]);
   if (Number.isFinite(value)) updates[key] = value * factor;
 };
+const GROUP_TEXT_RESIZE_DEBUG_PREFIX = "[Pixldocs][group-text-corner-resize]";
+const GROUP_TEXT_RESIZE_DEBUG_MAX_ENTRIES = 200;
+const isCornerResizeHandle = (handle) => handle === "tl" || handle === "tr" || handle === "bl" || handle === "br";
+const summarizeFabricObjectForResizeDebug = (obj) => {
+  var _a2;
+  if (!obj) return null;
+  try {
+    const rect = obj.getBoundingRect();
+    const center = obj.getCenterPoint();
+    const matrix = obj.calcTransformMatrix();
+    const decomposed = fabric__namespace.util.qrDecompose(matrix);
+    return {
+      id: getObjectId(obj),
+      kind: obj instanceof fabric__namespace.ActiveSelection ? "ActiveSelection" : obj instanceof fabric__namespace.Textbox ? "Textbox" : obj.type ?? ((_a2 = obj.constructor) == null ? void 0 : _a2.name),
+      left: obj.left,
+      top: obj.top,
+      width: obj.width,
+      height: obj.height,
+      scaleX: obj.scaleX,
+      scaleY: obj.scaleY,
+      angle: obj.angle,
+      originX: obj.originX,
+      originY: obj.originY,
+      center: { x: center.x, y: center.y },
+      boundingRect: rect,
+      decomposed
+    };
+  } catch (error) {
+    return { id: getObjectId(obj), error: String(error) };
+  }
+};
+const logGroupTextResizeDebug = (phase, payload) => {
+  if (typeof console === "undefined") return;
+  try {
+    const seen = /* @__PURE__ */ new WeakSet();
+    const normalize = (value) => {
+      if (value == null) return value;
+      const valueType = typeof value;
+      if (valueType === "number") return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
+      if (valueType === "string" || valueType === "boolean") return value;
+      if (valueType === "function") return `[Function ${value.name || "anonymous"}]`;
+      if (Array.isArray(value)) return value.map((entry) => normalize(entry));
+      if (valueType === "object") {
+        if (seen.has(value)) return "[Circular]";
+        seen.add(value);
+        if (value instanceof fabric__namespace.FabricObject) return normalize(summarizeFabricObjectForResizeDebug(value));
+        const output = {};
+        Object.entries(value).forEach(([key, entry]) => {
+          output[key] = normalize(entry);
+        });
+        return output;
+      }
+      return String(value);
+    };
+    const normalizedPayload = normalize(payload);
+    const line = `${GROUP_TEXT_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizedPayload)}`;
+    const debugWindow = window;
+    debugWindow.__pixldocsGroupTextResizeLogs = Array.isArray(debugWindow.__pixldocsGroupTextResizeLogs) ? debugWindow.__pixldocsGroupTextResizeLogs.slice(-GROUP_TEXT_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
+    debugWindow.__pixldocsGroupTextResizeLogs.push(line);
+    console.log(line);
+  } catch {
+    console.log(GROUP_TEXT_RESIZE_DEBUG_PREFIX, phase, payload);
+  }
+};
 const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   const sx = Math.abs(obj.scaleX ?? 1) || 1;
   const sy = Math.abs(obj.scaleY ?? 1) || 1;
@@ -13368,7 +13432,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2;
+        var _a2, _b2;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -13530,6 +13594,16 @@ const PageCanvas = react.forwardRef(
         const corner = (transform == null ? void 0 : transform.corner) || "";
         if (obj instanceof fabric__namespace.ActiveSelection && corner) {
           activeSelectionResizeHandleRef.current = corner;
+          if (isCornerResizeHandle(corner) && obj.getObjects().some((child) => child instanceof fabric__namespace.Textbox)) {
+            obj.__pixldocsLastGroupTextScaleDebug = {
+              time: Math.round(performance.now()),
+              corner,
+              groupSelectionId: obj.__pixldocsGroupSelection,
+              currentTransformAction: (_a2 = fabricCanvas._currentTransform) == null ? void 0 : _a2.action,
+              selection: summarizeFabricObjectForResizeDebug(obj),
+              textChildren: obj.getObjects().filter((child) => child instanceof fabric__namespace.Textbox).map((child) => summarizeFabricObjectForResizeDebug(child))
+            };
+          }
         }
         if (obj instanceof fabric__namespace.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
           const isXSide = corner === "ml" || corner === "mr";
@@ -13692,7 +13766,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+            (_b2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _b2.call(fabricCanvas);
           } catch {
           }
         }
@@ -14154,6 +14228,20 @@ const PageCanvas = react.forwardRef(
           }
           const isActiveSelection = activeObj instanceof fabric__namespace.ActiveSelection || activeObjects.length > 1;
           const activeSelectionResizeHandle = isActiveSelection ? activeSelectionResizeHandleRef.current : null;
+          const debugGroupTextCornerResize = activeObj instanceof fabric__namespace.ActiveSelection && isCornerResizeHandle(activeSelectionResizeHandle) && activeObjects.some((candidate) => candidate instanceof fabric__namespace.Textbox);
+          if (debugGroupTextCornerResize) {
+            logGroupTextResizeDebug("modified-start", {
+              time: Math.round(performance.now()),
+              handle: activeSelectionResizeHandle,
+              target: summarizeFabricObjectForResizeDebug(modifiedTarget),
+              selection: summarizeFabricObjectForResizeDebug(activeObj),
+              activeObjectCount: activeObjects.length,
+              activeObjectIds: activeObjects.map((candidate) => getObjectId(candidate)),
+              selectedStoreIds: useEditorStore.getState().canvas.selectedIds,
+              transformStart: groupSelectionTransformStartRef.current,
+              lastScalingFrame: activeObj.__pixldocsLastGroupTextScaleDebug
+            });
+          }
           if (activeObj instanceof fabric__namespace.ActiveSelection && activeObjects.length > 1) {
             const memberIds = activeObjects.map((o) => getObjectId(o)).filter((id) => !!id && id !== "__background__");
             if (memberIds.length > 1) {
@@ -14494,6 +14582,7 @@ const PageCanvas = react.forwardRef(
               const baseMinH = Number(obj.minBoxHeight ?? (sourceElement == null ? void 0 : sourceElement.minBoxHeight));
               const nextMinH = Number.isFinite(baseMinH) && baseMinH > 0 ? baseMinH * sy : isHeightSideHandle ? Math.max(1, intrinsicHeight * sy) : void 0;
               const bakedTextScaleUpdates = { width: bakedWidth };
+              const debugTextBeforeBake = debugGroupTextCornerResize ? summarizeFabricObjectForResizeDebug(obj) : null;
               finalScaleX = 1;
               finalScaleY = 1;
               try {
@@ -14549,6 +14638,36 @@ const PageCanvas = react.forwardRef(
                 skewX: 0,
                 skewY: 0
               });
+              if (debugGroupTextCornerResize) {
+                logGroupTextResizeDebug("text-bake", {
+                  time: Math.round(performance.now()),
+                  handle: activeSelectionResizeHandle,
+                  textId: objId,
+                  source: sourceElement ? {
+                    left: sourceElement.left,
+                    top: sourceElement.top,
+                    width: sourceElement.width,
+                    height: sourceElement.height,
+                    fontSize: sourceElement.fontSize,
+                    scaleX: sourceElement.scaleX,
+                    scaleY: sourceElement.scaleY
+                  } : null,
+                  factors: { sx, sy, fontScale, isCornerHandle, isHeightSideHandle },
+                  beforeBake: debugTextBeforeBake,
+                  afterBake: summarizeFabricObjectForResizeDebug(obj),
+                  persistedGeometry: {
+                    absoluteLeft,
+                    absoluteTop,
+                    finalWidth,
+                    finalHeight,
+                    finalScaleX,
+                    finalScaleY,
+                    decomposed,
+                    finalAbsoluteMatrix,
+                    bakedTextScaleUpdates
+                  }
+                });
+              }
             } else if (preserveCornerGeometry) {
               const scaledW = Math.max(1, intrinsicWidth * Math.abs(decomposed.scaleX || 1));
               const scaledH = Math.max(1, intrinsicHeight * Math.abs(decomposed.scaleY || 1));
@@ -14612,6 +14731,15 @@ const PageCanvas = react.forwardRef(
             if (sourceElement && sourceElement.opacity !== void 0) {
               elementUpdate.opacity = sourceElement.opacity;
             }
+            if (debugGroupTextCornerResize && obj instanceof fabric__namespace.Textbox) {
+              logGroupTextResizeDebug("store-update-text", {
+                time: Math.round(performance.now()),
+                handle: activeSelectionResizeHandle,
+                textId: objId,
+                elementUpdate,
+                objectBeforeStoreWrite: summarizeFabricObjectForResizeDebug(obj)
+              });
+            }
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
@@ -14632,6 +14760,16 @@ const PageCanvas = react.forwardRef(
               const oid = getObjectId(o);
               return !!oid && oid !== "__background__";
             });
+            if (debugGroupTextCornerResize) {
+              logGroupTextResizeDebug("before-reselect", {
+                time: Math.round(performance.now()),
+                handle: activeSelectionResizeHandle,
+                wasGroupSel,
+                selection: summarizeFabricObjectForResizeDebug(activeObj),
+                members: membersToReselect.map((member) => summarizeFabricObjectForResizeDebug(member)),
+                renderOnAddRemove: fabricCanvas.renderOnAddRemove
+              });
+            }
             const prevRenderOnAddRemove = fabricCanvas.renderOnAddRemove;
             fabricCanvas.renderOnAddRemove = false;
             skipSelectionClearOnDiscardRef.current = true;
@@ -14665,6 +14803,16 @@ const PageCanvas = react.forwardRef(
               if (wasGroupSel) restoreGroupSelectionVisualState(newSel, wasGroupSel);
               fabricCanvas.setActiveObject(newSel);
               newSel.setCoords();
+              if (debugGroupTextCornerResize) {
+                logGroupTextResizeDebug("after-reselect", {
+                  time: Math.round(performance.now()),
+                  handle: activeSelectionResizeHandle,
+                  wasGroupSel,
+                  selection: summarizeFabricObjectForResizeDebug(newSel),
+                  members: membersToReselect.map((member) => summarizeFabricObjectForResizeDebug(member)),
+                  renderOnAddRemove: fabricCanvas.renderOnAddRemove
+                });
+              }
             } else if (membersToReselect.length === 1) {
               fabricCanvas.setActiveObject(membersToReselect[0]);
             }
@@ -23695,9 +23843,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.292";
+const resolvedPackageVersion = "0.5.294";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.292";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.294";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24511,7 +24659,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-Q0sI218Z.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CtQnH_h8.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26831,7 +26979,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-Q0sI218Z.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CtQnH_h8.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27228,4 +27376,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BnsuaZL0.cjs.map
+//# sourceMappingURL=index-YNCK2XyZ.cjs.map