@shopify/react-native-skia 0.1.182 → 0.1.184

package/src/renderer/processors/math/Coordinates.ts

@@ -5,28 +5,44 @@ export interface PolarPoint {
   radius: number;
 }
 
-export const canvas2Cartesian = (v: Vector, center: Vector) => ({
-  x: v.x - center.x,
-  y: -1 * (v.y - center.y),
-});
+export const canvas2Cartesian = (v: Vector, center: Vector) => {
+  "worklet";
+  return {
+    x: v.x - center.x,
+    y: -1 * (v.y - center.y),
+  };
+};
 
-export const cartesian2Canvas = (v: Vector, center: Vector) => ({
-  x: v.x + center.x,
-  y: -1 * v.y + center.y,
-});
+export const cartesian2Canvas = (v: Vector, center: Vector) => {
+  "worklet";
+  return {
+    x: v.x + center.x,
+    y: -1 * v.y + center.y,
+  };
+};
 
-export const cartesian2Polar = (v: Vector) => ({
-  theta: Math.atan2(v.y, v.x),
-  radius: Math.sqrt(v.x ** 2 + v.y ** 2),
-});
+export const cartesian2Polar = (v: Vector) => {
+  "worklet";
+  return {
+    theta: Math.atan2(v.y, v.x),
+    radius: Math.sqrt(v.x ** 2 + v.y ** 2),
+  };
+};
 
-export const polar2Cartesian = (p: PolarPoint) => ({
-  x: p.radius * Math.cos(p.theta),
-  y: p.radius * Math.sin(p.theta),
-});
+export const polar2Cartesian = (p: PolarPoint) => {
+  "worklet";
+  return {
+    x: p.radius * Math.cos(p.theta),
+    y: p.radius * Math.sin(p.theta),
+  };
+};
 
-export const polar2Canvas = (p: PolarPoint, center: Vector) =>
-  cartesian2Canvas(polar2Cartesian(p), center);
+export const polar2Canvas = (p: PolarPoint, center: Vector) => {
+  "worklet";
+  return cartesian2Canvas(polar2Cartesian(p), center);
+};
 
-export const canvas2Polar = (v: Vector, center: Vector) =>
-  cartesian2Polar(canvas2Cartesian(v, center));
+export const canvas2Polar = (v: Vector, center: Vector) => {
+  "worklet";
+  return cartesian2Polar(canvas2Cartesian(v, center));
+};

package/src/renderer/processors/math/Math.ts

@@ -4,8 +4,10 @@
  * @param x
  * @param y
  */
-export const mix = (value: number, x: number, y: number) =>
-  x * (1 - value) + y * value;
+export const mix = (value: number, x: number, y: number) => {
+  "worklet";
+  return x * (1 - value) + y * value;
+};
 
 /**
  *  @summary Clamps a node with a lower and upper bound.
@@ -14,5 +16,11 @@ export const mix = (value: number, x: number, y: number) =>
     clamp(1, 0, 100); // 1
     clamp(101, 0, 100); // 100
   */
-export const clamp = (value: number, lowerBound: number, upperBound: number) =>
-  Math.min(Math.max(lowerBound, value), upperBound);
+export const clamp = (
+  value: number,
+  lowerBound: number,
+  upperBound: number
+) => {
+  "worklet";
+  return Math.min(Math.max(lowerBound, value), upperBound);
+};

package/src/renderer/processors/math/Transforms.ts

@@ -3,6 +3,7 @@ import type { Vector } from "../../../skia/types";
 import { canvas2Polar, polar2Canvas } from "./Coordinates";
 
 export const rotate = (tr: Vector, origin: Vector, rotation: number) => {
+  "worklet";
   const { radius, theta } = canvas2Polar(tr, origin);
   return polar2Canvas({ radius, theta: theta + rotation }, origin);
 };

package/src/renderer/typeddash.ts

@@ -2,6 +2,7 @@ export const mapKeys = <T extends object>(obj: T) =>
   Object.keys(obj) as (keyof T)[];
 
 export const exhaustiveCheck = (a: never): never => {
+  "worklet";
   throw new Error(`Unexhaustive handling for ${a}`);
 };
 

package/src/skia/core/Vector.ts

@@ -1,11 +1,28 @@
 import { Skia } from "../Skia";
 import type { Vector } from "../types";
 
-export const vec = (x = 0, y?: number) => Skia.Point(x, y ?? x);
+export const vec = (x = 0, y?: number) => {
+  "worklet";
+  return Skia.Point(x, y ?? x);
+};
 export const point = vec;
-export const neg = (a: Vector) => vec(-a.x, -a.y);
-export const add = (a: Vector, b: Vector) => vec(a.x + b.x, a.y + b.y);
-export const sub = (a: Vector, b: Vector) => vec(a.x - b.x, a.y - b.y);
-export const dist = (a: Vector, b: Vector) => Math.hypot(a.x - b.x, a.y - b.y);
-export const translate = ({ x, y }: Vector) =>
-  [{ translateX: x }, { translateY: y }] as const;
+export const neg = (a: Vector) => {
+  "worklet";
+  return vec(-a.x, -a.y);
+};
+export const add = (a: Vector, b: Vector) => {
+  "worklet";
+  return vec(a.x + b.x, a.y + b.y);
+};
+export const sub = (a: Vector, b: Vector) => {
+  "worklet";
+  return vec(a.x - b.x, a.y - b.y);
+};
+export const dist = (a: Vector, b: Vector) => {
+  "worklet";
+  return Math.hypot(a.x - b.x, a.y - b.y);
+};
+export const translate = ({ x, y }: Vector) => {
+  "worklet";
+  return [{ translateX: x }, { translateY: y }] as const;
+};