import TweenObject, { Tween } from "../../app/src/tweenObject"
import bez from "bezier-easing"
import animationFrameDelta from "animation-frame-delta"

let easeInOut = bez(.42, 0, .58, 1)


let duration = 300


let tween = new TweenObject(0, 100, duration)
tween.onUpdate(console.log)

setTimeout(() => {
  animationFrameDelta(tween.update.bind(tween), duration)

}, 1000)










// type Segments = (string | number)[][]


// const parse = require('parse-svg-path');
// const abs = require('abs-svg-path');
// const normalize = require('normalize-svg-path');

// class SvgPathInterpolator extends Tween<string, Segments> {
//   protected parseIn(face: string): Segments {
//     return normalize(abs(parse(face)))
//   }

//   protected parseOut(interior: Segments) {
//     let s = ""
//     for (let i = 0; i < interior.length; i++) {
//       s += interior[i].join(" ") + " "
//     }
//     s = s.substr(0, s.length-1)
//     return s
//   }
// }