@quinninc/pixi-transformer 0.0.8 → 0.1.0

package/dist/Transformer.d.ts

@@ -18,6 +18,7 @@ export declare class Transformer extends Pixi.Container {
     private toPoint;
     private target;
     private movedThreshold;
+    private updateCallbacks;
     private handleOpacity;
     private controlsSize;
     private controlsDimOpacity;
@@ -77,7 +78,7 @@ export declare class Transformer extends Pixi.Container {
     private deScale;
     select(target: Pixi.Container): void;
     unselect(): void;
-    onUpdate: () => void;
+    onUpdate: (cb: (t?: Transformer) => void) => () => void;
     update(): void;
     setTitle(title: string): void;
     setCursor(cursor: string): void;

package/dist/Transformer.js

@@ -32,6 +32,7 @@ export class Transformer extends Pixi.Container {
         super();
         // target Pixi.Container
         this.target = null;
+        this.updateCallbacks = [];
         // position state
         this.left = 0;
         this.top = 0;
@@ -41,7 +42,15 @@ export class Transformer extends Pixi.Container {
         this.dragging = false;
         this.snapKey = false;
         this.pivotKey = false;
-        this.onUpdate = () => { };
+        this.onUpdate = (cb) => {
+            this.updateCallbacks.push(cb);
+            return () => {
+                const index = this.updateCallbacks.indexOf(cb);
+                if (index > -1) {
+                    this.updateCallbacks.splice(index, 1);
+                }
+            };
+        };
         const that = this;
         this._id = id;
         this.debug = debug;
@@ -140,10 +149,18 @@ export class Transformer extends Pixi.Container {
             if (!that.target)
                 return;
             const eventPoint = that.convertToLocal(ev.global);
-            console.log("Prev anchor - ", that._anchor);
-            console.log("ev.position - ", eventPoint.x, eventPoint.y);
-            console.log("that.target.position - ", that.target.position.x, that.target.position.y);
-            console.log("that.target.pivot - ", that.target.pivot.x, that.target.pivot.y);
+            // console.log("Prev anchor - ", that._anchor);
+            // console.log("ev.position - ", eventPoint.x, eventPoint.y);
+            // console.log(
+            //   "that.target.position - ",
+            //   that.target.position.x,
+            //   that.target.position.y,
+            // );
+            // console.log(
+            //   "that.target.pivot - ",
+            //   that.target.pivot.x,
+            //   that.target.pivot.y,
+            // );
             let dx, dy;
             // calc new pivot point
             // step 1 - translate to origin
@@ -532,14 +549,15 @@ export class Transformer extends Pixi.Container {
         this.pivotKey = false;
         this.snapKey = false;
         this.dragging = false;
-        this.onUpdate();
+        for (const cb of this.updateCallbacks) {
+            cb(this);
+        }
     }
     update() {
         if (!this.target) {
-            console.log("no target, returning...");
+            // console.log("no target, returning...");
             return;
         }
-        this.onUpdate();
         // copy object translation/transformation
         const bounds = this.target.getLocalBounds();
         this.width = bounds.width;
@@ -636,6 +654,9 @@ export class Transformer extends Pixi.Container {
         allHandles.forEach((handle) => {
             this.deScale(handle);
         });
+        for (const cb of this.updateCallbacks) {
+            cb(this);
+        }
     }
     setTitle(title) {
         title = title || "";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quinninc/pixi-transformer",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.1.0",
   "repository": {
     "url": "https://github.com/Quinn-Care-Private-Limited/pixi-transformer"
   },