@pixldocs/canvas-renderer 0.5.335 → 0.5.337
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-DpMLP8sp.js → index-B5OFG6Dl.js} +69 -15
- package/dist/index-B5OFG6Dl.js.map +1 -0
- package/dist/{index-DDHvGuGr.cjs → index-Ze4pswgN.cjs} +69 -15
- package/dist/index-Ze4pswgN.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{vectorPdfExport-_BIQ9o7V.cjs → vectorPdfExport-11EJIk-M.cjs} +4 -4
- package/dist/{vectorPdfExport-_BIQ9o7V.cjs.map → vectorPdfExport-11EJIk-M.cjs.map} +1 -1
- package/dist/{vectorPdfExport-D2ai2jn2.js → vectorPdfExport-CpYoH5k1.js} +4 -4
- package/dist/{vectorPdfExport-D2ai2jn2.js.map → vectorPdfExport-CpYoH5k1.js.map} +1 -1
- package/package.json +1 -1
- package/dist/index-DDHvGuGr.cjs.map +0 -1
- package/dist/index-DpMLP8sp.js.map +0 -1
|
@@ -14326,9 +14326,36 @@ const PageCanvas = react.forwardRef(
|
|
|
14326
14326
|
}
|
|
14327
14327
|
});
|
|
14328
14328
|
fabricCanvas.on("object:rotating", (e) => {
|
|
14329
|
+
var _a2, _b2;
|
|
14329
14330
|
markSimpleTransform(e);
|
|
14330
14331
|
didTransformRef.current = true;
|
|
14331
14332
|
const tr = e.target;
|
|
14333
|
+
try {
|
|
14334
|
+
const children = tr instanceof fabric__namespace.Group || tr instanceof fabric__namespace.ActiveSelection ? tr.getObjects() : [];
|
|
14335
|
+
logGroupImageResizeDebug("rotating-entry", {
|
|
14336
|
+
time: Math.round(performance.now()),
|
|
14337
|
+
angle: tr == null ? void 0 : tr.angle,
|
|
14338
|
+
targetType: tr == null ? void 0 : tr.type,
|
|
14339
|
+
targetCtor: (_a2 = tr == null ? void 0 : tr.constructor) == null ? void 0 : _a2.name,
|
|
14340
|
+
isActiveSelection: tr instanceof fabric__namespace.ActiveSelection,
|
|
14341
|
+
isGroup: tr instanceof fabric__namespace.Group,
|
|
14342
|
+
isCropGroup: !!(tr && (tr.__cropGroup || ((_b2 = tr._ct) == null ? void 0 : _b2.isCropGroup))),
|
|
14343
|
+
childCount: children.length,
|
|
14344
|
+
childTypes: children.map((c) => c == null ? void 0 : c.type),
|
|
14345
|
+
hasImageChild: children.some((c) => isGroupResizeImageLikeObject(c)),
|
|
14346
|
+
target: tr ? summarizeFabricObjectForResizeDebug(tr) : null,
|
|
14347
|
+
children: children.map((c) => {
|
|
14348
|
+
var _a3;
|
|
14349
|
+
return {
|
|
14350
|
+
type: c == null ? void 0 : c.type,
|
|
14351
|
+
ctor: (_a3 = c == null ? void 0 : c.constructor) == null ? void 0 : _a3.name,
|
|
14352
|
+
summary: summarizeFabricObjectForResizeDebug(c)
|
|
14353
|
+
};
|
|
14354
|
+
})
|
|
14355
|
+
});
|
|
14356
|
+
} catch (err) {
|
|
14357
|
+
console.warn("[Pixldocs][group-image-side-resize] rotating-entry log failed", err);
|
|
14358
|
+
}
|
|
14332
14359
|
try {
|
|
14333
14360
|
const getCursor = fabricCanvas.__pixldocsGetRotateCursor;
|
|
14334
14361
|
const upper = fabricCanvas.upperCanvasEl;
|
|
@@ -14424,7 +14451,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14424
14451
|
});
|
|
14425
14452
|
let cropGroupSaveTimer = null;
|
|
14426
14453
|
fabricCanvas.on("object:modified", (e) => {
|
|
14427
|
-
var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
|
|
14454
|
+
var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
14428
14455
|
try {
|
|
14429
14456
|
dragStarted = false;
|
|
14430
14457
|
setGuides([]);
|
|
@@ -14432,6 +14459,33 @@ const PageCanvas = react.forwardRef(
|
|
|
14432
14459
|
objectResizeActiveSnapRef.current = null;
|
|
14433
14460
|
groupResizeActiveSnapRef.current = null;
|
|
14434
14461
|
onDragEnd == null ? void 0 : onDragEnd();
|
|
14462
|
+
try {
|
|
14463
|
+
const mt = e.target;
|
|
14464
|
+
const children = mt instanceof fabric__namespace.Group || mt instanceof fabric__namespace.ActiveSelection ? mt.getObjects() : [];
|
|
14465
|
+
logGroupImageResizeDebug("modified-entry", {
|
|
14466
|
+
time: Math.round(performance.now()),
|
|
14467
|
+
didTransform: didTransformRef.current,
|
|
14468
|
+
targetType: mt == null ? void 0 : mt.type,
|
|
14469
|
+
targetCtor: (_a2 = mt == null ? void 0 : mt.constructor) == null ? void 0 : _a2.name,
|
|
14470
|
+
isActiveSelection: mt instanceof fabric__namespace.ActiveSelection,
|
|
14471
|
+
isGroup: mt instanceof fabric__namespace.Group,
|
|
14472
|
+
angle: mt == null ? void 0 : mt.angle,
|
|
14473
|
+
childCount: children.length,
|
|
14474
|
+
childTypes: children.map((c) => c == null ? void 0 : c.type),
|
|
14475
|
+
hasImageChild: children.some((c) => isGroupResizeImageLikeObject(c)),
|
|
14476
|
+
target: mt ? summarizeFabricObjectForResizeDebug(mt) : null,
|
|
14477
|
+
children: children.map((c) => {
|
|
14478
|
+
var _a3;
|
|
14479
|
+
return {
|
|
14480
|
+
type: c == null ? void 0 : c.type,
|
|
14481
|
+
ctor: (_a3 = c == null ? void 0 : c.constructor) == null ? void 0 : _a3.name,
|
|
14482
|
+
summary: summarizeFabricObjectForResizeDebug(c)
|
|
14483
|
+
};
|
|
14484
|
+
})
|
|
14485
|
+
});
|
|
14486
|
+
} catch (err) {
|
|
14487
|
+
console.warn("[Pixldocs][group-image-side-resize] modified-entry log failed", err);
|
|
14488
|
+
}
|
|
14435
14489
|
try {
|
|
14436
14490
|
const t = e.target;
|
|
14437
14491
|
if (t instanceof fabric__namespace.ActiveSelection) {
|
|
@@ -14469,7 +14523,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14469
14523
|
const active = fabricCanvas.getActiveObject();
|
|
14470
14524
|
const activeId = active ? getObjectId(active) : null;
|
|
14471
14525
|
if (active && activeId && activeId !== "__background__" && !(active instanceof fabric__namespace.Group)) {
|
|
14472
|
-
const pageChildrenForParent = ((
|
|
14526
|
+
const pageChildrenForParent = ((_b2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
|
|
14473
14527
|
const parentGroup = findParentGroup(pageChildrenForParent, activeId);
|
|
14474
14528
|
if (parentGroup && isGroup(parentGroup) && parentGroup.backgroundColor) {
|
|
14475
14529
|
let fabricSectionGroup = active.group && active.group instanceof fabric__namespace.Group ? active.group : null;
|
|
@@ -14551,7 +14605,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14551
14605
|
useEditorStore.getState().reflowStackGroupInPage(pageId, groupId);
|
|
14552
14606
|
}
|
|
14553
14607
|
const stateAfter = useEditorStore.getState();
|
|
14554
|
-
const pageAfter = ((
|
|
14608
|
+
const pageAfter = ((_c = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
|
|
14555
14609
|
const groupNodeAfter = findNodeById(pageAfter, groupId);
|
|
14556
14610
|
if (groupNodeAfter) {
|
|
14557
14611
|
const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
|
|
@@ -14614,7 +14668,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14614
14668
|
}
|
|
14615
14669
|
if (active && active instanceof fabric__namespace.Group && active.__docuforgeSectionGroup && getObjectId(active)) {
|
|
14616
14670
|
const groupId = getObjectId(active);
|
|
14617
|
-
const pageChildrenSec = ((
|
|
14671
|
+
const pageChildrenSec = ((_d = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
|
|
14618
14672
|
const modifiedTarget2 = e == null ? void 0 : e.target;
|
|
14619
14673
|
const resizeScaleTarget = lastResizeScaleTargetRef.current;
|
|
14620
14674
|
lastResizeScaleTargetRef.current = null;
|
|
@@ -14645,7 +14699,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14645
14699
|
const node = findNodeById(pageChildrenSec, groupId);
|
|
14646
14700
|
if (isChildModified && node && !groupMoved) {
|
|
14647
14701
|
const stateAfter = useEditorStore.getState();
|
|
14648
|
-
const pageAfter = ((
|
|
14702
|
+
const pageAfter = ((_e = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
|
|
14649
14703
|
const groupNodeAfter = findNodeById(pageAfter, groupId);
|
|
14650
14704
|
if (groupNodeAfter) {
|
|
14651
14705
|
const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
|
|
@@ -14661,7 +14715,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14661
14715
|
}
|
|
14662
14716
|
if (active && active instanceof fabric__namespace.Group && !(active instanceof fabric__namespace.ActiveSelection) && getObjectId(active)) {
|
|
14663
14717
|
const groupId = getObjectId(active);
|
|
14664
|
-
const pageChildren3 = ((
|
|
14718
|
+
const pageChildren3 = ((_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
|
|
14665
14719
|
const w = (active.width ?? 0) * (active.scaleX ?? 1);
|
|
14666
14720
|
const h = (active.height ?? 0) * (active.scaleY ?? 1);
|
|
14667
14721
|
const centerX = active.left ?? 0;
|
|
@@ -14683,7 +14737,7 @@ const PageCanvas = react.forwardRef(
|
|
|
14683
14737
|
}
|
|
14684
14738
|
const activeObj = fabricCanvas.getActiveObject();
|
|
14685
14739
|
let activeObjects = fabricCanvas.getActiveObjects();
|
|
14686
|
-
const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((
|
|
14740
|
+
const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((_g = activeSelectionMoveStartRef.current) == null ? void 0 : _g.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
|
|
14687
14741
|
const activeSelectionDelta = activeObj instanceof fabric__namespace.ActiveSelection && activeSelectionMoveStart ? (() => {
|
|
14688
14742
|
const rect = activeObj.getBoundingRect();
|
|
14689
14743
|
return {
|
|
@@ -15102,7 +15156,7 @@ const PageCanvas = react.forwardRef(
|
|
|
15102
15156
|
const localScaleX = 1 / sx;
|
|
15103
15157
|
const localScaleY = 1 / sy;
|
|
15104
15158
|
obj.set({ scaleX: localScaleX, scaleY: localScaleY });
|
|
15105
|
-
const selectionMatrix = (
|
|
15159
|
+
const selectionMatrix = (_h = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _h.call(activeObj);
|
|
15106
15160
|
const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
|
|
15107
15161
|
obj.setPositionByOrigin(localCenter, "center", "center");
|
|
15108
15162
|
}
|
|
@@ -15253,7 +15307,7 @@ const PageCanvas = react.forwardRef(
|
|
|
15253
15307
|
const localScaleX = 1 / sx;
|
|
15254
15308
|
const localScaleY = 1 / sy;
|
|
15255
15309
|
obj.set({ scaleX: localScaleX, scaleY: localScaleY });
|
|
15256
|
-
const selectionMatrix = (
|
|
15310
|
+
const selectionMatrix = (_i = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _i.call(activeObj);
|
|
15257
15311
|
const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
|
|
15258
15312
|
obj.setPositionByOrigin(localCenter, "center", "center");
|
|
15259
15313
|
} else {
|
|
@@ -15401,7 +15455,7 @@ const PageCanvas = react.forwardRef(
|
|
|
15401
15455
|
updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
|
|
15402
15456
|
obj.setCoords();
|
|
15403
15457
|
}
|
|
15404
|
-
const pageChildrenForReflow = ((
|
|
15458
|
+
const pageChildrenForReflow = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
|
|
15405
15459
|
const stackGroupsToReflow = /* @__PURE__ */ new Set();
|
|
15406
15460
|
for (const id of modifiedIdsThisRound) {
|
|
15407
15461
|
const parent = findParentGroup(pageChildrenForReflow, id);
|
|
@@ -24541,9 +24595,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
|
|
|
24541
24595
|
}
|
|
24542
24596
|
return svgString;
|
|
24543
24597
|
}
|
|
24544
|
-
const resolvedPackageVersion = "0.5.
|
|
24598
|
+
const resolvedPackageVersion = "0.5.337";
|
|
24545
24599
|
const PACKAGE_VERSION = resolvedPackageVersion;
|
|
24546
|
-
const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.
|
|
24600
|
+
const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.337";
|
|
24547
24601
|
const roundParityValue = (value) => {
|
|
24548
24602
|
if (typeof value !== "number") return value;
|
|
24549
24603
|
return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
|
|
@@ -25357,7 +25411,7 @@ class PixldocsRenderer {
|
|
|
25357
25411
|
await this.waitForCanvasScene(container, cloned, i);
|
|
25358
25412
|
}
|
|
25359
25413
|
console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
|
|
25360
|
-
const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-
|
|
25414
|
+
const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-11EJIk-M.cjs"));
|
|
25361
25415
|
const prepared = preparePagesForExport(
|
|
25362
25416
|
cloned.pages,
|
|
25363
25417
|
canvasWidth,
|
|
@@ -27677,7 +27731,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
|
|
|
27677
27731
|
if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
|
|
27678
27732
|
sanitizeSvgTreeForPdf(svgToDraw);
|
|
27679
27733
|
try {
|
|
27680
|
-
const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-
|
|
27734
|
+
const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-11EJIk-M.cjs"));
|
|
27681
27735
|
try {
|
|
27682
27736
|
await logTextMeasurementDiagnostic(svgToDraw);
|
|
27683
27737
|
} catch {
|
|
@@ -28074,4 +28128,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
|
|
|
28074
28128
|
exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
|
|
28075
28129
|
exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
|
|
28076
28130
|
exports.warmTemplateFromForm = warmTemplateFromForm;
|
|
28077
|
-
//# sourceMappingURL=index-
|
|
28131
|
+
//# sourceMappingURL=index-Ze4pswgN.cjs.map
|