@nasser-sw/fabric 7.0.1-beta28 → 7.0.1-beta29

package/.history/package_20251227152541.json

@@ -0,0 +1,164 @@
+{
+  "name": "@nasser-sw/fabric",
+  "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
+  "homepage": "http://fabricjs.com/",
+  "version": "7.0.1-beta29",
+  "author": "Juriy Zaytsev <kangax@gmail.com>",
+  "contributors": [
+    {
+      "name": "Andrea Bogazzi",
+      "email": "andreabogazzi79@gmail.com",
+      "url": "https://github.com/asturur"
+    },
+    {
+      "name": "Shachar Nencel",
+      "email": "shacharnen@gmail.com",
+      "url": "https://github.com/ShaMan123"
+    },
+    {
+      "name": "Steve Eberhardt",
+      "email": "melchiar2@gmail.com",
+      "url": "https://github.com/melchiar"
+    }
+  ],
+  "keywords": [
+    "canvas",
+    "graphic",
+    "graphics",
+    "SVG",
+    "node-canvas",
+    "parser",
+    "HTML5",
+    "object model"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fabricjs/fabric.js"
+  },
+  "bugs": {
+    "url": "https://github.com/fabricjs/fabric.js/issues"
+  },
+  "license": "MIT",
+  "scripts": {
+    "docs": "typedoc",
+    "cli": "node ./scripts/index.mjs",
+    "sandboxscript": "node ./scripts/sandbox.mjs",
+    "build": "npm run cli -- build",
+    "build:fast": "npm run build -- -f",
+    "dev": "npm run cli -- dev",
+    "start": "npm run sandboxscript -- start",
+    "export": "npm run cli -- website export",
+    "test:vitest": "vitest --run --project unit-node",
+    "test:vitest:chromium": "vitest --run --project unit-chromium",
+    "test:vitest:firefox": "vitest --run --project unit-firefox",
+    "test:vitest:all": "vitest --run",
+    "test:vitest:coverage": "vitest --run --coverage --project unit-node",
+    "test:vitest:coverage:watch": "npm run test:vitest --coverage=true",
+    "coverage:merge": "nyc merge coveragefiles .nyc_output/merged-coverage.json",
+    "coverage:report": "nyc report --skip-full=true --reporter=lcov --reporter=text --reporter=text-summary",
+    "coverage:report:ci": "nyc report --reporter=text-summary",
+    "test:e2e": "npm run playwright:typecheck && playwright test",
+    "playwright:typecheck": "tsc -p ./e2e/tsconfig.json --noEmit",
+    "sandbox": "npm run sandboxscript -- sandbox",
+    "local-server": "serve ./ -l tcp://localhost:8080",
+    "lint": "eslint src extensions",
+    "prettier:check": "prettier --check .",
+    "prettier:write": "prettier --write ."
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
+    "@babel/preset-typescript": "^7.27.1",
+    "@eslint/js": "^9.31.0",
+    "@playwright/test": "^1.55.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@types/fs-extra": "^11.0.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/micromatch": "^4.0.9",
+    "@types/node": "^24.3.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "babel-plugin-transform-imports": "git+https://git@github.com/fabricjs/babel-plugin-transform-imports.git",
+    "chalk": "^5.6.0",
+    "commander": "^14.0.0",
+    "es-toolkit": "1.39.7",
+    "eslint-config-prettier": "^10.1.8",
+    "fs-extra": "^11.3.1",
+    "inquirer": "^12.9.4",
+    "micromatch": "^4.0.8",
+    "moment": "^2.30.1",
+    "nyc": "^17.1.0",
+    "prettier": "^3.6.2",
+    "ps-list": "^8.1.1",
+    "rollup": "^4.48.0",
+    "semver": "^7.7.2",
+    "serve": "^14.2.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.40.0",
+    "v8-to-istanbul": "^9.3.0",
+    "vite": "^6.3.5",
+    "vitest": "^3.2.4"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "overrides": {
+    "canvas": {
+      "canvas": "3.2.0"
+    }
+  },
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    ">=4.2": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "node": [
+        "dist/index.node.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.min.mjs",
+      "require": "./dist/index.min.js",
+      "default": "./dist/index.min.js"
+    },
+    "./es": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/fabric.min.mjs",
+      "require": null,
+      "default": null
+    },
+    "./node": {
+      "node": "./dist/index.node.cjs",
+      "types": "./dist/index.node.d.ts",
+      "import": "./dist/index.node.mjs",
+      "require": "./dist/index.node.cjs",
+      "default": "./dist/index.node.cjs"
+    },
+    "./extensions": {
+      "node": "./dist-extensions/index.mjs",
+      "types": "./dist-extensions/extensions/index.d.ts",
+      "import": "./dist-extensions/index.mjs",
+      "require": null,
+      "default": "./dist-extensions/fabric-extensions.min.js"
+    }
+  },
+  "optionalDependencies": {
+    "canvas": "^3.2.0",
+    "jsdom": "^26.1.0"
+  }
+}

package/dist/index.js

@@ -360,7 +360,7 @@
   }
   const cache = new Cache();
 
-  var version = "7.0.1-beta27";
+  var version = "7.0.1-beta28";
 
   // use this syntax so babel plugin see this import here
   const VERSION = version;
@@ -31665,6 +31665,8 @@
         hasBorders: true,
         minScaleLimit: minScale,
         lockScalingFlip: true,
+        lockUniScaling: false,
+        // Allow non-uniform stretching
         objectCaching: false
       });
       this._contentImage.dirty = true;
@@ -31681,11 +31683,15 @@
       this._setupEditModeConstraints();
       this.set('dirty', true);
 
-      // Just render - don't call setActiveObject() on the content image
-      // because it causes position miscalculation with viewport transforms.
-      // The content image is still interactive via subTargetCheck = true
+      // Select the content image so its controls are active
       if (this.canvas) {
-        this.canvas.renderAll();
+        // Use requestAnimationFrame to ensure rendering is complete before selecting
+        requestAnimationFrame(() => {
+          if (this._contentImage && this.canvas) {
+            this.canvas.setActiveObject(this._contentImage);
+            this.canvas.requestRenderAll();
+          }
+        });
       }
 
       // Fire custom event
@@ -31704,13 +31710,14 @@
 
       // Constrain movement to prevent gaps
       this._boundConstrainMove = e => {
-        var _ref5, _frame$frameMeta$orig, _ref6, _frame$frameMeta$orig2, _img$scaleX2, _img$left2, _img$top2;
+        var _ref5, _frame$frameMeta$orig, _ref6, _frame$frameMeta$orig2, _img$scaleX2, _img$scaleY, _img$left2, _img$top2;
         if (e.target !== img || !frame.isEditMode) return;
         const originalWidth = (_ref5 = (_frame$frameMeta$orig = frame.frameMeta.originalWidth) !== null && _frame$frameMeta$orig !== void 0 ? _frame$frameMeta$orig : img.width) !== null && _ref5 !== void 0 ? _ref5 : 100;
         const originalHeight = (_ref6 = (_frame$frameMeta$orig2 = frame.frameMeta.originalHeight) !== null && _frame$frameMeta$orig2 !== void 0 ? _frame$frameMeta$orig2 : img.height) !== null && _ref6 !== void 0 ? _ref6 : 100;
-        const currentScale = (_img$scaleX2 = img.scaleX) !== null && _img$scaleX2 !== void 0 ? _img$scaleX2 : 1;
-        const scaledImgHalfW = originalWidth * currentScale / 2;
-        const scaledImgHalfH = originalHeight * currentScale / 2;
+        const scaleX = (_img$scaleX2 = img.scaleX) !== null && _img$scaleX2 !== void 0 ? _img$scaleX2 : 1;
+        const scaleY = (_img$scaleY = img.scaleY) !== null && _img$scaleY !== void 0 ? _img$scaleY : 1;
+        const scaledImgHalfW = originalWidth * scaleX / 2;
+        const scaledImgHalfH = originalHeight * scaleY / 2;
         const frameHalfW = frame.frameWidth / 2;
         const frameHalfH = frame.frameHeight / 2;
         const maxOffsetX = Math.max(0, scaledImgHalfW - frameHalfW);
@@ -31729,19 +31736,23 @@
 
       // Constrain scaling to prevent gaps
       this._boundConstrainScale = e => {
-        var _ref7, _frame$frameMeta$orig3, _ref8, _frame$frameMeta$orig4, _img$scaleX3, _img$scaleY, _frame$_boundConstrai;
+        var _ref7, _frame$frameMeta$orig3, _ref8, _frame$frameMeta$orig4, _img$scaleX3, _img$scaleY2, _frame$_boundConstrai;
         if (e.target !== img || !frame.isEditMode) return;
         const originalWidth = (_ref7 = (_frame$frameMeta$orig3 = frame.frameMeta.originalWidth) !== null && _frame$frameMeta$orig3 !== void 0 ? _frame$frameMeta$orig3 : img.width) !== null && _ref7 !== void 0 ? _ref7 : 100;
         const originalHeight = (_ref8 = (_frame$frameMeta$orig4 = frame.frameMeta.originalHeight) !== null && _frame$frameMeta$orig4 !== void 0 ? _frame$frameMeta$orig4 : img.height) !== null && _ref8 !== void 0 ? _ref8 : 100;
-        const minScale = frame._calculateCoverScale(originalWidth, originalHeight);
+
+        // Calculate minimum scale for each axis independently
+        const minScaleX = frame.frameWidth / originalWidth;
+        const minScaleY = frame.frameHeight / originalHeight;
         let scaleX = (_img$scaleX3 = img.scaleX) !== null && _img$scaleX3 !== void 0 ? _img$scaleX3 : 1;
-        let scaleY = (_img$scaleY = img.scaleY) !== null && _img$scaleY !== void 0 ? _img$scaleY : 1;
+        let scaleY = (_img$scaleY2 = img.scaleY) !== null && _img$scaleY2 !== void 0 ? _img$scaleY2 : 1;
 
-        // Ensure uniform scaling and minimum scale
-        const scale = Math.max(minScale, Math.max(scaleX, scaleY));
+        // Ensure each axis meets minimum scale (allows non-uniform stretching)
+        scaleX = Math.max(minScaleX, scaleX);
+        scaleY = Math.max(minScaleY, scaleY);
         img.set({
-          scaleX: scale,
-          scaleY: scale
+          scaleX,
+          scaleY
         });
 
         // Also constrain position after scale
@@ -31932,9 +31943,10 @@
       // Constrain position so image always covers the frame
       const originalWidth = (_ref9 = (_this$frameMeta$origi5 = this.frameMeta.originalWidth) !== null && _this$frameMeta$origi5 !== void 0 ? _this$frameMeta$origi5 : this._contentImage.width) !== null && _ref9 !== void 0 ? _ref9 : 100;
       const originalHeight = (_ref0 = (_this$frameMeta$origi6 = this.frameMeta.originalHeight) !== null && _this$frameMeta$origi6 !== void 0 ? _this$frameMeta$origi6 : this._contentImage.height) !== null && _ref0 !== void 0 ? _ref0 : 100;
-      const currentScale = Math.max(contentScaleX, contentScaleY);
-      const scaledImgHalfW = originalWidth * currentScale / 2;
-      const scaledImgHalfH = originalHeight * currentScale / 2;
+
+      // Use actual scaleX/scaleY for non-uniform scaling support
+      const scaledImgHalfW = originalWidth * contentScaleX / 2;
+      const scaledImgHalfH = originalHeight * contentScaleY / 2;
       const frameHalfW = this.frameWidth / 2;
       const frameHalfH = this.frameHeight / 2;
 
@@ -31950,12 +31962,13 @@
         top: constrainedTop
       });
 
-      // Update metadata with new offsets and scale
+      // Update metadata with new offsets and scale (store both scaleX and scaleY)
       this.frameMeta = {
         ...this.frameMeta,
         contentOffsetX: constrainedLeft,
         contentOffsetY: constrainedTop,
-        contentScale: currentScale
+        contentScaleX: contentScaleX,
+        contentScaleY: contentScaleY
       };
 
       // Make content non-interactive again and restore caching
@@ -31964,6 +31977,10 @@
         evented: false,
         hasControls: false,
         hasBorders: false,
+        lockUniScaling: false,
+        // Reset to default
+        centeredScaling: false,
+        // Reset to default
         objectCaching: true
       });