fabric 6.0.0-beta13 → 6.0.0-beta15

package/.eslintrc.js

@@ -36,6 +36,7 @@ module.exports = {
     ],
     'no-restricted-syntax': [
       'error',
+      // explore how to define the selector: https://astexplorer.net/
       {
         selector: '[callee.object.name="Math"][callee.property.name="hypot"]',
         message:
@@ -46,6 +47,14 @@ module.exports = {
         message:
           'Aliasing or destructing `Math` is not allowed due to restrictions on `Math.hypot` usage.',
       },
+      {
+        selector: '[callee.object.name="console"]',
+        message: 'Use the `log` util',
+      },
+      {
+        selector: 'NewExpression[callee.name="Error"]',
+        message: 'Use `FabricError`',
+      },
     ],
   },
 };

package/CHANGELOG.md

@@ -2,7 +2,41 @@
 
 ## [next]
 
-## [6.0.0-b3]
+## [6.0.0-beta14]
+
+- Fix(SVGParser) ignore missing xlink target issue on svg parsing (#9427) [#9109](https://github.com/fabricjs/fabric.js/issues/9109)
+- fix(#9172): dep export `Object`, `Text`, `Image` [#9433](https://github.com/fabricjs/fabric.js/pull/9433)
+
+## [6.0.0-beta14]
+
+- fix(Object): fixes centeredScaling prop type [#9401](https://github.com/fabricjs/fabric.js/pull/9401)
+- CI(): fix build caching + tests when merging to master [#9404](https://github.com/fabricjs/fabric.js/pull/9404)
+- chore(): export poly control utils [#9400](https://github.com/fabricjs/fabric.js/pull/9400)
+- fix(Canvas): in/out event names were swapped [#9396](https://github.com/fabricjs/fabric.js/pull/9396)
+- fix(Canvas): `setActiveObject` should update `canvas#_activeSelection` [#9336](https://github.com/fabricjs/fabric.js/pull/9336)
+- patch(Coords): calc oCoords only with canvas ref [#9380](https://github.com/fabricjs/fabric.js/pull/9380)
+- patch(Control): pass object to `calcCornerCoords` [#9376](https://github.com/fabricjs/fabric.js/pull/9376)
+- fix(Canvas): invalidate `_objectsToRender` on stack change [#9387](https://github.com/fabricjs/fabric.js/pull/9387)
+- ci(e2e): fix babel compiling error [#9388](https://github.com/fabricjs/fabric.js/pull/9388)
+- Breaking: Remove node 14 [#9383](https://github.com/fabricjs/fabric.js/pull/9383)
+- chore(): Rename exports that conflicts with JS/WEB api ( Object, Text, Image ). Kept backward compatibility with deprecation notice [#9172](https://github.com/fabricjs/fabric.js/pull/9172)
+- fix(Geometry): `containsPoint` [#9372](https://github.com/fabricjs/fabric.js/pull/9372)
+  **BREAKING**:
+  - `Canvas#_checkTarget(point, object, pointFromViewport)` => `Canvas#_checkTarget(object, pointFromViewport)`
+- fix(Canvas): avoid firing event twice when working with nested objects [#9329](https://github.com/fabricjs/fabric.js/pull/9329)
+- fix(Control): `calcCornerCoords` angle + calculation [#9377](https://github.com/fabricjs/fabric.js/pull/9377)
+- patch(): dep findCrossPoints in favor of `isPointInPolygon` [#9374](https://github.com/fabricjs/fabric.js/pull/9374)
+- docs() enable typedocs to run again [#9356](https://github.com/fabricjs/fabric.js/pull/9356)
+- chore(): cleanup logs and error messages [#9369](https://github.com/fabricjs/fabric.js/pull/9369)
+- feature(Object) BREAKING: Remove lines parameter from object.containsPoint [#9375](https://github.com/fabricjs/fabric.js/pull/9375)
+- patch(Control): move hit detection to shouldActivate [#9374](https://github.com/fabricjs/fabric.js/pull/9374)
+- fix(Control): method binding for mouseUpHandler, mouseDownHandler, and actionHandler [#9370](https://github.com/fabricjs/fabric.js/pull/9370)
+- fix(StaticCanvas): disposing animations [#9361](https://github.com/fabricjs/fabric.js/pull/9361)
+- fix(IText): cursor width under group [#9341](https://github.com/fabricjs/fabric.js/pull/9341)
+- TS(Canvas): constructor optional el [#9348](https://github.com/fabricjs/fabric.js/pull/9348)
+- fix(Utils): fix exported svg color [#9408](https://github.com/fabricjs/fabric.js/pull/9408)
+
+## [6.0.0-beta13]
 
 - fix(Textbox): implemente a fix for the style shifting issues on new lines [#9197](https://github.com/fabricjs/fabric.js/pull/9197)
 - Fix(Control) fix a regression in `wrap with fixed anchor`, regression from #8400 [#9326](https://github.com/fabricjs/fabric.js/pull/9326)

package/CONTRIBUTING.md

@@ -129,15 +129,15 @@ It is more than likely you will be requested to change stuff and refine your wor
 [![🧪](../../actions/workflows/tests.yml/badge.svg)](../../actions/workflows/tests.yml)
 [![CodeQL](../../actions/workflows/codeql-analysis.yml/badge.svg)](../../actions/workflows/codeql-analysis.yml)
 
-| Suite                                                                        | unit (node)                                                                                              | e2e (browser)                                                                                                                                                                                                                               |
-| ---------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Framework                                                                    | [`jest`][jest]                                                                                           | [`playwright`][playwright]                                                                                                                                                                                                                  |
-| Setup                                                                        |                                                                                                          | <pre>npm run build -- -f -w</pre>                                                                                                                                                                                                           |
-| Running Tests<br><br><br><br><br><pre>\<test cmd\> -- [filter] [watch]</pre> | <pre>npm run test:jest -- [filters] [-w]</pre><br><br><br>It is advised to use filters to save time.<br> | <pre>npm run test:e2e -- [filters] [--ui]</pre><br>In some machines babel is flaky and doesn't build the test files. In that is the case, try running the command using `npx` directly, see [`playwright.setup.ts`](./playwright.setup.ts). |
-| Writing Tests                                                                | Add/update `src/*.(spec\|test).ts` files                                                                 | - Update tests in `e2e/tests`<br>- Create a new test based on `e2e/template`                                                                                                                                                                |
-| Test Gen                                                                     |                                                                                                          | <pre>npm start vanilla<br>npx playwright codegen http://localhost:1234</pre>                                                                                                                                                                |
-| Test Spec                                                                    |                                                                                                          | - `index.ts`: built and loaded into the web app<br> - `index.spec.ts`: test spec<br>                                                                                                                                                        |
-| Outputs                                                                      | Snapshots next to the test file                                                                          | - Snapshots next to the test file <br>- `e2e/test-report`<br>- `e2e/test-results`                                                                                                                                                           |
+| Suite                                                                                                         | unit (node)                                    | e2e (browser)                                                                        |
+| ------------------------------------------------------------------------------------------------------------- | :--------------------------------------------- | :----------------------------------------------------------------------------------- |
+| Framework                                                                                                     | [`jest`][jest]                                 | [`playwright`][playwright]                                                           |
+| Setup                                                                                                         |                                                | <pre>npm run build -- -f -w</pre>                                                    |
+| Running Tests<br><br><pre>\<test cmd\> -- [filter] [watch]</pre><br>It is advised to use filters to save time | <pre>npm run test:jest -- [filters] [-w]</pre> | <pre>npm run test:e2e -- [filters] [--ui]</pre>                                      |
+| Writing Tests                                                                                                 | Add/update `src/*.(spec\|test).ts` files       | - Update tests in `e2e/tests`<br>- Create a new test based on `e2e/template`         |
+| Test Gen                                                                                                      |                                                | <pre>npm start vanilla<br>npx playwright codegen http://localhost:1234</pre>         |
+| Test Spec                                                                                                     |                                                | - `index.ts`: built and loaded into the web app<br> - `index.spec.ts`: test spec<br> |
+| Outputs                                                                                                       | Snapshots next to the test file                | - Snapshots next to the test file <br>- `e2e/test-report`<br>- `e2e/test-results`    |
 
 ### Legacy Test Suite
 

package/dist/fabric.d.ts

@@ -30,7 +30,18 @@ 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 { FabricObject, 
+/**
+ * @deprecated Due to a naming conflict with the
+ * {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object JS API},
+ * `fabric.Object` has been renamed to `FabricObject`
+ *
+ * @example
+ * import { Object } from 'fabric'; // deprecated
+ * import { FabricObject } from 'fabric'; // migration path
+ *
+ */
+FabricObject as Object, } from './src/shapes/Object/FabricObject';
 export type { TFabricObjectProps, FabricObjectProps, SerializedObjectProps, } from './src/shapes/Object/types';
 export type { SerializedLineProps } from './src/shapes/Line';
 export { Line } from './src/shapes/Line';
@@ -47,7 +58,18 @@ export type { SerializedPolylineProps } from './src/shapes/Polyline';
 export { Polyline } from './src/shapes/Polyline';
 export { Polygon } from './src/shapes/Polygon';
 export type { GraphemeBBox, SerializedTextProps, TPathAlign, TPathSide, TextProps, } from './src/shapes/Text/Text';
-export { Text } from './src/shapes/Text/Text';
+export { FabricText, 
+/**
+ * @deprecated Due to a naming conflict with the
+ * {@link https://developer.mozilla.org/en-US/docs/Web/API/Text/Text Web API},
+ * `fabric.Text` has been renamed to `FabricText`
+ *
+ * @example
+ * import { Text } from 'fabric'; // deprecated
+ * import { FabricText } from 'fabric'; // migration path
+ *
+ */
+FabricText as Text, } from './src/shapes/Text/Text';
 export type { ITextProps, SerializedITextProps, } from './src/shapes/IText/IText';
 export { IText } from './src/shapes/IText/IText';
 export type { GraphemeData, SerializedTextboxProps, TextboxProps, } from './src/shapes/Textbox';
@@ -57,7 +79,18 @@ export type { GroupEvents, GroupProps, LayoutContext, GroupOwnProps, LayoutConte
 export { Group } from './src/shapes/Group';
 export type { ActiveSelectionOptions, MultiSelectionStacking, } from './src/shapes/ActiveSelection';
 export { ActiveSelection } from './src/shapes/ActiveSelection';
-export { Image } from './src/shapes/Image';
+export { FabricImage, 
+/**
+ * @deprecated Due to a naming conflict with the
+ * {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image Web API},
+ * `fabric.Image` has been renamed to `FabricImage`
+ *
+ * @example
+ * import { Image } from 'fabric'; // deprecated
+ * import { FabricImage } from 'fabric'; // migration path
+ *
+ */
+FabricImage as Image, } from './src/shapes/Image';
 export type { ImageSource, SerializedImageProps, ImageProps, } from './src/shapes/Image';
 export { createCollectionMixin } from './src/Collection';
 export * as util from './src/util';