@shopify/react-native-skia 0.1.186 → 0.1.187

package/globalJestSetup.js

@@ -0,0 +1,6 @@
+module.exports = async () => {
+  const {
+    LoadSkiaWeb,
+  } = require("@shopify/react-native-skia/lib/commonjs/web/LoadSkiaWeb");
+  await LoadSkiaWeb();
+};

package/jestSetup.js

@@ -1,5 +1,4 @@
 /* globals jest */
-jest.mock(
-  "@shopify/react-native-skia",
-  () => require("@shopify/react-native-skia/lib/commonjs/mock").Mock
+jest.mock("@shopify/react-native-skia", () =>
+  require("@shopify/react-native-skia/lib/commonjs/mock").Mock(global.CanvasKit)
 );

package/lib/commonjs/mock/index.d.ts

@@ -1,15 +1,2 @@
-import type { Skia as SkiaApi } from "../skia/types";
-import type * as SkiaExports from "../skia";
-import type * as ValueExports from "../values";
-import type * as AnimationExports from "../animation";
-import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
-export declare const Skia: SkiaApi;
-export declare const vec: (x?: number, y?: number) => {
-    x: number;
-    y: number;
-};
-export declare const Mock: typeof SkiaExports & typeof ValueExports & typeof AnimationExports & {
-    createDrawing: () => any;
-    createDeclaration: () => any;
-    ShaderLib: typeof ShaderLib;
-};
+import type { CanvasKit } from "canvaskit-wasm";
+export declare const Mock: (CanvasKit: CanvasKit) => any;

package/lib/commonjs/mock/index.js

@@ -3,123 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.vec = exports.Skia = exports.Mock = void 0;
+exports.Mock = void 0;
 
-var Values = _interopRequireWildcard(require("../values/web"));
+var _web = require("../skia/web");
 
-var ValuesHooks = _interopRequireWildcard(require("../values/hooks"));
+var _web2 = require("../values/web");
 
-var _selector = require("../values/selector");
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const Noop = () => undefined;
 
-var BaseSkia = _interopRequireWildcard(require("../skia/types"));
-
-var timingFunctions = _interopRequireWildcard(require("../animation/timing"));
-
-var springFunctions = _interopRequireWildcard(require("../animation/spring"));
-
-var decayFunctions = _interopRequireWildcard(require("../animation/decay"));
-
-var interpolateFn = _interopRequireWildcard(require("../animation/functions/interpolate"));
-
-var interpolatePathFn = _interopRequireWildcard(require("../animation/functions/interpolatePaths"));
-
-var interpolateVectorFn = _interopRequireWildcard(require("../animation/functions/interpolateVector"));
-
-var _ShaderLib = require("../renderer/components/shaders/ShaderLib");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-class Stub {
-  constructor() {
-    return new Proxy(() => {}, {
-      get: () => new Stub(),
-      apply: () => new Stub(),
-      set: () => true
-    });
-  }
-
-}
-
-const Noop = () => {};
-
-const Skia = new Stub();
-exports.Skia = Skia;
-
-const vec = (x, y) => ({
-  x: x ?? 0,
-  y: y ?? x ?? 0
+const NoopValue = () => ({
+  current: 0
 });
 
-exports.vec = vec;
-const Mock = {
-  // SkiaExports
-  // 1. Skia API. BaseSkia contains the enums, and functions like isPaint etc
-  Skia,
-  ...BaseSkia,
-  // 2. Hooks
-  useRawData: Noop,
-  useData: Noop,
-  useFont: Noop,
-  useTypeface: Noop,
-  useImage: Noop,
-  useSVG: Noop,
-  createPicture: Noop,
-  // 3. Point/Rect/Transform utilities
-  vec,
-  rect: (x, y, width, height) => ({
-    x,
-    y,
-    width,
-    height
-  }),
-  rrect: (r, rx, ry) => ({
-    rect: r,
-    rx,
-    ry
-  }),
-  point: vec,
-  add: (a, b) => vec(a.x + b.x, a.y + b.y),
-  sub: (a, b) => vec(a.x - b.x, a.y - b.y),
-  neg: a => vec(-a.x, -a.y),
-  dist: (a, b) => Math.hypot(a.x - b.x, a.y - b.y),
-  translate: _ref => {
-    let {
-      x,
-      y
-    } = _ref;
-    return [{
-      translateX: x
-    }, {
-      translateY: y
-    }];
-  },
-  bounds: Noop,
-  topLeft: Noop,
-  topRight: Noop,
-  bottomLeft: Noop,
-  bottomRight: Noop,
-  center: Noop,
-  processTransform2d: Noop,
-  // ValueExports
-  ...Values,
-  ...ValuesHooks,
-  Selector: _selector.Selector,
-  // Animations
-  ...timingFunctions,
-  ...springFunctions,
-  ...decayFunctions,
-  ...interpolateFn,
-  ...interpolatePathFn,
-  ...interpolateVectorFn,
-  interpolateColors: (_value, _inputRange, _outputRange) => Float32Array.of(0, 0, 0, 0),
-  mixColors: (_v, _x, _y) => Float32Array.of(0, 0, 0, 0),
-  ShaderLib: _ShaderLib.ShaderLib,
-  createDrawing: Noop,
-  createDeclaration: Noop,
-  makeImageFromView: Noop
+const Mock = CanvasKit => {
+  global.SkiaApi = (0, _web.JsiSkApi)(CanvasKit);
+  global.SkiaValueApi = _web2.ValueApi;
+  const Skia = global.SkiaApi;
+  return {
+    Skia,
+    ...require("../renderer/components"),
+    ...require("../skia"),
+    ...require("../values"),
+    ...require("../animation"),
+    ...require("../dom/types"),
+    ...require("../dom/nodes"),
+    // We could use the real Canvas if we mock the SkiaView component for node
+    Canvas: Noop,
+    useValue: NoopValue,
+    useComputedValue: NoopValue,
+    useTouchHandler: Noop,
+    useTiming: NoopValue,
+    useLoop: NoopValue,
+    useSpring: NoopValue,
+    useClockValue: NoopValue,
+    useValueEffect: Noop,
+    useRawData: Noop,
+    useData: Noop,
+    useFont: () => Skia.Font(undefined, 0),
+    useTypeface: () => null,
+    useImage: () => null,
+    useSVG: () => null
+  };
 };
+
 exports.Mock = Mock;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Stub","constructor","Proxy","get","apply","set","Noop","Skia","vec","x","y","Mock","BaseSkia","useRawData","useData","useFont","useTypeface","useImage","useSVG","createPicture","rect","width","height","rrect","r","rx","ry","point","add","a","b","sub","neg","dist","Math","hypot","translate","translateX","translateY","bounds","topLeft","topRight","bottomLeft","bottomRight","center","processTransform2d","Values","ValuesHooks","Selector","timingFunctions","springFunctions","decayFunctions","interpolateFn","interpolatePathFn","interpolateVectorFn","interpolateColors","_value","_inputRange","_outputRange","Float32Array","of","mixColors","_v","_x","_y","ShaderLib","createDrawing","createDeclaration","makeImageFromView"],"sources":["index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { Color, Skia as SkiaApi, SkRect, Vector } from \"../skia/types\";\nimport * as Values from \"../values/web\";\nimport * as ValuesHooks from \"../values/hooks\";\nimport { Selector } from \"../values/selector\";\nimport * as BaseSkia from \"../skia/types\";\nimport type * as SkiaExports from \"../skia\";\nimport type * as ValueExports from \"../values\";\nimport type * as AnimationExports from \"../animation\";\nimport * as timingFunctions from \"../animation/timing\";\nimport * as springFunctions from \"../animation/spring\";\nimport * as decayFunctions from \"../animation/decay\";\nimport * as interpolateFn from \"../animation/functions/interpolate\";\nimport * as interpolatePathFn from \"../animation/functions/interpolatePaths\";\nimport * as interpolateVectorFn from \"../animation/functions/interpolateVector\";\nimport { ShaderLib } from \"../renderer/components/shaders/ShaderLib\";\n\nclass Stub {\n  constructor() {\n    return new Proxy(() => {}, {\n      get: () => new Stub(),\n      apply: () => new Stub(),\n      set: () => true,\n    });\n  }\n}\n\nconst Noop: () => any = () => {};\n\nexport const Skia: SkiaApi = new Stub() as any;\n\nexport const vec = (x?: number, y?: number) => ({ x: x ?? 0, y: y ?? x ?? 0 });\n\nexport const Mock: typeof SkiaExports &\n  typeof ValueExports &\n  typeof AnimationExports & {\n    createDrawing: () => any;\n    createDeclaration: () => any;\n    ShaderLib: typeof ShaderLib;\n  } = {\n  // SkiaExports\n  // 1. Skia API. BaseSkia contains the enums, and functions like isPaint etc\n  Skia,\n  ...BaseSkia,\n  // 2. Hooks\n  useRawData: Noop,\n  useData: Noop,\n  useFont: Noop,\n  useTypeface: Noop,\n  useImage: Noop,\n  useSVG: Noop,\n  createPicture: Noop,\n  // 3. Point/Rect/Transform utilities\n  vec,\n  rect: (x: number, y: number, width: number, height: number) => ({\n    x,\n    y,\n    width,\n    height,\n  }),\n  rrect: (r: SkRect, rx: number, ry: number) => ({\n    rect: r,\n    rx,\n    ry,\n  }),\n  point: vec,\n  add: (a: Vector, b: Vector) => vec(a.x + b.x, a.y + b.y),\n  sub: (a: Vector, b: Vector) => vec(a.x - b.x, a.y - b.y),\n  neg: (a: Vector) => vec(-a.x, -a.y),\n  dist: (a: Vector, b: Vector) => Math.hypot(a.x - b.x, a.y - b.y),\n  translate: ({ x, y }: Vector) =>\n    [{ translateX: x }, { translateY: y }] as const,\n\n  bounds: Noop,\n  topLeft: Noop,\n  topRight: Noop,\n  bottomLeft: Noop,\n  bottomRight: Noop,\n  center: Noop,\n  processTransform2d: Noop,\n  // ValueExports\n  ...Values,\n  ...ValuesHooks,\n  Selector,\n  // Animations\n  ...timingFunctions,\n  ...springFunctions,\n  ...decayFunctions,\n  ...interpolateFn,\n  ...interpolatePathFn,\n  ...interpolateVectorFn,\n  interpolateColors: (\n    _value: number,\n    _inputRange: number[],\n    _outputRange: Color[]\n  ) => Float32Array.of(0, 0, 0, 0),\n  mixColors: (_v: number, _x: Color, _y: Color) => Float32Array.of(0, 0, 0, 0),\n  ShaderLib,\n  createDrawing: Noop,\n  createDeclaration: Noop,\n  makeImageFromView: Noop,\n};\n"],"mappings":"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"}
+{"version":3,"names":["Noop","undefined","NoopValue","current","Mock","CanvasKit","global","SkiaApi","JsiSkApi","SkiaValueApi","ValueApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useRawData","useData","useFont","Font","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { ValueApi } from \"../values/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  global.SkiaValueApi = ValueApi;\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../values\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":";;;;;;;AAEA;;AACA;;AAEA;AACA,MAAMA,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AAEO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiB,IAAAC,aAAA,EAASH,SAAT,CAAjB;EACAC,MAAM,CAACG,YAAP,GAAsBC,cAAtB;EACA,MAAMC,IAAI,GAAGL,MAAM,CAACC,OAApB;EACA,OAAO;IACLI,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,WAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL,GAAGA,OAAO,CAAC,cAAD,CAPL;IAQL;IACAC,MAAM,EAAEb,IATH;IAULc,QAAQ,EAAEZ,SAVL;IAWLa,gBAAgB,EAAEb,SAXb;IAYLc,eAAe,EAAEhB,IAZZ;IAaLiB,SAAS,EAAEf,SAbN;IAcLgB,OAAO,EAAEhB,SAdJ;IAeLiB,SAAS,EAAEjB,SAfN;IAgBLkB,aAAa,EAAElB,SAhBV;IAiBLmB,cAAc,EAAErB,IAjBX;IAkBLsB,UAAU,EAAEtB,IAlBP;IAmBLuB,OAAO,EAAEvB,IAnBJ;IAoBLwB,OAAO,EAAE,MAAMb,IAAI,CAACc,IAAL,CAAUxB,SAAV,EAAqB,CAArB,CApBV;IAqBLyB,WAAW,EAAE,MAAM,IArBd;IAsBLC,QAAQ,EAAE,MAAM,IAtBX;IAuBLC,MAAM,EAAE,MAAM;EAvBT,CAAP;AAyBD,CA7BM"}

package/lib/module/mock/index.d.ts

@@ -1,15 +1,2 @@
-import type { Skia as SkiaApi } from "../skia/types";
-import type * as SkiaExports from "../skia";
-import type * as ValueExports from "../values";
-import type * as AnimationExports from "../animation";
-import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
-export declare const Skia: SkiaApi;
-export declare const vec: (x?: number, y?: number) => {
-    x: number;
-    y: number;
-};
-export declare const Mock: typeof SkiaExports & typeof ValueExports & typeof AnimationExports & {
-    createDrawing: () => any;
-    createDeclaration: () => any;
-    ShaderLib: typeof ShaderLib;
-};
+import type { CanvasKit } from "canvaskit-wasm";
+export declare const Mock: (CanvasKit: CanvasKit) => any;

package/lib/module/mock/index.js

@@ -1,103 +1,40 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import * as Values from "../values/web";
-import * as ValuesHooks from "../values/hooks";
-import { Selector } from "../values/selector";
-import * as BaseSkia from "../skia/types";
-import * as timingFunctions from "../animation/timing";
-import * as springFunctions from "../animation/spring";
-import * as decayFunctions from "../animation/decay";
-import * as interpolateFn from "../animation/functions/interpolate";
-import * as interpolatePathFn from "../animation/functions/interpolatePaths";
-import * as interpolateVectorFn from "../animation/functions/interpolateVector";
-import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
+import { JsiSkApi } from "../skia/web";
+import { ValueApi } from "../values/web"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-class Stub {
-  constructor() {
-    return new Proxy(() => {}, {
-      get: () => new Stub(),
-      apply: () => new Stub(),
-      set: () => true
-    });
-  }
+const Noop = () => undefined;
 
-}
-
-const Noop = () => {};
-
-export const Skia = new Stub();
-export const vec = (x, y) => {
-  var _ref;
+const NoopValue = () => ({
+  current: 0
+});
 
+export const Mock = CanvasKit => {
+  global.SkiaApi = JsiSkApi(CanvasKit);
+  global.SkiaValueApi = ValueApi;
+  const Skia = global.SkiaApi;
   return {
-    x: x !== null && x !== void 0 ? x : 0,
-    y: (_ref = y !== null && y !== void 0 ? y : x) !== null && _ref !== void 0 ? _ref : 0
+    Skia,
+    ...require("../renderer/components"),
+    ...require("../skia"),
+    ...require("../values"),
+    ...require("../animation"),
+    ...require("../dom/types"),
+    ...require("../dom/nodes"),
+    // We could use the real Canvas if we mock the SkiaView component for node
+    Canvas: Noop,
+    useValue: NoopValue,
+    useComputedValue: NoopValue,
+    useTouchHandler: Noop,
+    useTiming: NoopValue,
+    useLoop: NoopValue,
+    useSpring: NoopValue,
+    useClockValue: NoopValue,
+    useValueEffect: Noop,
+    useRawData: Noop,
+    useData: Noop,
+    useFont: () => Skia.Font(undefined, 0),
+    useTypeface: () => null,
+    useImage: () => null,
+    useSVG: () => null
   };
 };
-export const Mock = {
-  // SkiaExports
-  // 1. Skia API. BaseSkia contains the enums, and functions like isPaint etc
-  Skia,
-  ...BaseSkia,
-  // 2. Hooks
-  useRawData: Noop,
-  useData: Noop,
-  useFont: Noop,
-  useTypeface: Noop,
-  useImage: Noop,
-  useSVG: Noop,
-  createPicture: Noop,
-  // 3. Point/Rect/Transform utilities
-  vec,
-  rect: (x, y, width, height) => ({
-    x,
-    y,
-    width,
-    height
-  }),
-  rrect: (r, rx, ry) => ({
-    rect: r,
-    rx,
-    ry
-  }),
-  point: vec,
-  add: (a, b) => vec(a.x + b.x, a.y + b.y),
-  sub: (a, b) => vec(a.x - b.x, a.y - b.y),
-  neg: a => vec(-a.x, -a.y),
-  dist: (a, b) => Math.hypot(a.x - b.x, a.y - b.y),
-  translate: _ref2 => {
-    let {
-      x,
-      y
-    } = _ref2;
-    return [{
-      translateX: x
-    }, {
-      translateY: y
-    }];
-  },
-  bounds: Noop,
-  topLeft: Noop,
-  topRight: Noop,
-  bottomLeft: Noop,
-  bottomRight: Noop,
-  center: Noop,
-  processTransform2d: Noop,
-  // ValueExports
-  ...Values,
-  ...ValuesHooks,
-  Selector,
-  // Animations
-  ...timingFunctions,
-  ...springFunctions,
-  ...decayFunctions,
-  ...interpolateFn,
-  ...interpolatePathFn,
-  ...interpolateVectorFn,
-  interpolateColors: (_value, _inputRange, _outputRange) => Float32Array.of(0, 0, 0, 0),
-  mixColors: (_v, _x, _y) => Float32Array.of(0, 0, 0, 0),
-  ShaderLib,
-  createDrawing: Noop,
-  createDeclaration: Noop,
-  makeImageFromView: Noop
-};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Values","ValuesHooks","Selector","BaseSkia","timingFunctions","springFunctions","decayFunctions","interpolateFn","interpolatePathFn","interpolateVectorFn","ShaderLib","Stub","constructor","Proxy","get","apply","set","Noop","Skia","vec","x","y","Mock","useRawData","useData","useFont","useTypeface","useImage","useSVG","createPicture","rect","width","height","rrect","r","rx","ry","point","add","a","b","sub","neg","dist","Math","hypot","translate","translateX","translateY","bounds","topLeft","topRight","bottomLeft","bottomRight","center","processTransform2d","interpolateColors","_value","_inputRange","_outputRange","Float32Array","of","mixColors","_v","_x","_y","createDrawing","createDeclaration","makeImageFromView"],"sources":["index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { Color, Skia as SkiaApi, SkRect, Vector } from \"../skia/types\";\nimport * as Values from \"../values/web\";\nimport * as ValuesHooks from \"../values/hooks\";\nimport { Selector } from \"../values/selector\";\nimport * as BaseSkia from \"../skia/types\";\nimport type * as SkiaExports from \"../skia\";\nimport type * as ValueExports from \"../values\";\nimport type * as AnimationExports from \"../animation\";\nimport * as timingFunctions from \"../animation/timing\";\nimport * as springFunctions from \"../animation/spring\";\nimport * as decayFunctions from \"../animation/decay\";\nimport * as interpolateFn from \"../animation/functions/interpolate\";\nimport * as interpolatePathFn from \"../animation/functions/interpolatePaths\";\nimport * as interpolateVectorFn from \"../animation/functions/interpolateVector\";\nimport { ShaderLib } from \"../renderer/components/shaders/ShaderLib\";\n\nclass Stub {\n  constructor() {\n    return new Proxy(() => {}, {\n      get: () => new Stub(),\n      apply: () => new Stub(),\n      set: () => true,\n    });\n  }\n}\n\nconst Noop: () => any = () => {};\n\nexport const Skia: SkiaApi = new Stub() as any;\n\nexport const vec = (x?: number, y?: number) => ({ x: x ?? 0, y: y ?? x ?? 0 });\n\nexport const Mock: typeof SkiaExports &\n  typeof ValueExports &\n  typeof AnimationExports & {\n    createDrawing: () => any;\n    createDeclaration: () => any;\n    ShaderLib: typeof ShaderLib;\n  } = {\n  // SkiaExports\n  // 1. Skia API. BaseSkia contains the enums, and functions like isPaint etc\n  Skia,\n  ...BaseSkia,\n  // 2. Hooks\n  useRawData: Noop,\n  useData: Noop,\n  useFont: Noop,\n  useTypeface: Noop,\n  useImage: Noop,\n  useSVG: Noop,\n  createPicture: Noop,\n  // 3. Point/Rect/Transform utilities\n  vec,\n  rect: (x: number, y: number, width: number, height: number) => ({\n    x,\n    y,\n    width,\n    height,\n  }),\n  rrect: (r: SkRect, rx: number, ry: number) => ({\n    rect: r,\n    rx,\n    ry,\n  }),\n  point: vec,\n  add: (a: Vector, b: Vector) => vec(a.x + b.x, a.y + b.y),\n  sub: (a: Vector, b: Vector) => vec(a.x - b.x, a.y - b.y),\n  neg: (a: Vector) => vec(-a.x, -a.y),\n  dist: (a: Vector, b: Vector) => Math.hypot(a.x - b.x, a.y - b.y),\n  translate: ({ x, y }: Vector) =>\n    [{ translateX: x }, { translateY: y }] as const,\n\n  bounds: Noop,\n  topLeft: Noop,\n  topRight: Noop,\n  bottomLeft: Noop,\n  bottomRight: Noop,\n  center: Noop,\n  processTransform2d: Noop,\n  // ValueExports\n  ...Values,\n  ...ValuesHooks,\n  Selector,\n  // Animations\n  ...timingFunctions,\n  ...springFunctions,\n  ...decayFunctions,\n  ...interpolateFn,\n  ...interpolatePathFn,\n  ...interpolateVectorFn,\n  interpolateColors: (\n    _value: number,\n    _inputRange: number[],\n    _outputRange: Color[]\n  ) => Float32Array.of(0, 0, 0, 0),\n  mixColors: (_v: number, _x: Color, _y: Color) => Float32Array.of(0, 0, 0, 0),\n  ShaderLib,\n  createDrawing: Noop,\n  createDeclaration: Noop,\n  makeImageFromView: Noop,\n};\n"],"mappings":"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"}
+{"version":3,"names":["JsiSkApi","ValueApi","Noop","undefined","NoopValue","current","Mock","CanvasKit","global","SkiaApi","SkiaValueApi","Skia","require","Canvas","useValue","useComputedValue","useTouchHandler","useTiming","useLoop","useSpring","useClockValue","useValueEffect","useRawData","useData","useFont","Font","useTypeface","useImage","useSVG"],"sources":["index.ts"],"sourcesContent":["import type { CanvasKit } from \"canvaskit-wasm\";\n\nimport { JsiSkApi } from \"../skia/web\";\nimport { ValueApi } from \"../values/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Noop: () => any = () => undefined;\nconst NoopValue = () => ({ current: 0 });\n\nexport const Mock = (CanvasKit: CanvasKit) => {\n  global.SkiaApi = JsiSkApi(CanvasKit);\n  global.SkiaValueApi = ValueApi;\n  const Skia = global.SkiaApi;\n  return {\n    Skia,\n    ...require(\"../renderer/components\"),\n    ...require(\"../skia\"),\n    ...require(\"../values\"),\n    ...require(\"../animation\"),\n    ...require(\"../dom/types\"),\n    ...require(\"../dom/nodes\"),\n    // We could use the real Canvas if we mock the SkiaView component for node\n    Canvas: Noop,\n    useValue: NoopValue,\n    useComputedValue: NoopValue,\n    useTouchHandler: Noop,\n    useTiming: NoopValue,\n    useLoop: NoopValue,\n    useSpring: NoopValue,\n    useClockValue: NoopValue,\n    useValueEffect: Noop,\n    useRawData: Noop,\n    useData: Noop,\n    useFont: () => Skia.Font(undefined, 0),\n    useTypeface: () => null,\n    useImage: () => null,\n    useSVG: () => null,\n  };\n};\n"],"mappings":"AAEA,SAASA,QAAT,QAAyB,aAAzB;AACA,SAASC,QAAT,QAAyB,eAAzB,C,CAEA;;AACA,MAAMC,IAAe,GAAG,MAAMC,SAA9B;;AACA,MAAMC,SAAS,GAAG,OAAO;EAAEC,OAAO,EAAE;AAAX,CAAP,CAAlB;;AAEA,OAAO,MAAMC,IAAI,GAAIC,SAAD,IAA0B;EAC5CC,MAAM,CAACC,OAAP,GAAiBT,QAAQ,CAACO,SAAD,CAAzB;EACAC,MAAM,CAACE,YAAP,GAAsBT,QAAtB;EACA,MAAMU,IAAI,GAAGH,MAAM,CAACC,OAApB;EACA,OAAO;IACLE,IADK;IAEL,GAAGC,OAAO,CAAC,wBAAD,CAFL;IAGL,GAAGA,OAAO,CAAC,SAAD,CAHL;IAIL,GAAGA,OAAO,CAAC,WAAD,CAJL;IAKL,GAAGA,OAAO,CAAC,cAAD,CALL;IAML,GAAGA,OAAO,CAAC,cAAD,CANL;IAOL,GAAGA,OAAO,CAAC,cAAD,CAPL;IAQL;IACAC,MAAM,EAAEX,IATH;IAULY,QAAQ,EAAEV,SAVL;IAWLW,gBAAgB,EAAEX,SAXb;IAYLY,eAAe,EAAEd,IAZZ;IAaLe,SAAS,EAAEb,SAbN;IAcLc,OAAO,EAAEd,SAdJ;IAeLe,SAAS,EAAEf,SAfN;IAgBLgB,aAAa,EAAEhB,SAhBV;IAiBLiB,cAAc,EAAEnB,IAjBX;IAkBLoB,UAAU,EAAEpB,IAlBP;IAmBLqB,OAAO,EAAErB,IAnBJ;IAoBLsB,OAAO,EAAE,MAAMb,IAAI,CAACc,IAAL,CAAUtB,SAAV,EAAqB,CAArB,CApBV;IAqBLuB,WAAW,EAAE,MAAM,IArBd;IAsBLC,QAAQ,EAAE,MAAM,IAtBX;IAuBLC,MAAM,EAAE,MAAM;EAvBT,CAAP;AAyBD,CA7BM"}

package/lib/typescript/globalJestSetup.d.ts

@@ -0,0 +1,2 @@
+declare function _exports(): Promise<void>;
+export = _exports;

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

@@ -1,15 +1,2 @@
-import type { Skia as SkiaApi } from "../skia/types";
-import type * as SkiaExports from "../skia";
-import type * as ValueExports from "../values";
-import type * as AnimationExports from "../animation";
-import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
-export declare const Skia: SkiaApi;
-export declare const vec: (x?: number, y?: number) => {
-    x: number;
-    y: number;
-};
-export declare const Mock: typeof SkiaExports & typeof ValueExports & typeof AnimationExports & {
-    createDrawing: () => any;
-    createDeclaration: () => any;
-    ShaderLib: typeof ShaderLib;
-};
+import type { CanvasKit } from "canvaskit-wasm";
+export declare const Mock: (CanvasKit: CanvasKit) => any;

package/package.json

@@ -7,7 +7,7 @@
     "setup-skia-web": "./scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "0.1.186",
+  "version": "0.1.187",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [
@@ -25,6 +25,7 @@
     "libs/android/**",
     "index.js",
     "jestSetup.js",
+    "globalJestSetup.js",
     "cpp/**/*.{h,cpp}",
     "ios",
     "libs/ios/libskia.xcframework",

package/src/mock/index.ts

@@ -1,103 +1,39 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { CanvasKit } from "canvaskit-wasm";
 
-import type { Color, Skia as SkiaApi, SkRect, Vector } from "../skia/types";
-import * as Values from "../values/web";
-import * as ValuesHooks from "../values/hooks";
-import { Selector } from "../values/selector";
-import * as BaseSkia from "../skia/types";
-import type * as SkiaExports from "../skia";
-import type * as ValueExports from "../values";
-import type * as AnimationExports from "../animation";
-import * as timingFunctions from "../animation/timing";
-import * as springFunctions from "../animation/spring";
-import * as decayFunctions from "../animation/decay";
-import * as interpolateFn from "../animation/functions/interpolate";
-import * as interpolatePathFn from "../animation/functions/interpolatePaths";
-import * as interpolateVectorFn from "../animation/functions/interpolateVector";
-import { ShaderLib } from "../renderer/components/shaders/ShaderLib";
+import { JsiSkApi } from "../skia/web";
+import { ValueApi } from "../values/web";
 
-class Stub {
-  constructor() {
-    return new Proxy(() => {}, {
-      get: () => new Stub(),
-      apply: () => new Stub(),
-      set: () => true,
-    });
-  }
-}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const Noop: () => any = () => undefined;
+const NoopValue = () => ({ current: 0 });
 
-const Noop: () => any = () => {};
-
-export const Skia: SkiaApi = new Stub() as any;
-
-export const vec = (x?: number, y?: number) => ({ x: x ?? 0, y: y ?? x ?? 0 });
-
-export const Mock: typeof SkiaExports &
-  typeof ValueExports &
-  typeof AnimationExports & {
-    createDrawing: () => any;
-    createDeclaration: () => any;
-    ShaderLib: typeof ShaderLib;
-  } = {
-  // SkiaExports
-  // 1. Skia API. BaseSkia contains the enums, and functions like isPaint etc
-  Skia,
-  ...BaseSkia,
-  // 2. Hooks
-  useRawData: Noop,
-  useData: Noop,
-  useFont: Noop,
-  useTypeface: Noop,
-  useImage: Noop,
-  useSVG: Noop,
-  createPicture: Noop,
-  // 3. Point/Rect/Transform utilities
-  vec,
-  rect: (x: number, y: number, width: number, height: number) => ({
-    x,
-    y,
-    width,
-    height,
-  }),
-  rrect: (r: SkRect, rx: number, ry: number) => ({
-    rect: r,
-    rx,
-    ry,
-  }),
-  point: vec,
-  add: (a: Vector, b: Vector) => vec(a.x + b.x, a.y + b.y),
-  sub: (a: Vector, b: Vector) => vec(a.x - b.x, a.y - b.y),
-  neg: (a: Vector) => vec(-a.x, -a.y),
-  dist: (a: Vector, b: Vector) => Math.hypot(a.x - b.x, a.y - b.y),
-  translate: ({ x, y }: Vector) =>
-    [{ translateX: x }, { translateY: y }] as const,
-
-  bounds: Noop,
-  topLeft: Noop,
-  topRight: Noop,
-  bottomLeft: Noop,
-  bottomRight: Noop,
-  center: Noop,
-  processTransform2d: Noop,
-  // ValueExports
-  ...Values,
-  ...ValuesHooks,
-  Selector,
-  // Animations
-  ...timingFunctions,
-  ...springFunctions,
-  ...decayFunctions,
-  ...interpolateFn,
-  ...interpolatePathFn,
-  ...interpolateVectorFn,
-  interpolateColors: (
-    _value: number,
-    _inputRange: number[],
-    _outputRange: Color[]
-  ) => Float32Array.of(0, 0, 0, 0),
-  mixColors: (_v: number, _x: Color, _y: Color) => Float32Array.of(0, 0, 0, 0),
-  ShaderLib,
-  createDrawing: Noop,
-  createDeclaration: Noop,
-  makeImageFromView: Noop,
+export const Mock = (CanvasKit: CanvasKit) => {
+  global.SkiaApi = JsiSkApi(CanvasKit);
+  global.SkiaValueApi = ValueApi;
+  const Skia = global.SkiaApi;
+  return {
+    Skia,
+    ...require("../renderer/components"),
+    ...require("../skia"),
+    ...require("../values"),
+    ...require("../animation"),
+    ...require("../dom/types"),
+    ...require("../dom/nodes"),
+    // We could use the real Canvas if we mock the SkiaView component for node
+    Canvas: Noop,
+    useValue: NoopValue,
+    useComputedValue: NoopValue,
+    useTouchHandler: Noop,
+    useTiming: NoopValue,
+    useLoop: NoopValue,
+    useSpring: NoopValue,
+    useClockValue: NoopValue,
+    useValueEffect: Noop,
+    useRawData: Noop,
+    useData: Noop,
+    useFont: () => Skia.Font(undefined, 0),
+    useTypeface: () => null,
+    useImage: () => null,
+    useSVG: () => null,
+  };
 };