@shopify/react-native-skia 0.1.133 → 0.1.134

package/lib/typescript/src/mock/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Mock implementation for test runners.
+ *
+ * Example:
+ *
+ * ```js
+ * jest.mock('@shopify/react-native-skia', () => require('@shopify/react-native-skia/lib/commonjs/mock'));
+ * ```
+ */
+import type { Skia as SkiaApi, SkRect } from "../skia/types";
+export declare const Skia: SkiaApi;
+export declare const vec: (x: number, y: number) => {
+    x: number;
+    y: number;
+};
+export declare const rect: (x: number, y: number, width: number, height: number) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const rrect: (r: SkRect, rx: number, ry: number) => {
+    rect: SkRect;
+    rx: number;
+    ry: number;
+};
+export declare const useTouchHandler: () => any;
+export declare const useComputedValue: () => any;
+export declare const useValue: () => any;
+export declare const useClockValue: () => any;
+export declare const useValueEffect: () => any;
+export declare const useTiming: () => any;
+export declare const runTiming: () => any;
+export declare const timing: () => any;
+export declare const useSpring: () => any;
+export declare const runSpring: () => any;
+export declare const spring: () => any;
+export declare const runDecay: () => any;
+export declare const decay: () => any;
+export declare const useSharedValueEffect: () => any;
+export declare const useData: () => any;
+export declare const useDataCollection: () => any;
+export declare const useFont: () => any;
+export declare const useImage: () => any;
+export declare const usePicture: () => any;
+export declare const useSVG: () => any;
+export declare const useTypeface: () => any;

package/lib/typescript/src/skia/core/Data.d.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from "react";
 import type { SkData, DataSource } from "../types";
-export declare const useDataCollection: <T>(sources: DataSource[], factory: (data: SkData[]) => T, deps?: DependencyList) => T | null;
-export declare const useRawData: <T>(source: DataSource | null | undefined, factory: (data: SkData) => T, onError?: ((err: Error) => void) | undefined) => T | null;
-export declare const useData: (source: DataSource | null | undefined, onError?: ((err: Error) => void) | undefined) => SkData | null;
+export declare const useDataCollection: <T>(sources: DataSource[], factory: (data: SkData) => T, onError?: ((err: Error) => void) | undefined, deps?: DependencyList | undefined) => (T | null)[] | null;
+export declare const useRawData: <T>(source: DataSource | null | undefined, factory: (data: SkData) => T, onError?: ((err: Error) => void) | undefined, deps?: DependencyList | undefined) => T | null;
+export declare const useData: (source: DataSource | null | undefined, onError?: ((err: Error) => void) | undefined, deps?: DependencyList | undefined) => SkData | null;

package/lib/typescript/src/skia/types/Skia.d.ts

@@ -39,7 +39,7 @@ export interface Skia {
     PictureRecorder: () => SkPictureRecorder;
     Picture: PictureFactory;
     Path: PathFactory;
-    Matrix: (matrix?: number[]) => SkMatrix;
+    Matrix: (matrix?: readonly number[]) => SkMatrix;
     ColorFilter: ColorFilterFactory;
     Font: (typeface?: SkTypeface, size?: number) => SkFont;
     Typeface: TypefaceFactory;

package/lib/typescript/src/values/api.d.ts

@@ -3,4 +3,4 @@ declare global {
     var SkiaValueApi: ISkiaValueApi;
 }
 export declare const ValueApi: ISkiaValueApi;
-export declare const createValue: <T>(initialValue: T) => import("./types").SkiaMutableValue<T>, createDerivedValue: <R>(cb: () => R, values: import("./types").SkiaValue<unknown>[]) => import("./types").SkiaValue<R>;
+export declare const createValue: <T>(initialValue: T) => import("./types").SkiaMutableValue<T>, createComputedValue: <R>(cb: () => R, values: import("./types").SkiaValue<unknown>[]) => import("./types").SkiaValue<R>;

package/lib/typescript/src/values/api.web.d.ts

@@ -1,2 +1,2 @@
 export declare const ValueApi: import("./types").ISkiaValueApi;
-export declare const createValue: <T>(initialValue: T) => import("./types").SkiaMutableValue<T>, createDerivedValue: <R>(cb: () => R, values: import("./types").SkiaValue<unknown>[]) => import("./types").SkiaValue<R>;
+export declare const createValue: <T>(initialValue: T) => import("./types").SkiaMutableValue<T>, createComputedValue: <R>(cb: () => R, values: import("./types").SkiaValue<unknown>[]) => import("./types").SkiaValue<R>;

package/lib/typescript/src/values/hooks/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./useClockValue";
-export * from "./useDerivedValue";
+export * from "./useComputedValue";
 export * from "./useValue";
 export * from "./useValueEffect";

package/lib/typescript/src/values/hooks/{useDerivedValue.d.ts → useComputedValue.d.ts}

@@ -1,8 +1,9 @@
 /**
- * Creates a new derived value - a value that will calculate its value depending
+ * Creates a new computed 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
  */
+export declare const useComputedValue: <R>(cb: () => R, values: unknown[]) => import("..").SkiaValue<R>;
 export declare const useDerivedValue: <R>(cb: () => R, values: unknown[]) => import("..").SkiaValue<R>;

package/lib/typescript/src/values/types.d.ts

@@ -41,10 +41,10 @@ export interface ISkiaValueApi {
      */
     createValue: <T>(initialValue: T) => SkiaMutableValue<T>;
     /**
-     * Creates a derived value. This is a calculated value that returns the result of
+     * Creates a computed value. This is a calculated value that returns the result of
      * a function that is called with the values of the dependencies.
      */
-    createDerivedValue: <R>(cb: () => R, values: Array<SkiaValue<unknown>>) => SkiaValue<R>;
+    createComputedValue: <R>(cb: () => R, values: Array<SkiaValue<unknown>>) => SkiaValue<R>;
     /**
      * Creates a clock value where the value is the number of milliseconds elapsed
      * since the clock was created

package/lib/typescript/src/values/web/{RNSkDerivedValue.d.ts → RNSkComputedValue.d.ts}

@@ -1,6 +1,6 @@
 import type { DependencyList } from "react";
 import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
-export declare class RNSkDerivedValue<T> extends RNSkReadonlyValue<T> {
+export declare class RNSkComputedValue<T> extends RNSkReadonlyValue<T> {
     constructor(callback: () => T, dependencies: DependencyList);
     private dependecyUpdated;
     private _callback;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "React Native Skia",
-  "version": "0.1.133",
+  "version": "0.1.134",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [
@@ -70,6 +70,7 @@
     "@types/react-reconciler": "^0.26.4",
     "eslint": "7.32.0",
     "eslint-config-react-native-wcandillon": "^3.7.2",
+    "eslint-plugin-reanimated": "^1.2.6",
     "jest": "^27.4.3",
     "patch-package": "^6.4.7",
     "react": "17.0.2",

package/src/mock/index.ts

@@ -0,0 +1,156 @@
+/**
+ * Mock implementation for test runners.
+ *
+ * Example:
+ *
+ * ```js
+ * jest.mock('@shopify/react-native-skia', () => require('@shopify/react-native-skia/lib/commonjs/mock'));
+ * ```
+ */
+
+import type { Skia as SkiaApi, SkRect } from "../skia/types";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const MockJSIInstance: any = {};
+const Noop = () => MockJSIInstance;
+
+export const Skia: SkiaApi = {
+  Point: Noop,
+  XYWHRect: Noop,
+  RuntimeShaderBuilder: Noop,
+  RRectXY: Noop,
+  RSXform: Noop,
+  Color: Noop,
+  ContourMeasureIter: Noop,
+  Paint: Noop,
+  PictureRecorder: Noop,
+  Picture: {
+    MakePicture: Noop,
+  },
+  Path: {
+    Make: Noop,
+    MakeFromSVGString: Noop,
+    MakeFromOp: Noop,
+    MakeFromCmds: Noop,
+    MakeFromText: Noop,
+  },
+  Matrix: Noop,
+  ColorFilter: {
+    MakeMatrix: Noop,
+    MakeBlend: Noop,
+    MakeCompose: Noop,
+    MakeLerp: Noop,
+    MakeLinearToSRGBGamma: Noop,
+    MakeSRGBToLinearGamma: Noop,
+    MakeLumaColorFilter: Noop,
+  },
+  Font: Noop,
+  Typeface: {
+    MakeFreeTypeFaceFromData: Noop,
+  },
+  MaskFilter: {
+    MakeBlur: Noop,
+  },
+  RuntimeEffect: {
+    Make: Noop,
+  },
+  ImageFilter: {
+    MakeOffset: Noop,
+    MakeDisplacementMap: Noop,
+    MakeShader: Noop,
+    MakeBlur: Noop,
+    MakeColorFilter: Noop,
+    MakeCompose: Noop,
+    MakeDropShadow: Noop,
+    MakeDropShadowOnly: Noop,
+    MakeErode: Noop,
+    MakeDilate: Noop,
+    MakeBlend: Noop,
+    MakeRuntimeShader: Noop,
+  },
+  Shader: {
+    MakeLinearGradient: Noop,
+    MakeRadialGradient: Noop,
+    MakeTwoPointConicalGradient: Noop,
+    MakeSweepGradient: Noop,
+    MakeTurbulence: Noop,
+    MakeFractalNoise: Noop,
+    MakeBlend: Noop,
+    MakeColor: Noop,
+  },
+  PathEffect: {
+    MakeCorner: Noop,
+    MakeDash: Noop,
+    MakeDiscrete: Noop,
+    MakeCompose: Noop,
+    MakeSum: Noop,
+    MakeLine2D: Noop,
+    MakePath1D: Noop,
+    MakePath2D: Noop,
+  },
+  MakeVertices: Noop,
+  Data: {
+    fromURI: Noop,
+    fromBytes: Noop,
+    fromBase64: Noop,
+  },
+  Image: {
+    MakeImageFromEncoded: Noop,
+    MakeImage: Noop,
+  },
+  SVG: {
+    MakeFromData: Noop,
+    MakeFromString: Noop,
+  },
+  FontMgr: {
+    RefDefault: Noop,
+  },
+  TextBlob: {
+    MakeFromText: Noop,
+    MakeFromGlyphs: Noop,
+    MakeFromRSXform: Noop,
+    MakeFromRSXformGlyphs: Noop,
+  },
+  Surface: {
+    Make: Noop,
+  },
+};
+
+export const vec = (x: number, y: number) => ({ x, y });
+
+export const rect = (x: number, y: number, width: number, height: number) => ({
+  x,
+  y,
+  width,
+  height,
+});
+
+export const rrect = (r: SkRect, rx: number, ry: number) => ({
+  rect: r,
+  rx,
+  ry,
+});
+
+export const useTouchHandler = Noop;
+export const useComputedValue = Noop;
+export const useValue = Noop;
+export const useClockValue = Noop;
+export const useValueEffect = Noop;
+export const useTiming = Noop;
+export const runTiming = Noop;
+export const timing = Noop;
+export const useSpring = Noop;
+export const runSpring = Noop;
+export const spring = Noop;
+export const runDecay = Noop;
+export const decay = Noop;
+
+export const useSharedValueEffect = Noop;
+
+export const useData = Noop;
+export const useDataCollection = Noop;
+export const useFont = Noop;
+export const useImage = Noop;
+export const usePicture = Noop;
+export const useSVG = Noop;
+export const useTypeface = Noop;

package/src/skia/core/Data.ts

@@ -11,71 +11,88 @@ const resolveAsset = (source: ReturnType<typeof require>) => {
     : Image.resolveAssetSource(source).uri;
 };
 
-export const useDataCollection = <T>(
-  sources: DataSource[],
-  factory: (data: SkData[]) => T,
-  deps: DependencyList = []
+const factoryWrapper = <T>(
+  data2: SkData,
+  factory: (data: SkData) => T,
+  onError?: (err: Error) => void
 ) => {
-  const [data, setData] = useState<T | null>(null);
-  useEffect(() => {
-    const bytesOrURIs = sources.map((source) => {
-      if (source instanceof Uint8Array) {
-        return source;
-      }
-      return typeof source === "string" ? source : resolveAsset(source);
-    });
-    Promise.all(
-      bytesOrURIs.map((bytesOrURI) =>
-        bytesOrURI instanceof Uint8Array
-          ? Skia.Data.fromBytes(bytesOrURI)
-          : Skia.Data.fromURI(bytesOrURI)
-      )
-    ).then((d) => setData(factory(d)));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
-  return data;
+  const factoryResult = factory(data2);
+  if (factoryResult === null) {
+    onError && onError(new Error("Could not load data"));
+    return null;
+  } else {
+    return factoryResult;
+  }
 };
 
-export const useRawData = <T>(
-  source: DataSource | null | undefined,
+const loadDataCollection = <T>(
+  sources: DataSource[],
+  factory: (data: SkData) => T,
+  onError?: (err: Error) => void
+): Promise<(T | null)[]> =>
+  Promise.all(sources.map((source) => loadData(source, factory, onError)));
+
+const loadData = <T>(
+  source: DataSource,
   factory: (data: SkData) => T,
   onError?: (err: Error) => void
+): Promise<T | null> => {
+  if (source instanceof Uint8Array) {
+    return new Promise((resolve) =>
+      resolve(factoryWrapper(Skia.Data.fromBytes(source), factory, onError))
+    );
+  } else {
+    const uri = typeof source === "string" ? source : resolveAsset(source);
+    return Skia.Data.fromURI(uri).then((d) =>
+      factoryWrapper(d, factory, onError)
+    );
+  }
+};
+
+type Source = DataSource | null | undefined;
+
+const useLoading = <T>(
+  source: Source,
+  loader: () => Promise<T | null>,
+  deps: DependencyList = []
 ) => {
   const [data, setData] = useState<T | null>(null);
-  const prevSourceRef = useRef<DataSource | null | undefined>();
+  const prevSourceRef = useRef<Source>();
   useEffect(() => {
-    // Track to avoid re-fetching the same data
     if (prevSourceRef.current !== source) {
       prevSourceRef.current = source;
-      if (source !== null && source !== undefined) {
-        const factoryWrapper = (data2: SkData) => {
-          const factoryResult = factory(data2);
-          if (factoryResult === null) {
-            onError && onError(new Error("Could not load data"));
-            setData(null);
-          } else {
-            setData(factoryResult);
-          }
-        };
-        if (source instanceof Uint8Array) {
-          factoryWrapper(Skia.Data.fromBytes(source));
-        } else {
-          const uri =
-            typeof source === "string" ? source : resolveAsset(source);
-          Skia.Data.fromURI(uri).then((d) => factoryWrapper(d));
-        }
-      } else {
-        // new source is null or undefined -> remove cached data
-        setData(null);
-      }
+      loader().then(setData);
+    } else {
+      setData(null);
     }
-  }, [factory, onError, source]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
   return data;
 };
 
+export const useDataCollection = <T>(
+  sources: DataSource[],
+  factory: (data: SkData) => T,
+  onError?: (err: Error) => void,
+  deps?: DependencyList
+) =>
+  useLoading(
+    sources,
+    () => loadDataCollection(sources, factory, onError),
+    deps
+  );
+
+export const useRawData = <T>(
+  source: DataSource | null | undefined,
+  factory: (data: SkData) => T,
+  onError?: (err: Error) => void,
+  deps?: DependencyList
+) => useLoading(source, () => loadData(source, factory, onError), deps);
+
 const identity = (data: SkData) => data;
 
 export const useData = (
   source: DataSource | null | undefined,
-  onError?: (err: Error) => void
-) => useRawData(source, identity, onError);
+  onError?: (err: Error) => void,
+  deps?: DependencyList
+) => useRawData(source, identity, onError, deps);

package/src/skia/core/Typeface.ts

@@ -8,4 +8,9 @@ import { useRawData } from "./Data";
 export const useTypeface = (
   source: DataSource | null | undefined,
   onError?: (err: Error) => void
-) => useRawData(source, Skia.Typeface.MakeFreeTypeFaceFromData, onError);
+) =>
+  useRawData(
+    source,
+    Skia.Typeface.MakeFreeTypeFaceFromData.bind(Skia.Typeface),
+    onError
+  );

package/src/skia/types/Skia.ts

@@ -48,7 +48,7 @@ export interface Skia {
   PictureRecorder: () => SkPictureRecorder;
   Picture: PictureFactory;
   Path: PathFactory;
-  Matrix: (matrix?: number[]) => SkMatrix;
+  Matrix: (matrix?: readonly number[]) => SkMatrix;
   ColorFilter: ColorFilterFactory;
   Font: (typeface?: SkTypeface, size?: number) => SkFont;
   Typeface: TypefaceFactory;

package/src/skia/web/JsiSkia.ts

@@ -63,7 +63,7 @@ export const JsiSkApi = (CanvasKit: CanvasKit): Skia => ({
     new JsiSkPictureRecorder(CanvasKit, new CanvasKit.PictureRecorder()),
   Picture: new JsiSkPictureFactory(CanvasKit),
   Path: new JsiSkPathFactory(CanvasKit),
-  Matrix: (matrix?: number[]) =>
+  Matrix: (matrix?: readonly number[]) =>
     new JsiSkMatrix(
       CanvasKit,
       matrix

package/src/values/api.ts

@@ -7,4 +7,4 @@ declare global {
 const { SkiaValueApi } = global;
 export const ValueApi = SkiaValueApi;
 
-export const { createValue, createDerivedValue } = ValueApi;
+export const { createValue, createComputedValue } = ValueApi;

package/src/values/api.web.ts

@@ -2,4 +2,4 @@ import { ValueApi as ValueApiWeb } from "./web";
 
 export const ValueApi = ValueApiWeb;
 
-export const { createValue, createDerivedValue } = ValueApi;
+export const { createValue, createComputedValue } = ValueApi;

package/src/values/hooks/index.ts

@@ -1,4 +1,4 @@
 export * from "./useClockValue";
-export * from "./useDerivedValue";
+export * from "./useComputedValue";
 export * from "./useValue";
 export * from "./useValueEffect";

package/src/values/hooks/{useDerivedValue.ts → useComputedValue.ts}

@@ -4,15 +4,20 @@ import { ValueApi } from "../api";
 import { isValue } from "../../renderer/processors";
 
 /**
- * Creates a new derived value - a value that will calculate its value depending
+ * Creates a new computed 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
  */
-export const useDerivedValue = <R>(cb: () => R, values: unknown[]) =>
+export const useComputedValue = <R>(cb: () => R, values: unknown[]) =>
   useMemo(
-    () => ValueApi.createDerivedValue<R>(cb, values.filter(isValue)),
+    () => ValueApi.createComputedValue<R>(cb, values.filter(isValue)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     values
   );
+
+export const useDerivedValue = <R>(cb: () => R, values: unknown[]) => {
+  console.warn("useDerivedValue is deprecated. Use useComputedValue instead.");
+  return useComputedValue(cb, values);
+};

package/src/values/types.ts

@@ -46,10 +46,10 @@ export interface ISkiaValueApi {
    */
   createValue: <T>(initialValue: T) => SkiaMutableValue<T>;
   /**
-   * Creates a derived value. This is a calculated value that returns the result of
+   * Creates a computed value. This is a calculated value that returns the result of
    * a function that is called with the values of the dependencies.
    */
-  createDerivedValue: <R>(
+  createComputedValue: <R>(
     cb: () => R,
     values: Array<SkiaValue<unknown>>
   ) => SkiaValue<R>;

package/src/values/web/{RNSkDerivedValue.ts → RNSkComputedValue.ts}

@@ -2,7 +2,7 @@ import type { DependencyList } from "react";
 
 import { RNSkReadonlyValue } from "./RNSkReadonlyValue";
 
-export class RNSkDerivedValue<T> extends RNSkReadonlyValue<T> {
+export class RNSkComputedValue<T> extends RNSkReadonlyValue<T> {
   constructor(callback: () => T, dependencies: DependencyList) {
     // Initialize dependencies - we can't call this yet, since
     // super if not called and it requires a start value to be set.

package/src/values/web/api.ts

@@ -9,18 +9,18 @@ import type {
 
 import { RNSkAnimation } from "./RNSkAnimation";
 import { RNSkClockValue } from "./RNSkClockValue";
-import { RNSkDerivedValue } from "./RNSkDerivedValue";
+import { RNSkComputedValue } from "./RNSkComputedValue";
 import { RNSkValue } from "./RNSkValue";
 
 export const ValueApi: ISkiaValueApi = {
   createValue: function <T>(initialValue: T): SkiaMutableValue<T> {
     return new RNSkValue(initialValue);
   },
-  createDerivedValue: function <R>(
+  createComputedValue: function <R>(
     cb: () => R,
     values: SkiaValue<unknown>[]
   ): SkiaValue<R> {
-    return new RNSkDerivedValue(cb, values);
+    return new RNSkComputedValue(cb, values);
   },
   createClockValue: function (): SkiaClockValue {
     return new RNSkClockValue(requestAnimationFrame.bind(window));

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDerivedValue = void 0;
-
-var _react = require("react");
-
-var _api = require("../api");
-
-var _processors = require("../../renderer/processors");
-
-/**
- * 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(_processors.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

@@ -1 +0,0 @@
-{"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,mBAAd,CAAnC,CADR,EAEE;AACAJ,MAHF,CADK","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport { isValue } from \"../../renderer/processors\";\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/web/RNSkDerivedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RNSkDerivedValue.ts"],"names":["RNSkDerivedValue","RNSkReadonlyValue","constructor","callback","dependencies","unsubscribers","notifyUpdateRef","current","undefined","forEach","dep","push","addListener","_unsubscribers","dependecyUpdated","bind","_callback","update","unsubscribe"],"mappings":";;;;;;;AAEA;;;;AAEO,MAAMA,gBAAN,SAAkCC,oCAAlC,CAAuD;AAC5DC,EAAAA,WAAW,CAACC,QAAD,EAAoBC,YAApB,EAAkD;AAC3D;AACA;AACA,UAAMC,aAAgC,GAAG,EAAzC;AACA,UAAMC,eAAsD,GAAG;AAC7DC,MAAAA,OAAO,EAAEC;AADoD,KAA/D;AAGAJ,IAAAA,YAAY,CAACK,OAAb,CAAsBC,GAAD,IAAS;AAC5B,UAAI,kBAAkBA,GAAlB,IAAyB,iBAAiBA,GAA9C,EAAmD;AACjDL,QAAAA,aAAa,CAACM,IAAd,CACGD,GAAD,CAAoCE,WAApC,CAAgD;AAAA;;AAAA,0CAC9CN,eAAe,CAACC,OAD8B,0DAC9C,2BAAAD,eAAe,CAD+B;AAAA,SAAhD,CADF;AAKD;AACF,KARD;AASA,UAAMH,QAAQ,EAAd;;AAhB2D;;AAAA;;AAiB3D,SAAKU,cAAL,GAAsBR,aAAtB;AACAC,IAAAA,eAAe,CAACC,OAAhB,GAA0B,KAAKO,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAA1B;AACA,SAAKC,SAAL,GAAiBb,QAAjB;AACD;;AAEOW,EAAAA,gBAAgB,GAAG;AACzB,SAAKG,MAAL,CAAY,KAAKD,SAAL,EAAZ;AACD;;AAKME,EAAAA,WAAW,GAAG;AACnB,SAAKL,cAAL,CAAoBJ,OAApB,CAA6BS,WAAD,IAAiBA,WAAW,EAAxD;AACD;;AAhC2D","sourcesContent":["import type { DependencyList } from \"react\";\n\nimport { RNSkReadonlyValue } from \"./RNSkReadonlyValue\";\n\nexport class RNSkDerivedValue<T> extends RNSkReadonlyValue<T> {\n  constructor(callback: () => T, dependencies: DependencyList) {\n    // Initialize dependencies - we can't call this yet, since\n    // super if not called and it requires a start value to be set.\n    const unsubscribers: Array<() => void> = [];\n    const notifyUpdateRef: { current: (() => void) | undefined } = {\n      current: undefined,\n    };\n    dependencies.forEach((dep) => {\n      if (\"__typename__\" in dep && \"addListener\" in dep) {\n        unsubscribers.push(\n          (dep as RNSkReadonlyValue<unknown>).addListener(() =>\n            notifyUpdateRef.current?.()\n          )\n        );\n      }\n    });\n    super(callback());\n    this._unsubscribers = unsubscribers;\n    notifyUpdateRef.current = this.dependecyUpdated.bind(this);\n    this._callback = callback;\n  }\n\n  private dependecyUpdated() {\n    this.update(this._callback());\n  }\n\n  private _callback: () => T;\n  private _unsubscribers: Array<() => void>;\n\n  public unsubscribe() {\n    this._unsubscribers.forEach((unsubscribe) => unsubscribe());\n  }\n}\n"]}

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

@@ -1,14 +0,0 @@
-import { useMemo } from "react";
-import { ValueApi } from "../api";
-import { isValue } from "../../renderer/processors";
-/**
- * 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
- */
-
-export const useDerivedValue = (cb, values) => useMemo(() => ValueApi.createDerivedValue(cb, values.filter(isValue)), // eslint-disable-next-line react-hooks/exhaustive-deps
-values);
-//# sourceMappingURL=useDerivedValue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useDerivedValue.ts"],"names":["useMemo","ValueApi","isValue","useDerivedValue","cb","values","createDerivedValue","filter"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,QAAT,QAAyB,QAAzB;AACA,SAASC,OAAT,QAAwB,2BAAxB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,eAAe,GAAG,CAAIC,EAAJ,EAAiBC,MAAjB,KAC7BL,OAAO,CACL,MAAMC,QAAQ,CAACK,kBAAT,CAA+BF,EAA/B,EAAmCC,MAAM,CAACE,MAAP,CAAcL,OAAd,CAAnC,CADD,EAEL;AACAG,MAHK,CADF","sourcesContent":["import { useMemo } from \"react\";\n\nimport { ValueApi } from \"../api\";\nimport { isValue } from \"../../renderer/processors\";\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/module/values/web/RNSkDerivedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RNSkDerivedValue.ts"],"names":["RNSkReadonlyValue","RNSkDerivedValue","constructor","callback","dependencies","unsubscribers","notifyUpdateRef","current","undefined","forEach","dep","push","addListener","_unsubscribers","dependecyUpdated","bind","_callback","update","unsubscribe"],"mappings":";;AAEA,SAASA,iBAAT,QAAkC,qBAAlC;AAEA,OAAO,MAAMC,gBAAN,SAAkCD,iBAAlC,CAAuD;AAC5DE,EAAAA,WAAW,CAACC,QAAD,EAAoBC,YAApB,EAAkD;AAC3D;AACA;AACA,UAAMC,aAAgC,GAAG,EAAzC;AACA,UAAMC,eAAsD,GAAG;AAC7DC,MAAAA,OAAO,EAAEC;AADoD,KAA/D;AAGAJ,IAAAA,YAAY,CAACK,OAAb,CAAsBC,GAAD,IAAS;AAC5B,UAAI,kBAAkBA,GAAlB,IAAyB,iBAAiBA,GAA9C,EAAmD;AACjDL,QAAAA,aAAa,CAACM,IAAd,CACGD,GAAD,CAAoCE,WAApC,CAAgD;AAAA;;AAAA,0CAC9CN,eAAe,CAACC,OAD8B,0DAC9C,2BAAAD,eAAe,CAD+B;AAAA,SAAhD,CADF;AAKD;AACF,KARD;AASA,UAAMH,QAAQ,EAAd;;AAhB2D;;AAAA;;AAiB3D,SAAKU,cAAL,GAAsBR,aAAtB;AACAC,IAAAA,eAAe,CAACC,OAAhB,GAA0B,KAAKO,gBAAL,CAAsBC,IAAtB,CAA2B,IAA3B,CAA1B;AACA,SAAKC,SAAL,GAAiBb,QAAjB;AACD;;AAEOW,EAAAA,gBAAgB,GAAG;AACzB,SAAKG,MAAL,CAAY,KAAKD,SAAL,EAAZ;AACD;;AAKME,EAAAA,WAAW,GAAG;AACnB,SAAKL,cAAL,CAAoBJ,OAApB,CAA6BS,WAAD,IAAiBA,WAAW,EAAxD;AACD;;AAhC2D","sourcesContent":["import type { DependencyList } from \"react\";\n\nimport { RNSkReadonlyValue } from \"./RNSkReadonlyValue\";\n\nexport class RNSkDerivedValue<T> extends RNSkReadonlyValue<T> {\n  constructor(callback: () => T, dependencies: DependencyList) {\n    // Initialize dependencies - we can't call this yet, since\n    // super if not called and it requires a start value to be set.\n    const unsubscribers: Array<() => void> = [];\n    const notifyUpdateRef: { current: (() => void) | undefined } = {\n      current: undefined,\n    };\n    dependencies.forEach((dep) => {\n      if (\"__typename__\" in dep && \"addListener\" in dep) {\n        unsubscribers.push(\n          (dep as RNSkReadonlyValue<unknown>).addListener(() =>\n            notifyUpdateRef.current?.()\n          )\n        );\n      }\n    });\n    super(callback());\n    this._unsubscribers = unsubscribers;\n    notifyUpdateRef.current = this.dependecyUpdated.bind(this);\n    this._callback = callback;\n  }\n\n  private dependecyUpdated() {\n    this.update(this._callback());\n  }\n\n  private _callback: () => T;\n  private _unsubscribers: Array<() => void>;\n\n  public unsubscribe() {\n    this._unsubscribers.forEach((unsubscribe) => unsubscribe());\n  }\n}\n"]}