chore(TS): Convert object geometry in its own class (fabricjs#8390)

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## [next]
 
+- chore(TS): Conver Geometry and Origin to classes/e6/ts [#8390](https://github.com/fabricjs/fabric.js/pull/8390)
 - ci(): build stats report [#8395](https://github.com/fabricjs/fabric.js/pull/8395)
 - chore(TS): convert object to es6 class [#8322](https://github.com/fabricjs/fabric.js/pull/8322)
 - docs(): guides follow up, feature request template [#8379](https://github.com/fabricjs/fabric.js/pull/8379)

index.js

@@ -1,5 +1,5 @@
 import './HEADER';
-// import './lib/event'), // optional gestures
+// import './lib/event', // optional gestures
 import './src/mixins/collection.mixin';
 import './src/util/misc/misc';
 // import './src/util/named_accessors.mixin'; i would imagine dead forever or proper setters/getters
@@ -18,8 +18,6 @@ import './src/mixins/canvas_dataurl_exporter.mixin';
 import './src/mixins/canvas_serialization.mixin'; // optiona serialization
 import './src/mixins/canvas_gestures.mixin'; // optional gestures
 import './src/shapes/object.class';
-import './src/mixins/object_origin.mixin';
-import './src/mixins/object_geometry.mixin';
 import './src/mixins/object_ancestry.mixin';
 import './src/mixins/object_stacking.mixin';
 import './src/mixins/object.svg_export';

rollup.config.js

@@ -5,7 +5,7 @@ import { sizeSnapshot } from 'rollup-plugin-size-snapshot';
 import { terser } from 'rollup-plugin-terser';
 import ts from 'rollup-plugin-ts';
 
-const runStats = process.env.BUILD_STATS;
+const runStats = Number(process.env.BUILD_STATS);
 let analyzed = false;
 
 const splitter = /\n|\s|,/g;

scripts/buildStats.mjs

@@ -9,20 +9,9 @@ const MAX_COMMENT_CHARS = 65536;
 const INACCURATE_COMMENT =
   '\n*inaccurate, see [link](https://github.com/doesdev/rollup-plugin-analyzer#why-is-the-reported-size-not-the-same-as-the-file-on-disk)';
 
-function getSign(n) {
-  switch (Math.sign(n)) {
-    case 0:
-      return '';
-    case 1:
-      return '+';
-    case -1:
-      return '-';
-  }
-}
-
 function printSize(a, b) {
   const diff = b - a;
-  return `${b} (${getSign(diff)}${diff})`;
+  return `${b} (${Math.sign(diff) > 0 ? '+' : ''}${diff})`;
 }
 
 function printSizeByte(a, b) {

src/intersection.class.ts

@@ -4,7 +4,7 @@ import { fabric } from '../HEADER';
 
 /* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */
 
-type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';
+export type IntersectionType = 'Intersection' | 'Coincident' | 'Parallel';
 
 /**
  * **Assuming `T`, `A`, `B` are points on the same line**,

src/mixins/itext_click_behavior.mixin.ts

@@ -1,4 +1,7 @@
 //@ts-nocheck
+import { invertTransform, transformPoint } from '../util/misc/matrix';
+import { Point } from '../point.class';
+
 (function (global) {
   var fabric = global.fabric;
   fabric.util.object.extend(
@@ -226,6 +229,20 @@
         }
       },
 
+      /**
+       * Returns coordinates of a pointer relative to object's top left corner in object's plane
+       * @param {Event} e Event to operate upon
+       * @param {Object} [pointer] Pointer to operate upon (instead of event)
+       * @return {Point} Coordinates of a pointer (x, y)
+       */
+      getLocalPointer: function (e: Event, pointer?: IPoint): Point {
+        const thePointer = pointer || this.canvas.getPointer(e);
+        return transformPoint(
+          thePointer,
+          invertTransform(this.calcTransformMatrix())
+        ).add(new Point(this.width / 2, this.height / 2));
+      },
+
       /**
        * Returns index of a character corresponding to where an object was clicked
        * @param {Event} e Event object