@shopify/react-native-skia 0.1.124 → 0.1.125

package/src/values/web/api.ts

@@ -0,0 +1,33 @@
+import type {
+  ISkiaValueApi,
+  SkiaValue,
+  SkiaReadonlyValue,
+  SkiaClockValue,
+  AnimationState,
+  SkiaAnimation,
+} from "../types";
+
+import { RNSkAnimation } from "./RNSkAnimation";
+import { RNSkClockValue } from "./RNSkClockValue";
+import { RNSkDerivedValue } from "./RNSkDerivedValue";
+import { RNSkValue } from "./RNSkValue";
+
+export const ValueApi: ISkiaValueApi = {
+  createValue: function <T>(initialValue: T): SkiaValue<T> {
+    return new RNSkValue(initialValue);
+  },
+  createDerivedValue: function <R>(
+    cb: () => R,
+    values: SkiaReadonlyValue<unknown>[]
+  ): SkiaReadonlyValue<R> {
+    return new RNSkDerivedValue(cb, values);
+  },
+  createClockValue: function (): SkiaClockValue {
+    return new RNSkClockValue(requestAnimationFrame);
+  },
+  createAnimation: function <S extends AnimationState = AnimationState>(
+    cb: (t: number, state: S | undefined) => S
+  ): SkiaAnimation {
+    return new RNSkAnimation(cb, requestAnimationFrame);
+  },
+};

package/src/values/web/index.ts

@@ -0,0 +1 @@
+export * from "./api";

package/src/views/SkiaView.tsx

@@ -1,15 +1,11 @@
 import React from "react";
-import type { ViewProps } from "react-native";
 import { requireNativeComponent } from "react-native";
 
-import type { SkImage, SkRect } from "../skia";
+import type { SkRect } from "../skia";
 import type { SkiaReadonlyValue } from "../values";
 
-import type {
-  DrawMode,
-  RNSkiaDrawCallback,
-  NativeSkiaViewProps,
-} from "./types";
+import { SkiaViewApi } from "./api";
+import type { DrawMode, NativeSkiaViewProps, SkiaViewProps } from "./types";
 
 let SkiaViewNativeId = 1000;
 
@@ -17,48 +13,6 @@ const NativeSkiaView = requireNativeComponent<NativeSkiaViewProps>(
   "ReactNativeSkiaView"
 );
 
-declare global {
-  var SkiaViewApi: {
-    invalidateSkiaView: (nativeId: number) => void;
-    makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
-    setDrawCallback: (
-      nativeId: number,
-      callback: RNSkiaDrawCallback | undefined
-    ) => void;
-    setDrawMode: (nativeId: number, mode: DrawMode) => void;
-    registerValuesInView: (
-      nativeId: number,
-      values: SkiaReadonlyValue<unknown>[]
-    ) => () => void;
-  };
-}
-
-const { SkiaViewApi } = global;
-
-export interface SkiaViewProps extends ViewProps {
-  /**
-   * Sets the drawing mode for the skia view. There are two drawing
-   * modes, "continuous" and "default", where the continuous mode will
-   * continuously redraw the view, and the default mode will only
-   * redraw when any of the regular react properties are changed like
-   * sizes and margins.
-   */
-  mode?: DrawMode;
-  /**
-   * When set to true the view will display information about the
-   * average time it takes to render.
-   */
-  debug?: boolean;
-  /**
-   * Draw callback. Will be called whenever the view is invalidated and
-   * needs to redraw. This is either caused by a change in a react
-   * property, a touch event, or a call to redraw. If the view is in
-   * continuous mode the callback will be called 60 frames per second
-   * by the native view.
-   */
-  onDraw?: RNSkiaDrawCallback;
-}
-
 export class SkiaView extends React.Component<SkiaViewProps> {
   constructor(props: SkiaViewProps) {
     super(props);

package/src/views/api.ts

@@ -0,0 +1,7 @@
+import type { ISkiaViewApi } from "./types";
+
+declare global {
+  var SkiaViewApi: ISkiaViewApi;
+}
+
+export const { SkiaViewApi } = global;

package/src/views/types.ts

@@ -1,6 +1,8 @@
 import type { ViewProps } from "react-native";
 
+import type { SkImage, SkRect } from "../skia";
 import type { SkCanvas } from "../skia/Canvas";
+import type { SkiaReadonlyValue } from "../values";
 
 export type DrawMode = "continuous" | "default";
 
@@ -54,3 +56,41 @@ export interface ValueListener {
   addListener: (callback: () => void) => number;
   removeListener: (id: number) => void;
 }
+
+export interface ISkiaViewApi {
+  invalidateSkiaView: (nativeId: number) => void;
+  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
+  setDrawCallback: (
+    nativeId: number,
+    callback: RNSkiaDrawCallback | undefined
+  ) => void;
+  setDrawMode: (nativeId: number, mode: DrawMode) => void;
+  registerValuesInView: (
+    nativeId: number,
+    values: SkiaReadonlyValue<unknown>[]
+  ) => () => void;
+}
+
+export interface SkiaViewProps extends ViewProps {
+  /**
+   * Sets the drawing mode for the skia view. There are two drawing
+   * modes, "continuous" and "default", where the continuous mode will
+   * continuously redraw the view, and the default mode will only
+   * redraw when any of the regular react properties are changed like
+   * sizes and margins.
+   */
+  mode?: DrawMode;
+  /**
+   * When set to true the view will display information about the
+   * average time it takes to render.
+   */
+  debug?: boolean;
+  /**
+   * Draw callback. Will be called whenever the view is invalidated and
+   * needs to redraw. This is either caused by a change in a react
+   * property, a touch event, or a call to redraw. If the view is in
+   * continuous mode the callback will be called 60 frames per second
+   * by the native view.
+   */
+  onDraw?: RNSkiaDrawCallback;
+}

package/lib/commonjs/values/animation/decay/runDecay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["runDecay.ts"],"names":["runDecay","value","config","resolvedConfig","deceleration","velocityFactor","velocity","from","current","updateFunction","t","state","finished","lastTimestamp","startTimestamp","initialVelocity","animation","ValueApi","createAnimation"],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAA2BC,MAA3B,KAAoD;AAC1E,QAAMC,cAAkC,GAAG;AACzCC,IAAAA,YAAY,EAAE,KAD2B;AAEzCC,IAAAA,cAAc,EAAE,CAFyB;AAGzCC,IAAAA,QAAQ,EAAE,CAH+B;AAIzCC,IAAAA,IAAI,EAAEN,KAAK,CAACO,OAJ6B;AAKzC,OAAGN;AALsC,GAA3C;;AAOA,QAAMO,cAAc,GAAG,CAACC,CAAD,EAAYC,KAAZ,KAA8C;AACnE,QAAI,CAACA,KAAL,EAAY;AACV,aAAO;AACLH,QAAAA,OAAO,EAAEL,cAAc,CAACI,IADnB;AAELK,QAAAA,QAAQ,EAAE,KAFL;AAGLC,QAAAA,aAAa,EAAEH,CAHV;AAILI,QAAAA,cAAc,EAAEJ,CAJX;AAKLK,QAAAA,eAAe,EAAEZ,cAAc,CAACG,QAL3B;AAMLA,QAAAA,QAAQ,EAAEH,cAAc,CAACG;AANpB,OAAP;AAQD;;AACD,WAAO,kBAAMI,CAAN,EAASC,KAAT,EAAgBR,cAAhB,CAAP;AACD,GAZD;;AAaAF,EAAAA,KAAK,CAACe,SAAN,GAAkBC,cAASC,eAAT,CAAyBT,cAAzB,CAAlB;AACA,SAAOR,KAAK,CAACe,SAAb;AACD,CAvBM","sourcesContent":["import { ValueApi } from \"../../api\";\nimport type { SkiaValue } from \"../../types\";\n\nimport { decay } from \"./decay\";\nimport type { DecayConfig, DefaultDecayConfig, DecayState } from \"./types\";\n\n/**\n * Runs a decay animation from the current value to zero with the given decay\n * configuration.\n * @param value value to animate\n * @param config Configuration or default configuration\n * @returns Animation\n */\nexport const runDecay = (value: SkiaValue<number>, config?: DecayConfig) => {\n  const resolvedConfig: DefaultDecayConfig = {\n    deceleration: 0.998,\n    velocityFactor: 1,\n    velocity: 0,\n    from: value.current,\n    ...config,\n  };\n  const updateFunction = (t: number, state: DecayState | undefined) => {\n    if (!state) {\n      return {\n        current: resolvedConfig.from,\n        finished: false,\n        lastTimestamp: t,\n        startTimestamp: t,\n        initialVelocity: resolvedConfig.velocity,\n        velocity: resolvedConfig.velocity,\n      };\n    }\n    return decay(t, state, resolvedConfig);\n  };\n  value.animation = ValueApi.createAnimation(updateFunction);\n  return value.animation;\n};\n"]}

package/lib/commonjs/values/animation/functions/interpolate.js

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.interpolate = interpolate;
-
-// eslint-disable-next-line max-len
-// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
-function interpolateFunction(input, inputRange, outputRange, options) {
-  const {
-    extrapolateLeft,
-    extrapolateRight,
-    easing
-  } = options;
-  let result = input;
-  const [inputMin, inputMax] = inputRange;
-  const [outputMin, outputMax] = outputRange;
-
-  if (result < inputMin) {
-    if (extrapolateLeft === "identity") {
-      return result;
-    }
-
-    if (extrapolateLeft === "clamp") {
-      result = inputMin;
-    } else if (extrapolateLeft === "extend") {// noop
-    }
-  }
-
-  if (result > inputMax) {
-    if (extrapolateRight === "identity") {
-      return result;
-    }
-
-    if (extrapolateRight === "clamp") {
-      result = inputMax;
-    } else if (extrapolateRight === "extend") {// noop
-    }
-  }
-
-  if (outputMin === outputMax) {
-    return outputMin;
-  } // Input Range
-
-
-  result = (result - inputMin) / (inputMax - inputMin); // Easing
-
-  result = easing(result); // Output Range
-
-  result = result * (outputMax - outputMin) + outputMin;
-  return result;
-}
-
-function findRange(input, inputRange) {
-  let i;
-
-  for (i = 1; i < inputRange.length - 1; ++i) {
-    if (inputRange[i] >= input) {
-      break;
-    }
-  }
-
-  return i - 1;
-}
-
-function checkValidInputRange(arr) {
-  for (let i = 1; i < arr.length; ++i) {
-    if (!(arr[i] > arr[i - 1])) {
-      throw new Error(`inputRange must be strictly monotonically non-decreasing but got [${arr.join(",")}]`);
-    }
-  }
-}
-
-function checkInfiniteRange(name, arr) {
-  if (arr.length < 2) {
-    throw new Error(name + " must have at least 2 elements");
-  }
-
-  for (const index in arr) {
-    if (typeof arr[index] !== "number") {
-      throw new Error(`${name} must contain only numbers`);
-    }
-
-    if (arr[index] === -Infinity || arr[index] === Infinity) {
-      throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
-    }
-  }
-}
-
-function interpolate(input, inputRange, outputRange, options) {
-  var _options$easing;
-
-  if (typeof input === "undefined") {
-    throw new Error("input can not be undefined");
-  }
-
-  if (typeof inputRange === "undefined") {
-    throw new Error("inputRange can not be undefined");
-  }
-
-  if (typeof outputRange === "undefined") {
-    throw new Error("outputRange can not be undefined");
-  }
-
-  if (inputRange.length !== outputRange.length) {
-    throw new Error("inputRange (" + inputRange.length + ") and outputRange (" + outputRange.length + ") must have the same length");
-  }
-
-  checkInfiniteRange("inputRange", inputRange);
-  checkInfiniteRange("outputRange", outputRange);
-  checkValidInputRange(inputRange);
-  const easing = (_options$easing = options === null || options === void 0 ? void 0 : options.easing) !== null && _options$easing !== void 0 ? _options$easing : num => num;
-  let extrapolateLeft = "extend";
-
-  if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== undefined) {
-    // eslint-disable-next-line prefer-destructuring
-    extrapolateLeft = options.extrapolateLeft;
-  }
-
-  let extrapolateRight = "extend";
-
-  if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) !== undefined) {
-    // eslint-disable-next-line prefer-destructuring
-    extrapolateRight = options.extrapolateRight;
-  }
-
-  if (typeof input !== "number") {
-    throw new TypeError("Cannot interpolate an input which is not a number");
-  }
-
-  const range = findRange(input, inputRange);
-  return interpolateFunction(input, [inputRange[range], inputRange[range + 1]], [outputRange[range], outputRange[range + 1]], {
-    easing,
-    extrapolateLeft,
-    extrapolateRight
-  });
-}
-//# sourceMappingURL=interpolate.js.map

package/lib/commonjs/values/animation/functions/interpolate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["interpolate.ts"],"names":["interpolateFunction","input","inputRange","outputRange","options","extrapolateLeft","extrapolateRight","easing","result","inputMin","inputMax","outputMin","outputMax","findRange","i","length","checkValidInputRange","arr","Error","join","checkInfiniteRange","name","index","Infinity","interpolate","num","undefined","TypeError","range"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-len\n// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js\n\ntype ExtrapolateType = \"extend\" | \"identity\" | \"clamp\";\n\nfunction interpolateFunction(\n  input: number,\n  inputRange: [number, number],\n  outputRange: [number, number],\n  options: {\n    easing: (input: number) => number;\n    extrapolateLeft: ExtrapolateType;\n    extrapolateRight: ExtrapolateType;\n  }\n): number {\n  const { extrapolateLeft, extrapolateRight, easing } = options;\n\n  let result = input;\n  const [inputMin, inputMax] = inputRange;\n  const [outputMin, outputMax] = outputRange;\n\n  if (result < inputMin) {\n    if (extrapolateLeft === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateLeft === \"clamp\") {\n      result = inputMin;\n    } else if (extrapolateLeft === \"extend\") {\n      // noop\n    }\n  }\n\n  if (result > inputMax) {\n    if (extrapolateRight === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateRight === \"clamp\") {\n      result = inputMax;\n    } else if (extrapolateRight === \"extend\") {\n      // noop\n    }\n  }\n\n  if (outputMin === outputMax) {\n    return outputMin;\n  }\n\n  // Input Range\n  result = (result - inputMin) / (inputMax - inputMin);\n\n  // Easing\n  result = easing(result);\n\n  // Output Range\n  result = result * (outputMax - outputMin) + outputMin;\n\n  return result;\n}\n\nfunction findRange(input: number, inputRange: readonly number[]) {\n  let i;\n  for (i = 1; i < inputRange.length - 1; ++i) {\n    if (inputRange[i] >= input) {\n      break;\n    }\n  }\n\n  return i - 1;\n}\n\nfunction checkValidInputRange(arr: readonly number[]) {\n  for (let i = 1; i < arr.length; ++i) {\n    if (!(arr[i] > arr[i - 1])) {\n      throw new Error(\n        `inputRange must be strictly monotonically non-decreasing but got [${arr.join(\n          \",\"\n        )}]`\n      );\n    }\n  }\n}\n\nfunction checkInfiniteRange(name: string, arr: readonly number[]) {\n  if (arr.length < 2) {\n    throw new Error(name + \" must have at least 2 elements\");\n  }\n\n  for (const index in arr) {\n    if (typeof arr[index] !== \"number\") {\n      throw new Error(`${name} must contain only numbers`);\n    }\n\n    if (arr[index] === -Infinity || arr[index] === Infinity) {\n      throw new Error(\n        `${name} must contain only finite numbers, but got [${arr.join(\",\")}]`\n      );\n    }\n  }\n}\n\nexport function interpolate(\n  input: number,\n  inputRange: readonly number[],\n  outputRange: readonly number[],\n  options?: {\n    easing?: (input: number) => number;\n    extrapolateLeft?: ExtrapolateType;\n    extrapolateRight?: ExtrapolateType;\n  }\n): number {\n  if (typeof input === \"undefined\") {\n    throw new Error(\"input can not be undefined\");\n  }\n\n  if (typeof inputRange === \"undefined\") {\n    throw new Error(\"inputRange can not be undefined\");\n  }\n\n  if (typeof outputRange === \"undefined\") {\n    throw new Error(\"outputRange can not be undefined\");\n  }\n\n  if (inputRange.length !== outputRange.length) {\n    throw new Error(\n      \"inputRange (\" +\n        inputRange.length +\n        \") and outputRange (\" +\n        outputRange.length +\n        \") must have the same length\"\n    );\n  }\n\n  checkInfiniteRange(\"inputRange\", inputRange);\n  checkInfiniteRange(\"outputRange\", outputRange);\n\n  checkValidInputRange(inputRange);\n\n  const easing = options?.easing ?? ((num: number): number => num);\n\n  let extrapolateLeft: ExtrapolateType = \"extend\";\n  if (options?.extrapolateLeft !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateLeft = options.extrapolateLeft;\n  }\n\n  let extrapolateRight: ExtrapolateType = \"extend\";\n  if (options?.extrapolateRight !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateRight = options.extrapolateRight;\n  }\n\n  if (typeof input !== \"number\") {\n    throw new TypeError(\"Cannot interpolate an input which is not a number\");\n  }\n\n  const range = findRange(input, inputRange);\n  return interpolateFunction(\n    input,\n    [inputRange[range], inputRange[range + 1]],\n    [outputRange[range], outputRange[range + 1]],\n    {\n      easing,\n      extrapolateLeft,\n      extrapolateRight,\n    }\n  );\n}\n"]}

package/lib/commonjs/values/animation/functions/interpolateColors.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mixColors = exports.interpolateColors = void 0;
-
-var _renderer = require("../../../renderer");
-
-var _skia = require("../../../skia");
-
-var _interpolate = require("./interpolate");
-
-const CLAMP = {
-  extrapolateLeft: "clamp",
-  extrapolateRight: "clamp"
-};
-
-const interpolateColorsRGB = (value, inputRange, outputRange) => {
-  const r = (0, _interpolate.interpolate)(value, inputRange, outputRange.map(c => (0, _skia.red)(c)), CLAMP);
-  const g = (0, _interpolate.interpolate)(value, inputRange, outputRange.map(c => (0, _skia.green)(c)), CLAMP);
-  const b = (0, _interpolate.interpolate)(value, inputRange, outputRange.map(c => (0, _skia.blue)(c)), CLAMP);
-  const a = (0, _interpolate.interpolate)(value, inputRange, outputRange.map(c => (0, _skia.alphaf)(c)), CLAMP);
-  return (0, _skia.rgbaColor)(r, g, b, a);
-};
-
-const interpolateColors = (value, inputRange, _outputRange) => {
-  const outputRange = _outputRange.map(cl => _skia.Skia.Color(cl));
-
-  return interpolateColorsRGB(value, inputRange, outputRange);
-}; // This is fast. To be reconcilled with interpolateColors
-// it looks like interpolateColors may not be working as expected
-// these functions need to be tested more thoroughly on both platform
-
-
-exports.interpolateColors = interpolateColors;
-
-const mixColors = (value, x, y) => {
-  const r = (0, _renderer.mix)(value, (0, _skia.red)(x), (0, _skia.red)(y));
-  const g = (0, _renderer.mix)(value, (0, _skia.green)(x), (0, _skia.green)(y));
-  const b = (0, _renderer.mix)(value, (0, _skia.blue)(x), (0, _skia.blue)(y));
-  const a = (0, _renderer.mix)(value, (0, _skia.alphaf)(x), (0, _skia.alphaf)(y));
-  return (0, _skia.rgbaColor)(r, g, b, a);
-};
-
-exports.mixColors = mixColors;
-//# sourceMappingURL=interpolateColors.js.map

package/lib/commonjs/values/animation/functions/interpolateColors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["interpolateColors.ts"],"names":["CLAMP","extrapolateLeft","extrapolateRight","interpolateColorsRGB","value","inputRange","outputRange","r","map","c","g","b","a","interpolateColors","_outputRange","cl","Skia","Color","mixColors","x","y"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,eAAe,EAAE,OADL;AAEZC,EAAAA,gBAAgB,EAAE;AAFN,CAAd;;AAKA,MAAMC,oBAAoB,GAAG,CAC3BC,KAD2B,EAE3BC,UAF2B,EAG3BC,WAH2B,KAIxB;AACH,QAAMC,CAAC,GAAG,8BACRH,KADQ,EAERC,UAFQ,EAGRC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAO,eAAIA,CAAJ,CAAvB,CAHQ,EAIRT,KAJQ,CAAV;AAMA,QAAMU,CAAC,GAAG,8BACRN,KADQ,EAERC,UAFQ,EAGRC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAO,iBAAMA,CAAN,CAAvB,CAHQ,EAIRT,KAJQ,CAAV;AAMA,QAAMW,CAAC,GAAG,8BACRP,KADQ,EAERC,UAFQ,EAGRC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAO,gBAAKA,CAAL,CAAvB,CAHQ,EAIRT,KAJQ,CAAV;AAMA,QAAMY,CAAC,GAAG,8BACRR,KADQ,EAERC,UAFQ,EAGRC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAO,kBAAOA,CAAP,CAAvB,CAHQ,EAIRT,KAJQ,CAAV;AAMA,SAAO,qBAAUO,CAAV,EAAaG,CAAb,EAAgBC,CAAhB,EAAmBC,CAAnB,CAAP;AACD,CA9BD;;AAgCO,MAAMC,iBAAiB,GAAG,CAC/BT,KAD+B,EAE/BC,UAF+B,EAG/BS,YAH+B,KAI5B;AACH,QAAMR,WAAW,GAAGQ,YAAY,CAACN,GAAb,CAAkBO,EAAD,IAAQC,WAAKC,KAAL,CAAWF,EAAX,CAAzB,CAApB;;AACA,SAAOZ,oBAAoB,CAACC,KAAD,EAAQC,UAAR,EAAoBC,WAApB,CAA3B;AACD,CAPM,C,CASP;AACA;AACA;;;;;AACO,MAAMY,SAAS,GAAG,CAACd,KAAD,EAAgBe,CAAhB,EAA2BC,CAA3B,KAAyC;AAChE,QAAMb,CAAC,GAAG,mBAAIH,KAAJ,EAAW,eAAIe,CAAJ,CAAX,EAAmB,eAAIC,CAAJ,CAAnB,CAAV;AACA,QAAMV,CAAC,GAAG,mBAAIN,KAAJ,EAAW,iBAAMe,CAAN,CAAX,EAAqB,iBAAMC,CAAN,CAArB,CAAV;AACA,QAAMT,CAAC,GAAG,mBAAIP,KAAJ,EAAW,gBAAKe,CAAL,CAAX,EAAoB,gBAAKC,CAAL,CAApB,CAAV;AACA,QAAMR,CAAC,GAAG,mBAAIR,KAAJ,EAAW,kBAAOe,CAAP,CAAX,EAAsB,kBAAOC,CAAP,CAAtB,CAAV;AACA,SAAO,qBAAUb,CAAV,EAAaG,CAAb,EAAgBC,CAAhB,EAAmBC,CAAnB,CAAP;AACD,CANM","sourcesContent":["import { mix } from \"../../../renderer\";\nimport type { Color } from \"../../../skia\";\nimport { alphaf, blue, green, red, rgbaColor, Skia } from \"../../../skia\";\n\nimport { interpolate } from \"./interpolate\";\n\nconst CLAMP = {\n  extrapolateLeft: \"clamp\",\n  extrapolateRight: \"clamp\",\n} as const;\n\nconst interpolateColorsRGB = (\n  value: number,\n  inputRange: number[],\n  outputRange: number[]\n) => {\n  const r = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => red(c)),\n    CLAMP\n  );\n  const g = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => green(c)),\n    CLAMP\n  );\n  const b = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => blue(c)),\n    CLAMP\n  );\n  const a = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => alphaf(c)),\n    CLAMP\n  );\n  return rgbaColor(r, g, b, a);\n};\n\nexport const interpolateColors = (\n  value: number,\n  inputRange: number[],\n  _outputRange: Color[]\n) => {\n  const outputRange = _outputRange.map((cl) => Skia.Color(cl));\n  return interpolateColorsRGB(value, inputRange, outputRange);\n};\n\n// This is fast. To be reconcilled with interpolateColors\n// it looks like interpolateColors may not be working as expected\n// these functions need to be tested more thoroughly on both platform\nexport const mixColors = (value: number, x: number, y: number) => {\n  const r = mix(value, red(x), red(y));\n  const g = mix(value, green(x), green(y));\n  const b = mix(value, blue(x), blue(y));\n  const a = mix(value, alphaf(x), alphaf(y));\n  return rgbaColor(r, g, b, a);\n};\n"]}

package/lib/commonjs/values/animation/spring/runSpring.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["runSpring.ts"],"names":["runSpring","value","toOrParams","config","callback","Spring","Config","Default"],"mappings":";;;;;;;AAMA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAG,CACvBC,KADuB,EAEvBC,UAFuB,EAGvBC,MAHuB,EAIvBC,QAJuB,KAKL;AAClB,SAAO,0BACLH,KADK,EAELC,UAFK,EAGL,gCAAmBC,MAAnB,aAAmBA,MAAnB,cAAmBA,MAAnB,GAA6BE,eAAOC,MAAP,CAAcC,OAA3C,CAHK,EAILH,QAJK,CAAP;AAMD,CAZM","sourcesContent":["import type { SkiaValue, SkiaAnimation } from \"../../types\";\nimport type {\n  AnimationParams,\n  SpringConfig,\n  AnimationCallback,\n} from \"../types\";\nimport { runTiming } from \"../timing/runTiming\";\n\nimport { Spring } from \"./Spring\";\nimport { createSpringEasing } from \"./functions/spring\";\n\n/**\n * Creates a new animation on an existing value that will be driven by\n * an animation value. The value will be run from / to the value in\n * params and modified by the provided easing curve for the length of\n * the duration. When the value has reached its desired \"to\" value the\n * animation will be stopped.\n *\n * @param value The value to animate\n * @param toOrParams To value or Animation parameters\n * @param config Spring configuration\n * @returns an animation value that can be used to start/stop\n * the animation.\n */\nexport const runSpring = (\n  value: SkiaValue<number>,\n  toOrParams: number | AnimationParams,\n  config?: SpringConfig,\n  callback?: AnimationCallback\n): SkiaAnimation => {\n  return runTiming(\n    value,\n    toOrParams,\n    createSpringEasing(config ?? Spring.Config.Default),\n    callback\n  );\n};\n"]}

package/lib/commonjs/values/animation/spring/useSpring.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useSpring.ts"],"names":["useSpring","toOrParams","config","callback","Spring","Config","Default"],"mappings":";;;;;;;AAMA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAG,CACvBC,UADuB,EAEvBC,MAFuB,EAGvBC,QAHuB,KAKvB,uBACEF,UADF,EAEE,gCAAmBC,MAAnB,aAAmBA,MAAnB,cAAmBA,MAAnB,GAA6BE,eAAOC,MAAP,CAAcC,OAA3C,CAFF,EAGEH,QAHF,CALK","sourcesContent":["import type { SkiaReadonlyValue } from \"../../types\";\nimport type {\n  SpringConfig,\n  AnimationParams,\n  AnimationCallback,\n} from \"../types\";\nimport { useTiming } from \"../timing\";\n\nimport { Spring } from \"./Spring\";\nimport { createSpringEasing } from \"./functions/spring\";\n\n/**\n * Creats a spring based animation value that will run whenever\n * the animation parameters change.\n * @param toOrParams\n * @param config\n * @returns\n */\nexport const useSpring = (\n  toOrParams: number | AnimationParams,\n  config?: SpringConfig,\n  callback?: AnimationCallback\n): SkiaReadonlyValue<number> =>\n  useTiming(\n    toOrParams,\n    createSpringEasing(config ?? Spring.Config.Default),\n    callback\n  );\n"]}

package/lib/commonjs/values/animation/timing/createTiming.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["createTiming.ts"],"names":["createTiming","params","value","callback","resolvedParams","from","current","animationFunction","t","state","nextState","duration","easing","loop","yoyo","finished","to","ValueApi","createAnimation"],"mappings":";;;;;;;AAMA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,GAAG,CAC1BC,MAD0B,EAE1BC,KAF0B,EAG1BC,QAH0B,KAIvB;AAAA;;AACH;AACA;AACA,QAAMC,cAAc,GAAG,EACrB,GAAGH,MADkB;AAErBI,IAAAA,IAAI,0BAAEJ,MAAM,CAACI,IAAT,uDAAiBH,KAAjB,aAAiBA,KAAjB,uBAAiBA,KAAK,CAAEI,OAAxB,uCAAmC;AAFlB,GAAvB,CAHG,CAQH;;AACA,QAAMC,iBAAiB,GAAG,CAACC,CAAD,EAAYC,KAAZ,KAAkD;AAAA;;AAC1E;AACA,UAAMC,SAAS,GAAG,uBAChBF,CADgB,EAEhBP,MAAM,CAACU,QAFS,EAGhBV,MAAM,CAACW,MAHS,kBAIhBX,MAAM,CAACY,IAJS,uDAID,KAJC,kBAKhBZ,MAAM,CAACa,IALS,uDAKD,KALC,EAMhBL,KANgB,aAMhBA,KANgB,cAMhBA,KANgB,GAMP;AAAEH,MAAAA,OAAO,EAAEL,MAAM,CAACI,IAAlB;AAAyBU,MAAAA,QAAQ,EAAE;AAAnC,KANO,CAAlB;AAQA,UAAMT,OAAO,GACXI,SAAS,CAACJ,OAAV,IAAqBF,cAAc,CAACY,EAAf,GAAoBZ,cAAc,CAACC,IAAxD,IACAD,cAAc,CAACC,IAFjB;;AAGA,QAAIF,QAAQ,IAAIO,SAAS,CAACK,QAAV,KAAuB,IAAvC,EAA6C;AAC3CZ,MAAAA,QAAQ,CAACG,OAAD,CAAR;AACD;;AACD,WAAO,EACL,GAAGI,SADE;AAELJ,MAAAA;AAFK,KAAP;AAID,GApBD,CATG,CA+BH;;;AACA,SAAOW,cAASC,eAAT,CAAyBX,iBAAzB,CAAP;AACD,CArCM","sourcesContent":["import type {\n  TimingConfig,\n  RequiredAnimationParams,\n  AnimationCallback,\n} from \"../types\";\nimport type { AnimationState, SkiaValue } from \"../../types\";\nimport { ValueApi } from \"../../api\";\n\nimport { timing } from \"./functions\";\n\n/**\n * Creates an animation that is driven by a clock value.\n * The value will be run from / to the value in params and modified\n * by the provided easing curve for the length of the duration. When\n * the value has reached its desired \"to\" value the animation\n * will be stopped. If loop is set to true, the animation will continue\n * to run until stopped.\n *\n * @param params Animation parameters\n * @param config Spring or timing configuration\n * @param value Optional value that the animation will update\n * @params an animation value that can be used to start/stop\n * the animation.\n */\nexport const createTiming = (\n  params: RequiredAnimationParams & Required<TimingConfig>,\n  value?: SkiaValue<number>,\n  callback?: AnimationCallback\n) => {\n  // Update from to be either the declared from value,\n  // the current value of the value or zero\n  const resolvedParams = {\n    ...params,\n    from: params.from ?? value?.current ?? 0,\n  };\n\n  // Update function for the animation value\n  const animationFunction = (t: number, state: AnimationState | undefined) => {\n    // Update the input value using the provided update function\n    const nextState = timing(\n      t,\n      params.duration,\n      params.easing,\n      params.loop ?? false,\n      params.yoyo ?? false,\n      state ?? { current: params.from!, finished: false }\n    );\n    const current =\n      nextState.current * (resolvedParams.to - resolvedParams.from!) +\n      resolvedParams.from!;\n    if (callback && nextState.finished === true) {\n      callback(current);\n    }\n    return {\n      ...nextState,\n      current,\n    };\n  };\n\n  // Create animation value\n  return ValueApi.createAnimation(animationFunction);\n};\n"]}

package/lib/commonjs/values/animation/timing/runTiming.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["runTiming.ts"],"names":["runTiming","value","toOrParams","config","callback","resolvedParameters","animation"],"mappings":";;;;;;;AAOA;;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAG,CACvBC,KADuB,EAEvBC,UAFuB,EAGvBC,MAHuB,EAIvBC,QAJuB,KAKL;AAClB,QAAMC,kBAAkB,GAAG,kCAAkBH,UAAlB,EAA8BC,MAA9B,CAA3B;AACA,QAAMG,SAAS,GAAG,gCAAaD,kBAAb,EAAiCJ,KAAjC,EAAwCG,QAAxC,CAAlB;AACAH,EAAAA,KAAK,CAACK,SAAN,GAAkBA,SAAlB;AACA,SAAOA,SAAP;AACD,CAVM","sourcesContent":["import type { SkiaValue, SkiaAnimation } from \"../../types\";\nimport type {\n  AnimationParams,\n  TimingConfig,\n  AnimationCallback,\n} from \"../types\";\n\nimport { getResolvedParams } from \"./functions\";\nimport { createTiming } from \"./createTiming\";\n/**\n * Creates a new animation on an existing value that will be driven by\n * an animation value. The value will be run from / to the value in\n * params and modified by the provided easing curve for the length of\n * the duration. When the value has reached its desired \"to\" value the\n * animation will be stopped.\n *\n * @param value The value to animate\n * @param toOrParams To value or Animation parameters\n * @param config Spring or timing configuration\n * @returns an animation value that can be used to start/stop\n * the animation.\n */\nexport const runTiming = (\n  value: SkiaValue<number>,\n  toOrParams: number | AnimationParams,\n  config?: TimingConfig,\n  callback?: AnimationCallback\n): SkiaAnimation => {\n  const resolvedParameters = getResolvedParams(toOrParams, config);\n  const animation = createTiming(resolvedParameters, value, callback);\n  value.animation = animation;\n  return animation;\n};\n"]}

package/lib/commonjs/values/animation/timing/useTiming.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useTiming.ts"],"names":["useTiming","toOrParams","config","callback","prevCfgRef","resolvedParameters","nextParams","equals","current","value","from","prevAnimationRef","prevParamsRef","animation","undefined","a","b","JSON","stringify"],"mappings":";;;;;;;AAAA;;AAQA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAG,CACvBC,UADuB,EAEvBC,MAFuB,EAGvBC,QAHuB,KAIO;AAAA;;AAC9B;AACA;AACA,QAAMC,UAAU,GAAG,oBAAnB;AACA,QAAMC,kBAAkB,GAAG,oBAAQ,MAAM;AACvC,UAAMC,UAAU,GAAG,kCAAkBL,UAAlB,EAA8BC,MAA9B,CAAnB;;AACA,QAAI,CAACK,MAAM,CAACH,UAAU,CAACI,OAAZ,EAAqBF,UAArB,CAAX,EAA6C;AAC3CF,MAAAA,UAAU,CAACI,OAAX,GAAqBF,UAArB;AACD;;AACD,WAAOF,UAAU,CAACI,OAAlB;AACD,GAN0B,EAMxB,CAACN,MAAD,EAASD,UAAT,CANwB,CAA3B,CAJ8B,CAY9B;;AACA,QAAMQ,KAAK,GAAG,iDAASJ,kBAAkB,CAACK,IAA5B,yEAAoC,CAApC,CAAd,CAb8B,CAe9B;AACA;;AACA,QAAMC,gBAAgB,GAAG,oBAAzB;AACA,QAAMC,aAAa,GAAG,oBAAtB;AACA,QAAMC,SAAS,GAAG,oBAAQ,MAAM;AAC9B,QAAI,CAACN,MAAM,CAACK,aAAa,CAACJ,OAAf,EAAwBH,kBAAxB,CAAX,EAAwD;AACtDO,MAAAA,aAAa,CAACJ,OAAd,GAAwBH,kBAAxB;AACAM,MAAAA,gBAAgB,CAACH,OAAjB,GAA2B,gCACzBH,kBADyB,EAEzBI,KAFyB,EAGzBN,QAHyB,CAA3B;AAKD;;AACD,WAAOQ,gBAAgB,CAACH,OAAxB;AACD,GAViB,EAUf,CAACL,QAAD,EAAWE,kBAAX,EAA+BI,KAA/B,CAVe,CAAlB,CAnB8B,CA+B9B;;AACA,wBAAU,MAAM;AACdA,IAAAA,KAAK,CAACI,SAAN,GAAkBA,SAAlB;AACA,WAAO,MAAOJ,KAAK,CAACI,SAAN,GAAkBC,SAAhC;AACD,GAHD,EAGG,CAACD,SAAD,EAAYJ,KAAZ,CAHH,EAhC8B,CAqC9B;;AACA,SAAOA,KAAP;AACD,CA3CM;;;;AA6CP,MAAMF,MAAM,GAAG,CAASQ,CAAT,EAAgBC,CAAhB,KAA0B;AACvC,SAAOC,IAAI,CAACC,SAAL,CAAeH,CAAf,MAAsBE,IAAI,CAACC,SAAL,CAAeF,CAAf,CAA7B;AACD,CAFD","sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\nimport type { SkiaReadonlyValue, SkiaAnimation } from \"../../types\";\nimport type {\n  AnimationParams,\n  TimingConfig,\n  AnimationCallback,\n} from \"../types\";\nimport { useValue } from \"../../hooks/useValue\";\n\nimport { getResolvedParams } from \"./functions\";\nimport { createTiming } from \"./createTiming\";\n\n/**\n * Creats an animation value that will run whenever\n * the animation parameters change. The animation start immediately.\n * @param toOrParams\n * @param config\n * @returns A value that is animated\n */\nexport const useTiming = (\n  toOrParams: number | AnimationParams,\n  config?: TimingConfig,\n  callback?: AnimationCallback\n): SkiaReadonlyValue<number> => {\n  // Resolve parameters - keep a cached version to avoid\n  // unnecesary re-renders.\n  const prevCfgRef = useRef<ReturnType<typeof getResolvedParams>>();\n  const resolvedParameters = useMemo(() => {\n    const nextParams = getResolvedParams(toOrParams, config);\n    if (!equals(prevCfgRef.current, nextParams)) {\n      prevCfgRef.current = nextParams;\n    }\n    return prevCfgRef.current!;\n  }, [config, toOrParams]);\n\n  // Create value\n  const value = useValue(resolvedParameters.from ?? 0);\n\n  // Create timing animation - keep a cached version to avoid\n  // uneccessary recreation of animations\n  const prevAnimationRef = useRef<SkiaAnimation>();\n  const prevParamsRef = useRef<typeof resolvedParameters>();\n  const animation = useMemo(() => {\n    if (!equals(prevParamsRef.current, resolvedParameters)) {\n      prevParamsRef.current = resolvedParameters;\n      prevAnimationRef.current = createTiming(\n        resolvedParameters,\n        value,\n        callback\n      );\n    }\n    return prevAnimationRef.current!;\n  }, [callback, resolvedParameters, value]);\n\n  // Run animation on the value - and stop it on unmount\n  useEffect(() => {\n    value.animation = animation;\n    return () => (value.animation = undefined);\n  }, [animation, value]);\n\n  // Return the value that is animated\n  return value;\n};\n\nconst equals = <T1, T2>(a: T1, b: T2) => {\n  return JSON.stringify(a) === JSON.stringify(b);\n};\n"]}

package/lib/module/values/animation/decay/runDecay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["runDecay.ts"],"names":["ValueApi","decay","runDecay","value","config","resolvedConfig","deceleration","velocityFactor","velocity","from","current","updateFunction","t","state","finished","lastTimestamp","startTimestamp","initialVelocity","animation","createAnimation"],"mappings":"AAAA,SAASA,QAAT,QAAyB,WAAzB;AAGA,SAASC,KAAT,QAAsB,SAAtB;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAA2BC,MAA3B,KAAoD;AAC1E,QAAMC,cAAkC,GAAG;AACzCC,IAAAA,YAAY,EAAE,KAD2B;AAEzCC,IAAAA,cAAc,EAAE,CAFyB;AAGzCC,IAAAA,QAAQ,EAAE,CAH+B;AAIzCC,IAAAA,IAAI,EAAEN,KAAK,CAACO,OAJ6B;AAKzC,OAAGN;AALsC,GAA3C;;AAOA,QAAMO,cAAc,GAAG,CAACC,CAAD,EAAYC,KAAZ,KAA8C;AACnE,QAAI,CAACA,KAAL,EAAY;AACV,aAAO;AACLH,QAAAA,OAAO,EAAEL,cAAc,CAACI,IADnB;AAELK,QAAAA,QAAQ,EAAE,KAFL;AAGLC,QAAAA,aAAa,EAAEH,CAHV;AAILI,QAAAA,cAAc,EAAEJ,CAJX;AAKLK,QAAAA,eAAe,EAAEZ,cAAc,CAACG,QAL3B;AAMLA,QAAAA,QAAQ,EAAEH,cAAc,CAACG;AANpB,OAAP;AAQD;;AACD,WAAOP,KAAK,CAACW,CAAD,EAAIC,KAAJ,EAAWR,cAAX,CAAZ;AACD,GAZD;;AAaAF,EAAAA,KAAK,CAACe,SAAN,GAAkBlB,QAAQ,CAACmB,eAAT,CAAyBR,cAAzB,CAAlB;AACA,SAAOR,KAAK,CAACe,SAAb;AACD,CAvBM","sourcesContent":["import { ValueApi } from \"../../api\";\nimport type { SkiaValue } from \"../../types\";\n\nimport { decay } from \"./decay\";\nimport type { DecayConfig, DefaultDecayConfig, DecayState } from \"./types\";\n\n/**\n * Runs a decay animation from the current value to zero with the given decay\n * configuration.\n * @param value value to animate\n * @param config Configuration or default configuration\n * @returns Animation\n */\nexport const runDecay = (value: SkiaValue<number>, config?: DecayConfig) => {\n  const resolvedConfig: DefaultDecayConfig = {\n    deceleration: 0.998,\n    velocityFactor: 1,\n    velocity: 0,\n    from: value.current,\n    ...config,\n  };\n  const updateFunction = (t: number, state: DecayState | undefined) => {\n    if (!state) {\n      return {\n        current: resolvedConfig.from,\n        finished: false,\n        lastTimestamp: t,\n        startTimestamp: t,\n        initialVelocity: resolvedConfig.velocity,\n        velocity: resolvedConfig.velocity,\n      };\n    }\n    return decay(t, state, resolvedConfig);\n  };\n  value.animation = ValueApi.createAnimation(updateFunction);\n  return value.animation;\n};\n"]}

package/lib/module/values/animation/functions/interpolate.js

@@ -1,132 +0,0 @@
-// eslint-disable-next-line max-len
-// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js
-function interpolateFunction(input, inputRange, outputRange, options) {
-  const {
-    extrapolateLeft,
-    extrapolateRight,
-    easing
-  } = options;
-  let result = input;
-  const [inputMin, inputMax] = inputRange;
-  const [outputMin, outputMax] = outputRange;
-
-  if (result < inputMin) {
-    if (extrapolateLeft === "identity") {
-      return result;
-    }
-
-    if (extrapolateLeft === "clamp") {
-      result = inputMin;
-    } else if (extrapolateLeft === "extend") {// noop
-    }
-  }
-
-  if (result > inputMax) {
-    if (extrapolateRight === "identity") {
-      return result;
-    }
-
-    if (extrapolateRight === "clamp") {
-      result = inputMax;
-    } else if (extrapolateRight === "extend") {// noop
-    }
-  }
-
-  if (outputMin === outputMax) {
-    return outputMin;
-  } // Input Range
-
-
-  result = (result - inputMin) / (inputMax - inputMin); // Easing
-
-  result = easing(result); // Output Range
-
-  result = result * (outputMax - outputMin) + outputMin;
-  return result;
-}
-
-function findRange(input, inputRange) {
-  let i;
-
-  for (i = 1; i < inputRange.length - 1; ++i) {
-    if (inputRange[i] >= input) {
-      break;
-    }
-  }
-
-  return i - 1;
-}
-
-function checkValidInputRange(arr) {
-  for (let i = 1; i < arr.length; ++i) {
-    if (!(arr[i] > arr[i - 1])) {
-      throw new Error(`inputRange must be strictly monotonically non-decreasing but got [${arr.join(",")}]`);
-    }
-  }
-}
-
-function checkInfiniteRange(name, arr) {
-  if (arr.length < 2) {
-    throw new Error(name + " must have at least 2 elements");
-  }
-
-  for (const index in arr) {
-    if (typeof arr[index] !== "number") {
-      throw new Error(`${name} must contain only numbers`);
-    }
-
-    if (arr[index] === -Infinity || arr[index] === Infinity) {
-      throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
-    }
-  }
-}
-
-export function interpolate(input, inputRange, outputRange, options) {
-  var _options$easing;
-
-  if (typeof input === "undefined") {
-    throw new Error("input can not be undefined");
-  }
-
-  if (typeof inputRange === "undefined") {
-    throw new Error("inputRange can not be undefined");
-  }
-
-  if (typeof outputRange === "undefined") {
-    throw new Error("outputRange can not be undefined");
-  }
-
-  if (inputRange.length !== outputRange.length) {
-    throw new Error("inputRange (" + inputRange.length + ") and outputRange (" + outputRange.length + ") must have the same length");
-  }
-
-  checkInfiniteRange("inputRange", inputRange);
-  checkInfiniteRange("outputRange", outputRange);
-  checkValidInputRange(inputRange);
-  const easing = (_options$easing = options === null || options === void 0 ? void 0 : options.easing) !== null && _options$easing !== void 0 ? _options$easing : num => num;
-  let extrapolateLeft = "extend";
-
-  if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== undefined) {
-    // eslint-disable-next-line prefer-destructuring
-    extrapolateLeft = options.extrapolateLeft;
-  }
-
-  let extrapolateRight = "extend";
-
-  if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) !== undefined) {
-    // eslint-disable-next-line prefer-destructuring
-    extrapolateRight = options.extrapolateRight;
-  }
-
-  if (typeof input !== "number") {
-    throw new TypeError("Cannot interpolate an input which is not a number");
-  }
-
-  const range = findRange(input, inputRange);
-  return interpolateFunction(input, [inputRange[range], inputRange[range + 1]], [outputRange[range], outputRange[range + 1]], {
-    easing,
-    extrapolateLeft,
-    extrapolateRight
-  });
-}
-//# sourceMappingURL=interpolate.js.map

package/lib/module/values/animation/functions/interpolate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["interpolate.ts"],"names":["interpolateFunction","input","inputRange","outputRange","options","extrapolateLeft","extrapolateRight","easing","result","inputMin","inputMax","outputMin","outputMax","findRange","i","length","checkValidInputRange","arr","Error","join","checkInfiniteRange","name","index","Infinity","interpolate","num","undefined","TypeError","range"],"mappings":"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","sourcesContent":["// eslint-disable-next-line max-len\n// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/nodes/AnimatedInterpolation.js\n\ntype ExtrapolateType = \"extend\" | \"identity\" | \"clamp\";\n\nfunction interpolateFunction(\n  input: number,\n  inputRange: [number, number],\n  outputRange: [number, number],\n  options: {\n    easing: (input: number) => number;\n    extrapolateLeft: ExtrapolateType;\n    extrapolateRight: ExtrapolateType;\n  }\n): number {\n  const { extrapolateLeft, extrapolateRight, easing } = options;\n\n  let result = input;\n  const [inputMin, inputMax] = inputRange;\n  const [outputMin, outputMax] = outputRange;\n\n  if (result < inputMin) {\n    if (extrapolateLeft === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateLeft === \"clamp\") {\n      result = inputMin;\n    } else if (extrapolateLeft === \"extend\") {\n      // noop\n    }\n  }\n\n  if (result > inputMax) {\n    if (extrapolateRight === \"identity\") {\n      return result;\n    }\n\n    if (extrapolateRight === \"clamp\") {\n      result = inputMax;\n    } else if (extrapolateRight === \"extend\") {\n      // noop\n    }\n  }\n\n  if (outputMin === outputMax) {\n    return outputMin;\n  }\n\n  // Input Range\n  result = (result - inputMin) / (inputMax - inputMin);\n\n  // Easing\n  result = easing(result);\n\n  // Output Range\n  result = result * (outputMax - outputMin) + outputMin;\n\n  return result;\n}\n\nfunction findRange(input: number, inputRange: readonly number[]) {\n  let i;\n  for (i = 1; i < inputRange.length - 1; ++i) {\n    if (inputRange[i] >= input) {\n      break;\n    }\n  }\n\n  return i - 1;\n}\n\nfunction checkValidInputRange(arr: readonly number[]) {\n  for (let i = 1; i < arr.length; ++i) {\n    if (!(arr[i] > arr[i - 1])) {\n      throw new Error(\n        `inputRange must be strictly monotonically non-decreasing but got [${arr.join(\n          \",\"\n        )}]`\n      );\n    }\n  }\n}\n\nfunction checkInfiniteRange(name: string, arr: readonly number[]) {\n  if (arr.length < 2) {\n    throw new Error(name + \" must have at least 2 elements\");\n  }\n\n  for (const index in arr) {\n    if (typeof arr[index] !== \"number\") {\n      throw new Error(`${name} must contain only numbers`);\n    }\n\n    if (arr[index] === -Infinity || arr[index] === Infinity) {\n      throw new Error(\n        `${name} must contain only finite numbers, but got [${arr.join(\",\")}]`\n      );\n    }\n  }\n}\n\nexport function interpolate(\n  input: number,\n  inputRange: readonly number[],\n  outputRange: readonly number[],\n  options?: {\n    easing?: (input: number) => number;\n    extrapolateLeft?: ExtrapolateType;\n    extrapolateRight?: ExtrapolateType;\n  }\n): number {\n  if (typeof input === \"undefined\") {\n    throw new Error(\"input can not be undefined\");\n  }\n\n  if (typeof inputRange === \"undefined\") {\n    throw new Error(\"inputRange can not be undefined\");\n  }\n\n  if (typeof outputRange === \"undefined\") {\n    throw new Error(\"outputRange can not be undefined\");\n  }\n\n  if (inputRange.length !== outputRange.length) {\n    throw new Error(\n      \"inputRange (\" +\n        inputRange.length +\n        \") and outputRange (\" +\n        outputRange.length +\n        \") must have the same length\"\n    );\n  }\n\n  checkInfiniteRange(\"inputRange\", inputRange);\n  checkInfiniteRange(\"outputRange\", outputRange);\n\n  checkValidInputRange(inputRange);\n\n  const easing = options?.easing ?? ((num: number): number => num);\n\n  let extrapolateLeft: ExtrapolateType = \"extend\";\n  if (options?.extrapolateLeft !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateLeft = options.extrapolateLeft;\n  }\n\n  let extrapolateRight: ExtrapolateType = \"extend\";\n  if (options?.extrapolateRight !== undefined) {\n    // eslint-disable-next-line prefer-destructuring\n    extrapolateRight = options.extrapolateRight;\n  }\n\n  if (typeof input !== \"number\") {\n    throw new TypeError(\"Cannot interpolate an input which is not a number\");\n  }\n\n  const range = findRange(input, inputRange);\n  return interpolateFunction(\n    input,\n    [inputRange[range], inputRange[range + 1]],\n    [outputRange[range], outputRange[range + 1]],\n    {\n      easing,\n      extrapolateLeft,\n      extrapolateRight,\n    }\n  );\n}\n"]}

package/lib/module/values/animation/functions/interpolateColors.js

@@ -1,32 +0,0 @@
-import { mix } from "../../../renderer";
-import { alphaf, blue, green, red, rgbaColor, Skia } from "../../../skia";
-import { interpolate } from "./interpolate";
-const CLAMP = {
-  extrapolateLeft: "clamp",
-  extrapolateRight: "clamp"
-};
-
-const interpolateColorsRGB = (value, inputRange, outputRange) => {
-  const r = interpolate(value, inputRange, outputRange.map(c => red(c)), CLAMP);
-  const g = interpolate(value, inputRange, outputRange.map(c => green(c)), CLAMP);
-  const b = interpolate(value, inputRange, outputRange.map(c => blue(c)), CLAMP);
-  const a = interpolate(value, inputRange, outputRange.map(c => alphaf(c)), CLAMP);
-  return rgbaColor(r, g, b, a);
-};
-
-export const interpolateColors = (value, inputRange, _outputRange) => {
-  const outputRange = _outputRange.map(cl => Skia.Color(cl));
-
-  return interpolateColorsRGB(value, inputRange, outputRange);
-}; // This is fast. To be reconcilled with interpolateColors
-// it looks like interpolateColors may not be working as expected
-// these functions need to be tested more thoroughly on both platform
-
-export const mixColors = (value, x, y) => {
-  const r = mix(value, red(x), red(y));
-  const g = mix(value, green(x), green(y));
-  const b = mix(value, blue(x), blue(y));
-  const a = mix(value, alphaf(x), alphaf(y));
-  return rgbaColor(r, g, b, a);
-};
-//# sourceMappingURL=interpolateColors.js.map

package/lib/module/values/animation/functions/interpolateColors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["interpolateColors.ts"],"names":["mix","alphaf","blue","green","red","rgbaColor","Skia","interpolate","CLAMP","extrapolateLeft","extrapolateRight","interpolateColorsRGB","value","inputRange","outputRange","r","map","c","g","b","a","interpolateColors","_outputRange","cl","Color","mixColors","x","y"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AAEA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,KAAvB,EAA8BC,GAA9B,EAAmCC,SAAnC,EAA8CC,IAA9C,QAA0D,eAA1D;AAEA,SAASC,WAAT,QAA4B,eAA5B;AAEA,MAAMC,KAAK,GAAG;AACZC,EAAAA,eAAe,EAAE,OADL;AAEZC,EAAAA,gBAAgB,EAAE;AAFN,CAAd;;AAKA,MAAMC,oBAAoB,GAAG,CAC3BC,KAD2B,EAE3BC,UAF2B,EAG3BC,WAH2B,KAIxB;AACH,QAAMC,CAAC,GAAGR,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOb,GAAG,CAACa,CAAD,CAA1B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMU,CAAC,GAAGX,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOd,KAAK,CAACc,CAAD,CAA5B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMW,CAAC,GAAGZ,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOf,IAAI,CAACe,CAAD,CAA3B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,QAAMY,CAAC,GAAGb,WAAW,CACnBK,KADmB,EAEnBC,UAFmB,EAGnBC,WAAW,CAACE,GAAZ,CAAiBC,CAAD,IAAOhB,MAAM,CAACgB,CAAD,CAA7B,CAHmB,EAInBT,KAJmB,CAArB;AAMA,SAAOH,SAAS,CAACU,CAAD,EAAIG,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAhB;AACD,CA9BD;;AAgCA,OAAO,MAAMC,iBAAiB,GAAG,CAC/BT,KAD+B,EAE/BC,UAF+B,EAG/BS,YAH+B,KAI5B;AACH,QAAMR,WAAW,GAAGQ,YAAY,CAACN,GAAb,CAAkBO,EAAD,IAAQjB,IAAI,CAACkB,KAAL,CAAWD,EAAX,CAAzB,CAApB;;AACA,SAAOZ,oBAAoB,CAACC,KAAD,EAAQC,UAAR,EAAoBC,WAApB,CAA3B;AACD,CAPM,C,CASP;AACA;AACA;;AACA,OAAO,MAAMW,SAAS,GAAG,CAACb,KAAD,EAAgBc,CAAhB,EAA2BC,CAA3B,KAAyC;AAChE,QAAMZ,CAAC,GAAGf,GAAG,CAACY,KAAD,EAAQR,GAAG,CAACsB,CAAD,CAAX,EAAgBtB,GAAG,CAACuB,CAAD,CAAnB,CAAb;AACA,QAAMT,CAAC,GAAGlB,GAAG,CAACY,KAAD,EAAQT,KAAK,CAACuB,CAAD,CAAb,EAAkBvB,KAAK,CAACwB,CAAD,CAAvB,CAAb;AACA,QAAMR,CAAC,GAAGnB,GAAG,CAACY,KAAD,EAAQV,IAAI,CAACwB,CAAD,CAAZ,EAAiBxB,IAAI,CAACyB,CAAD,CAArB,CAAb;AACA,QAAMP,CAAC,GAAGpB,GAAG,CAACY,KAAD,EAAQX,MAAM,CAACyB,CAAD,CAAd,EAAmBzB,MAAM,CAAC0B,CAAD,CAAzB,CAAb;AACA,SAAOtB,SAAS,CAACU,CAAD,EAAIG,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAhB;AACD,CANM","sourcesContent":["import { mix } from \"../../../renderer\";\nimport type { Color } from \"../../../skia\";\nimport { alphaf, blue, green, red, rgbaColor, Skia } from \"../../../skia\";\n\nimport { interpolate } from \"./interpolate\";\n\nconst CLAMP = {\n  extrapolateLeft: \"clamp\",\n  extrapolateRight: \"clamp\",\n} as const;\n\nconst interpolateColorsRGB = (\n  value: number,\n  inputRange: number[],\n  outputRange: number[]\n) => {\n  const r = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => red(c)),\n    CLAMP\n  );\n  const g = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => green(c)),\n    CLAMP\n  );\n  const b = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => blue(c)),\n    CLAMP\n  );\n  const a = interpolate(\n    value,\n    inputRange,\n    outputRange.map((c) => alphaf(c)),\n    CLAMP\n  );\n  return rgbaColor(r, g, b, a);\n};\n\nexport const interpolateColors = (\n  value: number,\n  inputRange: number[],\n  _outputRange: Color[]\n) => {\n  const outputRange = _outputRange.map((cl) => Skia.Color(cl));\n  return interpolateColorsRGB(value, inputRange, outputRange);\n};\n\n// This is fast. To be reconcilled with interpolateColors\n// it looks like interpolateColors may not be working as expected\n// these functions need to be tested more thoroughly on both platform\nexport const mixColors = (value: number, x: number, y: number) => {\n  const r = mix(value, red(x), red(y));\n  const g = mix(value, green(x), green(y));\n  const b = mix(value, blue(x), blue(y));\n  const a = mix(value, alphaf(x), alphaf(y));\n  return rgbaColor(r, g, b, a);\n};\n"]}

package/lib/module/values/animation/spring/runSpring.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["runSpring.ts"],"names":["runTiming","Spring","createSpringEasing","runSpring","value","toOrParams","config","callback","Config","Default"],"mappings":"AAMA,SAASA,SAAT,QAA0B,qBAA1B;AAEA,SAASC,MAAT,QAAuB,UAAvB;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,SAAS,GAAG,CACvBC,KADuB,EAEvBC,UAFuB,EAGvBC,MAHuB,EAIvBC,QAJuB,KAKL;AAClB,SAAOP,SAAS,CACdI,KADc,EAEdC,UAFc,EAGdH,kBAAkB,CAACI,MAAD,aAACA,MAAD,cAACA,MAAD,GAAWL,MAAM,CAACO,MAAP,CAAcC,OAAzB,CAHJ,EAIdF,QAJc,CAAhB;AAMD,CAZM","sourcesContent":["import type { SkiaValue, SkiaAnimation } from \"../../types\";\nimport type {\n  AnimationParams,\n  SpringConfig,\n  AnimationCallback,\n} from \"../types\";\nimport { runTiming } from \"../timing/runTiming\";\n\nimport { Spring } from \"./Spring\";\nimport { createSpringEasing } from \"./functions/spring\";\n\n/**\n * Creates a new animation on an existing value that will be driven by\n * an animation value. The value will be run from / to the value in\n * params and modified by the provided easing curve for the length of\n * the duration. When the value has reached its desired \"to\" value the\n * animation will be stopped.\n *\n * @param value The value to animate\n * @param toOrParams To value or Animation parameters\n * @param config Spring configuration\n * @returns an animation value that can be used to start/stop\n * the animation.\n */\nexport const runSpring = (\n  value: SkiaValue<number>,\n  toOrParams: number | AnimationParams,\n  config?: SpringConfig,\n  callback?: AnimationCallback\n): SkiaAnimation => {\n  return runTiming(\n    value,\n    toOrParams,\n    createSpringEasing(config ?? Spring.Config.Default),\n    callback\n  );\n};\n"]}