deps: replace es6-tween with @tweenjs/tween.js

es6-tween is buggy. For example, when I use:

  new Tween(PIXIdisplayObject).to({scale: {x: 0.5}}).start()

It always show me an error. ;(

Author: c4710n

package.json

@@ -28,7 +28,7 @@
     ""
   ],
   "dependencies": {
-    "es6-tween": "^5.5.11",
+    "@tweenjs/tween.js": "^18.6.0",
     "eventemitter3": "^4.0.4",
     "fast-glob": "^3.2.2",
     "js-cookie": "^2.2.1",

src/systems/TweenSystem/TWEEN.js

@@ -1,38 +1,26 @@
 // delegate es6-tween
-import { update, remove, Tween } from 'es6-tween/bundled/Tween'
+import TWEEN from '@tweenjs/tween.js'
 
-const TWEEN = { update }
-
-if (!Tween.prototype.loop) {
-  // candy for repeat forever
-  Tween.prototype.loop = function loop() {
+// candy for loop
+if (!TWEEN.Tween.prototype.loop) {
+  TWEEN.Tween.prototype.loop = function loop() {
     this.repeat(Number.POSITIVE_INFINITY)
     return this
   }
 }
 
-/**
- * This is a workaround for stop().
- * When calling tween.stop(), it will trigger an error sometimes.
- */
-if (!Tween.prototype.halt) {
-  Tween.prototype.halt = function halt() {
-    this.pause()
-    remove(this)
-    return this.emit('stop', this.object)
-  }
-}
-
-if (!Tween.prototype.startAsync) {
-  Tween.prototype.startAsync = function() {
+// Promisify start()
+if (!TWEEN.Tween.prototype.startAsync) {
+  TWEEN.Tween.prototype.startAsync = function() {
     return new Promise(resolve => {
-      this.on('complete', resolve)
+      this.onComplete(resolve)
       this.start()
     })
   }
 }
 
-export { Tween, Easing } from 'es6-tween/bundled/Tween'
+export const Tween = TWEEN.Tween
+export const Easing = TWEEN.Easing
 
 /**
  * @external {TWEEN} https://github.com/tweenjs/es6-tween

src/time/TimeProgress.js

@@ -12,42 +12,15 @@ import { Tween } from '../systems/TweenSystem/TWEEN'
  * // start timer
  * timer.start()
  */
-class TimeProgress {
+class TimeProgress extends Tween {
   /**
    * @param {number} timeout timeout in milliseconds.
    */
   constructor(timeout) {
-    const timerStart = { progress: 0 }
-    const timerEnd = { progress: 100 }
-    this.timer = new Tween(timerStart).to(timerEnd, timeout)
-  }
-
-  transformEvent(event) {
-    switch (event) {
-      case 'progress':
-        return 'update'
-
-      default:
-        return event
-    }
-  }
-
-  on(event, listener, context) {
-    event = this.transformEvent(event)
-    this.timer.on(event, listener, context)
-  }
-
-  off(event, listener, context) {
-    event = this.transformEvent(event)
-    this.timer.off(event, listener, context)
-  }
-
-  start() {
-    this.timer.start()
-  }
+    super({ progress: 0 })
+    this.to({ progress: 100 }, timeout)
 
-  stop() {
-    this.timer.stop()
+    this.onProgress = this.onUpdate
   }
 }