@shopify/react-native-skia 0.0.135

package/lib/commonjs/animation/timing/functions/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  bezier: true,
+  timing: true
+};
+Object.defineProperty(exports, "bezier", {
+  enumerable: true,
+  get: function () {
+    return _bezier.bezier;
+  }
+});
+Object.defineProperty(exports, "timing", {
+  enumerable: true,
+  get: function () {
+    return _timing.timing;
+  }
+});
+
+var _bezier = require("./bezier");
+
+var _timing = require("./timing");
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+
+var _getResolvedParams = require("./getResolvedParams");
+
+Object.keys(_getResolvedParams).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _getResolvedParams[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getResolvedParams[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/animation/timing/functions/index.js.map

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

package/lib/commonjs/animation/timing/functions/timing.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timing = void 0;
+
+/**
+ * Calculates and returns a timing value based on the
+ * input parameters. The timing value is a number between
+ * 0 and 1.
+ * @param t
+ * @param duration
+ * @param easing
+ * @param loop
+ * @param yoyo
+ * @param onStop
+ * @returns
+ */
+const timing = (t, duration, easing, loop, yoyo, state) => {
+  let current = t / duration;
+  let {
+    finished
+  } = state; // Side effect to stop animation when duration is reached (if loop is false)
+
+  if (current >= 1.0 && !loop) {
+    finished = true;
+    current = 1.0;
+  } // calculate return value
+
+
+  let n = current % 1;
+
+  if (yoyo) {
+    n = current % 2.0 >= 1.0 ? 1 - current % 1 : current % 1;
+  } else if (!loop) {
+    if (current >= 1.0) {
+      n = 1.0;
+    }
+  }
+
+  current = easing(Math.max(0, Math.min(1, n)));
+  return {
+    current,
+    finished
+  };
+};
+
+exports.timing = timing;
+//# sourceMappingURL=timing.js.map

package/lib/commonjs/animation/timing/functions/timing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["timing.ts"],"names":["timing","t","duration","easing","loop","yoyo","state","current","finished","n","Math","max","min"],"mappings":";;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,MAAM,GAAG,CACpBC,CADoB,EAEpBC,QAFoB,EAGpBC,MAHoB,EAIpBC,IAJoB,EAKpBC,IALoB,EAMpBC,KANoB,KAOjB;AACH,MAAIC,OAAO,GAAGN,CAAC,GAAGC,QAAlB;AACA,MAAI;AAAEM,IAAAA;AAAF,MAAeF,KAAnB,CAFG,CAGH;;AACA,MAAIC,OAAO,IAAI,GAAX,IAAkB,CAACH,IAAvB,EAA6B;AAC3BI,IAAAA,QAAQ,GAAG,IAAX;AACAD,IAAAA,OAAO,GAAG,GAAV;AACD,GAPE,CAQH;;;AACA,MAAIE,CAAC,GAAGF,OAAO,GAAG,CAAlB;;AACA,MAAIF,IAAJ,EAAU;AACRI,IAAAA,CAAC,GAAGF,OAAO,GAAG,GAAV,IAAiB,GAAjB,GAAuB,IAAKA,OAAO,GAAG,CAAtC,GAA2CA,OAAO,GAAG,CAAzD;AACD,GAFD,MAEO,IAAI,CAACH,IAAL,EAAW;AAChB,QAAIG,OAAO,IAAI,GAAf,EAAoB;AAClBE,MAAAA,CAAC,GAAG,GAAJ;AACD;AACF;;AACDF,EAAAA,OAAO,GAAGJ,MAAM,CAACO,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYD,IAAI,CAACE,GAAL,CAAS,CAAT,EAAYH,CAAZ,CAAZ,CAAD,CAAhB;AACA,SAAO;AACLF,IAAAA,OADK;AAELC,IAAAA;AAFK,GAAP;AAID,CA7BM","sourcesContent":["import type { AnimationState } from \"../../../values/types\";\n\n/**\n * Calculates and returns a timing value based on the\n * input parameters. The timing value is a number between\n * 0 and 1.\n * @param t\n * @param duration\n * @param easing\n * @param loop\n * @param yoyo\n * @param onStop\n * @returns\n */\nexport const timing = (\n  t: number,\n  duration: number,\n  easing: (t: number) => number,\n  loop: boolean,\n  yoyo: boolean,\n  state: AnimationState\n) => {\n  let current = t / duration;\n  let { finished } = state;\n  // Side effect to stop animation when duration is reached (if loop is false)\n  if (current >= 1.0 && !loop) {\n    finished = true;\n    current = 1.0;\n  }\n  // calculate return value\n  let n = current % 1;\n  if (yoyo) {\n    n = current % 2.0 >= 1.0 ? 1 - (current % 1) : current % 1;\n  } else if (!loop) {\n    if (current >= 1.0) {\n      n = 1.0;\n    }\n  }\n  current = easing(Math.max(0, Math.min(1, n)));\n  return {\n    current,\n    finished,\n  };\n};\n"]}

package/lib/commonjs/animation/timing/functions/types.js

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

package/lib/commonjs/animation/timing/functions/types.js.map

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

package/lib/commonjs/animation/timing/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Easing", {
+  enumerable: true,
+  get: function () {
+    return _Easing.Easing;
+  }
+});
+Object.defineProperty(exports, "runTiming", {
+  enumerable: true,
+  get: function () {
+    return _runTiming.runTiming;
+  }
+});
+Object.defineProperty(exports, "useLoop", {
+  enumerable: true,
+  get: function () {
+    return _useLoop.useLoop;
+  }
+});
+Object.defineProperty(exports, "useTiming", {
+  enumerable: true,
+  get: function () {
+    return _useTiming.useTiming;
+  }
+});
+
+var _Easing = require("./Easing");
+
+var _useTiming = require("./useTiming");
+
+var _useLoop = require("./useLoop");
+
+var _runTiming = require("./runTiming");
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runTiming = void 0;
+
+var _functions = require("./functions");
+
+var _createTiming = require("./createTiming");
+
+/**
+ * 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 or timing configuration
+ * @returns an animation value that can be used to start/stop
+ * the animation.
+ */
+const runTiming = (value, toOrParams, config, callback) => {
+  const resolvedParameters = (0, _functions.getResolvedParams)(toOrParams, config);
+  const animation = (0, _createTiming.createTiming)(resolvedParameters, value, callback);
+  value.animation = animation;
+  return animation;
+};
+
+exports.runTiming = runTiming;
+//# sourceMappingURL=runTiming.js.map

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

@@ -0,0 +1 @@
+{"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 { SkiaMutableValue, SkiaAnimation } from \"../../values/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: SkiaMutableValue<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/animation/timing/useLoop.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoop = void 0;
+
+var _useTiming = require("./useTiming");
+
+/**
+ * Configures a looped timing value. The value will go back and forth
+ * between 0 and 1 and back.
+ * @param config Timing configuration for easing and duration
+ * @returns A value that can be used for further animations
+ */
+const useLoop = config => (0, _useTiming.useTiming)({
+  yoyo: true,
+  loop: true
+}, config);
+
+exports.useLoop = useLoop;
+//# sourceMappingURL=useLoop.js.map

package/lib/commonjs/animation/timing/useLoop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLoop.ts"],"names":["useLoop","config","yoyo","loop"],"mappings":";;;;;;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,OAAO,GAAIC,MAAD,IACrB,0BACE;AACEC,EAAAA,IAAI,EAAE,IADR;AAEEC,EAAAA,IAAI,EAAE;AAFR,CADF,EAKEF,MALF,CADK","sourcesContent":["import type { TimingConfig } from \"../types\";\n\nimport { useTiming } from \"./useTiming\";\n\n/**\n * Configures a looped timing value. The value will go back and forth\n * between 0 and 1 and back.\n * @param config Timing configuration for easing and duration\n * @returns A value that can be used for further animations\n */\nexport const useLoop = (config?: TimingConfig) =>\n  useTiming(\n    {\n      yoyo: true,\n      loop: true,\n    },\n    config\n  );\n"]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTiming = void 0;
+
+var _react = require("react");
+
+var _useValue = require("../../values/hooks/useValue");
+
+var _functions = require("./functions");
+
+var _createTiming = require("./createTiming");
+
+/**
+ * Creats an animation value that will run whenever
+ * the animation parameters change. The animation start immediately.
+ * @param toOrParams
+ * @param config
+ * @returns A value that is animated
+ */
+const useTiming = (toOrParams, config, callback) => {
+  var _resolvedParameters$f;
+
+  // Resolve parameters - keep a cached version to avoid
+  // unnecesary re-renders.
+  const prevCfgRef = (0, _react.useRef)();
+  const resolvedParameters = (0, _react.useMemo)(() => {
+    const nextParams = (0, _functions.getResolvedParams)(toOrParams, config);
+
+    if (!equals(prevCfgRef.current, nextParams)) {
+      prevCfgRef.current = nextParams;
+    }
+
+    return prevCfgRef.current;
+  }, [config, toOrParams]); // Create value
+
+  const value = (0, _useValue.useValue)((_resolvedParameters$f = resolvedParameters.from) !== null && _resolvedParameters$f !== void 0 ? _resolvedParameters$f : 0); // Create timing animation - keep a cached version to avoid
+  // uneccessary recreation of animations
+
+  const prevAnimationRef = (0, _react.useRef)();
+  const prevParamsRef = (0, _react.useRef)();
+  const animation = (0, _react.useMemo)(() => {
+    if (!equals(prevParamsRef.current, resolvedParameters)) {
+      prevParamsRef.current = resolvedParameters;
+      prevAnimationRef.current = (0, _createTiming.createTiming)(resolvedParameters, value, callback);
+    }
+
+    return prevAnimationRef.current;
+  }, [callback, resolvedParameters, value]); // Run animation on the value - and stop it on unmount
+
+  (0, _react.useEffect)(() => {
+    value.animation = animation;
+    return () => value.animation = undefined;
+  }, [animation, value]); // Return the value that is animated
+
+  return value;
+};
+
+exports.useTiming = useTiming;
+
+const equals = (a, b) => {
+  return JSON.stringify(a) === JSON.stringify(b);
+};
+//# sourceMappingURL=useTiming.js.map

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

@@ -0,0 +1 @@
+{"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,KAID;AAAA;;AACtB;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,CAJsB,CAYtB;;AACA,QAAMQ,KAAK,GAAG,iDAASJ,kBAAkB,CAACK,IAA5B,yEAAoC,CAApC,CAAd,CAbsB,CAetB;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,CAnBsB,CA+BtB;;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,EAhCsB,CAqCtB;;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 { SkiaValue, SkiaAnimation } from \"../../values/types\";\nimport type {\n  AnimationParams,\n  TimingConfig,\n  AnimationCallback,\n} from \"../types\";\nimport { useValue } from \"../../values/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): SkiaValue<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/commonjs/animation/types.js

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

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

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

package/lib/commonjs/external/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _reanimated = require("./reanimated");
+
+Object.keys(_reanimated).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _reanimated[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _reanimated[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/external/index.js.map

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

package/lib/commonjs/external/reanimated/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _useSharedValueEffect = require("./useSharedValueEffect");
+
+Object.keys(_useSharedValueEffect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSharedValueEffect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSharedValueEffect[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/external/reanimated/index.js.map

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

package/lib/commonjs/external/reanimated/useSharedValueEffect.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSharedValueEffect = void 0;
+
+var _react = require("react");
+
+var _Reanimated;
+
+// @ts-ignore
+let Reanimated;
+let Core;
+
+try {
+  Reanimated = require("react-native-reanimated");
+  Core = require("react-native-reanimated/lib/reanimated2/core");
+} catch (e) {// Ignore
+}
+
+const useSharedValueWrapper = ((_Reanimated = Reanimated) === null || _Reanimated === void 0 ? void 0 : _Reanimated.useSharedValue) === undefined ? value => (0, _react.useMemo)(() => ({
+  value
+}), [value]) : Reanimated.useSharedValue;
+/**
+ * Connects a shared value from reanimated to a SkiaView or Canvas
+ * so whenever the shared value changes the SkiaView will redraw.
+ * @param cb Callback that will be called whenever the shared value changes.
+ * @param values One or more shared values to listen for.
+ */
+
+const useSharedValueEffect = function (cb, value) {
+  for (var _len = arguments.length, values = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    values[_key - 2] = arguments[_key];
+  }
+
+  const input = useSharedValueWrapper(0);
+  const {
+    runOnJS,
+    startMapper,
+    stopMapper
+  } = (0, _react.useMemo)(() => {
+    if (Reanimated && Core) {
+      const {
+        runOnJS
+      } = Reanimated;
+      const {
+        startMapper,
+        stopMapper
+      } = Core;
+      return {
+        runOnJS,
+        startMapper,
+        stopMapper
+      };
+    } else {
+      console.warn("Reanimated was not found and the useSharedValueEffect hook will have no effect.");
+      return {
+        runOnJS: undefined,
+        startMapper: undefined,
+        stopMapper: undefined
+      };
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (startMapper !== undefined && runOnJS !== undefined && stopMapper !== undefined) {
+      // Start a mapper in Reanimated
+      const mapperId = startMapper(() => {
+        "worklet";
+
+        runOnJS(cb)();
+      }, [value, ...values], [input]); // Return unregistering the mapper
+
+      return () => {
+        if (stopMapper && mapperId !== undefined) {
+          stopMapper(mapperId);
+        }
+      };
+    }
+
+    return () => {}; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [input, runOnJS, startMapper, stopMapper, value, ...values]);
+};
+
+exports.useSharedValueEffect = useSharedValueEffect;
+//# sourceMappingURL=useSharedValueEffect.js.map

package/lib/commonjs/external/reanimated/useSharedValueEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSharedValueEffect.ts"],"names":["Reanimated","Core","require","e","useSharedValueWrapper","useSharedValue","undefined","value","useSharedValueEffect","cb","values","input","runOnJS","startMapper","stopMapper","console","warn","mapperId"],"mappings":";;;;;;;AAGA;;;;AAEA;AACA,IAAIA,UAAJ;AACA,IAAIC,IAAJ;;AAGA,IAAI;AACFD,EAAAA,UAAU,GAAGE,OAAO,CAAC,yBAAD,CAApB;AACAD,EAAAA,IAAI,GAAGC,OAAO,CAAC,8CAAD,CAAd;AACD,CAHD,CAGE,OAAOC,CAAP,EAAU,CACV;AACD;;AAMD,MAAMC,qBAAqB,GACzB,gBAAAJ,UAAU,UAAV,kDAAYK,cAAZ,MAA+BC,SAA/B,GACKC,KAAD,IAAmB,oBAAQ,OAAO;AAAEA,EAAAA;AAAF,CAAP,CAAR,EAA2B,CAACA,KAAD,CAA3B,CADvB,GAEIP,UAAU,CAACK,cAHjB;AAKA;AACA;AACA;AACA;AACA;AACA;;AACO,MAAMG,oBAAoB,GAAG,UAClCC,EADkC,EAElCF,KAFkC,EAI/B;AAAA,oCADAG,MACA;AADAA,IAAAA,MACA;AAAA;;AACH,QAAMC,KAAK,GAAGP,qBAAqB,CAAC,CAAD,CAAnC;AACA,QAAM;AAAEQ,IAAAA,OAAF;AAAWC,IAAAA,WAAX;AAAwBC,IAAAA;AAAxB,MAAuC,oBAAQ,MAAM;AACzD,QAAId,UAAU,IAAIC,IAAlB,EAAwB;AACtB,YAAM;AAAEW,QAAAA;AAAF,UAAcZ,UAApB;AACA,YAAM;AAAEa,QAAAA,WAAF;AAAeC,QAAAA;AAAf,UAA8Bb,IAApC;AACA,aAAO;AAAEW,QAAAA,OAAF;AAAWC,QAAAA,WAAX;AAAwBC,QAAAA;AAAxB,OAAP;AACD,KAJD,MAIO;AACLC,MAAAA,OAAO,CAACC,IAAR,CACE,iFADF;AAGA,aAAO;AACLJ,QAAAA,OAAO,EAAEN,SADJ;AAELO,QAAAA,WAAW,EAAEP,SAFR;AAGLQ,QAAAA,UAAU,EAAER;AAHP,OAAP;AAKD;AACF,GAf4C,EAe1C,EAf0C,CAA7C;AAiBA,wBAAU,MAAM;AACd,QACEO,WAAW,KAAKP,SAAhB,IACAM,OAAO,KAAKN,SADZ,IAEAQ,UAAU,KAAKR,SAHjB,EAIE;AACA;AACA,YAAMW,QAAQ,GAAGJ,WAAW,CAC1B,MAAM;AACJ;;AACAD,QAAAA,OAAO,CAACH,EAAD,CAAP;AACD,OAJyB,EAK1B,CAACF,KAAD,EAAQ,GAAGG,MAAX,CAL0B,EAM1B,CAACC,KAAD,CAN0B,CAA5B,CAFA,CAUA;;AACA,aAAO,MAAM;AACX,YAAIG,UAAU,IAAIG,QAAQ,KAAKX,SAA/B,EAA0C;AACxCQ,UAAAA,UAAU,CAACG,QAAD,CAAV;AACD;AACF,OAJD;AAKD;;AACD,WAAO,MAAM,CAAE,CAAf,CAtBc,CAuBd;AACD,GAxBD,EAwBG,CAACN,KAAD,EAAQC,OAAR,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CP,KAA1C,EAAiD,GAAGG,MAApD,CAxBH;AAyBD,CAhDM","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable @typescript-eslint/consistent-type-imports */\n/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useEffect, useMemo } from \"react\";\n\n// @ts-ignore\nlet Reanimated: typeof import(\"react-native-reanimated\") | undefined;\nlet Core: // @ts-ignore\ntypeof import(\"react-native-reanimated/lib/reanimated2/core\") | undefined;\n\ntry {\n  Reanimated = require(\"react-native-reanimated\");\n  Core = require(\"react-native-reanimated/lib/reanimated2/core\");\n} catch (e) {\n  // Ignore\n}\n\ntype SharedValueTypeWrapper<T = number> = {\n  value: T;\n};\n\nconst useSharedValueWrapper =\n  Reanimated?.useSharedValue === undefined\n    ? (value: number) => useMemo(() => ({ value }), [value])\n    : Reanimated.useSharedValue;\n\n/**\n * Connects a shared value from reanimated to a SkiaView or Canvas\n * so whenever the shared value changes the SkiaView will redraw.\n * @param cb Callback that will be called whenever the shared value changes.\n * @param values One or more shared values to listen for.\n */\nexport const useSharedValueEffect = <T = number>(\n  cb: () => void,\n  value: SharedValueTypeWrapper<T>,\n  ...values: SharedValueTypeWrapper<T>[]\n) => {\n  const input = useSharedValueWrapper(0);\n  const { runOnJS, startMapper, stopMapper } = useMemo(() => {\n    if (Reanimated && Core) {\n      const { runOnJS } = Reanimated;\n      const { startMapper, stopMapper } = Core;\n      return { runOnJS, startMapper, stopMapper };\n    } else {\n      console.warn(\n        \"Reanimated was not found and the useSharedValueEffect hook will have no effect.\"\n      );\n      return {\n        runOnJS: undefined,\n        startMapper: undefined,\n        stopMapper: undefined,\n      };\n    }\n  }, []);\n\n  useEffect(() => {\n    if (\n      startMapper !== undefined &&\n      runOnJS !== undefined &&\n      stopMapper !== undefined\n    ) {\n      // Start a mapper in Reanimated\n      const mapperId = startMapper(\n        () => {\n          \"worklet\";\n          runOnJS(cb)();\n        },\n        [value, ...values],\n        [input]\n      );\n      // Return unregistering the mapper\n      return () => {\n        if (stopMapper && mapperId !== undefined) {\n          stopMapper(mapperId);\n        }\n      };\n    }\n    return () => {};\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [input, runOnJS, startMapper, stopMapper, value, ...values]);\n};\n"]}

package/lib/commonjs/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("./skia/NativeSetup");
+
+var _renderer = require("./renderer");
+
+Object.keys(_renderer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _renderer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _renderer[key];
+    }
+  });
+});
+
+var _Canvas = require("./renderer/Canvas");
+
+Object.keys(_Canvas).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Canvas[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Canvas[key];
+    }
+  });
+});
+
+var _views = require("./views");
+
+Object.keys(_views).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _views[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _views[key];
+    }
+  });
+});
+
+var _skia = require("./skia");
+
+Object.keys(_skia).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _skia[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _skia[key];
+    }
+  });
+});
+
+var _external = require("./external");
+
+Object.keys(_external).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _external[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _external[key];
+    }
+  });
+});
+
+var _values = require("./values");
+
+Object.keys(_values).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _values[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _values[key];
+    }
+  });
+});
+
+var _animation = require("./animation");
+
+Object.keys(_animation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _animation[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;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;;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;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import \"./skia/NativeSetup\";\nexport * from \"./renderer\";\nexport * from \"./renderer/Canvas\";\nexport * from \"./views\";\nexport * from \"./skia\";\nexport * from \"./external\";\nexport * from \"./values\";\nexport * from \"./animation\";\n"]}