@shopify/react-native-skia 0.1.122 → 0.1.125

package/lib/module/values/web/RNSkClockValue.js

@@ -0,0 +1,65 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+var RNSkClockState;
+
+(function (RNSkClockState) {
+  RNSkClockState[RNSkClockState["NotStarted"] = 0] = "NotStarted";
+  RNSkClockState[RNSkClockState["Running"] = 1] = "Running";
+  RNSkClockState[RNSkClockState["Stopped"] = 2] = "Stopped";
+})(RNSkClockState || (RNSkClockState = {}));
+
+export class RNSkClockValue extends RNSkReadonlyValue {
+  constructor(raf) {
+    super(0);
+
+    _defineProperty(this, "_raf", void 0);
+
+    _defineProperty(this, "_start", void 0);
+
+    _defineProperty(this, "_stop", void 0);
+
+    _defineProperty(this, "_state", RNSkClockState.NotStarted);
+
+    _defineProperty(this, "notifyUpdate", _ => {
+      if (this._state === RNSkClockState.Running) {
+        const now = Date.now();
+        const deltaFromStart = now - this._start;
+        this.tick(deltaFromStart);
+
+        this._raf(this.notifyUpdate);
+      }
+    });
+
+    this._raf = raf;
+    this.update(0);
+  }
+
+  tick(value) {
+    this.update(value);
+  }
+
+  start() {
+    if (this._state === RNSkClockState.NotStarted) {
+      this._start = Date.now();
+      this._stop = this._start;
+    } // Subtract pause time from start
+
+
+    const timeSinceStop = Date.now() - this._stop;
+
+    this._start += timeSinceStop;
+    this._state = RNSkClockState.Running;
+
+    this._raf(this.notifyUpdate);
+  }
+
+  stop() {
+    if (this._state === RNSkClockState.Running) {
+      this._state = RNSkClockState.Stopped;
+      this._stop = Date.now();
+    }
+  }
+
+}
+//# sourceMappingURL=RNSkClockValue.js.map

package/lib/module/values/web/RNSkClockValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RNSkClockValue.ts"],"names":["RNSkReadonlyValue","RNSkClockState","RNSkClockValue","constructor","raf","NotStarted","_","_state","Running","now","Date","deltaFromStart","_start","tick","_raf","notifyUpdate","update","value","start","_stop","timeSinceStop","stop","Stopped"],"mappings":";;AAEA,SAASA,iBAAT,QAAkC,qBAAlC;IAEKC,c;;WAAAA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;AAAAA,EAAAA,c,CAAAA,c;GAAAA,c,KAAAA,c;;AAML,OAAO,MAAMC,cAAN,SACGF,iBADH,CAGP;AACEG,EAAAA,WAAW,CAACC,GAAD,EAAoD;AAC7D,UAAM,CAAN;;AAD6D;;AAAA;;AAAA;;AAAA,oCAS9BH,cAAc,CAACI,UATe;;AAAA,0CAWvCC,CAAD,IAAe;AACpC,UAAI,KAAKC,MAAL,KAAgBN,cAAc,CAACO,OAAnC,EAA4C;AAC1C,cAAMC,GAAG,GAAGC,IAAI,CAACD,GAAL,EAAZ;AACA,cAAME,cAAc,GAAGF,GAAG,GAAG,KAAKG,MAAlC;AACA,aAAKC,IAAL,CAAUF,cAAV;;AACA,aAAKG,IAAL,CAAU,KAAKC,YAAf;AACD;AACF,KAlB8D;;AAE7D,SAAKD,IAAL,GAAYV,GAAZ;AACA,SAAKY,MAAL,CAAY,CAAZ;AACD;;AAgBSH,EAAAA,IAAI,CAACI,KAAD,EAAgB;AAC5B,SAAKD,MAAL,CAAYC,KAAZ;AACD;;AAEMC,EAAAA,KAAK,GAAG;AACb,QAAI,KAAKX,MAAL,KAAgBN,cAAc,CAACI,UAAnC,EAA+C;AAC7C,WAAKO,MAAL,GAAcF,IAAI,CAACD,GAAL,EAAd;AACA,WAAKU,KAAL,GAAa,KAAKP,MAAlB;AACD,KAJY,CAKb;;;AACA,UAAMQ,aAAa,GAAGV,IAAI,CAACD,GAAL,KAAa,KAAKU,KAAxC;;AACA,SAAKP,MAAL,IAAgBQ,aAAhB;AAEA,SAAKb,MAAL,GAAcN,cAAc,CAACO,OAA7B;;AACA,SAAKM,IAAL,CAAU,KAAKC,YAAf;AACD;;AAEMM,EAAAA,IAAI,GAAG;AACZ,QAAI,KAAKd,MAAL,KAAgBN,cAAc,CAACO,OAAnC,EAA4C;AAC1C,WAAKD,MAAL,GAAcN,cAAc,CAACqB,OAA7B;AACA,WAAKH,KAAL,GAAaT,IAAI,CAACD,GAAL,EAAb;AACD;AACF;;AA3CH","sourcesContent":["import type { SkiaClockValue } from \"../types\";\n\nimport { RNSkReadonlyValue } from \"./RNSkReadonlyValue\";\n\nenum RNSkClockState {\n  NotStarted = 0,\n  Running = 1,\n  Stopped = 2,\n}\n\nexport class RNSkClockValue\n  extends RNSkReadonlyValue<number>\n  implements SkiaClockValue\n{\n  constructor(raf: (callback: (time: number) => void) => number) {\n    super(0);\n    this._raf = raf;\n    this.update(0);\n  }\n\n  private _raf: (callback: (time: number) => void) => number;\n  private _start: number | undefined;\n  private _stop: number | undefined;\n  private _state: RNSkClockState = RNSkClockState.NotStarted;\n\n  private notifyUpdate = (_: number) => {\n    if (this._state === RNSkClockState.Running) {\n      const now = Date.now();\n      const deltaFromStart = now - this._start!;\n      this.tick(deltaFromStart);\n      this._raf(this.notifyUpdate);\n    }\n  };\n\n  protected tick(value: number) {\n    this.update(value);\n  }\n\n  public start() {\n    if (this._state === RNSkClockState.NotStarted) {\n      this._start = Date.now();\n      this._stop = this._start;\n    }\n    // Subtract pause time from start\n    const timeSinceStop = Date.now() - this._stop!;\n    this._start! += timeSinceStop;\n\n    this._state = RNSkClockState.Running;\n    this._raf(this.notifyUpdate);\n  }\n\n  public stop() {\n    if (this._state === RNSkClockState.Running) {\n      this._state = RNSkClockState.Stopped;\n      this._stop = Date.now();\n    }\n  }\n}\n"]}

package/lib/module/values/web/RNSkDerivedValue.js

@@ -0,0 +1,41 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+export class RNSkDerivedValue extends RNSkReadonlyValue {
+  constructor(callback, dependencies) {
+    // Initialize dependencies - we can't call this yet, since
+    // super if not called and it requires a start value to be set.
+    const unsubscribers = [];
+    const notifyUpdateRef = {
+      current: undefined
+    };
+    dependencies.forEach(dep => {
+      if ("__typename__" in dep && "addListener" in dep) {
+        unsubscribers.push(dep.addListener(() => {
+          var _notifyUpdateRef$curr;
+
+          return (_notifyUpdateRef$curr = notifyUpdateRef.current) === null || _notifyUpdateRef$curr === void 0 ? void 0 : _notifyUpdateRef$curr.call(notifyUpdateRef);
+        }));
+      }
+    });
+    super(callback());
+
+    _defineProperty(this, "_callback", void 0);
+
+    _defineProperty(this, "_unsubscribers", void 0);
+
+    this._unsubscribers = unsubscribers;
+    notifyUpdateRef.current = this.dependecyUpdated.bind(this);
+    this._callback = callback;
+  }
+
+  dependecyUpdated() {
+    this.update(this._callback());
+  }
+
+  unsubscribe() {
+    this._unsubscribers.forEach(unsubscribe => unsubscribe());
+  }
+
+}
+//# sourceMappingURL=RNSkDerivedValue.js.map

package/lib/module/values/web/RNSkDerivedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RNSkDerivedValue.ts"],"names":["RNSkReadonlyValue","RNSkDerivedValue","constructor","callback","dependencies","unsubscribers","notifyUpdateRef","current","undefined","forEach","dep","push","addListener","_unsubscribers","dependecyUpdated","bind","_callback","update","unsubscribe"],"mappings":";;AAEA,SAASA,iBAAT,QAAkC,qBAAlC;AAEA,OAAO,MAAMC,gBAAN,SAAkCD,iBAAlC,CAAuD;AAC5DE,EAAAA,WAAW,CAACC,QAAD,EAAoBC,YAApB,EAAkD;AAC3D;AACA;AACA,UAAMC,aAAgC,GAAG,EAAzC;AACA,UAAMC,eAAsD,GAAG;AAC7DC,MAAAA,OAAO,EAAEC;AADoD,KAA/D;AAGAJ,IAAAA,YAAY,CAACK,OAAb,CAAsBC,GAAD,IAAS;AAC5B,UAAI,kBAAkBA,GAAlB,IAAyB,iBAAiBA,GAA9C,EAAmD;AACjDL,QAAAA,aAAa,CAACM,IAAd,CACGD,GAAD,CAAoCE,WAApC,CAAgD;AAAA;;AAAA,0CAC9CN,eAAe,CAACC,OAD8B,0DAC9C,2BAAAD,eAAe,CAD+B;AAAA,SAAhD,CADF;AAKD;AACF,KARD;AASA,UAAMH,QAAQ,EAAd;;AAhB2D;;AAAA;;AAiB3D,SAAKU,cAAL,GAAsBR,aAAtB;AACAC,IAAAA,eAAe,CAACC,OAAhB,GAA0B,KAAKO,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAA1B;AACA,SAAKC,SAAL,GAAiBb,QAAjB;AACD;;AAEOW,EAAAA,gBAAgB,GAAG;AACzB,SAAKG,MAAL,CAAY,KAAKD,SAAL,EAAZ;AACD;;AAKME,EAAAA,WAAW,GAAG;AACnB,SAAKL,cAAL,CAAoBJ,OAApB,CAA6BS,WAAD,IAAiBA,WAAW,EAAxD;AACD;;AAhC2D","sourcesContent":["import type { DependencyList } from \"react\";\n\nimport { RNSkReadonlyValue } from \"./RNSkReadonlyValue\";\n\nexport class RNSkDerivedValue<T> extends RNSkReadonlyValue<T> {\n  constructor(callback: () => T, dependencies: DependencyList) {\n    // Initialize dependencies - we can't call this yet, since\n    // super if not called and it requires a start value to be set.\n    const unsubscribers: Array<() => void> = [];\n    const notifyUpdateRef: { current: (() => void) | undefined } = {\n      current: undefined,\n    };\n    dependencies.forEach((dep) => {\n      if (\"__typename__\" in dep && \"addListener\" in dep) {\n        unsubscribers.push(\n          (dep as RNSkReadonlyValue<unknown>).addListener(() =>\n            notifyUpdateRef.current?.()\n          )\n        );\n      }\n    });\n    super(callback());\n    this._unsubscribers = unsubscribers;\n    notifyUpdateRef.current = this.dependecyUpdated.bind(this);\n    this._callback = callback;\n  }\n\n  private dependecyUpdated() {\n    this.update(this._callback());\n  }\n\n  private _callback: () => T;\n  private _unsubscribers: Array<() => void>;\n\n  public unsubscribe() {\n    this._unsubscribers.forEach((unsubscribe) => unsubscribe());\n  }\n}\n"]}

package/lib/module/values/web/RNSkReadonlyValue.js

@@ -0,0 +1,36 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export class RNSkReadonlyValue {
+  constructor(value) {
+    _defineProperty(this, "_current", void 0);
+
+    _defineProperty(this, "_listeners", []);
+
+    _defineProperty(this, "__typename__", "RNSkValue");
+
+    this._current = value;
+  }
+
+  notifyListeners() {
+    this._listeners.forEach(cb => cb(this._current));
+  }
+
+  update(nextValue) {
+    this._current = nextValue;
+    this.notifyListeners();
+  }
+
+  get current() {
+    return this._current;
+  }
+
+  addListener(cb) {
+    this._listeners.push(cb);
+
+    return () => {
+      this._listeners.splice(this._listeners.indexOf(cb), 1);
+    };
+  }
+
+}
+//# sourceMappingURL=RNSkReadonlyValue.js.map

package/lib/module/values/web/RNSkReadonlyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RNSkReadonlyValue.ts"],"names":["RNSkReadonlyValue","constructor","value","_current","notifyListeners","_listeners","forEach","cb","update","nextValue","current","addListener","push","splice","indexOf"],"mappings":";;AAEA,OAAO,MAAMA,iBAAN,CAA2D;AAChEC,EAAAA,WAAW,CAACC,KAAD,EAAW;AAAA;;AAAA,wCAK0B,EAL1B;;AAAA,0CAgBS,WAhBT;;AACpB,SAAKC,QAAL,GAAgBD,KAAhB;AACD;;AAKOE,EAAAA,eAAe,GAAS;AAC9B,SAAKC,UAAL,CAAgBC,OAAhB,CAAyBC,EAAD,IAAQA,EAAE,CAAC,KAAKJ,QAAN,CAAlC;AACD;;AAESK,EAAAA,MAAM,CAACC,SAAD,EAAqB;AACnC,SAAKN,QAAL,GAAgBM,SAAhB;AACA,SAAKL,eAAL;AACD;;AAIiB,MAAPM,OAAO,GAAM;AACtB,WAAO,KAAKP,QAAZ;AACD;;AAEMQ,EAAAA,WAAW,CAACJ,EAAD,EAAyB;AACzC,SAAKF,UAAL,CAAgBO,IAAhB,CAAqBL,EAArB;;AACA,WAAO,MAAM;AACX,WAAKF,UAAL,CAAgBQ,MAAhB,CAAuB,KAAKR,UAAL,CAAgBS,OAAhB,CAAwBP,EAAxB,CAAvB,EAAoD,CAApD;AACD,KAFD;AAGD;;AA5B+D","sourcesContent":["import type { SkiaReadonlyValue } from \"../types\";\n\nexport class RNSkReadonlyValue<T> implements SkiaReadonlyValue<T> {\n  constructor(value: T) {\n    this._current = value;\n  }\n\n  private _current: T;\n  private _listeners: Array<(value: T) => void> = [];\n\n  private notifyListeners(): void {\n    this._listeners.forEach((cb) => cb(this._current));\n  }\n\n  protected update(nextValue: T): void {\n    this._current = nextValue;\n    this.notifyListeners();\n  }\n\n  public readonly __typename__ = \"RNSkValue\";\n\n  public get current(): T {\n    return this._current;\n  }\n\n  public addListener(cb: (value: T) => void) {\n    this._listeners.push(cb);\n    return () => {\n      this._listeners.splice(this._listeners.indexOf(cb), 1);\n    };\n  }\n}\n"]}

package/lib/module/values/web/RNSkValue.js

@@ -0,0 +1,63 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
+export class RNSkValue extends RNSkReadonlyValue {
+  constructor(value) {
+    super(value);
+
+    _defineProperty(this, "_unsubscribe", void 0);
+
+    _defineProperty(this, "_animation", void 0);
+
+    this._unsubscribe = undefined;
+  }
+
+  set current(value) {
+    this.update(value);
+  }
+
+  get current() {
+    return super.current;
+  }
+
+  unsubscribe() {
+    if (this._unsubscribe) {
+      this._unsubscribe();
+
+      this._unsubscribe = undefined;
+    }
+
+    if (this._animation) {
+      this._animation.cancel();
+
+      this._animation = undefined;
+    }
+  }
+
+  subscribe(animation) {
+    this.unsubscribe();
+
+    if (animation) {
+      this._animation = animation;
+      this._unsubscribe = animation.addListener( // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      this.animationDidUpdate.bind(this));
+
+      this._animation.start();
+    }
+  }
+
+  animationDidUpdate(value) {
+    this.update(value);
+  }
+
+  get animation() {
+    return this._animation;
+  }
+
+  set animation(v) {
+    this.subscribe(v);
+  }
+
+}
+//# sourceMappingURL=RNSkValue.js.map

package/lib/module/values/web/RNSkValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RNSkValue.ts"],"names":["RNSkReadonlyValue","RNSkValue","constructor","value","_unsubscribe","undefined","current","update","unsubscribe","_animation","cancel","subscribe","animation","addListener","animationDidUpdate","bind","start","v"],"mappings":";;AAEA,SAASA,iBAAT,QAAkC,qBAAlC;AAEA,OAAO,MAAMC,SAAN,SAA2BD,iBAA3B,CAAwE;AAC7EE,EAAAA,WAAW,CAACC,KAAD,EAAW;AACpB,UAAMA,KAAN;;AADoB;;AAAA;;AAEpB,SAAKC,YAAL,GAAoBC,SAApB;AACD;;AAEiB,MAAPC,OAAO,CAACH,KAAD,EAAW;AAC3B,SAAKI,MAAL,CAAYJ,KAAZ;AACD;;AAEiB,MAAPG,OAAO,GAAM;AACtB,WAAO,MAAMA,OAAb;AACD;;AAIOE,EAAAA,WAAW,GAAG;AACpB,QAAI,KAAKJ,YAAT,EAAuB;AACrB,WAAKA,YAAL;;AACA,WAAKA,YAAL,GAAoBC,SAApB;AACD;;AACD,QAAI,KAAKI,UAAT,EAAqB;AACnB,WAAKA,UAAL,CAAgBC,MAAhB;;AACA,WAAKD,UAAL,GAAkBJ,SAAlB;AACD;AACF;;AAEOM,EAAAA,SAAS,CAACC,SAAD,EAAuC;AACtD,SAAKJ,WAAL;;AACA,QAAII,SAAJ,EAAe;AACb,WAAKH,UAAL,GAAkBG,SAAlB;AACA,WAAKR,YAAL,GAAoBQ,SAAS,CAACC,WAAV,EAClB;AACA;AACA,WAAKC,kBAAL,CAAwBC,IAAxB,CAA6B,IAA7B,CAHkB,CAApB;;AAKA,WAAKN,UAAL,CAAgBO,KAAhB;AACD;AACF;;AAEOF,EAAAA,kBAAkB,CAACX,KAAD,EAAW;AACnC,SAAKI,MAAL,CAAYJ,KAAZ;AACD;;AAGmB,MAATS,SAAS,GAA8B;AAChD,WAAO,KAAKH,UAAZ;AACD;;AAEmB,MAATG,SAAS,CAACK,CAAD,EAA+B;AACjD,SAAKN,SAAL,CAAeM,CAAf;AACD;;AAnD4E","sourcesContent":["import type { SkiaAnimation, SkiaValue } from \"../types\";\n\nimport { RNSkReadonlyValue } from \"./RNSkReadonlyValue\";\n\nexport class RNSkValue<T> extends RNSkReadonlyValue<T> implements SkiaValue<T> {\n  constructor(value: T) {\n    super(value);\n    this._unsubscribe = undefined;\n  }\n\n  public set current(value: T) {\n    this.update(value);\n  }\n\n  public get current(): T {\n    return super.current;\n  }\n\n  private _unsubscribe: (() => void) | undefined;\n\n  private unsubscribe() {\n    if (this._unsubscribe) {\n      this._unsubscribe();\n      this._unsubscribe = undefined;\n    }\n    if (this._animation) {\n      this._animation.cancel();\n      this._animation = undefined;\n    }\n  }\n\n  private subscribe(animation: SkiaAnimation | undefined) {\n    this.unsubscribe();\n    if (animation) {\n      this._animation = animation;\n      this._unsubscribe = animation.addListener(\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.animationDidUpdate.bind(this)\n      );\n      this._animation.start();\n    }\n  }\n\n  private animationDidUpdate(value: T) {\n    this.update(value);\n  }\n\n  private _animation: SkiaAnimation | undefined;\n  public get animation(): SkiaAnimation | undefined {\n    return this._animation;\n  }\n\n  public set animation(v: SkiaAnimation | undefined) {\n    this.subscribe(v);\n  }\n}\n"]}

package/lib/module/values/web/api.js

@@ -0,0 +1,19 @@
+import { RNSkAnimation } from "./RNSkAnimation";
+import { RNSkClockValue } from "./RNSkClockValue";
+import { RNSkDerivedValue } from "./RNSkDerivedValue";
+import { RNSkValue } from "./RNSkValue";
+export const ValueApi = {
+  createValue: function (initialValue) {
+    return new RNSkValue(initialValue);
+  },
+  createDerivedValue: function (cb, values) {
+    return new RNSkDerivedValue(cb, values);
+  },
+  createClockValue: function () {
+    return new RNSkClockValue(requestAnimationFrame);
+  },
+  createAnimation: function (cb) {
+    return new RNSkAnimation(cb, requestAnimationFrame);
+  }
+};
+//# sourceMappingURL=api.js.map

package/lib/module/values/web/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["api.ts"],"names":["RNSkAnimation","RNSkClockValue","RNSkDerivedValue","RNSkValue","ValueApi","createValue","initialValue","createDerivedValue","cb","values","createClockValue","requestAnimationFrame","createAnimation"],"mappings":"AASA,SAASA,aAAT,QAA8B,iBAA9B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,SAAT,QAA0B,aAA1B;AAEA,OAAO,MAAMC,QAAuB,GAAG;AACrCC,EAAAA,WAAW,EAAE,UAAaC,YAAb,EAA4C;AACvD,WAAO,IAAIH,SAAJ,CAAcG,YAAd,CAAP;AACD,GAHoC;AAIrCC,EAAAA,kBAAkB,EAAE,UAClBC,EADkB,EAElBC,MAFkB,EAGI;AACtB,WAAO,IAAIP,gBAAJ,CAAqBM,EAArB,EAAyBC,MAAzB,CAAP;AACD,GAToC;AAUrCC,EAAAA,gBAAgB,EAAE,YAA4B;AAC5C,WAAO,IAAIT,cAAJ,CAAmBU,qBAAnB,CAAP;AACD,GAZoC;AAarCC,EAAAA,eAAe,EAAE,UACfJ,EADe,EAEA;AACf,WAAO,IAAIR,aAAJ,CAAkBQ,EAAlB,EAAsBG,qBAAtB,CAAP;AACD;AAjBoC,CAAhC","sourcesContent":["import type {\n  ISkiaValueApi,\n  SkiaValue,\n  SkiaReadonlyValue,\n  SkiaClockValue,\n  AnimationState,\n  SkiaAnimation,\n} from \"../types\";\n\nimport { RNSkAnimation } from \"./RNSkAnimation\";\nimport { RNSkClockValue } from \"./RNSkClockValue\";\nimport { RNSkDerivedValue } from \"./RNSkDerivedValue\";\nimport { RNSkValue } from \"./RNSkValue\";\n\nexport const ValueApi: ISkiaValueApi = {\n  createValue: function <T>(initialValue: T): SkiaValue<T> {\n    return new RNSkValue(initialValue);\n  },\n  createDerivedValue: function <R>(\n    cb: () => R,\n    values: SkiaReadonlyValue<unknown>[]\n  ): SkiaReadonlyValue<R> {\n    return new RNSkDerivedValue(cb, values);\n  },\n  createClockValue: function (): SkiaClockValue {\n    return new RNSkClockValue(requestAnimationFrame);\n  },\n  createAnimation: function <S extends AnimationState = AnimationState>(\n    cb: (t: number, state: S | undefined) => S\n  ): SkiaAnimation {\n    return new RNSkAnimation(cb, requestAnimationFrame);\n  },\n};\n"]}

package/lib/module/values/web/index.js

@@ -0,0 +1,2 @@
+export * from "./api";
+//# sourceMappingURL=index.js.map

package/lib/module/values/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAd","sourcesContent":["export * from \"./api\";\n"]}

package/lib/module/views/SkiaView.js

@@ -4,11 +4,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React from "react";
 import { requireNativeComponent } from "react-native";
+import { SkiaViewApi } from "./api";
 let SkiaViewNativeId = 1000;
 const NativeSkiaView = requireNativeComponent("ReactNativeSkiaView");
-const {
-  SkiaViewApi
-} = global;
 export class SkiaView extends React.Component {
   constructor(props) {
     super(props);

package/lib/module/views/SkiaView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SkiaView.tsx"],"names":["React","requireNativeComponent","SkiaViewNativeId","NativeSkiaView","SkiaViewApi","global","SkiaView","Component","constructor","props","_nativeId","onDraw","assertDrawCallbacksEnabled","setDrawCallback","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","invalidateSkiaView","setDrawMode","mode","registerValues","values","registerValuesInView","render","debug","viewProps","Error"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,sBAAT,QAAuC,cAAvC;AAWA,IAAIC,gBAAgB,GAAG,IAAvB;AAEA,MAAMC,cAAc,GAAGF,sBAAsB,CAC3C,qBAD2C,CAA7C;AAoBA,MAAM;AAAEG,EAAAA;AAAF,IAAkBC,MAAxB;AA0BA,OAAO,MAAMC,QAAN,SAAuBN,KAAK,CAACO,SAA7B,CAAsD;AAC3DC,EAAAA,WAAW,CAACC,KAAD,EAAuB;AAChC,UAAMA,KAAN;;AADgC;;AAEhC,SAAKC,SAAL,GAAiBR,gBAAgB,EAAjC;AACA,UAAM;AAAES,MAAAA;AAAF,QAAaF,KAAnB;;AACA,QAAIE,MAAJ,EAAY;AACVC,MAAAA,0BAA0B;AAC1BR,MAAAA,WAAW,CAACS,eAAZ,CAA4B,KAAKH,SAAjC,EAA4CC,MAA5C;AACD;AACF;;AAIkB,MAARG,QAAQ,GAAG;AACpB,WAAO,KAAKJ,SAAZ;AACD;;AAEDK,EAAAA,kBAAkB,CAACC,SAAD,EAA2B;AAC3C,UAAM;AAAEL,MAAAA;AAAF,QAAa,KAAKF,KAAxB;;AACA,QAAIE,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;AAC/BC,MAAAA,0BAA0B;AAC1BR,MAAAA,WAAW,CAACS,eAAZ,CAA4B,KAAKH,SAAjC,EAA4CC,MAA5C;AACD;AACF;AAED;AACF;AACA;AACA;AACA;;;AACSM,EAAAA,iBAAiB,CAACC,IAAD,EAAgB;AACtCN,IAAAA,0BAA0B;AAC1B,WAAOR,WAAW,CAACa,iBAAZ,CAA8B,KAAKP,SAAnC,EAA8CQ,IAA9C,CAAP;AACD;AAED;AACF;AACA;;;AACSC,EAAAA,MAAM,GAAG;AACdP,IAAAA,0BAA0B;AAC1BR,IAAAA,WAAW,CAACgB,kBAAZ,CAA+B,KAAKV,SAApC;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACSW,EAAAA,WAAW,CAACC,IAAD,EAAiB;AACjCV,IAAAA,0BAA0B;AAC1BR,IAAAA,WAAW,CAACiB,WAAZ,CAAwB,KAAKX,SAA7B,EAAwCY,IAAxC;AACD;AAED;AACF;AACA;AACA;AACA;;;AACSC,EAAAA,cAAc,CAACC,MAAD,EAAuC;AAC1DZ,IAAAA,0BAA0B;AAC1B,WAAOR,WAAW,CAACqB,oBAAZ,CAAiC,KAAKf,SAAtC,EAAiDc,MAAjD,CAAP;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEJ,MAAAA,IAAF;AAAQK,MAAAA,KAAK,GAAG,KAAhB;AAAuB,SAAGC;AAA1B,QAAwC,KAAKnB,KAAnD;AACA,wBACE,oBAAC,cAAD;AACE,MAAA,WAAW,EAAE,KADf;AAEE,MAAA,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;AAGE,MAAA,IAAI,EAAEY,IAHR;AAIE,MAAA,KAAK,EAAEK;AAJT,OAKMC,SALN,EADF;AASD;;AA9E0D;;AAiF7D,MAAMhB,0BAA0B,GAAG,MAAM;AACvC,MACER,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACS,eAAZ,IAA+B,IAD/B,IAEAT,WAAW,CAACgB,kBAAZ,IAAkC,IAHpC,EAIE;AACA,UAAMS,KAAK,CAAC,0BAAD,CAAX;AACD;AACF,CARD","sourcesContent":["import React from \"react\";\nimport type { ViewProps } from \"react-native\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkImage, SkRect } from \"../skia\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nimport type {\n  DrawMode,\n  RNSkiaDrawCallback,\n  NativeSkiaViewProps,\n} from \"./types\";\n\nlet SkiaViewNativeId = 1000;\n\nconst NativeSkiaView = requireNativeComponent<NativeSkiaViewProps>(\n  \"ReactNativeSkiaView\"\n);\n\ndeclare global {\n  var SkiaViewApi: {\n    invalidateSkiaView: (nativeId: number) => void;\n    makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n    setDrawCallback: (\n      nativeId: number,\n      callback: RNSkiaDrawCallback | undefined\n    ) => void;\n    setDrawMode: (nativeId: number, mode: DrawMode) => void;\n    registerValuesInView: (\n      nativeId: number,\n      values: SkiaReadonlyValue<unknown>[]\n    ) => () => void;\n  };\n}\n\nconst { SkiaViewApi } = global;\n\nexport interface SkiaViewProps extends ViewProps {\n  /**\n   * Sets the drawing mode for the skia view. There are two drawing\n   * modes, \"continuous\" and \"default\", where the continuous mode will\n   * continuously redraw the view, and the default mode will only\n   * redraw when any of the regular react properties are changed like\n   * sizes and margins.\n   */\n  mode?: DrawMode;\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Draw callback. Will be called whenever the view is invalidated and\n   * needs to redraw. This is either caused by a change in a react\n   * property, a touch event, or a call to redraw. If the view is in\n   * continuous mode the callback will be called 60 frames per second\n   * by the native view.\n   */\n  onDraw?: RNSkiaDrawCallback;\n}\n\nexport class SkiaView extends React.Component<SkiaViewProps> {\n  constructor(props: SkiaViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId++;\n    const { onDraw } = props;\n    if (onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaViewProps) {\n    const { onDraw } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.invalidateSkiaView(this._nativeId);\n  }\n\n  /**\n   * Updates the drawing mode for the skia view. This is the same\n   * as declaratively setting the mode property on the SkiaView.\n   * There are two drawing modes, \"continuous\" and \"default\",\n   * where the continuous mode will continuously redraw the view and\n   * the default mode will only redraw when any of the regular react\n   * properties are changed like size and margins.\n   * @param mode Drawing mode to use.\n   */\n  public setDrawMode(mode: DrawMode) {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.setDrawMode(this._nativeId, mode);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaReadonlyValue<unknown>[]) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertDrawCallbacksEnabled = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setDrawCallback == null ||\n    SkiaViewApi.invalidateSkiaView == null\n  ) {\n    throw Error(\"Skia Api is not enabled.\");\n  }\n};\n"]}
+{"version":3,"sources":["SkiaView.tsx"],"names":["React","requireNativeComponent","SkiaViewApi","SkiaViewNativeId","NativeSkiaView","SkiaView","Component","constructor","props","_nativeId","onDraw","assertDrawCallbacksEnabled","setDrawCallback","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","invalidateSkiaView","setDrawMode","mode","registerValues","values","registerValuesInView","render","debug","viewProps","Error"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,cAAvC;AAKA,SAASC,WAAT,QAA4B,OAA5B;AAGA,IAAIC,gBAAgB,GAAG,IAAvB;AAEA,MAAMC,cAAc,GAAGH,sBAAsB,CAC3C,qBAD2C,CAA7C;AAIA,OAAO,MAAMI,QAAN,SAAuBL,KAAK,CAACM,SAA7B,CAAsD;AAC3DC,EAAAA,WAAW,CAACC,KAAD,EAAuB;AAChC,UAAMA,KAAN;;AADgC;;AAEhC,SAAKC,SAAL,GAAiBN,gBAAgB,EAAjC;AACA,UAAM;AAAEO,MAAAA;AAAF,QAAaF,KAAnB;;AACA,QAAIE,MAAJ,EAAY;AACVC,MAAAA,0BAA0B;AAC1BT,MAAAA,WAAW,CAACU,eAAZ,CAA4B,KAAKH,SAAjC,EAA4CC,MAA5C;AACD;AACF;;AAIkB,MAARG,QAAQ,GAAG;AACpB,WAAO,KAAKJ,SAAZ;AACD;;AAEDK,EAAAA,kBAAkB,CAACC,SAAD,EAA2B;AAC3C,UAAM;AAAEL,MAAAA;AAAF,QAAa,KAAKF,KAAxB;;AACA,QAAIE,MAAM,KAAKK,SAAS,CAACL,MAAzB,EAAiC;AAC/BC,MAAAA,0BAA0B;AAC1BT,MAAAA,WAAW,CAACU,eAAZ,CAA4B,KAAKH,SAAjC,EAA4CC,MAA5C;AACD;AACF;AAED;AACF;AACA;AACA;AACA;;;AACSM,EAAAA,iBAAiB,CAACC,IAAD,EAAgB;AACtCN,IAAAA,0BAA0B;AAC1B,WAAOT,WAAW,CAACc,iBAAZ,CAA8B,KAAKP,SAAnC,EAA8CQ,IAA9C,CAAP;AACD;AAED;AACF;AACA;;;AACSC,EAAAA,MAAM,GAAG;AACdP,IAAAA,0BAA0B;AAC1BT,IAAAA,WAAW,CAACiB,kBAAZ,CAA+B,KAAKV,SAApC;AACD;AAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACSW,EAAAA,WAAW,CAACC,IAAD,EAAiB;AACjCV,IAAAA,0BAA0B;AAC1BT,IAAAA,WAAW,CAACkB,WAAZ,CAAwB,KAAKX,SAA7B,EAAwCY,IAAxC;AACD;AAED;AACF;AACA;AACA;AACA;;;AACSC,EAAAA,cAAc,CAACC,MAAD,EAAuC;AAC1DZ,IAAAA,0BAA0B;AAC1B,WAAOT,WAAW,CAACsB,oBAAZ,CAAiC,KAAKf,SAAtC,EAAiDc,MAAjD,CAAP;AACD;;AAEDE,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEJ,MAAAA,IAAF;AAAQK,MAAAA,KAAK,GAAG,KAAhB;AAAuB,SAAGC;AAA1B,QAAwC,KAAKnB,KAAnD;AACA,wBACE,oBAAC,cAAD;AACE,MAAA,WAAW,EAAE,KADf;AAEE,MAAA,QAAQ,EAAG,GAAE,KAAKC,SAAU,EAF9B;AAGE,MAAA,IAAI,EAAEY,IAHR;AAIE,MAAA,KAAK,EAAEK;AAJT,OAKMC,SALN,EADF;AASD;;AA9E0D;;AAiF7D,MAAMhB,0BAA0B,GAAG,MAAM;AACvC,MACET,WAAW,KAAK,IAAhB,IACAA,WAAW,CAACU,eAAZ,IAA+B,IAD/B,IAEAV,WAAW,CAACiB,kBAAZ,IAAkC,IAHpC,EAIE;AACA,UAAMS,KAAK,CAAC,0BAAD,CAAX;AACD;AACF,CARD","sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkRect } from \"../skia\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nimport { SkiaViewApi } from \"./api\";\nimport type { DrawMode, NativeSkiaViewProps, SkiaViewProps } from \"./types\";\n\nlet SkiaViewNativeId = 1000;\n\nconst NativeSkiaView = requireNativeComponent<NativeSkiaViewProps>(\n  \"ReactNativeSkiaView\"\n);\n\nexport class SkiaView extends React.Component<SkiaViewProps> {\n  constructor(props: SkiaViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId++;\n    const { onDraw } = props;\n    if (onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  private _nativeId: number;\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: SkiaViewProps) {\n    const { onDraw } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.invalidateSkiaView(this._nativeId);\n  }\n\n  /**\n   * Updates the drawing mode for the skia view. This is the same\n   * as declaratively setting the mode property on the SkiaView.\n   * There are two drawing modes, \"continuous\" and \"default\",\n   * where the continuous mode will continuously redraw the view and\n   * the default mode will only redraw when any of the regular react\n   * properties are changed like size and margins.\n   * @param mode Drawing mode to use.\n   */\n  public setDrawMode(mode: DrawMode) {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.setDrawMode(this._nativeId, mode);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaReadonlyValue<unknown>[]) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  render() {\n    const { mode, debug = false, ...viewProps } = this.props;\n    return (\n      <NativeSkiaView\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n        {...viewProps}\n      />\n    );\n  }\n}\n\nconst assertDrawCallbacksEnabled = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setDrawCallback == null ||\n    SkiaViewApi.invalidateSkiaView == null\n  ) {\n    throw Error(\"Skia Api is not enabled.\");\n  }\n};\n"]}

package/lib/module/views/api.js

@@ -0,0 +1,4 @@
+export const {
+  SkiaViewApi
+} = global;
+//# sourceMappingURL=api.js.map

package/lib/module/views/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["api.ts"],"names":["SkiaViewApi","global"],"mappings":"AAMA,OAAO,MAAM;AAAEA,EAAAA;AAAF,IAAkBC,MAAxB","sourcesContent":["import type { ISkiaViewApi } from \"./types\";\n\ndeclare global {\n  var SkiaViewApi: ISkiaViewApi;\n}\n\nexport const { SkiaViewApi } = global;\n"]}

package/lib/module/views/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["TouchType"],"mappings":"AAWA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["import type { ViewProps } from \"react-native\";\n\nimport type { SkCanvas } from \"../skia/Canvas\";\n\nexport type DrawMode = \"continuous\" | \"default\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  mode?: DrawMode;\n  debug?: boolean;\n};\n\nexport enum TouchType {\n  Start,\n  Active,\n  End,\n  Cancelled,\n}\n\nexport interface TouchInfo {\n  x: number;\n  y: number;\n  force: number;\n  type: TouchType;\n  timestamp: number;\n}\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n  touches: Array<Array<TouchInfo>>;\n}\n\nexport type ExtendedTouchInfo = TouchInfo & {\n  // points per second\n  velocityX: number;\n  velocityY: number;\n};\n\nexport type TouchHandlers = {\n  onStart?: (touchInfo: TouchInfo) => void;\n  onActive?: (touchInfo: ExtendedTouchInfo) => void;\n  onEnd?: (touchInfo: ExtendedTouchInfo) => void;\n};\n\nexport type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;\n\nexport type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;\n\n/**\n * Listener interface for value changes\n */\nexport interface ValueListener {\n  addListener: (callback: () => void) => number;\n  removeListener: (id: number) => void;\n}\n"]}
+{"version":3,"sources":["types.ts"],"names":["TouchType"],"mappings":"AAaA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;AAAAA,EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["import type { ViewProps } from \"react-native\";\n\nimport type { SkImage, SkRect } from \"../skia\";\nimport type { SkCanvas } from \"../skia/Canvas\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nexport type DrawMode = \"continuous\" | \"default\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  mode?: DrawMode;\n  debug?: boolean;\n};\n\nexport enum TouchType {\n  Start,\n  Active,\n  End,\n  Cancelled,\n}\n\nexport interface TouchInfo {\n  x: number;\n  y: number;\n  force: number;\n  type: TouchType;\n  timestamp: number;\n}\n\nexport interface DrawingInfo {\n  width: number;\n  height: number;\n  timestamp: number;\n  touches: Array<Array<TouchInfo>>;\n}\n\nexport type ExtendedTouchInfo = TouchInfo & {\n  // points per second\n  velocityX: number;\n  velocityY: number;\n};\n\nexport type TouchHandlers = {\n  onStart?: (touchInfo: TouchInfo) => void;\n  onActive?: (touchInfo: ExtendedTouchInfo) => void;\n  onEnd?: (touchInfo: ExtendedTouchInfo) => void;\n};\n\nexport type TouchHandler = (touchInfo: Array<Array<TouchInfo>>) => void;\n\nexport type RNSkiaDrawCallback = (canvas: SkCanvas, info: DrawingInfo) => void;\n\n/**\n * Listener interface for value changes\n */\nexport interface ValueListener {\n  addListener: (callback: () => void) => number;\n  removeListener: (id: number) => void;\n}\n\nexport interface ISkiaViewApi {\n  invalidateSkiaView: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  setDrawCallback: (\n    nativeId: number,\n    callback: RNSkiaDrawCallback | undefined\n  ) => void;\n  setDrawMode: (nativeId: number, mode: DrawMode) => void;\n  registerValuesInView: (\n    nativeId: number,\n    values: SkiaReadonlyValue<unknown>[]\n  ) => () => void;\n}\n\nexport interface SkiaViewProps extends ViewProps {\n  /**\n   * Sets the drawing mode for the skia view. There are two drawing\n   * modes, \"continuous\" and \"default\", where the continuous mode will\n   * continuously redraw the view, and the default mode will only\n   * redraw when any of the regular react properties are changed like\n   * sizes and margins.\n   */\n  mode?: DrawMode;\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Draw callback. Will be called whenever the view is invalidated and\n   * needs to redraw. This is either caused by a change in a react\n   * property, a touch event, or a call to redraw. If the view is in\n   * continuous mode the callback will be called 60 frames per second\n   * by the native view.\n   */\n  onDraw?: RNSkiaDrawCallback;\n}\n"]}

package/lib/typescript/src/{values/animation → animation}/decay/runDecay.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue } from "../../types";
+import type { SkiaValue } from "../../values/types";
 import type { DecayConfig } from "./types";
 /**
  * Runs a decay animation from the current value to zero with the given decay
@@ -7,4 +7,4 @@ import type { DecayConfig } from "./types";
  * @param config Configuration or default configuration
  * @returns Animation
  */
-export declare const runDecay: (value: SkiaValue<number>, config?: DecayConfig | undefined) => import("../../types").SkiaAnimation;
+export declare const runDecay: (value: SkiaValue<number>, config?: DecayConfig | undefined) => import("../../values/types").SkiaAnimation;

package/lib/typescript/src/{values/animation → animation}/decay/types.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationState } from "../../types";
+import type { AnimationState } from "../../values/types";
 export interface DecayConfig {
     from?: number;
     deceleration?: number;

package/lib/typescript/src/animation/functions/interpolate.d.ts

@@ -0,0 +1,11 @@
+export declare enum Extrapolate {
+    IDENTITY = "identity",
+    CLAMP = "clamp",
+    EXTEND = "extend"
+}
+export interface ExtrapolationConfig {
+    extrapolateLeft?: Extrapolate | string;
+    extrapolateRight?: Extrapolate | string;
+}
+export declare type ExtrapolationType = ExtrapolationConfig | Extrapolate | string | undefined;
+export declare function interpolate(x: number, input: readonly number[], output: readonly number[], type?: ExtrapolationType): number;

package/lib/typescript/src/animation/functions/interpolateColors.d.ts

@@ -0,0 +1,3 @@
+import type { Color } from "../../skia";
+export declare const interpolateColors: (value: number, inputRange: number[], _outputRange: Color[]) => Float32Array;
+export declare const mixColors: (value: number, x: Color, y: Color) => Float32Array;

package/lib/typescript/src/{values/animation → animation}/spring/runSpring.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue, SkiaAnimation } from "../../types";
+import type { SkiaValue, SkiaAnimation } from "../../values/types";
 import type { AnimationParams, SpringConfig, AnimationCallback } from "../types";
 /**
  * Creates a new animation on an existing value that will be driven by

package/lib/typescript/src/{values/animation → animation}/spring/useSpring.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaReadonlyValue } from "../../types";
+import type { SkiaReadonlyValue } from "../../values/types";
 import type { SpringConfig, AnimationParams, AnimationCallback } from "../types";
 /**
  * Creats a spring based animation value that will run whenever

package/lib/typescript/src/{values/animation → animation}/timing/createTiming.d.ts

@@ -1,5 +1,5 @@
 import type { TimingConfig, RequiredAnimationParams, AnimationCallback } from "../types";
-import type { SkiaValue } from "../../types";
+import type { SkiaValue } from "../../values/types";
 /**
  * Creates an animation that is driven by a clock value.
  * The value will be run from / to the value in params and modified
@@ -14,4 +14,4 @@ import type { SkiaValue } from "../../types";
  * @params an animation value that can be used to start/stop
  * the animation.
  */
-export declare const createTiming: (params: RequiredAnimationParams & Required<TimingConfig>, value?: SkiaValue<number> | undefined, callback?: AnimationCallback | undefined) => import("../../types").SkiaAnimation;
+export declare const createTiming: (params: RequiredAnimationParams & Required<TimingConfig>, value?: SkiaValue<number> | undefined, callback?: AnimationCallback | undefined) => import("../../values/types").SkiaAnimation;

package/lib/typescript/src/{values/animation → animation}/timing/functions/timing.d.ts

@@ -1,4 +1,4 @@
-import type { AnimationState } from "../../../types";
+import type { AnimationState } from "../../../values/types";
 /**
  * Calculates and returns a timing value based on the
  * input parameters. The timing value is a number between

package/lib/typescript/src/{values/animation → animation}/timing/runTiming.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaValue, SkiaAnimation } from "../../types";
+import type { SkiaValue, SkiaAnimation } from "../../values/types";
 import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
 /**
  * Creates a new animation on an existing value that will be driven by

package/lib/typescript/src/{values/animation → animation}/timing/useTiming.d.ts

@@ -1,4 +1,4 @@
-import type { SkiaReadonlyValue } from "../../types";
+import type { SkiaReadonlyValue } from "../../values/types";
 import type { AnimationParams, TimingConfig, AnimationCallback } from "../types";
 /**
  * Creats an animation value that will run whenever

package/lib/typescript/src/{values/animation → animation}/types.d.ts

@@ -1,11 +1,11 @@
 export interface SpringConfig {
-    mass: number;
-    stiffness: number;
-    damping: number;
-    velocity: number;
+    mass?: number;
+    stiffness?: number;
+    damping?: number;
+    velocity?: number;
 }
 export interface TimingConfig {
-    duration: number;
+    duration?: number;
     easing?: (t: number) => number;
 }
 export interface AnimationParams {

package/lib/typescript/src/index.d.ts

@@ -4,3 +4,4 @@ export * from "./views";
 export * from "./skia";
 export * from "./external";
 export * from "./values";
+export * from "./animation";

package/lib/typescript/src/renderer/Canvas.d.ts

@@ -6,6 +6,12 @@ import type { TouchHandler } from "../views";
 import type { FontMgr } from "../skia/FontMgr/FontMgr";
 import type { SkiaReadonlyValue } from "../values/types";
 import { Container } from "./nodes";
+export declare const useCanvas: () => {
+    size: SkiaReadonlyValue<{
+        width: number;
+        height: number;
+    }>;
+};
 export declare const useCanvasSize: () => SkiaReadonlyValue<{
     width: number;
     height: number;

package/lib/typescript/src/renderer/components/colorFilters/BlendColor.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
+import type { Color } from "../../../skia";
 import { BlendMode } from "../../../skia";
 import type { SkEnum, AnimatedProps } from "../../processors";
-import type { Color } from "../../../skia";
 export interface BlendColorProps {
     mode: SkEnum<typeof BlendMode>;
     color: Color;

package/lib/typescript/src/renderer/components/imageFilters/RuntimeShader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { AnimatedProps } from "../../processors/Animations/Animations";
+import type { SkRuntimeEffect } from "../../../skia/RuntimeEffect/RuntimeEffect";
+export interface RuntimeShaderProps {
+    source: SkRuntimeEffect;
+}
+export declare const RuntimeShader: (props: AnimatedProps<RuntimeShaderProps>) => JSX.Element;

package/lib/typescript/src/renderer/components/imageFilters/index.d.ts

@@ -3,3 +3,4 @@ export * from "./Offset";
 export * from "./DisplacementMap";
 export * from "./Shadow";
 export * from "./Morphology";
+export * from "./RuntimeShader";

package/lib/typescript/src/renderer/components/shaders/Gradient.d.ts

@@ -9,7 +9,7 @@ export interface GradientProps extends TransformProps {
     flags?: number;
 }
 export declare const processGradientProps: ({ colors, positions, mode, flags, ...transform }: GradientProps) => {
-    colors: number[];
+    colors: Float32Array[];
     positions: number[] | null;
     mode: TileMode;
     flags: number | undefined;

package/lib/typescript/src/renderer/components/shaders/Shader.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { IRuntimeEffect } from "../../../skia";
+import type { SkRuntimeEffect } from "../../../skia";
 import type { Vector, AnimatedProps, TransformProps } from "../../processors";
 declare type UniformValue = number | Vector | readonly number[];
 declare type Uniform = UniformValue | readonly UniformValue[];
@@ -7,7 +7,7 @@ interface Uniforms {
     [name: string]: Uniform;
 }
 export interface ShaderProps extends TransformProps {
-    source: IRuntimeEffect;
+    source: SkRuntimeEffect;
     uniforms: Uniforms;
     opaque?: boolean;
     children?: ReactNode | ReactNode[];

package/lib/typescript/src/renderer/components/shapes/Circle.d.ts

@@ -4,9 +4,6 @@ export declare type CircleProps = CircleDef & CustomPaintProps;
 export declare const Circle: {
     (props: AnimatedProps<CircleProps>): JSX.Element;
     defaultProps: {
-        c: {
-            x: number;
-            y: number;
-        };
+        c: import("../../..").SkPoint;
     };
 };

package/lib/typescript/src/renderer/components/shapes/Path.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { CustomPaintProps, AnimatedProps, PathDef } from "../../processors";
+import type { CustomPaintProps, AnimatedProps, PathDef, SkEnum } from "../../processors";
+import { FillType } from "../../../skia";
 interface StrokeOpts {
     width?: number;
     strokeMiterlimit?: number;
@@ -10,6 +11,7 @@ export interface PathProps extends CustomPaintProps {
     start: number;
     end: number;
     stroke?: StrokeOpts;
+    fillType?: SkEnum<typeof FillType>;
 }
 export declare const Path: {
     (props: AnimatedProps<PathProps>): JSX.Element;

package/lib/typescript/src/renderer/processors/Paint.d.ts

@@ -16,6 +16,7 @@ export interface CustomPaintProps extends ChildrenProps {
     strokeCap?: SkEnum<typeof StrokeCap>;
     strokeMiter?: number;
     opacity?: number;
+    antiAlias?: boolean;
 }
 export declare const enumKey: <K extends string>(k: K) => Capitalize<K>;
-export declare const processPaint: (paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;
+export declare const processPaint: (paint: SkPaint, currentOpacity: number, { paint: paintRef, color, blendMode, style, strokeWidth, strokeJoin, strokeCap, strokeMiter, opacity, antiAlias, }: CustomPaintProps, children: DeclarationResult[]) => SkPaint;