@bwp-web/canvas 0.6.1 → 0.6.2

package/dist/alignment/cursorSnapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cursorSnapping.d.ts","sourceRoot":"","sources":["../../src/alignment/cursorSnapping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAI1E,MAAM,WAAW,gBAAgB;IAC/B,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC;IACb,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,OAAO,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IAC5B,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IACvB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,KAAK,EACf,OAAO,CAAC,EAAE,iBAAiB,GAC1B,gBAAgB,CA2DlB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,gBAAgB,EAC5B,KAAK,CAAC,EAAE,cAAc,GACrB,IAAI,CAwCN;AAeD,kEAAkE;AAClE,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAEhE"}
+{"version":3,"file":"cursorSnapping.d.ts","sourceRoot":"","sources":["../../src/alignment/cursorSnapping.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAI1E,MAAM,WAAW,gBAAgB;IAC/B,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC;IACb,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,OAAO,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IAC5B,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC;IACvB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,KAAK,EACf,OAAO,CAAC,EAAE,iBAAiB,GAC1B,gBAAgB,CA4DlB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,gBAAgB,EAC5B,KAAK,CAAC,EAAE,cAAc,GACrB,IAAI,CAwCN;AAeD,kEAAkE;AAClE,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAEhE"}

package/dist/alignment/objectAlignment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"objectAlignment.d.ts","sourceRoot":"","sources":["../../src/alignment/objectAlignment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,QAAQ,CAAC;AAsBrE,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAkOD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM,IAAI,CAGZ"}
+{"version":3,"file":"objectAlignment.d.ts","sourceRoot":"","sources":["../../src/alignment/objectAlignment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,QAAQ,CAAC;AAyGrE,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmOD;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM,IAAI,CAGZ"}

package/dist/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../src/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,WAAW,EAAW,MAAM,QAAQ,CAAC;AAWtE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAIpE;AAID,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,kBAAkB,GAC3B,IAAI,CAiCN;AAID;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,MAAM,GACZ,IAAI,CA6BN;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAUlE;AAID;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAgBN;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAInE;AAID,MAAM,WAAW,YAAY;IAC3B,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,kBAAkB,GAC3B,OAAO,CAAC,YAAY,CAAC,CAkDvB;AAID,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,yBAAyB,GAClC,OAAO,CAAC,WAAW,CAAC,CAqBtB"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../src/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,WAAW,EAAW,MAAM,QAAQ,CAAC;AAWtE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,CAIpE;AAID,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,YAAY,EACpB,OAAO,CAAC,EAAE,kBAAkB,GAC3B,IAAI,CAiCN;AAID;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,MAAM,GACZ,IAAI,CA6BN;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAUlE;AAID;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAgBN;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAInE;AAID,MAAM,WAAW,YAAY;IAC3B,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,kBAAkB,GAC3B,OAAO,CAAC,YAAY,CAAC,CAkDvB;AAID,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,yBAAyB,GAClC,OAAO,CAAC,WAAW,CAAC,CA4BtB"}

package/dist/constants.d.ts

@@ -14,6 +14,15 @@ export declare const BASE_CANVAS_SIZE = 1000;
 export declare const DEFAULT_SNAP_MARGIN = 6;
 /** Default angle snap interval in degrees. */
 export declare const DEFAULT_ANGLE_SNAP_INTERVAL = 15;
+/**
+ * Compute the effective snap margin in scene-space units.
+ *
+ * When `scaleWithCanvasSize` is true (default), the margin grows
+ * proportionally with `max(canvasWidth, canvasHeight) / BASE_CANVAS_SIZE`
+ * so snapping feels consistent on large canvases (e.g. floor plans).
+ * The result is also divided by the current zoom level.
+ */
+export declare function computeSnapMargin(canvasWidth: number, canvasHeight: number, zoom: number, baseMargin?: number, scaleWithCanvasSize?: boolean): number;
 /**
  * Minimum drag distance (in scene units) before a drag is treated as intentional.
  * Prevents accidental micro-drags from creating objects.

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AACzC,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAI7C,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,8CAA8C;AAC9C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAI9C;;;GAGG;AACH,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAI1C,oDAAoD;AACpD,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,8EAA8E;AAC9E,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAI1C,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAC9C,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,4BAA4B,YAAY,CAAC;AACtD,eAAO,MAAM,kCAAkC,IAAI,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AACzC,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAI7C,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,8CAA8C;AAC9C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAE9C;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,MAAM,EACZ,UAAU,GAAE,MAA4B,EACxC,mBAAmB,GAAE,OAAc,GAClC,MAAM,CAKR;AAID;;;GAGG;AACH,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAI1C,oDAAoD;AACpD,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAC3C,8EAA8E;AAC9E,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAI1C,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAC9C,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,4BAA4B,YAAY,CAAC;AACtD,eAAO,MAAM,kCAAkC,IAAI,CAAC"}

package/dist/hooks/useEditCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditCanvas.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditCanvas.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,YAAY,EAAW,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAMrB,OAAO,EAEL,KAAK,sBAAsB,EAE3B,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAOzB,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,kGAAkG;IAClG,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,mIAAmI;IACnI,SAAS,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;IAC7C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,oBAAoB;IAqRxD,8CAA8C;sBAzMrC,YAAY;IA2MrB,oDAAoD;;IAEpD,qCAAqC;;IAErC,6CAA6C;;IAE7C,yBAAyB;;QAEvB,wCAAwC;;QAExC,wDAAwD;wBAhDjB,YAAY;QAkDnD,wFAAwF;;QAExF,2DAA2D;;QAE3D,0DAA0D;;QAE1D,uDAAuD;;QAEvD,6DAA6D;;;IAG/D,+DAA+D;;IAE/D;;;;;;;;;;;;;;OAcG;qBA3R+B,SAAS,GAAG,IAAI;IA6RlD;;;;;;;OAOG;yBA7ES,MAAM,WAAW;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE;IA+E3D,8GAA8G;;IAE9G,4DAA4D;;IAE5D,sDAAsD;;IAQtD,iEAAiE;;IAQjE,mFAAmF;;IAEnF,kFAAkF;;EAGrF"}
+{"version":3,"file":"useEditCanvas.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditCanvas.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,KAAK,YAAY,EAAW,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAMrB,OAAO,EAEL,KAAK,sBAAsB,EAE3B,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAOzB,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,kGAAkG;IAClG,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,mIAAmI;IACnI,SAAS,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;IAC7C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IAChD;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,oBAAoB;IA+QxD,8CAA8C;sBAnMrC,YAAY;IAqMrB,oDAAoD;;IAEpD,qCAAqC;;IAErC,6CAA6C;;IAE7C,yBAAyB;;QAEvB,wCAAwC;;QAExC,wDAAwD;wBAhDjB,YAAY;QAkDnD,wFAAwF;;QAExF,2DAA2D;;QAE3D,0DAA0D;;QAE1D,uDAAuD;;QAEvD,6DAA6D;;;IAG/D,+DAA+D;;IAE/D;;;;;;;;;;;;;;OAcG;qBArR+B,SAAS,GAAG,IAAI;IAuRlD;;;;;;;OAOG;yBA7ES,MAAM,WAAW;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE;IA+E3D,8GAA8G;;IAE9G,4DAA4D;;IAE5D,sDAAsD;;IAQtD,iEAAiE;;IAQjE,mFAAmF;;IAEnF,kFAAkF;;EAGrF"}

package/dist/index.cjs

@@ -183,6 +183,10 @@ var DEFAULT_VIEWPORT_PADDING = 0.05;
 var BASE_CANVAS_SIZE = 1e3;
 var DEFAULT_SNAP_MARGIN = 6;
 var DEFAULT_ANGLE_SNAP_INTERVAL = 15;
+function computeSnapMargin(canvasWidth, canvasHeight, zoom, baseMargin = DEFAULT_SNAP_MARGIN, scaleWithCanvasSize = true) {
+  const sizeScale = scaleWithCanvasSize ? Math.max(canvasWidth || 800, canvasHeight || 600) / BASE_CANVAS_SIZE : 1;
+  return baseMargin * sizeScale / zoom;
+}
 var MIN_DRAG_SIZE = 3;
 var POLYGON_CLOSE_THRESHOLD = 10;
 var DEFAULT_IMAGE_MAX_SIZE = 4096;
@@ -390,23 +394,23 @@ function enablePanAndZoom(canvas, options) {
       const targetX = canvasCenterX - objectCenter.x * zoom;
       const targetY = canvasCenterY - objectCenter.y * zoom;
       if (!panOpts?.animate) {
-        const vt2 = canvas.viewportTransform;
-        if (!vt2) return;
+        const viewportTransform2 = canvas.viewportTransform;
+        if (!viewportTransform2) return;
         canvas.setViewportTransform([
-          vt2[0],
-          vt2[1],
-          vt2[2],
-          vt2[3],
+          viewportTransform2[0],
+          viewportTransform2[1],
+          viewportTransform2[2],
+          viewportTransform2[3],
           targetX,
           targetY
         ]);
         return;
       }
       const duration = panOpts.duration ?? 300;
-      const vt = canvas.viewportTransform;
-      if (!vt) return;
-      const startX = vt[4];
-      const startY = vt[5];
+      const viewportTransform = canvas.viewportTransform;
+      if (!viewportTransform) return;
+      const startX = viewportTransform[4];
+      const startY = viewportTransform[5];
       const startTime = performance.now();
       function step(now) {
         const elapsed = now - startTime;
@@ -414,13 +418,13 @@ function enablePanAndZoom(canvas, options) {
         const eased = 1 - Math.pow(1 - t, 3);
         const currentX = startX + (targetX - startX) * eased;
         const currentY = startY + (targetY - startY) * eased;
-        const currentVt = canvas.viewportTransform;
-        if (!currentVt) return;
+        const currentTransform = canvas.viewportTransform;
+        if (!currentTransform) return;
         canvas.setViewportTransform([
-          currentVt[0],
-          currentVt[1],
-          currentVt[2],
-          currentVt[3],
+          currentTransform[0],
+          currentTransform[1],
+          currentTransform[2],
+          currentTransform[3],
           currentX,
           currentY
         ]);
@@ -607,6 +611,7 @@ async function setBackgroundImage(canvas, url, options) {
     imageUrl = result.url;
   }
   const img = await import_fabric4.FabricImage.fromURL(imageUrl, { crossOrigin: "anonymous" });
+  img.set({ left: img.width / 2, top: img.height / 2 });
   canvas.backgroundImage = img;
   if (prevContrast !== void 0 && prevContrast !== 1) {
     setBackgroundContrast(canvas, prevContrast);
@@ -800,63 +805,6 @@ registerSnapPointExtractor(
 // src/alignment/objectAlignment.ts
 var import_fabric7 = require("fabric");
 
-// src/alignment/objectAlignmentRendering.ts
-function drawAlignmentLine(config, origin, target) {
-  const ctx = config.canvas.getTopContext();
-  const vt = config.canvas.viewportTransform;
-  const zoom = config.canvas.getZoom();
-  ctx.save();
-  ctx.transform(...vt);
-  ctx.lineWidth = config.width / zoom;
-  if (config.lineDash) ctx.setLineDash(config.lineDash);
-  ctx.strokeStyle = config.color;
-  ctx.beginPath();
-  ctx.moveTo(origin.x, origin.y);
-  ctx.lineTo(target.x, target.y);
-  ctx.stroke();
-  if (config.lineDash) ctx.setLineDash([]);
-  drawXMarker(ctx, origin, config.xSize / zoom);
-  drawXMarker(ctx, target, config.xSize / zoom);
-  ctx.restore();
-}
-function drawXMarker(ctx, point, size) {
-  ctx.save();
-  ctx.translate(point.x, point.y);
-  ctx.beginPath();
-  ctx.moveTo(-size, -size);
-  ctx.lineTo(size, size);
-  ctx.moveTo(size, -size);
-  ctx.lineTo(-size, size);
-  ctx.stroke();
-  ctx.restore();
-}
-function drawMarkerList(config, lines) {
-  const ctx = config.canvas.getTopContext();
-  const vt = config.canvas.viewportTransform;
-  const zoom = config.canvas.getZoom();
-  const markerSize = config.xSize / zoom;
-  ctx.save();
-  ctx.transform(...vt);
-  ctx.lineWidth = config.width / zoom;
-  ctx.strokeStyle = config.color;
-  for (const item of lines) drawXMarker(ctx, item.target, markerSize);
-  ctx.restore();
-}
-function drawVerticalAlignmentLines(config, lines) {
-  for (const v of lines) {
-    const { origin, target } = JSON.parse(v);
-    const from = { x: target.x, y: origin.y };
-    drawAlignmentLine(config, from, target);
-  }
-}
-function drawHorizontalAlignmentLines(config, lines) {
-  for (const h of lines) {
-    const { origin, target } = JSON.parse(h);
-    const from = { x: origin.x, y: target.y };
-    drawAlignmentLine(config, from, target);
-  }
-}
-
 // src/alignment/objectAlignmentMath.ts
 var OPPOSITE_ORIGIN_MAP = {
   tl: ["right", "bottom"],
@@ -980,6 +928,61 @@ function collectHorizontalSnapOffset(props) {
 }
 
 // src/alignment/objectAlignment.ts
+function drawXMarker(ctx, point, size) {
+  ctx.save();
+  ctx.translate(point.x, point.y);
+  ctx.beginPath();
+  ctx.moveTo(-size, -size);
+  ctx.lineTo(size, size);
+  ctx.moveTo(size, -size);
+  ctx.lineTo(-size, size);
+  ctx.stroke();
+  ctx.restore();
+}
+function drawAlignmentLine(config, origin, target) {
+  const ctx = config.canvas.getTopContext();
+  const vt = config.canvas.viewportTransform;
+  const zoom = config.canvas.getZoom();
+  ctx.save();
+  ctx.transform(...vt);
+  ctx.lineWidth = config.width / zoom;
+  if (config.lineDash) ctx.setLineDash(config.lineDash);
+  ctx.strokeStyle = config.color;
+  ctx.beginPath();
+  ctx.moveTo(origin.x, origin.y);
+  ctx.lineTo(target.x, target.y);
+  ctx.stroke();
+  if (config.lineDash) ctx.setLineDash([]);
+  drawXMarker(ctx, origin, config.xSize / zoom);
+  drawXMarker(ctx, target, config.xSize / zoom);
+  ctx.restore();
+}
+function drawMarkerList(config, lines) {
+  const ctx = config.canvas.getTopContext();
+  const vt = config.canvas.viewportTransform;
+  const zoom = config.canvas.getZoom();
+  const markerSize = config.xSize / zoom;
+  ctx.save();
+  ctx.transform(...vt);
+  ctx.lineWidth = config.width / zoom;
+  ctx.strokeStyle = config.color;
+  for (const item of lines) drawXMarker(ctx, item.target, markerSize);
+  ctx.restore();
+}
+function drawVerticalAlignmentLines(config, lines) {
+  for (const v of lines) {
+    const { origin, target } = JSON.parse(v);
+    const from = { x: target.x, y: origin.y };
+    drawAlignmentLine(config, from, target);
+  }
+}
+function drawHorizontalAlignmentLines(config, lines) {
+  for (const h of lines) {
+    const { origin, target } = JSON.parse(h);
+    const from = { x: origin.x, y: target.y };
+    drawAlignmentLine(config, from, target);
+  }
+}
 function adjustCornerForFlip(corner, target) {
   let adjusted = corner;
   if (target.flipX) {
@@ -1034,9 +1037,13 @@ var ObjectAlignmentGuides = class {
   }
   // --- Margin calculation ---
   computeMargin() {
-    const zoom = this.canvas.getZoom();
-    const sizeScale = this.scaleWithCanvasSize ? Math.max(this.canvas.width ?? 800, this.canvas.height ?? 600) / BASE_CANVAS_SIZE : 1;
-    return this.margin * sizeScale / zoom;
+    return computeSnapMargin(
+      this.canvas.width ?? 800,
+      this.canvas.height ?? 600,
+      this.canvas.getZoom(),
+      this.margin,
+      this.scaleWithCanvasSize
+    );
   }
   // --- Snap point caching ---
   getCachedSnapPoints(object) {
@@ -1172,10 +1179,13 @@ function enableRotationSnap(canvas, options) {
 // src/alignment/cursorSnapping.ts
 var import_fabric8 = require("fabric");
 function snapCursorPoint(canvas, rawPoint, options) {
-  const zoom = canvas.getZoom();
-  const scaleWithSize = options?.scaleWithCanvasSize !== false;
-  const sizeScale = scaleWithSize ? Math.max(canvas.width ?? 800, canvas.height ?? 600) / BASE_CANVAS_SIZE : 1;
-  const margin = (options?.margin ?? DEFAULT_SNAP_MARGIN) * sizeScale / zoom;
+  const margin = computeSnapMargin(
+    canvas.width ?? 800,
+    canvas.height ?? 600,
+    canvas.getZoom(),
+    options?.margin ?? DEFAULT_SNAP_MARGIN,
+    options?.scaleWithCanvasSize !== false
+  );
   const exclude = options?.exclude ?? /* @__PURE__ */ new Set();
   let targetPoints;
   if (options?.targetPoints) {
@@ -2228,20 +2238,7 @@ function enableScaledBorderRadius(canvas, options) {
 function getBaseStrokeWidth(obj) {
   return strokeBaseMap.get(obj) ?? obj.strokeWidth ?? 0;
 }
-function serializeCanvas(canvas, options) {
-  const properties = [
-    "data",
-    "shapeType",
-    // Control styling — absent from Fabric's default toObject output
-    "borderColor",
-    "cornerColor",
-    "cornerStrokeColor",
-    "transparentCorners",
-    // Interaction locks — absent from Fabric's default toObject output
-    "lockRotation",
-    "lockUniScaling",
-    ...options?.properties ?? []
-  ];
+function prepareStrokeWidths(canvas) {
   const scaledWidths = /* @__PURE__ */ new Map();
   canvas.forEachObject((obj) => {
     const base = strokeBaseMap.get(obj);
@@ -2250,6 +2247,11 @@ function serializeCanvas(canvas, options) {
       obj.strokeWidth = base;
     }
   });
+  return () => scaledWidths.forEach((scaled, obj) => {
+    obj.strokeWidth = scaled;
+  });
+}
+function prepareBorderRadii(canvas) {
   const appliedRadii = /* @__PURE__ */ new Map();
   canvas.forEachObject((obj) => {
     if (!(obj instanceof import_fabric16.Rect)) return;
@@ -2259,6 +2261,11 @@ function serializeCanvas(canvas, options) {
       obj.set({ rx: base.rx, ry: base.ry });
     }
   });
+  return () => appliedRadii.forEach((radii, obj) => {
+    obj.set(radii);
+  });
+}
+function prepareObjectOrigins(canvas) {
   const savedOrigins = /* @__PURE__ */ new Map();
   canvas.forEachObject((obj) => {
     if (obj.originX === "left" && obj.originY === "top") return;
@@ -2269,20 +2276,36 @@ function serializeCanvas(canvas, options) {
       top: obj.top ?? 0
     });
     const leftTop = obj.getPositionByOrigin("left", "top");
-    obj.set({ originX: "left", originY: "top", left: leftTop.x, top: leftTop.y });
+    obj.set({
+      originX: "left",
+      originY: "top",
+      left: leftTop.x,
+      top: leftTop.y
+    });
   });
+  return () => savedOrigins.forEach((saved, obj) => {
+    obj.set(saved);
+  });
+}
+function prepareBackgroundOrigin(canvas) {
   const bg = canvas.backgroundImage;
-  let savedBgOrigin = null;
-  if (bg instanceof import_fabric16.FabricImage && (bg.originX !== "left" || bg.originY !== "top")) {
-    savedBgOrigin = {
-      originX: bg.originX,
-      originY: bg.originY,
-      left: bg.left ?? 0,
-      top: bg.top ?? 0
+  if (!(bg instanceof import_fabric16.FabricImage) || bg.originX === "left" && bg.originY === "top") {
+    return () => {
     };
-    const leftTop = bg.getPositionByOrigin("left", "top");
-    bg.set({ originX: "left", originY: "top", left: leftTop.x, top: leftTop.y });
   }
+  const saved = {
+    originX: bg.originX,
+    originY: bg.originY,
+    left: bg.left ?? 0,
+    top: bg.top ?? 0
+  };
+  const leftTop = bg.getPositionByOrigin("left", "top");
+  bg.set({ originX: "left", originY: "top", left: leftTop.x, top: leftTop.y });
+  return () => {
+    bg.set(saved);
+  };
+}
+function prepareStrokeWidthBaseData(canvas) {
   const savedData = /* @__PURE__ */ new Map();
   canvas.forEachObject((obj) => {
     const base = strokeBaseMap.get(obj) ?? obj.strokeWidth;
@@ -2294,33 +2317,53 @@ function serializeCanvas(canvas, options) {
       };
     }
   });
+  return () => savedData.forEach((originalData, obj) => {
+    obj.data = originalData;
+  });
+}
+function serializeCanvas(canvas, options) {
+  const properties = [
+    "data",
+    "shapeType",
+    // Control styling — absent from Fabric's default toObject output
+    "borderColor",
+    "cornerColor",
+    "cornerStrokeColor",
+    "transparentCorners",
+    // Interaction locks — absent from Fabric's default toObject output
+    "lockRotation",
+    "lockUniScaling",
+    ...options?.properties ?? []
+  ];
+  const restoreStrokeWidths = prepareStrokeWidths(canvas);
+  const restoreBorderRadii = prepareBorderRadii(canvas);
+  const restoreOrigins = prepareObjectOrigins(canvas);
+  const restoreBgOrigin = prepareBackgroundOrigin(canvas);
+  const restoreData = prepareStrokeWidthBaseData(canvas);
   const json = canvas.toObject(properties);
   delete json.backgroundColor;
   json.backgroundFilters = {
     opacity: getBackgroundContrast(canvas),
     inverted: getBackgroundInverted(canvas)
   };
-  scaledWidths.forEach((scaled, obj) => {
-    obj.strokeWidth = scaled;
-  });
-  appliedRadii.forEach((radii, obj) => {
-    obj.set({ rx: radii.rx, ry: radii.ry });
-  });
-  savedOrigins.forEach((saved, obj) => {
-    obj.set(saved);
-  });
-  if (savedBgOrigin && bg instanceof import_fabric16.FabricImage) {
-    bg.set(savedBgOrigin);
+  if (canvas.lockLightMode !== void 0) {
+    json.lockLightMode = canvas.lockLightMode;
   }
-  savedData.forEach((originalData, obj) => {
-    obj.data = originalData;
-  });
+  restoreStrokeWidths();
+  restoreBorderRadii();
+  restoreOrigins();
+  restoreBgOrigin();
+  restoreData();
   return json;
 }
 async function loadCanvas(canvas, json, options) {
   await canvas.loadFromJSON(json);
   canvas.backgroundColor = "";
   delete canvas.backgroundFilters;
+  const rawCanvas = canvas;
+  if (rawCanvas.lockLightMode !== void 0) {
+    canvas.lockLightMode = rawCanvas.lockLightMode;
+  }
   const bg = canvas.backgroundImage;
   if (bg instanceof import_fabric16.FabricImage) {
     if (bg.originX !== "center" || bg.originY !== "center") {
@@ -2513,105 +2556,104 @@ function useEditCanvas(options) {
     (canvas) => {
       canvasRef.current = canvas;
       const opts = optionsRef.current;
-      if (opts?.scaledStrokes !== false) {
-        enableScaledStrokes(canvas);
-      }
-      if (opts?.borderRadius !== false) {
-        const borderRadiusOpts = typeof opts?.borderRadius === "number" ? { radius: opts.borderRadius } : void 0;
-        enableScaledBorderRadius(canvas, borderRadiusOpts);
-      }
-      if (opts?.keyboardShortcuts !== false) {
-        keyboardCleanupRef.current = enableKeyboardShortcuts(canvas);
-      }
-      setCanvasAlignmentEnabled(canvas, opts?.enableAlignment);
-      if (opts?.panAndZoom !== false) {
-        viewportRef.current = enablePanAndZoom(
-          canvas,
-          typeof opts?.panAndZoom === "object" ? opts.panAndZoom : void 0
-        );
-      }
-      const alignmentEnabled = resolveAlignmentEnabled(
-        opts?.enableAlignment,
-        opts?.alignment
-      );
-      if (alignmentEnabled) {
-        alignmentCleanupRef.current = enableObjectAlignment(
-          canvas,
-          typeof opts?.alignment === "object" ? opts.alignment : void 0
-        );
-      }
-      if (opts?.rotationSnap !== false) {
-        rotationSnapCleanupRef.current = enableRotationSnap(
-          canvas,
-          typeof opts?.rotationSnap === "object" ? opts.rotationSnap : void 0
+      setupFeatures();
+      setupEventListeners();
+      invokeOnReady();
+      function setupFeatures() {
+        if (opts?.scaledStrokes !== false) {
+          enableScaledStrokes(canvas);
+        }
+        if (opts?.borderRadius !== false) {
+          const borderRadiusOpts = typeof opts?.borderRadius === "number" ? { radius: opts.borderRadius } : void 0;
+          enableScaledBorderRadius(canvas, borderRadiusOpts);
+        }
+        if (opts?.keyboardShortcuts !== false) {
+          keyboardCleanupRef.current = enableKeyboardShortcuts(canvas);
+        }
+        setCanvasAlignmentEnabled(canvas, opts?.enableAlignment);
+        if (opts?.panAndZoom !== false) {
+          viewportRef.current = enablePanAndZoom(
+            canvas,
+            typeof opts?.panAndZoom === "object" ? opts.panAndZoom : void 0
+          );
+        }
+        const alignmentEnabled = resolveAlignmentEnabled(
+          opts?.enableAlignment,
+          opts?.alignment
         );
+        if (alignmentEnabled) {
+          alignmentCleanupRef.current = enableObjectAlignment(
+            canvas,
+            typeof opts?.alignment === "object" ? opts.alignment : void 0
+          );
+        }
+        if (opts?.rotationSnap !== false) {
+          rotationSnapCleanupRef.current = enableRotationSnap(
+            canvas,
+            typeof opts?.rotationSnap === "object" ? opts.rotationSnap : void 0
+          );
+        }
+        if (opts?.history) {
+          const historyOpts = typeof opts.history === "object" ? opts.history : void 0;
+          historyRef.current = createHistoryTracker(canvas, historyOpts);
+        }
       }
-      canvas.on("mouse:wheel", () => {
-        setZoom(canvas.getZoom());
-      });
-      canvas.on("selection:created", (e) => {
-        setSelected(e.selected ?? []);
-      });
-      canvas.on("selection:updated", (e) => {
-        setSelected(e.selected ?? []);
-      });
-      canvas.on("selection:cleared", () => {
-        setSelected([]);
-      });
-      if (opts?.trackChanges) {
-        canvas.on("object:added", () => setIsDirty(true));
-        canvas.on("object:removed", () => setIsDirty(true));
-        canvas.on("object:modified", () => setIsDirty(true));
-      }
-      if (opts?.history) {
-        const syncHistoryState = () => {
-          const h = historyRef.current;
-          if (!h) return;
-          setTimeout(() => {
-            setCanUndo(h.canUndo());
-            setCanRedo(h.canRedo());
-          }, 350);
-        };
-        canvas.on("object:added", syncHistoryState);
-        canvas.on("object:removed", syncHistoryState);
-        canvas.on("object:modified", syncHistoryState);
-      }
-      if (opts?.vertexEdit !== false) {
-        const vertexOpts = typeof opts?.vertexEdit === "object" ? opts.vertexEdit : void 0;
-        canvas.on("mouse:dblclick", (e) => {
-          if (e.target && e.target instanceof import_fabric17.Polygon) {
-            vertexEditCleanupRef.current?.();
-            vertexEditCleanupRef.current = enableVertexEdit(canvas, e.target, {
-              ...vertexOpts,
-              onExit: () => {
-                vertexEditCleanupRef.current = null;
-                setIsEditingVertices(false);
-              }
-            });
-            setIsEditingVertices(true);
-          }
-        });
-      }
-      if (opts?.history) {
-        const historyOpts = typeof opts.history === "object" ? opts.history : void 0;
-        historyRef.current = createHistoryTracker(canvas, historyOpts);
+      function setupEventListeners() {
+        canvas.on("mouse:wheel", () => setZoom(canvas.getZoom()));
+        canvas.on("selection:created", (e) => setSelected(e.selected ?? []));
+        canvas.on("selection:updated", (e) => setSelected(e.selected ?? []));
+        canvas.on("selection:cleared", () => setSelected([]));
+        if (opts?.trackChanges) {
+          canvas.on("object:added", () => setIsDirty(true));
+          canvas.on("object:removed", () => setIsDirty(true));
+          canvas.on("object:modified", () => setIsDirty(true));
+        }
+        if (opts?.history) {
+          const syncHistoryState = () => {
+            const h = historyRef.current;
+            if (!h) return;
+            setTimeout(() => {
+              setCanUndo(h.canUndo());
+              setCanRedo(h.canRedo());
+            }, 350);
+          };
+          canvas.on("object:added", syncHistoryState);
+          canvas.on("object:removed", syncHistoryState);
+          canvas.on("object:modified", syncHistoryState);
+        }
+        if (opts?.vertexEdit !== false) {
+          const vertexOpts = typeof opts?.vertexEdit === "object" ? opts.vertexEdit : void 0;
+          canvas.on("mouse:dblclick", (e) => {
+            if (e.target && e.target instanceof import_fabric17.Polygon) {
+              vertexEditCleanupRef.current?.();
+              vertexEditCleanupRef.current = enableVertexEdit(
+                canvas,
+                e.target,
+                {
+                  ...vertexOpts,
+                  onExit: () => {
+                    vertexEditCleanupRef.current = null;
+                    setIsEditingVertices(false);
+                  }
+                }
+              );
+              setIsEditingVertices(true);
+            }
+          });
+        }
       }
-      const onReadyResult = opts?.onReady?.(canvas);
-      if (opts?.autoFitToBackground !== false) {
+      function invokeOnReady() {
+        const onReadyResult = opts?.onReady?.(canvas);
         Promise.resolve(onReadyResult).then(() => {
-          if (canvas.backgroundImage) {
+          if (opts?.autoFitToBackground !== false && canvas.backgroundImage) {
             fitViewportToBackground(canvas);
             syncZoom(canvasRef, setZoom);
           }
           historyRef.current?.pushSnapshot();
         });
-      } else {
-        Promise.resolve(onReadyResult).then(() => {
-          historyRef.current?.pushSnapshot();
-        });
       }
     },
-    // onReady and panAndZoom are intentionally excluded — we only initialize once
+    // Dependency array intentionally empty — we only initialize once on mount
     []
   );
   (0, import_react3.useEffect)(() => {