@shopify/react-native-skia 0.1.115

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

@@ -0,0 +1,47 @@
+"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

@@ -0,0 +1 @@
+{"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/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _timing = require("./timing");
+
+Object.keys(_timing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _timing[key];
+    }
+  });
+});
+
+var _spring = require("./spring");
+
+Object.keys(_spring).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spring[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spring[key];
+    }
+  });
+});
+
+var _decay = require("./decay");
+
+Object.keys(_decay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _decay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _decay[key];
+    }
+  });
+});
+
+var _functions = require("./functions");
+
+Object.keys(_functions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _functions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _functions[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/values/animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./timing\";\nexport * from \"./spring\";\nexport * from \"./decay\";\nexport * from \"./functions\";\n"]}

package/lib/commonjs/values/animation/spring/Spring.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spring = void 0;
+
+/*
+  Spring animation configurations
+*/
+const Config = {
+  Gentle: {
+    mass: 1,
+    stiffness: 170,
+    damping: 19,
+    velocity: 0
+  },
+  Wobbly: {
+    mass: 1,
+    stiffness: 180,
+    damping: 12,
+    velocity: 0
+  },
+  WobblySlow: {
+    mass: 4,
+    stiffness: 180,
+    damping: 25,
+    velocity: 0
+  },
+  Stiff: {
+    mass: 1,
+    stiffness: 200,
+    damping: 20,
+    velocity: 0
+  },
+  Default: {
+    mass: 1,
+    stiffness: 100,
+    damping: 10,
+    velocity: 0
+  }
+};
+const Spring = {
+  Config,
+  Gentle: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Gentle,
+      ...config
+    };
+  },
+  Wobbly: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Wobbly,
+      ...config
+    };
+  },
+  WobblySlow: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.WobblySlow,
+      ...config
+    };
+  },
+  Stiff: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Stiff,
+      ...config
+    };
+  },
+  Default: function () {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return { ...Config.Default,
+      ...config
+    };
+  }
+};
+exports.Spring = Spring;
+//# sourceMappingURL=Spring.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Spring.ts"],"names":["Config","Gentle","mass","stiffness","damping","velocity","Wobbly","WobblySlow","Stiff","Default","Spring","config"],"mappings":";;;;;;;AAEA;AACA;AACA;AACA,MAAMA,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE;AACNC,IAAAA,IAAI,EAAE,CADA;AAENC,IAAAA,SAAS,EAAE,GAFL;AAGNC,IAAAA,OAAO,EAAE,EAHH;AAINC,IAAAA,QAAQ,EAAE;AAJJ,GADK;AAObC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,IAAI,EAAE,CADA;AAENC,IAAAA,SAAS,EAAE,GAFL;AAGNC,IAAAA,OAAO,EAAE,EAHH;AAINC,IAAAA,QAAQ,EAAE;AAJJ,GAPK;AAabE,EAAAA,UAAU,EAAE;AACVL,IAAAA,IAAI,EAAE,CADI;AAEVC,IAAAA,SAAS,EAAE,GAFD;AAGVC,IAAAA,OAAO,EAAE,EAHC;AAIVC,IAAAA,QAAQ,EAAE;AAJA,GAbC;AAmBbG,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,SAAS,EAAE,GAFN;AAGLC,IAAAA,OAAO,EAAE,EAHJ;AAILC,IAAAA,QAAQ,EAAE;AAJL,GAnBM;AAyBbI,EAAAA,OAAO,EAAE;AACPP,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,SAAS,EAAE,GAFJ;AAGPC,IAAAA,OAAO,EAAE,EAHF;AAIPC,IAAAA,QAAQ,EAAE;AAJH;AAzBI,CAAf;AAiCO,MAAMK,MAAM,GAAG;AACpBV,EAAAA,MADoB;AAEpBC,EAAAA,MAAM,EAAE;AAAA,QAACU,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACtC,GAAGX,MAAM,CAACC,MAD4B;AAEtC,SAAGU;AAFmC,KAAhC;AAAA,GAFY;AAMpBL,EAAAA,MAAM,EAAE;AAAA,QAACK,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACtC,GAAGX,MAAM,CAACM,MAD4B;AAEtC,SAAGK;AAFmC,KAAhC;AAAA,GANY;AAUpBJ,EAAAA,UAAU,EAAE;AAAA,QAACI,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EAC1C,GAAGX,MAAM,CAACO,UADgC;AAE1C,SAAGI;AAFuC,KAAhC;AAAA,GAVQ;AAcpBH,EAAAA,KAAK,EAAE;AAAA,QAACG,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACrC,GAAGX,MAAM,CAACQ,KAD2B;AAErC,SAAGG;AAFkC,KAAhC;AAAA,GAda;AAkBpBF,EAAAA,OAAO,EAAE;AAAA,QAACE,MAAD,uEAAwB,EAAxB;AAAA,WAAgC,EACvC,GAAGX,MAAM,CAACS,OAD6B;AAEvC,SAAGE;AAFoC,KAAhC;AAAA;AAlBW,CAAf","sourcesContent":["import type { SpringConfig } from \"./types\";\n\n/*\n  Spring animation configurations\n*/\nconst Config = {\n  Gentle: {\n    mass: 1,\n    stiffness: 170,\n    damping: 19,\n    velocity: 0,\n  },\n  Wobbly: {\n    mass: 1,\n    stiffness: 180,\n    damping: 12,\n    velocity: 0,\n  },\n  WobblySlow: {\n    mass: 4,\n    stiffness: 180,\n    damping: 25,\n    velocity: 0,\n  },\n  Stiff: {\n    mass: 1,\n    stiffness: 200,\n    damping: 20,\n    velocity: 0,\n  },\n  Default: {\n    mass: 1,\n    stiffness: 100,\n    damping: 10,\n    velocity: 0,\n  },\n};\n\nexport const Spring = {\n  Config,\n  Gentle: (config: SpringConfig = {}) => ({\n    ...Config.Gentle,\n    ...config,\n  }),\n  Wobbly: (config: SpringConfig = {}) => ({\n    ...Config.Wobbly,\n    ...config,\n  }),\n  WobblySlow: (config: SpringConfig = {}) => ({\n    ...Config.WobblySlow,\n    ...config,\n  }),\n  Stiff: (config: SpringConfig = {}) => ({\n    ...Config.Stiff,\n    ...config,\n  }),\n  Default: (config: SpringConfig = {}) => ({\n    ...Config.Default,\n    ...config,\n  }),\n};\n"]}

package/lib/commonjs/values/animation/spring/functions/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createSpringEasing", {
+  enumerable: true,
+  get: function () {
+    return _spring.createSpringEasing;
+  }
+});
+
+var _spring = require("./spring");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/values/animation/spring/functions/index.js.map

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

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSpringEasing = void 0;
+
+/**
+ * @description Returns a cached jsContext function for a spring with duration
+ * @param mass The mass of the spring
+ * @param stiffness The stiffness of the spring
+ * @param damping Spring damping
+ * @param velocity The initial velocity
+ */
+const createSpringEasing = params => {
+  const config = {
+    mass: 1,
+    stiffness: 100,
+    damping: 10,
+    velocity: 0,
+    ...params
+  };
+  config.velocity /= 100;
+  return getSpringEasing(config);
+};
+
+exports.createSpringEasing = createSpringEasing;
+
+const getSpringEasing = config => {
+  const {
+    stiffness,
+    mass,
+    damping,
+    velocity: initialVelocity
+  } = config; // Setup spring state
+
+  const state = {
+    w0: Math.sqrt(stiffness / mass),
+    zeta: 0,
+    wd: 0,
+    a: 1,
+    b: 0
+  };
+  state.zeta = damping / (2 * Math.sqrt(stiffness * mass));
+  state.wd = state.zeta < 1 ? state.w0 * Math.sqrt(1 - state.zeta * state.zeta) : 0;
+  state.a = 1;
+  state.b = state.zeta < 1 ? (state.zeta * state.w0 + -initialVelocity) / state.wd : -initialVelocity + state.w0;
+
+  const update = (t, duration) => {
+    let progress = duration ? duration * t / 1000 : t;
+
+    if (state.zeta < 1) {
+      progress = Math.exp(-progress * state.zeta * state.w0) * (state.a * Math.cos(state.wd * progress) + state.b * Math.sin(state.wd * progress));
+    } else {
+      progress = (state.a + state.b * progress) * Math.exp(-progress * state.w0);
+    }
+
+    if (t === 0 || t === 1) {
+      return t;
+    }
+
+    return 1 - progress;
+  };
+
+  const getDurationMs = () => {
+    var frame = 1 / 6;
+    var elapsed = 0;
+    var rest = 0;
+
+    while (true) {
+      elapsed += frame;
+
+      if (update(elapsed) === 1) {
+        rest++;
+
+        if (rest >= 6) {
+          break;
+        }
+      } else {
+        rest = 0;
+      }
+    }
+
+    var durationMs = elapsed * frame * 1000;
+    return durationMs + 1000;
+  };
+
+  const durationMs = getDurationMs();
+  return {
+    easing: t => update(t, durationMs),
+    duration: durationMs
+  };
+};
+//# sourceMappingURL=spring.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["spring.ts"],"names":["createSpringEasing","params","config","mass","stiffness","damping","velocity","getSpringEasing","initialVelocity","state","w0","Math","sqrt","zeta","wd","a","b","update","t","duration","progress","exp","cos","sin","getDurationMs","frame","elapsed","rest","durationMs","easing"],"mappings":"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","sourcesContent":["import type { SpringConfig } from \"../types\";\nimport type { TimingConfig } from \"../../types\";\n\n/**\n * @description Returns a cached jsContext function for a spring with duration\n * @param mass The mass of the spring\n * @param stiffness The stiffness of the spring\n * @param damping Spring damping\n * @param velocity The initial velocity\n */\nexport const createSpringEasing = (\n  params: Partial<SpringConfig>\n): TimingConfig => {\n  const config = {\n    mass: 1,\n    stiffness: 100,\n    damping: 10,\n    velocity: 0,\n    ...params,\n  };\n  config.velocity /= 100;\n  return getSpringEasing(config);\n};\n\nconst getSpringEasing = (config: Required<SpringConfig>) => {\n  const { stiffness, mass, damping, velocity: initialVelocity } = config;\n  // Setup spring state\n  const state = {\n    w0: Math.sqrt(stiffness / mass),\n    zeta: 0,\n    wd: 0,\n    a: 1,\n    b: 0,\n  };\n  state.zeta = damping / (2 * Math.sqrt(stiffness * mass));\n  state.wd =\n    state.zeta < 1 ? state.w0 * Math.sqrt(1 - state.zeta * state.zeta) : 0;\n  state.a = 1;\n  state.b =\n    state.zeta < 1\n      ? (state.zeta * state.w0 + -initialVelocity) / state.wd\n      : -initialVelocity + state.w0;\n\n  const update = (t: number, duration?: number) => {\n    let progress = duration ? (duration * t) / 1000 : t;\n    if (state.zeta < 1) {\n      progress =\n        Math.exp(-progress * state.zeta * state.w0) *\n        (state.a * Math.cos(state.wd * progress) +\n          state.b * Math.sin(state.wd * progress));\n    } else {\n      progress =\n        (state.a + state.b * progress) * Math.exp(-progress * state.w0);\n    }\n    if (t === 0 || t === 1) {\n      return t;\n    }\n    return 1 - progress;\n  };\n\n  const getDurationMs = () => {\n    var frame = 1 / 6;\n    var elapsed = 0;\n    var rest = 0;\n    while (true) {\n      elapsed += frame;\n      if (update(elapsed) === 1) {\n        rest++;\n        if (rest >= 6) {\n          break;\n        }\n      } else {\n        rest = 0;\n      }\n    }\n    var durationMs = elapsed * frame * 1000;\n    return durationMs + 1000;\n  };\n\n  const durationMs = getDurationMs();\n\n  return {\n    easing: (t: number) => update(t, durationMs),\n    duration: durationMs,\n  };\n};\n"]}

package/lib/commonjs/values/animation/spring/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Spring", {
+  enumerable: true,
+  get: function () {
+    return _Spring.Spring;
+  }
+});
+Object.defineProperty(exports, "runSpring", {
+  enumerable: true,
+  get: function () {
+    return _runSpring.runSpring;
+  }
+});
+Object.defineProperty(exports, "useSpring", {
+  enumerable: true,
+  get: function () {
+    return _useSpring.useSpring;
+  }
+});
+
+var _Spring = require("./Spring");
+
+var _runSpring = require("./runSpring");
+
+var _useSpring = require("./useSpring");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { Spring } from \"./Spring\";\nexport { runSpring } from \"./runSpring\";\nexport { useSpring } from \"./useSpring\";\n"]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runSpring = void 0;
+
+var _runTiming = require("../timing/runTiming");
+
+var _Spring = require("./Spring");
+
+var _spring = require("./functions/spring");
+
+/**
+ * Creates a new animation on an existing value that will be driven by
+ * an animation value. The value will be run from / to the value in
+ * params and modified by the provided easing curve for the length of
+ * the duration. When the value has reached its desired "to" value the
+ * animation will be stopped.
+ *
+ * @param value The value to animate
+ * @param toOrParams To value or Animation parameters
+ * @param config Spring configuration
+ * @returns an animation value that can be used to start/stop
+ * the animation.
+ */
+const runSpring = (value, toOrParams, config, callback) => {
+  return (0, _runTiming.runTiming)(value, toOrParams, (0, _spring.createSpringEasing)(config !== null && config !== void 0 ? config : _Spring.Spring.Config.Default), callback);
+};
+
+exports.runSpring = runSpring;
+//# sourceMappingURL=runSpring.js.map

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

@@ -0,0 +1 @@
+{"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/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSpring = void 0;
+
+var _timing = require("../timing");
+
+var _Spring = require("./Spring");
+
+var _spring = require("./functions/spring");
+
+/**
+ * Creats a spring based animation value that will run whenever
+ * the animation parameters change.
+ * @param toOrParams
+ * @param config
+ * @returns
+ */
+const useSpring = (toOrParams, config, callback) => (0, _timing.useTiming)(toOrParams, (0, _spring.createSpringEasing)(config !== null && config !== void 0 ? config : _Spring.Spring.Config.Default), callback);
+
+exports.useSpring = useSpring;
+//# sourceMappingURL=useSpring.js.map

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

@@ -0,0 +1 @@
+{"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/Easing.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Easing = void 0;
+
+var _functions = require("./functions");
+
+// eslint-disable-next-line max-len
+// Taken from https://github.com/facebook/react-native/blob/0b9ea60b4fee8cacc36e7160e31b91fc114dbc0d/Libraries/Animated/src/Easing.js
+class Easing {
+  static step0(n) {
+    return n > 0 ? 1 : 0;
+  }
+
+  static step1(n) {
+    return n >= 1 ? 1 : 0;
+  }
+
+  static linear(t) {
+    return t;
+  }
+
+  static ease(t) {
+    return Easing.bezier(0.42, 0, 1, 1)(t);
+  }
+
+  static quad(t) {
+    return t * t;
+  }
+
+  static cubic(t) {
+    return t * t * t;
+  }
+
+  static poly(n) {
+    return t => t ** n;
+  }
+
+  static sin(t) {
+    return 1 - Math.cos(t * Math.PI / 2);
+  }
+
+  static circle(t) {
+    return 1 - Math.sqrt(1 - t * t);
+  }
+
+  static exp(t) {
+    return 2 ** (10 * (t - 1));
+  }
+
+  static elastic() {
+    let bounciness = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    const p = bounciness * Math.PI;
+    return t => 1 - Math.cos(t * Math.PI / 2) ** 3 * Math.cos(t * p);
+  }
+
+  static back() {
+    let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1.70158;
+    return t => t * t * ((s + 1) * t - s);
+  }
+
+  static bounce(t) {
+    if (t < 1 / 2.75) {
+      return 7.5625 * t * t;
+    }
+
+    if (t < 2 / 2.75) {
+      const t2_ = t - 1.5 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.75;
+    }
+
+    if (t < 2.5 / 2.75) {
+      const t2_ = t - 2.25 / 2.75;
+      return 7.5625 * t2_ * t2_ + 0.9375;
+    }
+
+    const t2 = t - 2.625 / 2.75;
+    return 7.5625 * t2 * t2 + 0.984375;
+  }
+
+  static bezier(x1, y1, x2, y2) {
+    return (0, _functions.bezier)(x1, y1, x2, y2);
+  }
+
+  static in(easing) {
+    return easing;
+  }
+
+  static out(easing) {
+    return t => 1 - easing(1 - t);
+  }
+
+  static inOut(easing) {
+    return t => {
+      if (t < 0.5) {
+        return easing(t * 2) / 2;
+      }
+
+      return 1 - easing((1 - t) * 2) / 2;
+    };
+  }
+
+}
+
+exports.Easing = Easing;
+//# sourceMappingURL=Easing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Easing.ts"],"names":["Easing","step0","n","step1","linear","t","ease","bezier","quad","cubic","poly","sin","Math","cos","PI","circle","sqrt","exp","elastic","bounciness","p","back","s","bounce","t2_","t2","x1","y1","x2","y2","in","easing","out","inOut"],"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/Easing.js\n\nimport { bezier } from \"./functions\";\n\nexport class Easing {\n  static step0(n: number): number {\n    return n > 0 ? 1 : 0;\n  }\n\n  static step1(n: number): number {\n    return n >= 1 ? 1 : 0;\n  }\n\n  static linear(t: number): number {\n    return t;\n  }\n\n  static ease(t: number): number {\n    return Easing.bezier(0.42, 0, 1, 1)(t);\n  }\n\n  static quad(t: number): number {\n    return t * t;\n  }\n\n  static cubic(t: number): number {\n    return t * t * t;\n  }\n\n  static poly(n: number): (t: number) => number {\n    return (t: number): number => t ** n;\n  }\n\n  static sin(t: number): number {\n    return 1 - Math.cos((t * Math.PI) / 2);\n  }\n\n  static circle(t: number): number {\n    return 1 - Math.sqrt(1 - t * t);\n  }\n\n  static exp(t: number): number {\n    return 2 ** (10 * (t - 1));\n  }\n\n  static elastic(bounciness = 1): (t: number) => number {\n    const p = bounciness * Math.PI;\n    return (t): number =>\n      1 - Math.cos((t * Math.PI) / 2) ** 3 * Math.cos(t * p);\n  }\n\n  static back(s = 1.70158): (t: number) => number {\n    return (t): number => t * t * ((s + 1) * t - s);\n  }\n\n  static bounce(t: number): number {\n    if (t < 1 / 2.75) {\n      return 7.5625 * t * t;\n    }\n\n    if (t < 2 / 2.75) {\n      const t2_ = t - 1.5 / 2.75;\n      return 7.5625 * t2_ * t2_ + 0.75;\n    }\n\n    if (t < 2.5 / 2.75) {\n      const t2_ = t - 2.25 / 2.75;\n      return 7.5625 * t2_ * t2_ + 0.9375;\n    }\n\n    const t2 = t - 2.625 / 2.75;\n    return 7.5625 * t2 * t2 + 0.984375;\n  }\n\n  static bezier(\n    x1: number,\n    y1: number,\n    x2: number,\n    y2: number\n  ): (t: number) => number {\n    return bezier(x1, y1, x2, y2);\n  }\n\n  static in(easing: (t: number) => number): (t: number) => number {\n    return easing;\n  }\n\n  static out(easing: (t: number) => number): (t: number) => number {\n    return (t): number => 1 - easing(1 - t);\n  }\n\n  static inOut(easing: (t: number) => number): (t: number) => number {\n    return (t): number => {\n      if (t < 0.5) {\n        return easing(t * 2) / 2;\n      }\n\n      return 1 - easing((1 - t) * 2) / 2;\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTiming = void 0;
+
+var _api = require("../../api");
+
+var _functions = require("./functions");
+
+/**
+ * Creates an animation that is driven by a clock value.
+ * The value will be run from / to the value in params and modified
+ * by the provided easing curve for the length of the duration. When
+ * the value has reached its desired "to" value the animation
+ * will be stopped. If loop is set to true, the animation will continue
+ * to run until stopped.
+ *
+ * @param params Animation parameters
+ * @param config Spring or timing configuration
+ * @param value Optional value that the animation will update
+ * @params an animation value that can be used to start/stop
+ * the animation.
+ */
+const createTiming = (params, value, callback) => {
+  var _ref, _params$from;
+
+  // Update from to be either the declared from value,
+  // the current value of the value or zero
+  const resolvedParams = { ...params,
+    from: (_ref = (_params$from = params.from) !== null && _params$from !== void 0 ? _params$from : value === null || value === void 0 ? void 0 : value.current) !== null && _ref !== void 0 ? _ref : 0
+  }; // Update function for the animation value
+
+  const animationFunction = (t, state) => {
+    var _params$loop, _params$yoyo;
+
+    // Update the input value using the provided update function
+    const nextState = (0, _functions.timing)(t, params.duration, params.easing, (_params$loop = params.loop) !== null && _params$loop !== void 0 ? _params$loop : false, (_params$yoyo = params.yoyo) !== null && _params$yoyo !== void 0 ? _params$yoyo : false, state !== null && state !== void 0 ? state : {
+      current: params.from,
+      finished: false
+    });
+    const current = nextState.current * (resolvedParams.to - resolvedParams.from) + resolvedParams.from;
+
+    if (callback && nextState.finished === true) {
+      callback(current);
+    }
+
+    return { ...nextState,
+      current
+    };
+  }; // Create animation value
+
+
+  return _api.ValueApi.createAnimation(animationFunction);
+};
+
+exports.createTiming = createTiming;
+//# sourceMappingURL=createTiming.js.map

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

@@ -0,0 +1 @@
+{"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"]}