@pixldocs/canvas-renderer 0.5.409 → 0.5.410

package/dist/{index-DaL8UMXJ.cjs → index-xCnkRHXB.cjs}

@@ -4722,6 +4722,104 @@ const svgMaskApply = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   syncSvgMaskClipPath
 }, Symbol.toStringTag, { value: "Module" }));
 const SELECTION_BORDER_SCALE$1 = 2;
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX = "[Pixldocs][rotated-group-image-resize]";
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES = 400;
+function isInsideRotatedActiveSelection(obj) {
+  const parent = obj.group;
+  if (!(parent instanceof fabric__namespace.ActiveSelection)) return false;
+  const angle = Math.abs(((parent.angle ?? 0) % 360 + 360) % 360);
+  return Math.min(angle, 360 - angle) > 0.5;
+}
+function summarizeResizeObject(obj) {
+  var _a2, _b2, _c2, _d;
+  if (!obj) return null;
+  try {
+    const matrix = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+    const decomp = matrix ? fabric__namespace.util.qrDecompose(matrix) : null;
+    const rect = (_b2 = obj.getBoundingRect) == null ? void 0 : _b2.call(obj);
+    const center = (_c2 = obj.getCenterPoint) == null ? void 0 : _c2.call(obj);
+    return {
+      type: obj.type ?? ((_d = obj.constructor) == null ? void 0 : _d.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,
+      centerX: center == null ? void 0 : center.x,
+      centerY: center == null ? void 0 : center.y,
+      brLeft: rect == null ? void 0 : rect.left,
+      brTop: rect == null ? void 0 : rect.top,
+      brWidth: rect == null ? void 0 : rect.width,
+      brHeight: rect == null ? void 0 : rect.height,
+      worldX: decomp == null ? void 0 : decomp.translateX,
+      worldY: decomp == null ? void 0 : decomp.translateY,
+      worldAngle: decomp == null ? void 0 : decomp.angle,
+      worldScaleX: decomp == null ? void 0 : decomp.scaleX,
+      worldScaleY: decomp == null ? void 0 : decomp.scaleY
+    };
+  } catch (error) {
+    return { type: obj == null ? void 0 : obj.type, error: String(error) };
+  }
+}
+function logRotatedGroupImageResize(phase, target, payload = {}) {
+  if (typeof console === "undefined" || !isInsideRotatedActiveSelection(target)) return;
+  try {
+    const seen = /* @__PURE__ */ new WeakSet();
+    const normalize = (value) => {
+      if (value == null) return value;
+      if (typeof value === "number") return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
+      if (typeof value === "string" || typeof value === "boolean") return value;
+      if (Array.isArray(value)) return value.map(normalize);
+      if (typeof value === "object") {
+        if (seen.has(value)) return "[Circular]";
+        seen.add(value);
+        if (value instanceof fabric__namespace.FabricObject) return normalize(summarizeResizeObject(value));
+        const out = {};
+        Object.entries(value).forEach(([key, entry]) => {
+          out[key] = normalize(entry);
+        });
+        return out;
+      }
+      return String(value);
+    };
+    const debugTarget = target;
+    const parent = debugTarget.group;
+    const ct = debugTarget.__cropData;
+    const start = debugTarget.__cornerResizeStart;
+    const safeStart = start ? {
+      corner: start.corner,
+      angle: start.angle,
+      baseW: start.baseW,
+      baseH: start.baseH,
+      anchorX: start.anchorX,
+      anchorY: start.anchorY,
+      signX: start.signX,
+      signY: start.signY
+    } : void 0;
+    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalize({
+      ...payload,
+      target: summarizeResizeObject(target),
+      parent: summarizeResizeObject(parent),
+      frameW: ct == null ? void 0 : ct.frameW,
+      frameH: ct == null ? void 0 : ct.frameH,
+      img: summarizeResizeObject(ct == null ? void 0 : ct._img),
+      snapshot: safeStart,
+      lastPointer: debugTarget.__lastPointerForCrop
+    }))}`;
+    if (typeof window !== "undefined") {
+      const debugWindow = window;
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs.push(line);
+    }
+    console.log(line);
+  } catch {
+    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX, phase, payload);
+  }
+}
 function clamp$1(v, min, max) {
   return Math.max(min, Math.min(max, v));
 }
@@ -4968,9 +5066,20 @@ function getLocalDeltaStable(target, eventData) {
   const angle = fabric__namespace.util.degreesToRadians(getWorldAngleDeg(target));
   const cos = Math.cos(-angle);
   const sin = Math.sin(-angle);
+  const localDx = dx * cos - dy * sin;
+  const localDy = dx * sin + dy * cos;
+  logRotatedGroupImageResize("side-delta", target, {
+    pointer: p,
+    previousPointer: last,
+    canvasDx: dx,
+    canvasDy: dy,
+    worldAngle: getWorldAngleDeg(target),
+    localDx,
+    localDy
+  });
   return {
-    localDx: dx * cos - dy * sin,
-    localDy: dx * sin + dy * cos
+    localDx,
+    localDy
   };
 }
 function worldDeltaToLocal(dx, dy, angleDeg) {
@@ -5091,6 +5200,14 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
       signY: defaultSigns.y
     };
     g.__cornerResizeStart = snap;
+    logRotatedGroupImageResize("corner-start", g, {
+      corner,
+      pointer,
+      center,
+      anchorLocal,
+      anchorWorld,
+      snapshot: snap
+    });
     return snap;
   })();
   const localDelta = worldDeltaToLocal(pointer.x - snapshot.anchorX, pointer.y - snapshot.anchorY, snapshot.angle);
@@ -5103,6 +5220,19 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
   const s = Math.min(scaleFromW, scaleFromH);
   const newW = Math.max(MIN_SIZE, snapshot.baseW * s);
   const newH = Math.max(MIN_SIZE, snapshot.baseH * s);
+  logRotatedGroupImageResize("corner-tick-before-apply", g, {
+    corner,
+    pointer,
+    angle,
+    localDelta,
+    rawW,
+    rawH,
+    scaleFromW,
+    scaleFromH,
+    uniformScale: s,
+    newW,
+    newH
+  });
   ct.frameW = newW;
   ct.frameH = newH;
   const centerLocal = {
@@ -5113,6 +5243,12 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
   setCenterFromWorld(g, snapshot.anchorX + centerWorld.x, snapshot.anchorY + centerWorld.y);
   g.set({ width: newW, height: newH });
   updateCoverLayout(g);
+  logRotatedGroupImageResize("corner-tick-after-layout", g, {
+    corner,
+    centerLocal,
+    centerWorld,
+    targetWorldCenter: { x: snapshot.anchorX + centerWorld.x, y: snapshot.anchorY + centerWorld.y }
+  });
   canvas.requestRenderAll();
   return true;
 }
@@ -5141,7 +5277,9 @@ function resizeFrameFromSide(g, side, localDx, localDy) {
     ct.frameH = Math.max(minSize, ct.frameH - localDy);
     moveCenterAlongLocalAxis(g, 0, localDy / 2);
   }
+  logRotatedGroupImageResize("side-before-layout", g, { side, localDx, localDy });
   updateCoverLayout(g);
+  logRotatedGroupImageResize("side-after-layout", g, { side, localDx, localDy });
 }
 function installCanvaMaskControls(g) {
   const ct = g.__cropData;
@@ -5158,9 +5296,16 @@ function installCanvaMaskControls(g) {
   };
   g.set(controlStyle);
   const notifyResizeSnap = (target, corner) => {
-    if (target.group instanceof fabric__namespace.ActiveSelection) return;
+    if (target.group instanceof fabric__namespace.ActiveSelection) {
+      logRotatedGroupImageResize("snap-skipped-active-selection-child", target, { corner });
+      return;
+    }
     const handler = target.__resizeSnapHandler;
-    if (typeof handler === "function") handler(target, corner);
+    if (typeof handler === "function") {
+      logRotatedGroupImageResize("snap-before", target, { corner });
+      handler(target, corner);
+      logRotatedGroupImageResize("snap-after", target, { corner });
+    }
   };
   g.setControlsVisibility({
     mt: true,
@@ -11223,8 +11368,6 @@ 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;
@@ -11255,66 +11398,12 @@ const summarizeFabricObjectForResizeDebug = (obj) => {
   }
 };
 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);
-  }
+  return;
 };
-const ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX = "[Pixldocs][rot-group-image-drift]";
-const ROT_GROUP_IMAGE_DRIFT_DEBUG_MAX_ENTRIES = 500;
 const roundRotDriftNumber = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
 };
-const normalizeRotDriftPayload = (value) => {
-  const seen = /* @__PURE__ */ new WeakSet();
-  const normalize = (entry) => {
-    if (entry == null) return entry;
-    const valueType = typeof entry;
-    if (valueType === "number") return roundRotDriftNumber(entry);
-    if (valueType === "string" || valueType === "boolean") return entry;
-    if (Array.isArray(entry)) return entry.map((item) => normalize(item));
-    if (valueType === "object") {
-      if (seen.has(entry)) return "[Circular]";
-      seen.add(entry);
-      if (entry instanceof fabric__namespace.FabricObject) return normalize(summarizeRotDriftObject(entry));
-      const output = {};
-      Object.entries(entry).forEach(([key, item]) => {
-        output[key] = normalize(item);
-      });
-      return output;
-    }
-    return String(entry);
-  };
-  return normalize(value);
-};
 const matrixForRotDriftLog = (matrix) => {
   if (!matrix) return void 0;
   return matrix.map((entry) => roundRotDriftNumber(entry));
@@ -11370,52 +11459,13 @@ const summarizeRotDriftObject = (obj, worldMatrix) => {
   }
 };
 const logRotGroupImageDrift = (phase, payload) => {
-  if (typeof console === "undefined") return;
-  try {
-    const line = `${ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizeRotDriftPayload(payload))}`;
-    if (typeof window !== "undefined") {
-      const debugWindow = window;
-      debugWindow.__pixldocsRotGroupImageDriftLogs = Array.isArray(debugWindow.__pixldocsRotGroupImageDriftLogs) ? debugWindow.__pixldocsRotGroupImageDriftLogs.slice(-ROT_GROUP_IMAGE_DRIFT_DEBUG_MAX_ENTRIES + 1) : [];
-      debugWindow.__pixldocsRotGroupImageDriftLogs.push(line);
-    }
-    console.log(line);
-  } catch {
-    console.log(ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX, phase, payload);
-  }
+  return;
 };
 const shouldLogRotDriftLiveTick = (target, phase) => {
-  if (!target) return false;
-  const anyTarget = target;
-  const key = `__pixldocsRotDrift_${phase}_count`;
-  const count = (anyTarget[key] ?? 0) + 1;
-  anyTarget[key] = count;
-  return count <= 3 || count % 8 === 0;
+  return false;
 };
 const logRotDriftSelectionSnapshot = (phase, target, extra = {}) => {
-  if (!target) return;
-  const anyTarget = target;
-  const kids = typeof anyTarget.getObjects === "function" ? anyTarget.getObjects() : [];
-  const selectionMatrix = target instanceof fabric__namespace.ActiveSelection ? target.calcTransformMatrix() : null;
-  logRotGroupImageDrift(phase, {
-    ...extra,
-    target: summarizeRotDriftObject(target),
-    childCount: kids.length,
-    groupSelectionId: anyTarget.__pixldocsGroupSelection,
-    alignedAngle: anyTarget.__pixldocsAlignedAngle
-  });
-  kids.forEach((kid, childIndex) => {
-    var _a2, _b2;
-    const childWorldMatrix = selectionMatrix ? fabric__namespace.util.multiplyTransformMatrices(
-      selectionMatrix,
-      kid.calcOwnMatrix()
-    ) : (_a2 = kid.calcTransformMatrix) == null ? void 0 : _a2.call(kid);
-    logRotGroupImageDrift(`${phase}-child`, {
-      ...extra,
-      childIndex,
-      parentType: anyTarget.type ?? ((_b2 = target.constructor) == null ? void 0 : _b2.name),
-      child: summarizeRotDriftObject(kid, childWorldMatrix ?? null)
-    });
-  });
+  return;
 };
 const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   const sx = Math.abs(obj.scaleX ?? 1) || 1;
@@ -13350,9 +13400,6 @@ const PageCanvas = react.forwardRef(
         };
         logRotDriftSelectionSnapshot("transform-start", active, {
           time: Math.round(performance.now()),
-          groupId,
-          groupAbs,
-          selectionRect: rect,
           transformStart: groupSelectionTransformStartRef.current,
           selectedStoreIds: useEditorStore.getState().canvas.selectedIds
         });
@@ -14259,7 +14306,7 @@ const PageCanvas = react.forwardRef(
         prepareGroupSelectionTransformStart(t);
         markTransforming(t);
         didTransformRef.current = true;
-        if (shouldLogRotDriftLiveTick(t, "scaling")) {
+        if (shouldLogRotDriftLiveTick()) {
           logRotDriftSelectionSnapshot("scaling", t, {
             time: Math.round(performance.now()),
             corner: t == null ? void 0 : t.__corner,
@@ -14909,7 +14956,7 @@ const PageCanvas = react.forwardRef(
         didTransformRef.current = true;
         const tr = e.target;
         prepareGroupSelectionTransformStart(tr);
-        if (shouldLogRotDriftLiveTick(tr, "rotating")) {
+        if (shouldLogRotDriftLiveTick()) {
           logRotDriftSelectionSnapshot("rotating", tr, {
             time: Math.round(performance.now()),
             transformAction: (_a2 = fabricCanvas._currentTransform) == null ? void 0 : _a2.action,
@@ -14950,7 +14997,7 @@ const PageCanvas = react.forwardRef(
         prepareGroupSelectionTransformStart(e.target);
         markTransforming(e.target);
         didTransformRef.current = true;
-        if (shouldLogRotDriftLiveTick(e.target, "moving")) {
+        if (shouldLogRotDriftLiveTick(e.target)) {
           logRotDriftSelectionSnapshot("moving", e.target, {
             time: Math.round(performance.now()),
             transformAction: (_a2 = fabricCanvas._currentTransform) == null ? void 0 : _a2.action,
@@ -25222,9 +25269,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.409";
+const resolvedPackageVersion = "0.5.410";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.409";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.410";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26038,7 +26085,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-CI2YBgI3.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BnnUwU40.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28358,7 +28405,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-CI2YBgI3.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BnnUwU40.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28755,4 +28802,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DaL8UMXJ.cjs.map
+//# sourceMappingURL=index-xCnkRHXB.cjs.map