fabric 6.2.0 → 6.3.0

package/.eslintrc_tests

@@ -1,58 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "globals": {
-    "fabric": true,
-    "QUnit": true,
-    "assert": true,
-    "pixelmatch": true
-  },
-  "rules": {
-    /* new rules, unify test and src lint */
-    "no-useless-escape": 0,
-    "@typescript-eslint/no-empty-function": 0,
-    "no-mixed-spaces-and-tabs": 0,
-    "@typescript-eslint/no-extra-semi": 0,
-    "no-redeclare": 0,
-    "@typescript-eslint/no-unused-vars": 0,
-    "no-setter-return": 0,
-    "@typescript-eslint/no-this-alias": 0,
-    "@typescript-eslint/no-var-requires": 0,
-    "@typescript-eslint/no-loss-of-precision": 0,
-    /* end of new rules */
-    "eqeqeq": 0,
-    "no-eq-null": 2,
-    "no-eval": 2,
-    "no-unused-expressions": 2,
-    "guard-for-in": 0,
-    "wrap-iife": [
-      2,
-      "any"
-    ],
-    "quote-props": 0,
-    "linebreak-style": 2,
-    "no-loop-func": 2,
-    "no-multi-str": 0,
-    "new-cap": 2,
-    "no-caller": 2,
-    "no-empty": 0,
-    "no-new": 0,
-    "no-plusplus": 0,
-    "strict": 0,
-    "dot-notation": 0,
-    "no-undef": 2,
-    "no-unused-vars": 2,
-    "max-statements": 0,
-    "camelcase": 0,
-    "consistent-this": 0,
-    "max-len": [
-      0,
-      120,
-      {
-        "ignoreComments": true
-      }
-    ]
-  }
-}

package/dist/src/util/internals/cloneDeep.min.mjs

@@ -1,2 +0,0 @@
-const r=r=>JSON.parse(JSON.stringify(r));export{r as cloneDeep};
-//# sourceMappingURL=cloneDeep.min.mjs.map

package/dist/src/util/internals/cloneDeep.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloneDeep.min.mjs","sources":["../../../../src/util/internals/cloneDeep.ts"],"sourcesContent":["export const cloneDeep = <T extends object>(object: T): T =>\n  JSON.parse(JSON.stringify(object));\n"],"names":["cloneDeep","object","JSON","parse","stringify"],"mappings":"AAAaA,MAAAA,EAA+BC,GAC1CC,KAAKC,MAAMD,KAAKE,UAAUH"}

package/dist/src/util/internals/cloneDeep.mjs

@@ -1,4 +0,0 @@
-const cloneDeep = object => JSON.parse(JSON.stringify(object));
-
-export { cloneDeep };
-//# sourceMappingURL=cloneDeep.mjs.map

package/dist/src/util/internals/cloneDeep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloneDeep.mjs","sources":["../../../../src/util/internals/cloneDeep.ts"],"sourcesContent":["export const cloneDeep = <T extends object>(object: T): T =>\n  JSON.parse(JSON.stringify(object));\n"],"names":["cloneDeep","object","JSON","parse","stringify"],"mappings":"AAAaA,MAAAA,SAAS,GAAsBC,MAAS,IACnDC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACH,MAAM,CAAC;;;;"}

package/dist/src/util/internals/index.d.ts

@@ -1,5 +0,0 @@
-export * from './findRight';
-export * from './getRandomInt';
-export * from './ifNaN';
-export * from './removeFromArray';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/util/internals/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/internals/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}

package/src/benchmarks/README.md

@@ -1,7 +0,0 @@
-# Benchmarks
-
-This folder contains files with code we used to evaluate code changes and as a quick repository to test our changes again if necessary.
-
-This folder is in JS and import code from the build of Fabric so we can test an implementation that is more similar to the end result.
-
-NOTE: as of now the files for now are not supposed to run with a command, this folder is just a warehouse of test functions, possibly runnable witn `node filepath.mjs``

package/src/benchmarks/calcCornerCoords.mjs

@@ -1,117 +0,0 @@
-import {
-  Object as FabricObject,
-  Point,
-  util,
-  Control,
-} from '../../dist/index.mjs';
-
-// Swapping of calcCornerCoords in #9377
-
-// OLD CODE FOR REFERENCE AND IMPLEMENTATION TEST
-
-const halfPI = Math.PI / 2;
-
-class OldControl extends Control {
-  calcCornerCoords(
-    objectAngle,
-    angle,
-    objectCornerSize,
-    centerX,
-    centerY,
-    isTouch
-  ) {
-    let cosHalfOffset, sinHalfOffset, cosHalfOffsetComp, sinHalfOffsetComp;
-    const xSize = isTouch ? this.touchSizeX : this.sizeX,
-      ySize = isTouch ? this.touchSizeY : this.sizeY;
-    if (xSize && ySize && xSize !== ySize) {
-      // handle rectangular corners
-      const controlTriangleAngle = Math.atan2(ySize, xSize);
-      const cornerHypotenuse = Math.sqrt(xSize * xSize + ySize * ySize) / 2;
-      const newTheta =
-        controlTriangleAngle - util.degreesToRadians(objectAngle);
-      const newThetaComp =
-        halfPI - controlTriangleAngle - util.degreesToRadians(objectAngle);
-      cosHalfOffset = cornerHypotenuse * util.cos(newTheta);
-      sinHalfOffset = cornerHypotenuse * util.sin(newTheta);
-      // use complementary angle for two corners
-      cosHalfOffsetComp = cornerHypotenuse * util.cos(newThetaComp);
-      sinHalfOffsetComp = cornerHypotenuse * util.sin(newThetaComp);
-    } else {
-      // handle square corners
-      // use default object corner size unless size is defined
-      const cornerSize = xSize && ySize ? xSize : objectCornerSize;
-      const cornerHypotenuse = cornerSize * Math.SQRT1_2;
-      // complementary angles are equal since they're both 45 degrees
-      const newTheta = util.degreesToRadians(45 - objectAngle);
-      cosHalfOffset = cosHalfOffsetComp = cornerHypotenuse * util.cos(newTheta);
-      sinHalfOffset = sinHalfOffsetComp = cornerHypotenuse * util.sin(newTheta);
-    }
-
-    return {
-      tl: new Point(centerX - sinHalfOffsetComp, centerY - cosHalfOffsetComp),
-      tr: new Point(centerX + cosHalfOffset, centerY - sinHalfOffset),
-      bl: new Point(centerX - cosHalfOffset, centerY + sinHalfOffset),
-      br: new Point(centerX + sinHalfOffsetComp, centerY + cosHalfOffsetComp),
-    };
-  }
-}
-
-class OldObject extends FabricObject {
-  _calcCornerCoords(control, position) {
-    const corner = control.calcCornerCoords(
-      this.angle,
-      this.cornerSize,
-      position.x,
-      position.y,
-      false
-    );
-    const touchCorner = control.calcCornerCoords(
-      this.angle,
-      this.touchCornerSize,
-      position.x,
-      position.y,
-      true
-    );
-    return { corner, touchCorner };
-  }
-}
-
-// END OF OLD CODE
-
-const newObject = new FabricObject({ width: 100, height: 100 });
-
-const oldObject = new OldObject({ width: 100, height: 100 });
-
-newObject.controls = {
-  tl: new Control({
-    x: -0.5,
-    y: -0.5,
-  }),
-};
-
-oldObject.controls = {
-  tl: new OldControl({
-    x: -0.5,
-    y: -0.5,
-  }),
-};
-
-const benchmark = (callback) => {
-  const start = Date.now();
-  callback();
-  return Date.now() - start;
-};
-
-const controlNew = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    newObject._calcCornerCoords(newObject.controls.tl, new Point(4.5, 4.5));
-  }
-});
-
-const controlOld = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    oldObject._calcCornerCoords(oldObject.controls.tl, new Point(4.5, 4.5));
-  }
-});
-
-console.log({ controlOld, controlNew });

package/src/benchmarks/calcTransformMatrix.mjs

@@ -1,104 +0,0 @@
-import { util } from '../../dist/index.mjs';
-
-// perf(composeMatrix): 25% improv by restoring v5 implementation #9851
-
-// OLD CODE FOR REFERENCE AND IMPLEMENTATION TEST
-
-const util2 = { ...util };
-
-util2.calcDimensionsMatrix = ({
-  scaleX = 1,
-  scaleY = 1,
-  flipX = false,
-  flipY = false,
-  skewX = 0,
-  skewY = 0,
-}) => {
-  return util2.multiplyTransformMatrixArray(
-    [
-      util2.createScaleMatrix(
-        flipX ? -scaleX : scaleX,
-        flipY ? -scaleY : scaleY
-      ),
-      skewX && util2.createSkewXMatrix(skewX),
-      skewY && util2.createSkewYMatrix(skewY),
-    ],
-    true
-  );
-};
-
-util2.composeMatrix = ({
-  translateX = 0,
-  translateY = 0,
-  angle = 0,
-  ...otherOptions
-}) => {
-  return util2.multiplyTransformMatrixArray([
-    util2.createTranslateMatrix(translateX, translateY),
-    angle && util2.createRotateMatrix({ angle }),
-    util2.calcDimensionsMatrix(otherOptions),
-  ]);
-};
-
-// END OF OLD CODE
-
-const benchmark = (callback) => {
-  const start = Date.now();
-  callback();
-  return Date.now() - start;
-};
-
-const optionsComplex = {
-  skewY: 10,
-  skewX: 4,
-  scaleX: 5,
-  scaleY: 4,
-  angle: 20,
-  flipY: true,
-};
-
-const simpleCase = {
-  scaleX: 5,
-  scaleY: 4,
-  angle: 20,
-};
-
-const complexOld = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    util2.composeMatrix(optionsComplex);
-  }
-});
-
-const complexNew = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    util.composeMatrix(optionsComplex);
-  }
-});
-
-console.log({ complexOld, complexNew });
-
-const simpleOld = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    util2.composeMatrix(simpleCase);
-  }
-});
-
-const simpleNew = benchmark(() => {
-  for (let i = 0; i < 1_000_000; i++) {
-    util.composeMatrix(simpleCase);
-  }
-});
-
-console.log({ simpleOld, simpleNew });
-
-/**
- * On Node 18.17
- * { complexOld: 749, complexNew: 627 }
- * { simpleOld: 537, simpleNew: 374 }
- */
-
-/**
- * After removing the spread operator
- * { complexOld: 761, complexNew: 446 }
- * { simpleOld: 526, simpleNew: 271 }
- */

package/src/benchmarks/pathCloning.mjs

@@ -1,111 +0,0 @@
-import { Path, FabricObject, util } from '../../dist/index.mjs';
-import lodash from 'lodash';
-import { normalPath, insanelyLongButRealPath } from './pathData.mjs';
-
-class OldPath extends Path {
-  /**
-   * Returns object representation of an instance
-   * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-   * @return {Object} object representation of an instance
-   */
-  toObject(propertiesToInclude = []) {
-    return {
-      ...FabricObject.prototype.toObject.call(this, propertiesToInclude),
-      path: this.path.map((pathCmd) => pathCmd.slice()),
-    };
-  }
-}
-
-const benchmark = async (callback) => {
-  const start = Date.now();
-  await callback();
-  return Date.now() - start;
-};
-
-const size = 1;
-
-const pathCloneDeep = await benchmark(async () => {
-  const path = new Path(insanelyLongButRealPath);
-  for (let i = 0; i < size; i++) {
-    await path.clone();
-  }
-});
-
-const pathOldCode = await benchmark(async () => {
-  const path = new OldPath(insanelyLongButRealPath);
-  for (let i = 0; i < size; i++) {
-    await path.clone();
-  }
-});
-
-console.log({
-  pathCloneDeep,
-  pathOldCode,
-});
-
-const parsedPath = util.parsePath(insanelyLongButRealPath);
-
-const parsedNormalPath = util.parsePath(normalPath);
-
-const size2 = 100;
-
-const cloningSimple = await benchmark(async () => {
-  for (let i = 0; i < size2; i++) {
-    const cloned = JSON.parse(JSON.stringify(parsedPath));
-  }
-});
-
-const cloningLodash = await benchmark(async () => {
-  for (let i = 0; i < size2; i++) {
-    const cloned = lodash.cloneDeep(parsedPath);
-  }
-});
-
-const cloningCustom = await benchmark(async () => {
-  for (let i = 0; i < size2; i++) {
-    const cloned = parsedPath.map((pathCmd) => pathCmd.slice());
-  }
-});
-
-console.log({
-  cloningLodash,
-  cloningSimple,
-  cloningCustom,
-});
-
-const size3 = 10_000;
-
-const cloningSimpleNormal = await benchmark(async () => {
-  for (let i = 0; i < size3; i++) {
-    const cloned = JSON.parse(JSON.stringify(parsedNormalPath));
-  }
-});
-
-const cloningLodashNormal = await benchmark(async () => {
-  for (let i = 0; i < size3; i++) {
-    const cloned = lodash.cloneDeep(parsedNormalPath);
-  }
-});
-
-const cloningCustomNormal = await benchmark(async () => {
-  for (let i = 0; i < size3; i++) {
-    const cloned = parsedNormalPath.map((pathCmd) => pathCmd.slice());
-  }
-});
-
-console.log({
-  cloningLodashNormal,
-  cloningSimpleNormal,
-  cloningCustomNormal,
-});
-
-/**
- * results on a m1pro
- * { pathCloneDeep: 649, pathOldCode: 497 }
- * { cloningLodash: 384, cloningSimple: 778, cloningCustom: 26 }
- * {
- *   cloningLodashNormal: 56,
- *   cloningSimpleNormal: 139,
- *   cloningCustomNormal: 7
- * }
- */