@shopify/react-native-skia 0.1.115

package/lib/commonjs/values/hooks/useClockValue.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClockValue = void 0;
+
+var _react = require("react");
+
+var _api = require("../api");
+
+/**
+ * @returns A new value that will be updated on every frame redraw with the
+ * number of milliseconds elapsed since the value was started.
+ * The clock is created in the stopped state.
+ */
+const useClockValue = () => {
+  const clock = (0, _react.useMemo)(() => _api.ValueApi.createClockValue(), []);
+  (0, _react.useEffect)(() => {
+    clock.start();
+    return clock.stop;
+  }, [clock]);
+  return clock;
+};
+
+exports.useClockValue = useClockValue;
+//# sourceMappingURL=useClockValue.js.map

package/lib/commonjs/values/hooks/useClockValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useClockValue.ts"],"names":["useClockValue","clock","ValueApi","createClockValue","start","stop"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AAEO,MAAMA,aAAa,GAAG,MAAM;AACjC,QAAMC,KAAK,GAAG,oBAAQ,MAAMC,cAASC,gBAAT,EAAd,EAA2C,EAA3C,CAAd;AACA,wBAAU,MAAM;AACdF,IAAAA,KAAK,CAACG,KAAN;AACA,WAAOH,KAAK,CAACI,IAAb;AACD,GAHD,EAGG,CAACJ,KAAD,CAHH;AAIA,SAAOA,KAAP;AACD,CAPM","sourcesContent":["import { useEffect, useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\n\n/**\n * @returns A new value that will be updated on every frame redraw with the\n * number of milliseconds elapsed since the value was started.\n * The clock is created in the stopped state.\n */\n\nexport const useClockValue = () => {\n  const clock = useMemo(() => ValueApi.createClockValue(), []);\n  useEffect(() => {\n    clock.start();\n    return clock.stop;\n  }, [clock]);\n  return clock;\n};\n"]}

package/lib/commonjs/values/hooks/useDerivedValue.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDerivedValue = void 0;
+
+var _react = require("react");
+
+var _api = require("../api");
+
+var _renderer = require("../../renderer");
+
+/**
+ * Creates a new derived value - a value that will calculate its value depending
+ * on other values.
+ * @param cb Callback to calculate new value
+ * @param values Dependant values
+ * @returns A readonly value
+ */
+const useDerivedValue = (cb, values) => (0, _react.useMemo)(() => _api.ValueApi.createDerivedValue(cb, values.filter(_renderer.isValue)), // eslint-disable-next-line react-hooks/exhaustive-deps
+values);
+
+exports.useDerivedValue = useDerivedValue;
+//# sourceMappingURL=useDerivedValue.js.map

package/lib/commonjs/values/hooks/useDerivedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDerivedValue.ts"],"names":["useDerivedValue","cb","values","ValueApi","createDerivedValue","filter","isValue"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,eAAe,GAAG,CAAIC,EAAJ,EAAiBC,MAAjB,KAC7B,oBACE,MAAMC,cAASC,kBAAT,CAA+BH,EAA/B,EAAmCC,MAAM,CAACG,MAAP,CAAcC,iBAAd,CAAnC,CADR,EAEE;AACAJ,MAHF,CADK","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport { isValue } from \"../../renderer\";\n\n/**\n * Creates a new derived value - a value that will calculate its value depending\n * on other values.\n * @param cb Callback to calculate new value\n * @param values Dependant values\n * @returns A readonly value\n */\nexport const useDerivedValue = <R>(cb: () => R, values: unknown[]) =>\n  useMemo(\n    () => ValueApi.createDerivedValue<R>(cb, values.filter(isValue)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    values\n  );\n"]}

package/lib/commonjs/values/hooks/useValue.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValue = void 0;
+
+var _react = require("react");
+
+var _api = require("../api");
+
+/**
+ * Creates a new value that holds some data.
+ * @param v Value to hold
+ * @returns A Value of type of v
+ */
+const useValue = v => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return (0, _react.useMemo)(() => _api.ValueApi.createValue(v), []);
+};
+
+exports.useValue = useValue;
+//# sourceMappingURL=useValue.js.map

package/lib/commonjs/values/hooks/useValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useValue.ts"],"names":["useValue","v","ValueApi","createValue"],"mappings":";;;;;;;AAAA;;AAEA;;AAGA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,GAAOC,CAAJ,IAA2B;AACjD;AACA,SAAO,oBAAQ,MAAMC,cAASC,WAAT,CAAqBF,CAArB,CAAd,EAAuC,EAAvC,CAAP;AACD,CAHM","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport type { SkiaValue } from \"../types\";\n\n/**\n * Creates a new value that holds some data.\n * @param v Value to hold\n * @returns A Value of type of v\n */\nexport const useValue = <T>(v: T): SkiaValue<T> => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => ValueApi.createValue(v), []);\n};\n"]}

package/lib/commonjs/values/hooks/useValueEffect.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValueEffect = void 0;
+
+var _react = require("react");
+
+/**
+ * Sets up an effect that will be run whenever the value changes
+ * @param value Value to subscribe to changes on
+ * @param cb Callback to run when value changes
+ */
+const useValueEffect = (value, cb) => {
+  (0, _react.useEffect)(() => {
+    return value.addListener(cb); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value]);
+};
+
+exports.useValueEffect = useValueEffect;
+//# sourceMappingURL=useValueEffect.js.map

package/lib/commonjs/values/hooks/useValueEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useValueEffect.ts"],"names":["useValueEffect","value","cb","addListener"],"mappings":";;;;;;;AAAA;;AAIA;AACA;AACA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,CAC5BC,KAD4B,EAE5BC,EAF4B,KAGzB;AACH,wBAAU,MAAM;AACd,WAAOD,KAAK,CAACE,WAAN,CAAkBD,EAAlB,CAAP,CADc,CAEd;AACD,GAHD,EAGG,CAACD,KAAD,CAHH;AAID,CARM","sourcesContent":["import { useEffect } from \"react\";\n\nimport type { SkiaReadonlyValue } from \"../types\";\n\n/**\n * Sets up an effect that will be run whenever the value changes\n * @param value Value to subscribe to changes on\n * @param cb Callback to run when value changes\n */\nexport const useValueEffect = <T>(\n  value: SkiaReadonlyValue<T>,\n  cb: (v: T) => void\n) => {\n  useEffect(() => {\n    return value.addListener(cb);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n};\n"]}

package/lib/commonjs/values/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+
+var _hooks = require("./hooks");
+
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[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];
+    }
+  });
+});
+
+var _api = require("./api");
+
+Object.keys(_api).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _api[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _api[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/values/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 \"./types\";\nexport * from \"./hooks\";\nexport * from \"./animation\";\nexport * from \"./api\";\n"]}

package/lib/commonjs/values/types.js

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

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

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

package/lib/commonjs/views/SkiaView.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkiaView = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+let SkiaViewNativeId = 1000;
+const NativeSkiaView = (0, _reactNative.requireNativeComponent)("ReactNativeSkiaView");
+const {
+  SkiaViewApi
+} = global;
+
+class SkiaView extends _react.default.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "_nativeId", void 0);
+
+    _defineProperty(this, "_animatingValues", []);
+
+    this._nativeId = SkiaViewNativeId++;
+    const {
+      onDraw
+    } = props;
+
+    if (onDraw) {
+      assertDrawCallbacksEnabled();
+      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);
+    }
+  }
+
+  get nativeId() {
+    return this._nativeId;
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      onDraw
+    } = this.props;
+
+    if (onDraw !== prevProps.onDraw) {
+      assertDrawCallbacksEnabled();
+      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);
+    }
+  }
+  /**
+   * Creates a snapshot from the canvas in the surface
+   * @param rect Rect to use as bounds. Optional.
+   * @returns An Image object.
+   */
+
+
+  makeImageSnapshot(rect) {
+    assertDrawCallbacksEnabled();
+    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);
+  }
+  /**
+   * Sends a redraw request to the native SkiaView.
+   */
+
+
+  redraw() {
+    assertDrawCallbacksEnabled();
+    SkiaViewApi.invalidateSkiaView(this._nativeId);
+  }
+  /**
+   * Updates the drawing mode for the skia view. This is the same
+   * as declaratively setting the mode property on the SkiaView.
+   * 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 size and margins.
+   * @param mode Drawing mode to use.
+   */
+
+
+  setDrawMode(mode) {
+    assertDrawCallbacksEnabled();
+    SkiaViewApi.setDrawMode(this._nativeId, mode);
+  }
+  /**
+   * Registers one or move values as a dependant value of the Skia View. The view will
+   * The view will redraw itself when any of the values change.
+   * @param values Values to register
+   */
+
+
+  registerValues(values) {
+    assertDrawCallbacksEnabled();
+    return SkiaViewApi.registerValuesInView(this._nativeId, values);
+  }
+  /**
+   * Increases the number of animations active in the view.
+   */
+
+
+  addAnimation(owner) {
+    if (this._animatingValues.findIndex(p => p === owner) === -1) {
+      this._animatingValues.push(owner);
+    }
+
+    if (this._animatingValues.length === 1) {
+      if (this.props.mode === "default" || this.props.mode === undefined) {
+        //console.log("SkiaView addAnimation - mode changed to continuous");
+        this.setDrawMode("continuous");
+      }
+    }
+  }
+  /**
+   * Decreases the number of animations active in the view.
+   */
+
+
+  removeAnimation(owner) {
+    const indexOfOwner = this._animatingValues.indexOf(owner);
+
+    if (indexOfOwner !== -1) {
+      // Remove
+      this._animatingValues = this._animatingValues.filter(p => p !== owner);
+    }
+
+    if (this._animatingValues.length === 0) {
+      if (this.props.mode === "default" || this.props.mode === undefined) {
+        //console.log("SkiaView removeAnimation - mode changed to default");
+        this.setDrawMode("default");
+      }
+    }
+  }
+
+  render() {
+    const {
+      style,
+      mode,
+      debug = false
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(NativeSkiaView, {
+      style: style,
+      collapsable: false,
+      nativeID: `${this._nativeId}`,
+      mode: mode,
+      debug: debug
+    });
+  }
+
+}
+
+exports.SkiaView = SkiaView;
+
+const assertDrawCallbacksEnabled = () => {
+  if (SkiaViewApi === null || SkiaViewApi.setDrawCallback == null || SkiaViewApi.invalidateSkiaView == null) {
+    throw Error("Skia Api is not enabled.");
+  }
+};
+//# sourceMappingURL=SkiaView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SkiaView.tsx"],"names":["SkiaViewNativeId","NativeSkiaView","SkiaViewApi","global","SkiaView","React","Component","constructor","props","_nativeId","onDraw","assertDrawCallbacksEnabled","setDrawCallback","nativeId","componentDidUpdate","prevProps","makeImageSnapshot","rect","redraw","invalidateSkiaView","setDrawMode","mode","registerValues","values","registerValuesInView","addAnimation","owner","_animatingValues","findIndex","p","push","length","undefined","removeAnimation","indexOfOwner","indexOf","filter","render","style","debug","Error"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { requireNativeComponent } from \"react-native\";\n\nimport type { SkImage, SkRect } from \"../skia\";\nimport type { SkiaReadonlyValue } from \"../values\";\n\nimport type {\n  DrawMode,\n  NativeSkiaViewProps,\n  RNSkiaDrawCallback,\n  RNSkiaViewProps,\n} from \"./types\";\n\nlet SkiaViewNativeId = 1000;\n\nconst NativeSkiaView = requireNativeComponent<NativeSkiaViewProps>(\n  \"ReactNativeSkiaView\"\n);\n\ndeclare global {\n  var SkiaViewApi: {\n    invalidateSkiaView: (nativeId: number) => void;\n    makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n    setDrawCallback: (\n      nativeId: number,\n      callback: RNSkiaDrawCallback | undefined\n    ) => void;\n    setDrawMode: (nativeId: number, mode: DrawMode) => void;\n    registerValuesInView: (\n      nativeId: number,\n      values: SkiaReadonlyValue<unknown>[]\n    ) => () => void;\n  };\n}\n\nconst { SkiaViewApi } = global;\n\nexport class SkiaView extends React.Component<RNSkiaViewProps> {\n  constructor(props: RNSkiaViewProps) {\n    super(props);\n    this._nativeId = SkiaViewNativeId++;\n    const { onDraw } = props;\n    if (onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  private _nativeId: number;\n  private _animatingValues: Array<unknown> = [];\n\n  public get nativeId() {\n    return this._nativeId;\n  }\n\n  componentDidUpdate(prevProps: RNSkiaViewProps) {\n    const { onDraw } = this.props;\n    if (onDraw !== prevProps.onDraw) {\n      assertDrawCallbacksEnabled();\n      SkiaViewApi.setDrawCallback(this._nativeId, onDraw);\n    }\n  }\n\n  /**\n   * Creates a snapshot from the canvas in the surface\n   * @param rect Rect to use as bounds. Optional.\n   * @returns An Image object.\n   */\n  public makeImageSnapshot(rect?: SkRect) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.makeImageSnapshot(this._nativeId, rect);\n  }\n\n  /**\n   * Sends a redraw request to the native SkiaView.\n   */\n  public redraw() {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.invalidateSkiaView(this._nativeId);\n  }\n\n  /**\n   * Updates the drawing mode for the skia view. This is the same\n   * as declaratively setting the mode property on the SkiaView.\n   * There are two drawing modes, \"continuous\" and \"default\",\n   * where the continuous mode will continuously redraw the view and\n   * the default mode will only redraw when any of the regular react\n   * properties are changed like size and margins.\n   * @param mode Drawing mode to use.\n   */\n  public setDrawMode(mode: DrawMode) {\n    assertDrawCallbacksEnabled();\n    SkiaViewApi.setDrawMode(this._nativeId, mode);\n  }\n\n  /**\n   * Registers one or move values as a dependant value of the Skia View. The view will\n   * The view will redraw itself when any of the values change.\n   * @param values Values to register\n   */\n  public registerValues(values: SkiaReadonlyValue<unknown>[]) {\n    assertDrawCallbacksEnabled();\n    return SkiaViewApi.registerValuesInView(this._nativeId, values);\n  }\n\n  /**\n   * Increases the number of animations active in the view.\n   */\n  public addAnimation(owner: unknown) {\n    if (this._animatingValues.findIndex((p) => p === owner) === -1) {\n      this._animatingValues.push(owner);\n    }\n\n    if (this._animatingValues.length === 1) {\n      if (this.props.mode === \"default\" || this.props.mode === undefined) {\n        //console.log(\"SkiaView addAnimation - mode changed to continuous\");\n        this.setDrawMode(\"continuous\");\n      }\n    }\n  }\n\n  /**\n   * Decreases the number of animations active in the view.\n   */\n  public removeAnimation(owner: unknown) {\n    const indexOfOwner = this._animatingValues.indexOf(owner);\n    if (indexOfOwner !== -1) {\n      // Remove\n      this._animatingValues = this._animatingValues.filter((p) => p !== owner);\n    }\n    if (this._animatingValues.length === 0) {\n      if (this.props.mode === \"default\" || this.props.mode === undefined) {\n        //console.log(\"SkiaView removeAnimation - mode changed to default\");\n        this.setDrawMode(\"default\");\n      }\n    }\n  }\n\n  render() {\n    const { style, mode, debug = false } = this.props;\n    return (\n      <NativeSkiaView\n        style={style}\n        collapsable={false}\n        nativeID={`${this._nativeId}`}\n        mode={mode}\n        debug={debug}\n      />\n    );\n  }\n}\n\nconst assertDrawCallbacksEnabled = () => {\n  if (\n    SkiaViewApi === null ||\n    SkiaViewApi.setDrawCallback == null ||\n    SkiaViewApi.invalidateSkiaView == null\n  ) {\n    throw Error(\"Skia Api is not enabled.\");\n  }\n};\n"]}

package/lib/commonjs/views/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _SkiaView = require("./SkiaView");
+
+Object.keys(_SkiaView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SkiaView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SkiaView[key];
+    }
+  });
+});
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+
+var _useDrawCallback = require("./useDrawCallback");
+
+Object.keys(_useDrawCallback).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDrawCallback[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useDrawCallback[key];
+    }
+  });
+});
+
+var _useTouchHandler = require("./useTouchHandler");
+
+Object.keys(_useTouchHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useTouchHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTouchHandler[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/views/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 \"./SkiaView\";\nexport * from \"./types\";\nexport * from \"./useDrawCallback\";\nexport * from \"./useTouchHandler\";\n"]}

package/lib/commonjs/views/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TouchType = void 0;
+let TouchType;
+exports.TouchType = TouchType;
+
+(function (TouchType) {
+  TouchType[TouchType["Start"] = 0] = "Start";
+  TouchType[TouchType["Active"] = 1] = "Active";
+  TouchType[TouchType["End"] = 2] = "End";
+  TouchType[TouchType["Cancelled"] = 3] = "Cancelled";
+})(TouchType || (exports.TouchType = TouchType = {}));
+//# sourceMappingURL=types.js.map

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

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

package/lib/commonjs/views/useDrawCallback.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDrawCallback = void 0;
+
+var _react = require("react");
+
+/**
+ * Creates a memoized callback for the onDraw handler of a Skia component.
+ * @param callback The callback to memoize.
+ * @param deps Dependencies for the callback.
+ * */
+const useDrawCallback = function (callback) {
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return (0, _react.useMemo)(() => {
+    return callback; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+
+exports.useDrawCallback = useDrawCallback;
+//# sourceMappingURL=useDrawCallback.js.map

package/lib/commonjs/views/useDrawCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDrawCallback.ts"],"names":["useDrawCallback","callback","deps"],"mappings":";;;;;;;AACA;;AAIA;AACA;AACA;AACA;AACA;AACO,MAAMA,eAAe,GAAG,UAC7BC,QAD6B,EAG1B;AAAA,MADHC,IACG,uEADoB,EACpB;AACH,SAAO,oBAAQ,MAAM;AACnB,WAAOD,QAAP,CADmB,CAEnB;AACD,GAHM,EAGJC,IAHI,CAAP;AAID,CARM","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useMemo } from \"react\";\n\nimport type { RNSkiaDrawCallback } from \"./types\";\n\n/**\n * Creates a memoized callback for the onDraw handler of a Skia component.\n * @param callback The callback to memoize.\n * @param deps Dependencies for the callback.\n * */\nexport const useDrawCallback = (\n  callback: RNSkiaDrawCallback,\n  deps: DependencyList = []\n) => {\n  return useMemo(() => {\n    return callback;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n"]}

package/lib/commonjs/views/useTouchHandler.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTouchHandler = void 0;
+
+var _react = require("react");
+
+var _reactNative = require("react-native");
+
+var _types = require("./types");
+
+/**
+ * Provides a callback for handling touch events in the Skia View.
+ * This touch handler only handles single taps.
+ * @param handlers Callbacks for the different touch states
+ * @param deps optional Dependency array to update the handlers
+ * @returns A function that can be used from within the onDraw callback to
+ * update and handle touch events. Call it with the touches property from
+ * the info object.
+ */
+const useTouchHandler = function (handlers) {
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const prevTouchInfoRef = (0, _react.useRef)();
+  const prevVelocityRef = (0, _react.useRef)({
+    x: 0,
+    y: 0
+  });
+  return (0, _react.useCallback)(history => {
+    // Process all items in the current touch history
+    history.forEach(touches => {
+      var _prevTouchInfoRef$cur, _prevTouchInfoRef$cur2, _prevTouchInfoRef$cur3, _prevTouchInfoRef$cur4, _prevTouchInfoRef$cur5, _prevTouchInfoRef$cur6;
+
+      if (touches.length === 0) {
+        return;
+      } // Get the next touch
+
+
+      const touch = touches[0]; // Calculate the velocity from the previous touch.
+
+      const timeDiffseconds = touch.timestamp - ((_prevTouchInfoRef$cur = (_prevTouchInfoRef$cur2 = prevTouchInfoRef.current) === null || _prevTouchInfoRef$cur2 === void 0 ? void 0 : _prevTouchInfoRef$cur2.timestamp) !== null && _prevTouchInfoRef$cur !== void 0 ? _prevTouchInfoRef$cur : touch.timestamp);
+      const distX = touch.x - ((_prevTouchInfoRef$cur3 = (_prevTouchInfoRef$cur4 = prevTouchInfoRef.current) === null || _prevTouchInfoRef$cur4 === void 0 ? void 0 : _prevTouchInfoRef$cur4.x) !== null && _prevTouchInfoRef$cur3 !== void 0 ? _prevTouchInfoRef$cur3 : touch.x);
+      const distY = touch.y - ((_prevTouchInfoRef$cur5 = (_prevTouchInfoRef$cur6 = prevTouchInfoRef.current) === null || _prevTouchInfoRef$cur6 === void 0 ? void 0 : _prevTouchInfoRef$cur6.y) !== null && _prevTouchInfoRef$cur5 !== void 0 ? _prevTouchInfoRef$cur5 : touch.y);
+
+      if (touch.type !== _types.TouchType.Start && touch.type !== _types.TouchType.End && touch.type !== _types.TouchType.Cancelled) {
+        if (timeDiffseconds > 0) {
+          prevVelocityRef.current.x = distX / timeDiffseconds / _reactNative.PixelRatio.get();
+          prevVelocityRef.current.y = distY / timeDiffseconds / _reactNative.PixelRatio.get();
+        }
+      }
+
+      const extendedTouchInfo = { ...touch,
+        velocityX: prevVelocityRef.current.x,
+        velocityY: prevVelocityRef.current.y
+      }; // Save previous touch
+
+      prevTouchInfoRef.current = touch;
+
+      if (touch.type === _types.TouchType.Start) {
+        prevVelocityRef.current.x = 0;
+        prevVelocityRef.current.y = 0;
+        handlers.onStart && handlers.onStart(touch);
+      } else if (touch.type === _types.TouchType.Active) {
+        handlers.onActive && handlers.onActive(extendedTouchInfo);
+      } else {
+        handlers.onActive && handlers.onActive(extendedTouchInfo);
+        handlers.onEnd && handlers.onEnd(extendedTouchInfo);
+      }
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+};
+
+exports.useTouchHandler = useTouchHandler;
+//# sourceMappingURL=useTouchHandler.js.map

package/lib/commonjs/views/useTouchHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTouchHandler.ts"],"names":["useTouchHandler","handlers","deps","prevTouchInfoRef","prevVelocityRef","x","y","history","forEach","touches","length","touch","timeDiffseconds","timestamp","current","distX","distY","type","TouchType","Start","End","Cancelled","PixelRatio","get","extendedTouchInfo","velocityX","velocityY","onStart","Active","onActive","onEnd"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,eAAe,GAAG,UAC7BC,QAD6B,EAGZ;AAAA,MADjBC,IACiB,uEADM,EACN;AACjB,QAAMC,gBAAgB,GAAG,oBAAzB;AACA,QAAMC,eAAe,GAAG,mBAAiC;AAAEC,IAAAA,CAAC,EAAE,CAAL;AAAQC,IAAAA,CAAC,EAAE;AAAX,GAAjC,CAAxB;AACA,SAAO,wBAAaC,OAAD,IAAsC;AACvD;AACAA,IAAAA,OAAO,CAACC,OAAR,CAAiBC,OAAD,IAAa;AAAA;;AAC3B,UAAIA,OAAO,CAACC,MAAR,KAAmB,CAAvB,EAA0B;AACxB;AACD,OAH0B,CAI3B;;;AACA,YAAMC,KAAK,GAAGF,OAAO,CAAC,CAAD,CAArB,CAL2B,CAO3B;;AACA,YAAMG,eAAe,GACnBD,KAAK,CAACE,SAAN,uDACCV,gBAAgB,CAACW,OADlB,2DACC,uBAA0BD,SAD3B,yEACwCF,KAAK,CAACE,SAD9C,CADF;AAIA,YAAME,KAAK,GAAGJ,KAAK,CAACN,CAAN,wDAAWF,gBAAgB,CAACW,OAA5B,2DAAW,uBAA0BT,CAArC,2EAA0CM,KAAK,CAACN,CAAhD,CAAd;AACA,YAAMW,KAAK,GAAGL,KAAK,CAACL,CAAN,wDAAWH,gBAAgB,CAACW,OAA5B,2DAAW,uBAA0BR,CAArC,2EAA0CK,KAAK,CAACL,CAAhD,CAAd;;AAEA,UACEK,KAAK,CAACM,IAAN,KAAeC,iBAAUC,KAAzB,IACAR,KAAK,CAACM,IAAN,KAAeC,iBAAUE,GADzB,IAEAT,KAAK,CAACM,IAAN,KAAeC,iBAAUG,SAH3B,EAIE;AACA,YAAIT,eAAe,GAAG,CAAtB,EAAyB;AACvBR,UAAAA,eAAe,CAACU,OAAhB,CAAwBT,CAAxB,GACEU,KAAK,GAAGH,eAAR,GAA0BU,wBAAWC,GAAX,EAD5B;AAEAnB,UAAAA,eAAe,CAACU,OAAhB,CAAwBR,CAAxB,GACEU,KAAK,GAAGJ,eAAR,GAA0BU,wBAAWC,GAAX,EAD5B;AAED;AACF;;AAED,YAAMC,iBAAoC,GAAG,EAC3C,GAAGb,KADwC;AAE3Cc,QAAAA,SAAS,EAAErB,eAAe,CAACU,OAAhB,CAAwBT,CAFQ;AAG3CqB,QAAAA,SAAS,EAAEtB,eAAe,CAACU,OAAhB,CAAwBR;AAHQ,OAA7C,CA5B2B,CAkC3B;;AACAH,MAAAA,gBAAgB,CAACW,OAAjB,GAA2BH,KAA3B;;AAEA,UAAIA,KAAK,CAACM,IAAN,KAAeC,iBAAUC,KAA7B,EAAoC;AAClCf,QAAAA,eAAe,CAACU,OAAhB,CAAwBT,CAAxB,GAA4B,CAA5B;AACAD,QAAAA,eAAe,CAACU,OAAhB,CAAwBR,CAAxB,GAA4B,CAA5B;AACAL,QAAAA,QAAQ,CAAC0B,OAAT,IAAoB1B,QAAQ,CAAC0B,OAAT,CAAiBhB,KAAjB,CAApB;AACD,OAJD,MAIO,IAAIA,KAAK,CAACM,IAAN,KAAeC,iBAAUU,MAA7B,EAAqC;AAC1C3B,QAAAA,QAAQ,CAAC4B,QAAT,IAAqB5B,QAAQ,CAAC4B,QAAT,CAAkBL,iBAAlB,CAArB;AACD,OAFM,MAEA;AACLvB,QAAAA,QAAQ,CAAC4B,QAAT,IAAqB5B,QAAQ,CAAC4B,QAAT,CAAkBL,iBAAlB,CAArB;AACAvB,QAAAA,QAAQ,CAAC6B,KAAT,IAAkB7B,QAAQ,CAAC6B,KAAT,CAAeN,iBAAf,CAAlB;AACD;AACF,KA/CD,EAFuD,CAkDvD;AACD,GAnDM,EAmDJtB,IAnDI,CAAP;AAoDD,CA1DM","sourcesContent":["import type { DependencyList } from \"react\";\nimport { useCallback, useRef } from \"react\";\nimport { PixelRatio } from \"react-native\";\n\nimport type {\n  ExtendedTouchInfo,\n  TouchHandlers,\n  TouchHandler,\n  TouchInfo,\n} from \"./types\";\nimport { TouchType } from \"./types\";\n\n/**\n * Provides a callback for handling touch events in the Skia View.\n * This touch handler only handles single taps.\n * @param handlers Callbacks for the different touch states\n * @param deps optional Dependency array to update the handlers\n * @returns A function that can be used from within the onDraw callback to\n * update and handle touch events. Call it with the touches property from\n * the info object.\n */\nexport const useTouchHandler = (\n  handlers: TouchHandlers,\n  deps: DependencyList = []\n): TouchHandler => {\n  const prevTouchInfoRef = useRef<TouchInfo>();\n  const prevVelocityRef = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n  return useCallback((history: Array<Array<TouchInfo>>) => {\n    // Process all items in the current touch history\n    history.forEach((touches) => {\n      if (touches.length === 0) {\n        return;\n      }\n      // Get the next touch\n      const touch = touches[0];\n\n      // Calculate the velocity from the previous touch.\n      const timeDiffseconds =\n        touch.timestamp -\n        (prevTouchInfoRef.current?.timestamp ?? touch.timestamp);\n\n      const distX = touch.x - (prevTouchInfoRef.current?.x ?? touch.x);\n      const distY = touch.y - (prevTouchInfoRef.current?.y ?? touch.y);\n\n      if (\n        touch.type !== TouchType.Start &&\n        touch.type !== TouchType.End &&\n        touch.type !== TouchType.Cancelled\n      ) {\n        if (timeDiffseconds > 0) {\n          prevVelocityRef.current.x =\n            distX / timeDiffseconds / PixelRatio.get();\n          prevVelocityRef.current.y =\n            distY / timeDiffseconds / PixelRatio.get();\n        }\n      }\n\n      const extendedTouchInfo: ExtendedTouchInfo = {\n        ...touch,\n        velocityX: prevVelocityRef.current.x,\n        velocityY: prevVelocityRef.current.y,\n      };\n\n      // Save previous touch\n      prevTouchInfoRef.current = touch;\n\n      if (touch.type === TouchType.Start) {\n        prevVelocityRef.current.x = 0;\n        prevVelocityRef.current.y = 0;\n        handlers.onStart && handlers.onStart(touch);\n      } else if (touch.type === TouchType.Active) {\n        handlers.onActive && handlers.onActive(extendedTouchInfo);\n      } else {\n        handlers.onActive && handlers.onActive(extendedTouchInfo);\n        handlers.onEnd && handlers.onEnd(extendedTouchInfo);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n};\n"]}

package/lib/module/external/index.js

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

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

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

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

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

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

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