fabric 5.3.0 → 6.0.0-beta3

package/dist/src/util/path/typedefs.d.ts

@@ -0,0 +1,220 @@
+import type { TRadian } from '../../typedefs';
+import type { XY, Point } from '../../Point';
+export type TPathSegmentInfoCommon<C extends string> = {
+    x: number;
+    y: number;
+    command?: C;
+    length: number;
+};
+export type TCurveInfo<C extends string> = TPathSegmentInfoCommon<C> & {
+    /**
+     * Get the Point a certain percent distance along the curve
+     * @param pct
+     */
+    iterator: (pct: number) => Point;
+    /**
+     * Get the angle to a percent
+     * @param pct
+     */
+    angleFinder: (pct: number) => number;
+    /**
+     * Total length of the curve
+     */
+    length: number;
+};
+export type TEndPathInfo = TPathSegmentInfoCommon<'Z'> & {
+    destX: number;
+    destY: number;
+};
+/**
+ * Relevant info to calculate path length/points on path
+ * for each command type in a simplified parsed path
+ */
+export type TPathSegmentCommandInfo = {
+    M: TPathSegmentInfoCommon<'M'>;
+    L: TPathSegmentInfoCommon<'L'>;
+    C: TCurveInfo<'C'>;
+    Q: TCurveInfo<'Q'>;
+    Z: TEndPathInfo;
+};
+export type TPathSegmentInfo = TPathSegmentCommandInfo[keyof TPathSegmentCommandInfo];
+/**
+ * A parsed command of any length (even impossible ones)
+ */
+export type TParsedCommand = [command: string] | [command: string, arg1: number] | [command: string, arg1: number, arg2: number] | [command: string, arg1: number, arg2: number, arg3: number] | [command: string, arg1: number, arg2: number, arg3: number, arg4: number] | [
+    command: string,
+    arg1: number,
+    arg2: number,
+    arg3: number,
+    arg4: number,
+    arg5: number
+] | [
+    command: string,
+    arg1: number,
+    arg2: number,
+    arg3: number,
+    arg4: number,
+    arg5: number,
+    arg6: number
+] | [
+    command: string,
+    arg1: number,
+    arg2: number,
+    arg3: number,
+    arg4: number,
+    arg5: number,
+    arg6: number,
+    arg7: number
+];
+/**
+ * Command strings of any length
+ */
+type TCommand1<T extends TParsedCommand> = `${T[0]}`;
+type TCommand2<T extends TParsedCommand> = `${T[0]} ${T[1]}`;
+type TCommand3<T extends TParsedCommand> = `${T[0]} ${T[1]} ${T[2]}`;
+type TCommand5<T extends TParsedCommand> = `${T[0]} ${T[1]} ${T[2]} ${T[3]} ${T[4]}`;
+type TCommand7<T extends TParsedCommand> = `${T[0]} ${T[1]} ${T[2]} ${T[3]} ${T[4]} ${T[5]} ${T[6]}`;
+type TCommand8<T extends TParsedCommand> = `${T[0]} ${T[1]} ${T[2]} ${T[3]} ${T[4]} ${T[5]} ${T[6]} ${T[7]}`;
+/**
+ * Begin parsed SVG path commands
+ * Read about commands at {@link https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths|MDN}
+ */
+export type TParsedAbsoluteMoveToCommand = [command: 'M', x: number, y: number];
+export type TParsedRelativeMoveToCommand = [
+    command: 'm',
+    dx: number,
+    dy: number
+];
+export type TParsedMoveToCommand = TParsedAbsoluteMoveToCommand | TParsedRelativeMoveToCommand;
+export type TMoveToCommand = TCommand3<TParsedMoveToCommand>;
+export type TParsedAbsoluteLineCommand = [command: 'L', x: number, y: number];
+export type TParsedRelativeLineCommand = [command: 'l', dx: number, dy: number];
+export type TParsedLineCommand = TParsedAbsoluteLineCommand | TParsedRelativeLineCommand;
+export type TLineCommand = TCommand3<TParsedLineCommand>;
+export type TParsedAbsoluteHorizontalLineCommand = [command: 'H', x: number];
+export type TParsedRelativeHorizontalLineCommand = [command: 'h', dx: number];
+export type TParsedHorizontalLineCommand = TParsedAbsoluteHorizontalLineCommand | TParsedRelativeHorizontalLineCommand;
+export type THorizontalLineCommand = TCommand2<TParsedHorizontalLineCommand>;
+export type TParsedAbsoluteVerticalLineCommand = [command: 'V', y: number];
+export type TParsedRelativeVerticalLineCommand = [command: 'v', dy: number];
+export type TParsedVerticalLineCommand = TParsedAbsoluteVerticalLineCommand | TParsedRelativeVerticalLineCommand;
+export type TVerticalLineCommand = TCommand2<TParsedVerticalLineCommand>;
+export type TParsedAbsoluteClosePathCommand = [command: 'Z'];
+export type TParsedRelativeClosePathCommand = [command: 'z'];
+export type TParsedClosePathCommand = TParsedAbsoluteClosePathCommand | TParsedRelativeClosePathCommand;
+export type TClosePathCommand = TCommand1<TParsedClosePathCommand>;
+export type TParsedAbsoluteCubicCurveCommand = [
+    command: 'C',
+    controlPoint1X: number,
+    controlPoint1Y: number,
+    controlPoint2X: number,
+    controlPoint2Y: number,
+    endX: number,
+    endY: number
+];
+export type TParsedRelativeCubicCurveCommand = [
+    command: 'c',
+    controlPoint1DX: number,
+    controlPoint1DY: number,
+    controlPoint2DX: number,
+    controlPoint2DY: number,
+    endDX: number,
+    endDY: number
+];
+export type TParsedCubicCurveCommand = TParsedAbsoluteCubicCurveCommand | TParsedRelativeCubicCurveCommand;
+export type TCubicCurveCommand = TCommand7<TParsedCubicCurveCommand>;
+export type TParsedAbsoluteCubicCurveShortcutCommand = [
+    command: 'S',
+    controlPoint2X: number,
+    controlPoint2Y: number,
+    endX: number,
+    endY: number
+];
+export type TParsedRelativeCubicCurveShortcutCommand = [
+    command: 's',
+    controlPoint2DX: number,
+    controlPoint2DY: number,
+    endDX: number,
+    endDY: number
+];
+export type TParsedCubicCurveShortcutCommand = TParsedAbsoluteCubicCurveShortcutCommand | TParsedRelativeCubicCurveShortcutCommand;
+export type TCubicCurveShortcutCommand = TCommand5<TParsedCubicCurveShortcutCommand>;
+export type TParsedAbsoluteQuadraticCurveCommand = [
+    command: 'Q',
+    controlPointX: number,
+    controlPointY: number,
+    endX: number,
+    endY: number
+];
+export type TParsedRelativeQuadraticCurveCommand = [
+    command: 'q',
+    controlPointDX: number,
+    controlPointDY: number,
+    endDX: number,
+    endDY: number
+];
+export type TParsedQuadraticCurveCommand = TParsedAbsoluteQuadraticCurveCommand | TParsedRelativeQuadraticCurveCommand;
+export type TQuadraticCurveCommand = TCommand5<TParsedQuadraticCurveCommand>;
+export type TParsedAbsoluteQuadraticCurveShortcutCommand = [
+    command: 'T',
+    endX: number,
+    endY: number
+];
+export type TParsedRelativeQuadraticCurveShortcutCommand = [
+    command: 't',
+    endDX: number,
+    endDY: number
+];
+export type TParsedQuadraticCurveShortcutCommand = TParsedAbsoluteQuadraticCurveShortcutCommand | TParsedRelativeQuadraticCurveShortcutCommand;
+export type TQuadraticCurveShortcutCommand = TCommand3<TParsedQuadraticCurveShortcutCommand>;
+export type TParsedAbsoluteArcCommand = [
+    command: 'A',
+    radiusX: number,
+    radiusY: number,
+    rotation: TRadian,
+    largeArc: 0 | 1,
+    sweep: 0 | 1,
+    endX: number,
+    endY: number
+];
+export type TParsedRelativeArcCommand = [
+    command: 'a',
+    radiusX: number,
+    radiusY: number,
+    rotation: TRadian,
+    largeArc: 0 | 1,
+    sweep: 0 | 1,
+    endDX: number,
+    endDY: number
+];
+export type TParsedArcCommand = TParsedAbsoluteArcCommand | TParsedRelativeArcCommand;
+export type TArcCommandSingleFlag<T extends TParsedArcCommand> = `${T[0]} ${T[1]} ${T[2]} ${T[3]} ${T[4]}${T[5]} ${T[6]} ${T[7]}`;
+export type TArcCommand = TCommand8<TParsedArcCommand> | TArcCommandSingleFlag<TParsedArcCommand>;
+/**
+ * End parsed path commands
+ */
+/**
+ * Any old valid SVG path command
+ */
+export type TComplexParsedCommand = TParsedMoveToCommand | TParsedLineCommand | TParsedHorizontalLineCommand | TParsedVerticalLineCommand | TParsedClosePathCommand | TParsedCubicCurveCommand | TParsedCubicCurveShortcutCommand | TParsedQuadraticCurveCommand | TParsedQuadraticCurveShortcutCommand | TParsedArcCommand;
+/**
+ * A series of path commands
+ */
+export type TComplexPathData = TComplexParsedCommand[];
+/**
+ * Any SVG command that all Fabric functions can understand
+ *
+ */
+export type TSimpleParsedCommand = TParsedAbsoluteMoveToCommand | TParsedAbsoluteLineCommand | TParsedAbsoluteClosePathCommand | TParsedAbsoluteCubicCurveCommand | TParsedAbsoluteQuadraticCurveCommand;
+/**
+ * A series of simple paths
+ */
+export type TSimplePathData = TSimpleParsedCommand[];
+/**
+ * A point (vector) and angle between the vector and x-axis
+ */
+export type TPointAngle = XY & {
+    angle: TRadian;
+};
+export {};
+//# sourceMappingURL=typedefs.d.ts.map

package/dist/src/util/transform_matrix_removal.d.ts

@@ -0,0 +1,14 @@
+import type { FabricObject } from '../shapes/Object/FabricObject';
+import { TMat2D } from '../typedefs';
+type FabricObjectWithTransformMatrix = FabricObject & {
+    transformMatrix?: TMat2D;
+};
+/**
+ * This function is an helper for svg import. it removes the transform matrix
+ * and set to object properties that fabricjs can handle
+ * @private
+ * @param {Object} preserveAspectRatioOptions
+ */
+export declare const removeTransformMatrixForSvgParsing: (object: FabricObjectWithTransformMatrix, preserveAspectRatioOptions?: any) => void;
+export {};
+//# sourceMappingURL=transform_matrix_removal.d.ts.map

package/dist/src/util/types.d.ts

@@ -0,0 +1,19 @@
+import type { ActiveSelection } from '../shapes/ActiveSelection';
+import type { Group } from '../shapes/Group';
+import type { FabricObject, TCachedFabricObject } from '../shapes/Object/Object';
+import type { FabricObjectWithDragSupport } from '../shapes/Object/InteractiveObject';
+import type { TFiller } from '../typedefs';
+import type { Text } from '../shapes/Text/Text';
+import type { Pattern } from '../Pattern';
+import type { IText } from '../shapes/IText/IText';
+import type { Textbox } from '../shapes/Textbox';
+export declare const isFiller: (filler: TFiller | string | null) => filler is TFiller;
+export declare const isSerializableFiller: (filler: TFiller | string | null) => filler is TFiller;
+export declare const isPattern: (filler: TFiller) => filler is Pattern;
+export declare const isCollection: (fabricObject?: FabricObject) => fabricObject is Group | ActiveSelection;
+export declare const isActiveSelection: (fabricObject?: FabricObject) => fabricObject is ActiveSelection;
+export declare const isTextObject: (fabricObject?: FabricObject) => fabricObject is Text<Partial<import("../shapes/Text/Text").TextProps>, import("../shapes/Text/Text").SerializedTextProps, import("../EventTypeDefs").ObjectEvents>;
+export declare const isInteractiveTextObject: (fabricObject?: FabricObject) => fabricObject is IText<import("../shapes/IText/IText").ITextProps, import("../shapes/IText/IText").SerializedITextProps, import("../shapes/IText/ITextBehavior").ITextEvents> | Textbox;
+export declare const isFabricObjectCached: (fabricObject: FabricObject) => fabricObject is TCachedFabricObject;
+export declare const isFabricObjectWithDragSupport: (fabricObject?: FabricObject) => fabricObject is FabricObjectWithDragSupport;
+//# sourceMappingURL=types.d.ts.map

package/fabric.ts

@@ -0,0 +1,51 @@
+export { getEnv, getDocument, getWindow } from './src/env';
+export { cache } from './src/cache';
+export { VERSION as version, iMatrix } from './src/constants';
+export { config } from './src/config';
+export { classRegistry } from './src/ClassRegistry';
+export { runningAnimations } from './src/util/animation/AnimationRegistry';
+
+export { Observable } from './src/Observable';
+
+export { StaticCanvas } from './src/canvas/StaticCanvas';
+export { Canvas } from './src/canvas/Canvas';
+
+export { Point } from './src/Point';
+export { Intersection } from './src/Intersection';
+export { Color } from './src/color/Color';
+
+export { Gradient } from './src/gradient/Gradient';
+export { Pattern } from './src/Pattern';
+export { Shadow } from './src/Shadow';
+
+export { BaseBrush } from './src/brushes/BaseBrush';
+export { PencilBrush } from './src/brushes/PencilBrush';
+export { CircleBrush } from './src/brushes/CircleBrush';
+export { SprayBrush } from './src/brushes/SprayBrush';
+export { PatternBrush } from './src/brushes/PatternBrush';
+
+export { FabricObject as Object } from './src/shapes/Object/FabricObject';
+export { Line } from './src/shapes/Line';
+export { Circle } from './src/shapes/Circle';
+export { Triangle } from './src/shapes/Triangle';
+export { Ellipse } from './src/shapes/Ellipse';
+export { Rect } from './src/shapes/Rect';
+export { Path } from './src/shapes/Path';
+export { Polyline } from './src/shapes/Polyline';
+export { Polygon } from './src/shapes/Polygon';
+export { Text } from './src/shapes/Text/Text';
+export { IText } from './src/shapes/IText/IText';
+export { Textbox } from './src/shapes/Textbox';
+export { Group } from './src/shapes/Group';
+export { ActiveSelection } from './src/shapes/ActiveSelection';
+export { Image } from './src/shapes/Image';
+export { createCollectionMixin } from './src/Collection';
+
+export * as util from './src/util';
+
+export * from './src/parser';
+
+export { Control } from './src/controls/Control';
+export * as controlsUtils from './src/controls';
+
+export * from './src/filters';

package/index.node.ts

@@ -0,0 +1,37 @@
+// first we set the env variable by importing the node env file
+import { getNodeCanvas } from './src/env/node';
+
+import type { JpegConfig, PngConfig } from 'canvas';
+import {
+  Canvas as CanvasBase,
+  StaticCanvas as StaticCanvasBase,
+} from './fabric';
+import { FabricObject } from './src/shapes/Object/Object';
+
+FabricObject.ownDefaults.objectCaching = false;
+
+export * from './fabric';
+
+export class StaticCanvas extends StaticCanvasBase {
+  getNodeCanvas() {
+    return getNodeCanvas(this.lowerCanvasEl);
+  }
+  createPNGStream(opts?: PngConfig) {
+    return this.getNodeCanvas().createPNGStream(opts);
+  }
+  createJPEGStream(opts?: JpegConfig) {
+    return this.getNodeCanvas().createJPEGStream(opts);
+  }
+}
+
+export class Canvas extends CanvasBase {
+  getNodeCanvas() {
+    return getNodeCanvas(this.lowerCanvasEl);
+  }
+  createPNGStream(opts?: PngConfig) {
+    return this.getNodeCanvas().createPNGStream(opts);
+  }
+  createJPEGStream(opts?: JpegConfig) {
+    return this.getNodeCanvas().createJPEGStream(opts);
+  }
+}

package/index.ts

@@ -0,0 +1 @@
+export * from './fabric';

package/package.json

@@ -2,16 +2,23 @@
   "name": "fabric",
   "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
   "homepage": "http://fabricjs.com/",
-  "version": "5.3.0",
+  "version": "6.0.0-beta3",
   "author": "Juriy Zaytsev <kangax@gmail.com>",
   "contributors": [
     {
       "name": "Andrea Bogazzi",
-      "email": "andreabogazzi79@gmail.com"
+      "email": "andreabogazzi79@gmail.com",
+      "url": "https://github.com/asturur"
     },
     {
       "name": "Steve Eberhardt",
-      "email": "melchiar2@gmail.com"
+      "email": "melchiar2@gmail.com",
+      "url": "https://github.com/melchiar"
+    },
+    {
+      "name": "Shachar Nencel",
+      "email": "shacharnen@gmail.com",
+      "url": "https://github.com/ShaMan123"
     }
   ],
   "keywords": [
@@ -24,17 +31,6 @@
     "HTML5",
     "object model"
   ],
-  "browser": {
-    "canvas": false,
-    "fs": false,
-    "jsdom": false,
-    "jsdom/lib/jsdom/living/generated/utils": false,
-    "jsdom/lib/jsdom/utils": false,
-    "http": false,
-    "https": false,
-    "xmldom": false,
-    "url": false
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/fabricjs/fabric.js"
@@ -44,49 +40,113 @@
   },
   "license": "MIT",
   "scripts": {
+    "docs": "typedoc --out docs fabric.ts",
+    "cli": "node ./scripts/index.mjs",
+    "sandboxscript": "node ./scripts/sandbox.mjs",
     "changelog": "auto-changelog -o change-output.md --unreleased-only",
-    "build": "node build.js modules=ALL requirejs exclude=gestures,accessors,erasing",
-    "build:fast": "node build.js modules=ALL requirejs fast exclude=gestures,accessors,erasing",
-    "build:watch": "onchange 'src/**/**' 'HEADER.js' 'lib/**/**' -- npm run build_export",
-    "link:watch": "onchange 'src/**/**' 'HEADER.js' 'lib/**/**' -- npm link",
-    "build_with_gestures": "node build.js modules=ALL exclude=accessors",
-    "build_export": "npm run build:fast && npm run export_dist_to_site",
-    "test:single": "qunit test/node_test_setup.js test/lib",
+    "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",
+    "build-tests": "rollup -c ./rollup.test.config.js",
+    "test": "npm run cli -- test",
+    "sandbox": "npm run sandboxscript -- sandbox",
+    "test:unit-browser": "npm run test -- -s unit -p 8080 -l -c chrome firefox",
+    "test:visual-browser": "npm run test -- -s visual -p 8081 -l -c chrome firefox",
     "test:coverage": "nyc --silent qunit test/node_test_setup.js test/lib test/unit",
     "test:visual:coverage": "nyc --silent --no-clean qunit test/node_test_setup.js test/lib test/visual",
     "coverage:report": "nyc report --reporter=lcov --reporter=text",
-    "test": "qunit --require ./test/node_test_setup.js test/lib test/unit",
-    "test:visual": "qunit test/node_test_setup.js test/lib test/visual",
-    "test:visual:single": "qunit test/node_test_setup.js test/lib",
-    "test:all": "npm run test && npm run test:visual",
-    "lint": "eslint --config .eslintrc.json src",
+    "lint": "eslint --config .eslintrc.js src/**/*.ts",
     "lint_tests": "eslint test/unit --config .eslintrc_tests && eslint test/visual --config .eslintrc_tests",
-    "export_gesture_to_site": "cp dist/fabric.js ../fabricjs.com/lib/fabric_with_gestures.js",
-    "export_dist_to_site": "cp dist/fabric.js ../fabricjs.com/lib/fabric.js && cp package.json ../fabricjs.com/lib/package.json && cp -r src HEADER.js lib ../fabricjs.com/build/files/",
-    "export_tests_to_site": "cp test/unit/*.js ../fabricjs.com/test/unit && cp -r test/visual/* ../fabricjs.com/test/visual && cp -r test/fixtures/* ../fabricjs.com/test/fixtures && cp -r test/lib/* ../fabricjs.com/test/lib",
-    "all": "npm run build && npm run test && npm run test:visual && npm run lint && npm run lint_tests && npm run export_dist_to_site && npm run export_tests_to_site",
-    "testem": "testem .",
-    "testem:ci": "testem ci"
+    "all": "npm run build && npm run test -- --all && npm run lint && npm run lint_tests && npm run export",
+    "prettier:check": "prettier --check .",
+    "prettier:write": "prettier --write .",
+    "babel-constants": "babel --no-babelrc src/constants.ts --extensions '.ts' --out-dir dist/src/ --config-file ./.babelrcAlt --plugins=babel-plugin-import-json-value",
+    "babel-src": "babel --no-babelrc src --extensions '.ts' --ignore 'src/constants.ts' --out-dir dist/src --config-file ./.babelrcAlt"
   },
   "optionalDependencies": {
     "canvas": "^2.8.0",
-    "jsdom": "^19.0.0"
+    "jsdom": "^20.0.1"
   },
   "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.18.6",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-terser": "^0.3.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/fs-extra": "^9.0.13",
+    "@types/jsdom": "^20.0.1",
+    "@types/lodash": "^4.14.180",
+    "@types/node": "^17.0.21",
+    "@typescript-eslint/eslint-plugin": "^5.53.0",
+    "@typescript-eslint/parser": "^5.53.0",
+    "abort-controller": "^3.0.0",
     "auto-changelog": "^2.3.0",
+    "axios": "^0.27.2",
+    "babel-plugin-import-json-value": "^0.1.2",
+    "busboy": "^1.6.0",
     "chalk": "^2.4.1",
-    "deep-object-diff": "^1.1.7",
-    "eslint": "4.18.x",
+    "commander": "^9.1.0",
+    "eslint": "^8.34.0",
+    "eslint-config-prettier": "^8.6.0",
+    "fireworm": "^0.7.2",
+    "fs-extra": "^10.0.1",
+    "fuzzy": "^0.1.3",
+    "inquirer": "^8.2.1",
+    "inquirer-checkbox-plus-prompt": "^1.0.1",
+    "kill-port": "^2.0.1",
+    "micromatch": "^4.0.5",
+    "moment": "^2.29.1",
     "nyc": "^15.1.0",
-    "onchange": "^7.1.0",
     "pixelmatch": "^4.0.2",
+    "prettier": "2.7.1",
+    "ps-list": "^8.1.0",
     "qunit": "^2.17.2",
-    "testem": "^3.2.0",
-    "uglify-js": "3.3.x"
+    "rollup": "^3.9.1",
+    "semver": "^7.3.8",
+    "source-map-support": "^0.5.21",
+    "testem": "^3.8.0",
+    "tslib": "^2.4.1",
+    "typedoc": "^0.23.24",
+    "typescript": "^4.9.4"
   },
   "engines": {
     "node": ">=14.0.0"
   },
-  "main": "./dist/fabric.js",
-  "dependencies": {}
+  "module": "./dist/index.mjs",
+  "main": "./dist/index.node.cjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    ">=4.2": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "node": [
+        "dist/index.node.d.ts"
+      ],
+      "src/*": [
+        "src/*"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js",
+      "node": null,
+      "types": "./dist/index.d.ts"
+    },
+    "./node": {
+      "import": "./dist/index.node.mjs",
+      "require": "./dist/index.node.cjs",
+      "default": "./dist/index.node.cjs",
+      "node": "./dist/index.node.cjs",
+      "types": "./dist/index.node.d.ts"
+    }
+  }
 }

package/publish.js

@@ -1,14 +1,5 @@
 var cp = require('child_process');
-var path = require('path');
-var fs = require('fs');
 
-// useful changelog regexp for atom
-// \(#([0-9]+)\) [#$1](https://github.com/fabricjs/fabric.js/pull/$1)
-
-// eslint-disable-next-line no-undef
-var pkgPath = path.resolve(__dirname, './package.json');
-var pkgText = fs.readFileSync(pkgPath); // get original pkg text to restore it later
-var pkgObject = JSON.parse(pkgText); // parsed pkg to override its fields
 var args = process.argv.slice(2).join(' '); // args will be passed to npm publish (like --dry-run)
 var preRelease = process.env.PRE_RELEASE;
 
@@ -18,25 +9,8 @@ if (preRelease === 'true') {
   args = '--tag beta ' + args;
 }
 
-// override package.json with updated fields
-fs.writeFileSync(
-  pkgPath,
-  JSON.stringify(Object.assign(pkgObject, {
-    optionalDependencies: {},
-    version: pkgObject.version + '-browser',
-  }), null, '\t')
-);
-
 console.log('npm publish ' + args);
 
-// publish -browser version
-cp.execSync('npm publish ' + args);
-
-console.log('Browser package is published');
-
-// restore the original package.json contents
-fs.writeFileSync(pkgPath, pkgText);
-
 // publish the main version (the package is published "above" the -browser version)
 cp.execSync('npm publish ' + args);
 

package/rollup.config.mjs

@@ -0,0 +1,91 @@
+import json from '@rollup/plugin-json';
+import terser from '@rollup/plugin-terser';
+import ts from '@rollup/plugin-typescript';
+import { babel } from '@rollup/plugin-babel';
+import path from 'path';
+import chalk from 'chalk';
+// import dts from "rollup-plugin-dts";
+
+const splitter = /\n|\s|,/g;
+
+const buildOutput = process.env.BUILD_OUTPUT || './dist/index.js';
+
+const dirname = path.dirname(buildOutput);
+const basename = path.basename(buildOutput, '.js');
+
+const plugins = [
+  json(),
+  ts({
+    noForceEmit: true,
+    tsconfig: './tsconfig.json',
+  }),
+  babel({
+    extensions: ['.ts', '.js'],
+    babelHelpers: 'bundled',
+  }),
+];
+
+/**
+ * disallow circular deps
+ * @see https://rollupjs.org/configuration-options/#onwarn
+ * @param {*} warning
+ * @param {*} warn
+ */
+function onwarn(warning, warn) {
+  if (warning.code === 'CIRCULAR_DEPENDENCY') {
+    console.error(chalk.redBright(warning.message));
+    throw Object.assign(new Error(), warning);
+  }
+  warn(warning);
+}
+
+// https://rollupjs.org/guide/en/#configuration-files
+export default [
+  {
+    input: process.env.BUILD_INPUT?.split(splitter) || ['./index.ts'],
+    output: [
+      {
+        file: path.resolve(dirname, `${basename}.mjs`),
+        name: 'fabric',
+        format: 'es',
+        sourcemap: true,
+      },
+      {
+        file: path.resolve(dirname, `${basename}.js`),
+        name: 'fabric',
+        format: 'umd',
+        sourcemap: true,
+      },
+      Number(process.env.MINIFY)
+        ? {
+            file: path.resolve(dirname, `${basename}.min.js`),
+            name: 'fabric',
+            format: 'umd',
+            plugins: [terser()],
+          }
+        : null,
+    ],
+    plugins,
+    onwarn,
+  },
+  {
+    input: ['./index.node.ts'],
+    output: [
+      {
+        file: path.resolve(dirname, `${basename}.node.mjs`),
+        name: 'fabric',
+        format: 'es',
+        sourcemap: true,
+      },
+      {
+        file: path.resolve(dirname, `${basename}.node.cjs`),
+        name: 'fabric',
+        format: 'cjs',
+        sourcemap: true,
+      },
+    ],
+    plugins,
+    onwarn,
+    external: ['jsdom', 'jsdom/lib/jsdom/living/generated/utils.js', 'canvas'],
+  },
+];