@shopify/react-native-skia 0.1.132 → 0.1.136

package/src/skia/web/JsiSkPath.ts

@@ -17,6 +17,29 @@ import { ckEnum, HostObject, optEnum, toValue } from "./Host";
 import { JsiSkPoint } from "./JsiSkPoint";
 import { JsiSkRect } from "./JsiSkRect";
 
+const CommandCount = {
+  [PathVerb.Move]: 3,
+  [PathVerb.Line]: 3,
+  [PathVerb.Quad]: 5,
+  [PathVerb.Conic]: 6,
+  [PathVerb.Cubic]: 7,
+  [PathVerb.Close]: 1,
+};
+
+const areCmdsInterpolatable = (cmd1: PathCommand[], cmd2: PathCommand[]) => {
+  if (cmd1.length !== cmd2.length) {
+    return false;
+  }
+  for (let i = 0; i < cmd1.length; i++) {
+    if (cmd1[i][0] !== cmd2[i][0]) {
+      return false;
+    } else if (cmd1[i][0] === PathVerb.Conic && cmd1[i][5] !== cmd2[i][5]) {
+      return false;
+    }
+  }
+  return true;
+};
+
 export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
   constructor(CanvasKit: CanvasKit, ref: Path) {
     super(CanvasKit, ref, "Path");
@@ -300,20 +323,25 @@ export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     // throw new NotImplementedOnRNWeb();
     const cmd1 = this.toCmds();
     const cmd2 = end.toCmds();
-    if (cmd1.length !== cmd2.length) {
+    if (!areCmdsInterpolatable(cmd1, cmd2)) {
       return null;
     }
     const interpolated: PathCommand[] = [];
-    for (let i = 0; i < cmd1.length; i++) {
-      if (cmd1[i][0] !== cmd2[i][0]) {
-        return null;
-      }
-      const cmd: PathCommand = [cmd1[i][0]];
-      for (let j = 1; j < cmd1[i].length; j++) {
-        cmd.push(cmd2[i][j] + (cmd1[i][j] - cmd2[i][j]) * t);
-      }
-      interpolated.push(cmd);
-    }
+    cmd1.forEach((cmd, i) => {
+      const interpolatedCmd = [cmd[0]];
+      interpolated.push(interpolatedCmd);
+      cmd.forEach((c, j) => {
+        if (j === 0) {
+          return;
+        }
+        if (interpolatedCmd[0] === PathVerb.Conic && j === 5) {
+          interpolatedCmd.push(c);
+        } else {
+          const c2 = cmd2[i][j];
+          interpolatedCmd.push(c2 + (c - c2) * t);
+        }
+      });
+    });
     const path = this.CanvasKit.Path.MakeFromCmds(interpolated.flat());
     if (path === null) {
       return null;
@@ -326,44 +354,33 @@ export class JsiSkPath extends HostObject<Path, "Path"> implements SkPath {
     // throw new NotImplementedOnRNWeb();
     const cmd1 = this.toCmds();
     const cmd2 = path2.toCmds();
-    if (cmd1.length !== cmd2.length) {
-      return false;
-    }
-    for (let i = 0; i < cmd1.length; i++) {
-      if (cmd1[i][0] !== cmd2[i][0]) {
-        return false;
-      }
-    }
-    return true;
-  }
-
-  toCmds(): PathCommand[] {
-    const cmds: PathCommand[] = [];
-    let cmd = [];
-    const flatCmds = this.ref.toCmds();
-    const CmdCount = {
-      [PathVerb.Move]: 3,
-      [PathVerb.Line]: 3,
-      [PathVerb.Quad]: 5,
-      [PathVerb.Conic]: 6,
-      [PathVerb.Cubic]: 7,
-      [PathVerb.Close]: 0,
-      [PathVerb.Done]: 0,
-    };
-    for (let i = 0; i < flatCmds.length; i++) {
-      if (cmd.length === 0 && flatCmds[i] === PathVerb.Done) {
-        break;
+    return areCmdsInterpolatable(cmd1, cmd2);
+  }
+
+  toCmds() {
+    const cmds = this.ref.toCmds();
+    const result = cmds.reduce<PathCommand[]>((acc, cmd, i) => {
+      if (i === 0) {
+        acc.push([]);
       }
-      const c = flatCmds[i];
-      cmd.push(c);
-      if (cmd.length > 1) {
-        const length = CmdCount[cmd[0] as PathVerb];
-        if (cmd.length === length) {
-          cmds.push(cmd);
-          cmd = [];
+      const current = acc[acc.length - 1];
+      if (current.length === 0) {
+        current.push(cmd);
+        const length = CommandCount[current[0] as PathVerb];
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
+        }
+      } else {
+        const length = CommandCount[current[0] as PathVerb];
+        if (current.length < length) {
+          current.push(cmd);
+        }
+        if (current.length === length && i !== cmds.length - 1) {
+          acc.push([]);
         }
       }
-    }
-    return cmds.concat(cmd);
+      return acc;
+    }, []);
+    return result;
   }
 }

package/src/skia/web/JsiSkShaderFactory.ts

@@ -172,7 +172,10 @@ export class JsiSkShaderFactory extends Host implements ShaderFactory {
   MakeColor(color: SkColor) {
     return new JsiSkShader(
       this.CanvasKit,
-      this.CanvasKit.Shader.MakeColor(toValue(color))
+      this.CanvasKit.Shader.MakeColor(
+        toValue(color),
+        this.CanvasKit.ColorSpace.SRGB
+      )
     );
   }
 }

package/src/skia/web/JsiSkVerticesFactory.ts

@@ -5,6 +5,20 @@ import type { SkColor, SkPoint, VertexMode } from "../types";
 import { ckEnum } from "./Host";
 import { JsiSkVertices } from "./JsiSkVertices";
 
+const concat = (...arrays: Float32Array[]) => {
+  let totalLength = 0;
+  for (const arr of arrays) {
+    totalLength += arr.length;
+  }
+  const result = new Float32Array(totalLength);
+  let offset = 0;
+  for (const arr of arrays) {
+    result.set(arr, offset);
+    offset += arr.length;
+  }
+  return result;
+};
+
 export const MakeVertices = (
   CanvasKit: CanvasKit,
   mode: VertexMode,
@@ -20,7 +34,7 @@ export const MakeVertices = (
       ckEnum(mode),
       positions.map(({ x, y }) => [x, y]).flat(),
       (textureCoordinates || []).map(({ x, y }) => [x, y]).flat(),
-      colors,
+      !colors ? null : colors.reduce((a, c) => concat(a, c)),
       indices,
       isVolatile
     )

package/src/skia/web/JsiSkia.ts

@@ -27,7 +27,7 @@ import { JsiSkColorFilterFactory } from "./JsiSkColorFilterFactory";
 import { JsiSkTypefaceFactory } from "./JsiSkTypefaceFactory";
 import { JsiSkMaskFilterFactory } from "./JsiSkMaskFilterFactory";
 import { JsiSkRuntimeEffectFactory } from "./JsiSkRuntimeEffectFactory";
-import { JsiSkImageFilterFactory } from "./JsiImageFilterFactory";
+import { JsiSkImageFilterFactory } from "./JsiSkImageFilterFactory";
 import { JsiSkShaderFactory } from "./JsiSkShaderFactory";
 import { JsiSkPathEffectFactory } from "./JsiSkPathEffectFactory";
 import { JsiSkDataFactory } from "./JsiSkDataFactory";
@@ -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

@@ -6,5 +6,3 @@ declare global {
 
 const { SkiaValueApi } = global;
 export const ValueApi = SkiaValueApi;
-
-export const { createValue, createDerivedValue } = 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/useComputedValue.ts

@@ -0,0 +1,23 @@
+import { useMemo } from "react";
+
+import { ValueApi } from "../api";
+import { isValue } from "../../renderer/processors/Animations";
+
+/**
+ * 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 useComputedValue = <R>(cb: () => R, values: unknown[]) =>
+  useMemo(
+    () => 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/src/views/SkiaView.web.tsx

@@ -36,24 +36,27 @@ export class SkiaView extends React.Component<
   }
 
   private onLayout(evt: LayoutChangeEvent) {
-    this.setState({
-      width: evt.nativeEvent.layout.width,
-      height: evt.nativeEvent.layout.height,
-    });
-    // Reset canvas / surface on layout change
-    if (this._canvasRef.current) {
-      // Create surface
-      this._surface = new JsiSkSurface(
-        global.CanvasKit,
-        global.CanvasKit.MakeCanvasSurface(this._canvasRef.current)!
-      );
-      // Get canvas and repaint
-      if (this._surface) {
-        this._canvas = this._surface.getCanvas();
-        this.requestRedraw();
-        this.redraw();
+    this.setState(
+      {
+        width: evt.nativeEvent.layout.width,
+        height: evt.nativeEvent.layout.height,
+      },
+      () => {
+        // Reset canvas / surface on layout change
+        if (this._canvasRef.current) {
+          // Create surface
+          this._surface = new JsiSkSurface(
+            global.CanvasKit,
+            global.CanvasKit.MakeWebGLCanvasSurface(this._canvasRef.current)!
+          );
+          // Get canvas and repaint
+          if (this._surface) {
+            this._canvas = this._surface.getCanvas();
+            this.requestRedraw();
+          }
+        }
       }
-    }
+    );
   }
 
   componentDidMount() {
@@ -175,17 +178,15 @@ export class SkiaView extends React.Component<
     const { mode, debug = false, ...viewProps } = this.props;
     return (
       <View {...viewProps} onLayout={this.onLayout.bind(this)}>
-        {this.state.width > -1 ? (
-          <canvas
-            ref={this._canvasRef}
-            width={`${this.state.width}px`}
-            height={`${this.state.height}px`}
-            onPointerDown={this.handleTouchStart.bind(this)}
-            onPointerMove={this.handleTouchMove.bind(this)}
-            onPointerUp={this.handleTouchEnd.bind(this)}
-            onPointerCancel={this.handleTouchCancel.bind(this)}
-          />
-        ) : null}
+        <canvas
+          ref={this._canvasRef}
+          width={this.state.width}
+          height={this.state.height}
+          onPointerDown={this.handleTouchStart.bind(this)}
+          onPointerMove={this.handleTouchMove.bind(this)}
+          onPointerUp={this.handleTouchEnd.bind(this)}
+          onPointerCancel={this.handleTouchCancel.bind(this)}
+        />
       </View>
     );
   }

package/src/web/index.ts

@@ -1,4 +1,6 @@
-import CanvasKitInit from "canvaskit-wasm";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import CanvasKitInit from "canvaskit-wasm/bin/full/canvaskit";
 import type { CanvasKit as CanvasKitType } from "canvaskit-wasm";
 
 declare global {

package/lib/commonjs/skia/web/JsiImageFilterFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["JsiImageFilterFactory.ts"],"names":["JsiSkImageFilterFactory","Host","constructor","CanvasKit","MakeOffset","_dx","_dy","_input","NotImplementedOnRNWeb","MakeDisplacementMap","_channelX","_channelY","_scale","_in1","MakeShader","_shader","MakeBlur","sigmaX","sigmaY","mode","input","JsiSkImageFilter","ImageFilter","MakeColorFilter","cf","MakeCompose","outer","inner","MakeDropShadow","_sigmaX","_sigmaY","_color","_cropRect","MakeDropShadowOnly","MakeErode","_rx","_ry","MakeDilate","MakeBlend","_mode","_background","_foreground","MakeRuntimeShader","_builder","_childShaderName"],"mappings":";;;;;;;AAeA;;AACA;;AAEO,MAAMA,uBAAN,SACGC,UADH,CAGP;AACEC,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CACRC,GADQ,EAERC,GAFQ,EAGRC,MAHQ,EAIO;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDC,EAAAA,mBAAmB,CACjBC,SADiB,EAEjBC,SAFiB,EAGjBC,MAHiB,EAIjBC,IAJiB,EAKjBN,MALiB,EAMF;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDM,EAAAA,UAAU,CAACC,OAAD,EAAoBR,MAApB,EAAiE;AACzE,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAEDQ,EAAAA,QAAQ,CACNC,MADM,EAENC,MAFM,EAGNC,IAHM,EAINC,KAJM,EAKN;AACA,WAAO,IAAIC,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BN,QAA3B,CACEC,MADF,EAEEC,MAFF,EAGE,kBAAOC,IAAP,CAHF,EAIEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAJ1B,CAFK,CAAP;AASD;;AAEDG,EAAAA,eAAe,CAACC,EAAD,EAAoBJ,KAApB,EAAiD;AAC9D,WAAO,IAAIC,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BC,eAA3B,CACE,mBAAQC,EAAR,CADF,EAEEJ,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAF1B,CAFK,CAAP;AAOD;;AAEDK,EAAAA,WAAW,CAACC,KAAD,EAA8BC,KAA9B,EAA2D;AACpE,WAAO,IAAIN,kCAAJ,CACL,KAAKlB,SADA,EAEL,KAAKA,SAAL,CAAemB,WAAf,CAA2BG,WAA3B,CACEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAD1B,EAEEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB,mBAAQA,KAAR,CAF1B,CAFK,CAAP;AAOD;;AAEDC,EAAAA,cAAc,CACZvB,GADY,EAEZC,GAFY,EAGZuB,OAHY,EAIZC,OAJY,EAKZC,MALY,EAMZxB,MANY,EAOZyB,SAPY,EAQG;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAEDyB,EAAAA,kBAAkB,CAChB5B,GADgB,EAEhBC,GAFgB,EAGhBuB,OAHgB,EAIhBC,OAJgB,EAKhBC,MALgB,EAMhBxB,MANgB,EAOhByB,SAPgB,EAQD;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED0B,EAAAA,SAAS,CACPC,GADO,EAEPC,GAFO,EAGP7B,MAHO,EAIPyB,SAJO,EAKQ;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED6B,EAAAA,UAAU,CACRF,GADQ,EAERC,GAFQ,EAGR7B,MAHQ,EAIRyB,SAJQ,EAKO;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAED8B,EAAAA,SAAS,CACPC,KADO,EAEPC,WAFO,EAGPC,WAHO,EAIPT,SAJO,EAKQ;AACf,UAAM,IAAIxB,2BAAJ,EAAN;AACD;;AAEDkC,EAAAA,iBAAiB,CACfC,QADe,EAEfC,gBAFe,EAGfrC,MAHe,EAIA;AACf,UAAM,IAAIC,2BAAJ,EAAN;AACD;;AAzHH","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  ColorChannel,\n  ImageFilterFactory,\n  SkColor,\n  SkColorFilter,\n  SkImageFilter,\n  BlendMode,\n  SkRect,\n  SkRuntimeShaderBuilder,\n  SkShader,\n  TileMode,\n} from \"../types\";\n\nimport { Host, NotImplementedOnRNWeb, ckEnum, toValue } from \"./Host\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\n\nexport class JsiSkImageFilterFactory\n  extends Host\n  implements ImageFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeOffset(\n    _dx: number,\n    _dy: number,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDisplacementMap(\n    _channelX: ColorChannel,\n    _channelY: ColorChannel,\n    _scale: number,\n    _in1: SkImageFilter,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeShader(_shader: SkShader, _input: SkImageFilter | null): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlur(\n    sigmaX: number,\n    sigmaY: number,\n    mode: TileMode,\n    input: SkImageFilter | null\n  ) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeBlur(\n        sigmaX,\n        sigmaY,\n        ckEnum(mode),\n        input === null ? null : toValue(input)\n      )\n    );\n  }\n\n  MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeColorFilter(\n        toValue(cf),\n        input === null ? null : toValue(input)\n      )\n    );\n  }\n\n  MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeCompose(\n        outer === null ? null : toValue(outer),\n        inner === null ? null : toValue(inner)\n      )\n    );\n  }\n\n  MakeDropShadow(\n    _dx: number,\n    _dy: number,\n    _sigmaX: number,\n    _sigmaY: number,\n    _color: SkColor,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDropShadowOnly(\n    _dx: number,\n    _dy: number,\n    _sigmaX: number,\n    _sigmaY: number,\n    _color: SkColor,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeErode(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDilate(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlend(\n    _mode: BlendMode,\n    _background: SkImageFilter,\n    _foreground: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeRuntimeShader(\n    _builder: SkRuntimeShaderBuilder,\n    _childShaderName: string | null,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n}\n"]}

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/skia/web/JsiImageFilterFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["JsiImageFilterFactory.ts"],"names":["Host","NotImplementedOnRNWeb","ckEnum","toValue","JsiSkImageFilter","JsiSkImageFilterFactory","constructor","CanvasKit","MakeOffset","_dx","_dy","_input","MakeDisplacementMap","_channelX","_channelY","_scale","_in1","MakeShader","_shader","MakeBlur","sigmaX","sigmaY","mode","input","ImageFilter","MakeColorFilter","cf","MakeCompose","outer","inner","MakeDropShadow","_sigmaX","_sigmaY","_color","_cropRect","MakeDropShadowOnly","MakeErode","_rx","_ry","MakeDilate","MakeBlend","_mode","_background","_foreground","MakeRuntimeShader","_builder","_childShaderName"],"mappings":"AAeA,SAASA,IAAT,EAAeC,qBAAf,EAAsCC,MAAtC,EAA8CC,OAA9C,QAA6D,QAA7D;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AAEA,OAAO,MAAMC,uBAAN,SACGL,IADH,CAGP;AACEM,EAAAA,WAAW,CAACC,SAAD,EAAuB;AAChC,UAAMA,SAAN;AACD;;AAEDC,EAAAA,UAAU,CACRC,GADQ,EAERC,GAFQ,EAGRC,MAHQ,EAIO;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDW,EAAAA,mBAAmB,CACjBC,SADiB,EAEjBC,SAFiB,EAGjBC,MAHiB,EAIjBC,IAJiB,EAKjBL,MALiB,EAMF;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDgB,EAAAA,UAAU,CAACC,OAAD,EAAoBP,MAApB,EAAiE;AACzE,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAEDkB,EAAAA,QAAQ,CACNC,MADM,EAENC,MAFM,EAGNC,IAHM,EAINC,KAJM,EAKN;AACA,WAAO,IAAInB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BL,QAA3B,CACEC,MADF,EAEEC,MAFF,EAGEnB,MAAM,CAACoB,IAAD,CAHR,EAIEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBpB,OAAO,CAACoB,KAAD,CAJjC,CAFK,CAAP;AASD;;AAEDE,EAAAA,eAAe,CAACC,EAAD,EAAoBH,KAApB,EAAiD;AAC9D,WAAO,IAAInB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BC,eAA3B,CACEtB,OAAO,CAACuB,EAAD,CADT,EAEEH,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBpB,OAAO,CAACoB,KAAD,CAFjC,CAFK,CAAP;AAOD;;AAEDI,EAAAA,WAAW,CAACC,KAAD,EAA8BC,KAA9B,EAA2D;AACpE,WAAO,IAAIzB,gBAAJ,CACL,KAAKG,SADA,EAEL,KAAKA,SAAL,CAAeiB,WAAf,CAA2BG,WAA3B,CACEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwBzB,OAAO,CAACyB,KAAD,CADjC,EAEEC,KAAK,KAAK,IAAV,GAAiB,IAAjB,GAAwB1B,OAAO,CAAC0B,KAAD,CAFjC,CAFK,CAAP;AAOD;;AAEDC,EAAAA,cAAc,CACZrB,GADY,EAEZC,GAFY,EAGZqB,OAHY,EAIZC,OAJY,EAKZC,MALY,EAMZtB,MANY,EAOZuB,SAPY,EAQG;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDkC,EAAAA,kBAAkB,CAChB1B,GADgB,EAEhBC,GAFgB,EAGhBqB,OAHgB,EAIhBC,OAJgB,EAKhBC,MALgB,EAMhBtB,MANgB,EAOhBuB,SAPgB,EAQD;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDmC,EAAAA,SAAS,CACPC,GADO,EAEPC,GAFO,EAGP3B,MAHO,EAIPuB,SAJO,EAKQ;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDsC,EAAAA,UAAU,CACRF,GADQ,EAERC,GAFQ,EAGR3B,MAHQ,EAIRuB,SAJQ,EAKO;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAEDuC,EAAAA,SAAS,CACPC,KADO,EAEPC,WAFO,EAGPC,WAHO,EAIPT,SAJO,EAKQ;AACf,UAAM,IAAIjC,qBAAJ,EAAN;AACD;;AAED2C,EAAAA,iBAAiB,CACfC,QADe,EAEfC,gBAFe,EAGfnC,MAHe,EAIA;AACf,UAAM,IAAIV,qBAAJ,EAAN;AACD;;AAzHH","sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport type {\n  ColorChannel,\n  ImageFilterFactory,\n  SkColor,\n  SkColorFilter,\n  SkImageFilter,\n  BlendMode,\n  SkRect,\n  SkRuntimeShaderBuilder,\n  SkShader,\n  TileMode,\n} from \"../types\";\n\nimport { Host, NotImplementedOnRNWeb, ckEnum, toValue } from \"./Host\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\n\nexport class JsiSkImageFilterFactory\n  extends Host\n  implements ImageFilterFactory\n{\n  constructor(CanvasKit: CanvasKit) {\n    super(CanvasKit);\n  }\n\n  MakeOffset(\n    _dx: number,\n    _dy: number,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDisplacementMap(\n    _channelX: ColorChannel,\n    _channelY: ColorChannel,\n    _scale: number,\n    _in1: SkImageFilter,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeShader(_shader: SkShader, _input: SkImageFilter | null): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlur(\n    sigmaX: number,\n    sigmaY: number,\n    mode: TileMode,\n    input: SkImageFilter | null\n  ) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeBlur(\n        sigmaX,\n        sigmaY,\n        ckEnum(mode),\n        input === null ? null : toValue(input)\n      )\n    );\n  }\n\n  MakeColorFilter(cf: SkColorFilter, input: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeColorFilter(\n        toValue(cf),\n        input === null ? null : toValue(input)\n      )\n    );\n  }\n\n  MakeCompose(outer: SkImageFilter | null, inner: SkImageFilter | null) {\n    return new JsiSkImageFilter(\n      this.CanvasKit,\n      this.CanvasKit.ImageFilter.MakeCompose(\n        outer === null ? null : toValue(outer),\n        inner === null ? null : toValue(inner)\n      )\n    );\n  }\n\n  MakeDropShadow(\n    _dx: number,\n    _dy: number,\n    _sigmaX: number,\n    _sigmaY: number,\n    _color: SkColor,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDropShadowOnly(\n    _dx: number,\n    _dy: number,\n    _sigmaX: number,\n    _sigmaY: number,\n    _color: SkColor,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeErode(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeDilate(\n    _rx: number,\n    _ry: number,\n    _input: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeBlend(\n    _mode: BlendMode,\n    _background: SkImageFilter,\n    _foreground: SkImageFilter | null,\n    _cropRect?: SkRect\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\n  }\n\n  MakeRuntimeShader(\n    _builder: SkRuntimeShaderBuilder,\n    _childShaderName: string | null,\n    _input: SkImageFilter | null\n  ): SkImageFilter {\n    throw new NotImplementedOnRNWeb();\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"]}

package/src/values/hooks/useDerivedValue.ts

@@ -1,18 +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 = <R>(cb: () => R, values: unknown[]) =>
-  useMemo(
-    () => ValueApi.createDerivedValue<R>(cb, values.filter(isValue)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    values
-  );