chore(TS): migrate object mixins (#8414)

Co-authored-by: Andrea Bogazzi <andreabogazzi79@gmail.com>

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## [next]
 
+- chore(TS): migrate object mixins to TS [#8414](https://github.com/fabricjs/fabric.js/pull/8414)
 - chore(TS): migrate filters [#8474](https://github.com/fabricjs/fabric.js/pull/8474)
 - chore(TS): BaseBrush abstract methods [#8428](https://github.com/fabricjs/fabric.js/pull/8428)
 - feat(): Add `createObjectDefaultControls` and `createTextboxDefaultControls` to create copies of control sets. [#8415](https://github.com/fabricjs/fabric.js/pull/8415)

index.js

@@ -15,14 +15,13 @@ import './src/canvas.class'; // optional interaction
 import './src/mixins/canvas_events.mixin'; // optional interaction
 import './src/mixins/canvas_grouping.mixin'; // optional interaction
 import './src/mixins/canvas_dataurl_exporter.mixin';
-import './src/mixins/canvas_serialization.mixin'; // optiona serialization
-import './src/mixins/canvas_gestures.mixin'; // optional gesturesv
-import './src/mixins/object_interactivity.mixin'; // optional interaction
-import './src/mixins/object_ancestry.mixin';
-import './src/mixins/object_stacking.mixin';
-import './src/mixins/object.svg_export';
-import './src/mixins/stateful.mixin';
-import './src/mixins/animation.mixin'; // optional animation
+import './src/mixins/canvas_serialization.mixin'; // optional serialization
+import './src/mixins/canvas_gestures.mixin'; // optional gestures
+import './src/mixins/canvas_animation.mixin'; // optional animation
+import './src/mixins/canvas_straightening.mixin'; // optional animation
+import './src/shapes/fabricObject.class';
+import './src/mixins/object_stacking.mixin'; // removed in #8461
+import './src/mixins/stateful.mixin'; // will die soon
 import './src/shapes/line.class';
 import './src/shapes/circle.class';
 import './src/shapes/triangle.class';
@@ -34,7 +33,6 @@ import './src/shapes/path.class';
 import './src/shapes/group.class';
 import './src/shapes/active_selection.class'; // optional interaction
 import './src/shapes/image.class';
-import './src/mixins/object_straightening.mixin'; // optional objectstraightening
 import './src/filters/WebGLProbe'; // optional image_filters
 import './src/filters/base_filter.class'; // optional image_filters
 import './src/filters/colormatrix_filter.class'; // optional image_filters

src/__types__.ts

@@ -1,6 +1,7 @@
-import { CanvasEvents, ModifierKey } from './EventTypeDefs';
+import { CanvasEvents, ModifierKey, StaticCanvasEvents } from './EventTypeDefs';
 import type { Observable } from './mixins/observable.mixin';
 import type { Point } from './point.class';
+import type { FabricObject } from './shapes/fabricObject.class';
 import { TMat2D } from './typedefs';
 
 /**
@@ -10,7 +11,8 @@ export type Canvas = StaticCanvas & {
   altActionKey: ModifierKey;
   uniScaleKey: ModifierKey;
   uniformScaling: boolean;
-} & Record<string, any>;
+} & Record<string, any> &
+  Observable<CanvasEvents>;
 export type StaticCanvas = Record<string, any> & {
   getZoom(): number;
   viewportTransform: TMat2D;
@@ -19,4 +21,5 @@ export type StaticCanvas = Record<string, any> & {
     br: Point;
   };
   getRetinaScaling(): number;
-} & Observable<CanvasEvents>;
+  _objects: FabricObject[];
+} & Observable<StaticCanvasEvents>;