@shopify/react-native-skia 0.1.237 → 0.1.238

package/lib/module/web/WithSkiaWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","lazy","Suspense","Platform","LoadSkiaWeb","WithSkiaWeb","getComponent","fallback","opts","Inner","OS","console","warn"],"sources":["WithSkiaWeb.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\n\nimport { Platform } from \"../Platform\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    // TODO: investigate\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (): any =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,IAAzB,EAA+BC,QAA/B,QAA+C,OAA/C;AAEA,SAASC,QAAT,QAAyB,aAAzB;AAEA,SAASC,WAAT,QAA4B,eAA5B;AAQA,OAAO,MAAMC,WAAW,GAAG,QAIN;EAAA,IAJO;IAC1BC,YAD0B;IAE1BC,QAF0B;IAG1BC;EAH0B,CAIP;EACnB,MAAMC,KAAK,GAAGT,OAAO,EACnB;EACA;EACA,mBACEC,IAAI,CAAC,YAAY;IACf,IAAIE,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B;MACzB,MAAMN,WAAW,CAACI,IAAD,CAAjB;IACD,CAFD,MAEO;MACLG,OAAO,CAACC,IAAR,CACE,yEADF;IAGD;;IACD,OAAON,YAAY,EAAnB;EACD,CATG,CAJa,EAcnB,CAACA,YAAD,EAAeE,IAAf,CAdmB,CAArB;EAgBA,oBACE,oBAAC,QAAD;IAAU,QAAQ,EAAED,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc;EAAhC,gBACE,oBAAC,KAAD,OADF,CADF;AAKD,CA1BM"}
+{"version":3,"names":["React","useMemo","lazy","Suspense","Platform","LoadSkiaWeb","WithSkiaWeb","getComponent","fallback","opts","Inner","OS","console","warn","createElement"],"sources":["WithSkiaWeb.tsx"],"sourcesContent":["import type { ComponentProps, ComponentType } from \"react\";\nimport React, { useMemo, lazy, Suspense } from \"react\";\n\nimport { Platform } from \"../Platform\";\n\nimport { LoadSkiaWeb } from \"./LoadSkiaWeb\";\n\ninterface WithSkiaProps {\n  fallback?: ComponentProps<typeof Suspense>[\"fallback\"];\n  getComponent: () => Promise<{ default: ComponentType }>;\n  opts?: Parameters<typeof LoadSkiaWeb>[0];\n}\n\nexport const WithSkiaWeb = ({\n  getComponent,\n  fallback,\n  opts,\n}: WithSkiaProps) => {\n  const Inner = useMemo(\n    // TODO: investigate\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (): any =>\n      lazy(async () => {\n        if (Platform.OS === \"web\") {\n          await LoadSkiaWeb(opts);\n        } else {\n          console.warn(\n            \"<WithSkiaWeb /> is only necessary on web. Consider not using on native.\"\n          );\n        }\n        return getComponent();\n      }),\n    [getComponent, opts]\n  );\n  return (\n    <Suspense fallback={fallback ?? null}>\n      <Inner />\n    </Suspense>\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAEtD,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,WAAW,QAAQ,eAAe;AAQ3C,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,YAAY;EACZC,QAAQ;EACRC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAGT,OAAO;EACnB;EACA;EACA,mBACEC,IAAI,CAAC,YAAY;IACf,IAAIE,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMN,WAAW,CAACI,IAAI,CAAC;IACzB,CAAC,MAAM;MACLG,OAAO,CAACC,IAAI,CACV,yEACF,CAAC;IACH;IACA,OAAON,YAAY,CAAC,CAAC;EACvB,CAAC,CAAC,EACJ,CAACA,YAAY,EAAEE,IAAI,CACrB,CAAC;EACD,oBACET,KAAA,CAAAc,aAAA,CAACX,QAAQ;IAACK,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI;EAAK,gBACnCR,KAAA,CAAAc,aAAA,CAACJ,KAAK,MAAE,CACA,CAAC;AAEf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadSkiaWeb\";\nexport * from \"./WithSkiaWeb\";\n"],"mappings":"AAAA,cAAc,eAAd;AACA,cAAc,eAAd"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./LoadSkiaWeb\";\nexport * from \"./WithSkiaWeb\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,eAAe"}

package/lib/typescript/src/external/reanimated/interpolators.d.ts

@@ -1,7 +1,7 @@
 import type { ExtrapolationType, SharedValue } from "react-native-reanimated";
 import type { SkPath, SkPoint } from "../../skia/types";
 export declare const notifyChange: (value: SharedValue<unknown>) => void;
-export declare const usePathValue: (cb: (path: SkPath) => void) => SharedValue<SkPath>;
+export declare const usePathValue: (cb: (path: SkPath) => void, init?: SkPath) => SharedValue<SkPath>;
 export declare const useClock: () => SharedValue<number>;
 export declare const usePathInterpolation: (value: SharedValue<number>, input: number[], outputRange: SkPath[], options?: ExtrapolationType) => SharedValue<SkPath>;
 export declare const useVectorInterpolation: (value: SharedValue<number>, input: number[], outputRange: SkPoint[], options?: ExtrapolationType) => SharedValue<{

package/package.json

@@ -7,7 +7,7 @@
     "setup-skia-web": "./scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "0.1.237",
+  "version": "0.1.238",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [
@@ -83,32 +83,32 @@
     }
   },
   "devDependencies": {
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
     "@types/jest": "29.5.6",
-    "@types/pixelmatch": "^5.2.4",
-    "@types/pngjs": "^6.0.1",
-    "@types/react": "^18.2.37",
-    "@types/react-reconciler": "^0.26.7",
-    "@types/ws": "^8.5.3",
+    "@types/pixelmatch": "5.2.4",
+    "@types/pngjs": "6.0.1",
+    "@types/react": "18.2.37",
+    "@types/react-reconciler": "0.26.7",
+    "@types/ws": "8.5.3",
     "eslint": "8.21.0",
     "eslint-config-react-native-wcandillon": "3.10.2",
     "eslint-plugin-reanimated": "2.0.0",
     "jest": "29.6.4",
-    "jest-diff": "^29.7.0",
-    "merge-dirs": "^0.2.1",
-    "pixelmatch": "^5.3.0",
-    "pngjs": "^6.0.0",
+    "jest-diff": "29.7.0",
+    "merge-dirs": "0.2.1",
+    "pixelmatch": "5.3.0",
+    "pngjs": "6.0.0",
     "react": "18.1.0",
     "react-native": "0.72.6",
-    "react-native-builder-bob": "^0.18.2",
-    "react-native-reanimated": "^3.5.4",
+    "react-native-builder-bob": "0.18.2",
+    "react-native-reanimated": "3.6.2",
     "ts-jest": "29.1.1",
     "typescript": "5.1.6",
-    "ws": "^8.11.0"
+    "ws": "8.11.0"
   },
   "dependencies": {
     "canvaskit-wasm": "0.39.1",
-    "react-reconciler": "^0.27.0"
+    "react-reconciler": "0.27.0"
   },
   "eslintIgnore": [
     "node_modules/",

package/react-native-skia.podspec

@@ -17,7 +17,7 @@ Pod::Spec.new do |s|
   # optional - use expanded license entry instead:
   # s.license    = { :type => "MIT", :file => "LICENSE" }
   s.authors      = { "Your Name" => "yourname@email.com" }
-  s.platforms    = { :ios => "12.0" }
+  s.platforms    = { :ios => "13.0" }
   s.source       = { :git => "https://github.com/shopify/react-native-skia/react-native-skia.git", :tag => "#{s.version}" }
 
   s.requires_arc = true

package/src/dom/nodes/Node.ts

@@ -38,6 +38,7 @@ export abstract class JsiNode<P> implements Node<P> {
   }
 
   addChild(child: Node<unknown>) {
+    this.removeChild(child);
     this._children.push(child as JsiNode<unknown>);
   }
 

package/src/external/reanimated/interpolators.ts

@@ -25,11 +25,14 @@ export const notifyChange = (value: SharedValue<unknown>) => {
   }
 };
 
-export const usePathValue = (cb: (path: SkPath) => void) => {
+export const usePathValue = (cb: (path: SkPath) => void, init?: SkPath) => {
   const pathInit = useMemo(() => Skia.Path.Make(), []);
   const path = useSharedValue(pathInit);
   useDerivedValue(() => {
     path.value.reset();
+    if (init !== undefined) {
+      path.value.addPath(init);
+    }
     cb(path.value);
     notifyChange(path);
   });

package/lib/commonjs/animation/types.d.ts

@@ -1,18 +0,0 @@
-export interface SpringConfig {
-    mass?: number;
-    stiffness?: number;
-    damping?: number;
-    velocity?: number;
-}
-export interface TimingConfig {
-    duration?: number;
-    easing?: (t: number) => number;
-}
-export interface AnimationParams {
-    from?: number;
-    to?: number;
-    loop?: boolean;
-    yoyo?: boolean;
-}
-export type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
-export type AnimationCallback = (current: number) => void;

package/lib/commonjs/animation/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface SpringConfig {\n  mass?: number;\n  stiffness?: number;\n  damping?: number;\n  velocity?: number;\n}\n\nexport interface TimingConfig {\n  duration?: number;\n  easing?: (t: number) => number;\n}\n\nexport interface AnimationParams {\n  from?: number;\n  to?: number;\n  loop?: boolean;\n  yoyo?: boolean;\n}\n\nexport type RequiredAnimationParams = Required<Omit<AnimationParams, \"from\">> &\n  Pick<AnimationParams, \"from\">;\n\nexport type AnimationCallback = (current: number) => void;\n"],"mappings":""}

package/lib/module/animation/types.d.ts

@@ -1,18 +0,0 @@
-export interface SpringConfig {
-    mass?: number;
-    stiffness?: number;
-    damping?: number;
-    velocity?: number;
-}
-export interface TimingConfig {
-    duration?: number;
-    easing?: (t: number) => number;
-}
-export interface AnimationParams {
-    from?: number;
-    to?: number;
-    loop?: boolean;
-    yoyo?: boolean;
-}
-export type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
-export type AnimationCallback = (current: number) => void;

package/lib/module/animation/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/lib/module/animation/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface SpringConfig {\n  mass?: number;\n  stiffness?: number;\n  damping?: number;\n  velocity?: number;\n}\n\nexport interface TimingConfig {\n  duration?: number;\n  easing?: (t: number) => number;\n}\n\nexport interface AnimationParams {\n  from?: number;\n  to?: number;\n  loop?: boolean;\n  yoyo?: boolean;\n}\n\nexport type RequiredAnimationParams = Required<Omit<AnimationParams, \"from\">> &\n  Pick<AnimationParams, \"from\">;\n\nexport type AnimationCallback = (current: number) => void;\n"],"mappings":""}

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

@@ -1,18 +0,0 @@
-export interface SpringConfig {
-    mass?: number;
-    stiffness?: number;
-    damping?: number;
-    velocity?: number;
-}
-export interface TimingConfig {
-    duration?: number;
-    easing?: (t: number) => number;
-}
-export interface AnimationParams {
-    from?: number;
-    to?: number;
-    loop?: boolean;
-    yoyo?: boolean;
-}
-export type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> & Pick<AnimationParams, "from">;
-export type AnimationCallback = (current: number) => void;

package/src/animation/types.ts

@@ -1,23 +0,0 @@
-export interface SpringConfig {
-  mass?: number;
-  stiffness?: number;
-  damping?: number;
-  velocity?: number;
-}
-
-export interface TimingConfig {
-  duration?: number;
-  easing?: (t: number) => number;
-}
-
-export interface AnimationParams {
-  from?: number;
-  to?: number;
-  loop?: boolean;
-  yoyo?: boolean;
-}
-
-export type RequiredAnimationParams = Required<Omit<AnimationParams, "from">> &
-  Pick<AnimationParams, "from">;
-
-export type AnimationCallback = (current: number) => void;