@shopify/react-native-skia 0.1.175 → 0.1.178

package/src/renderer/Reconciler.tsx

@@ -31,10 +31,11 @@ export class SkiaRoot {
   constructor(
     Skia: Skia,
     registerValues: RegisterValues = () => () => {},
-    redraw: () => void = () => {}
+    redraw: () => void = () => {},
+    getNativeId: () => number = () => 0
   ) {
     const depMgr = createDependencyManager(registerValues);
-    this.container = new Container(Skia, depMgr, redraw);
+    this.container = new Container(Skia, depMgr, redraw, getNativeId);
     this.root = skiaReconciler.createContainer(
       this.container,
       0,

package/src/renderer/processors/Animations/Animations.ts

@@ -1,5 +1,9 @@
 import type { SkiaSelector, SkiaValue } from "../../../values";
 
+export type SharedValueType<T = number> = {
+  value: T;
+};
+
 export const isValue = (value: unknown): value is SkiaValue<unknown> => {
   if (value === undefined || value === null) {
     return false;
@@ -44,7 +48,11 @@ export const isAnimated = <T>(props: AnimatedProps<T>) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type AnimatedProp<T, P = any> = T | SkiaValue<T> | SkiaSelector<T, P>;
+export type AnimatedProp<T, P = any> =
+  | T
+  | SkiaValue<T>
+  | SkiaSelector<T, P>
+  | SharedValueType<T>;
 
 export type AnimatedProps<T, O extends keyof T | never = never> = {
   [K in keyof T]: K extends "children"

package/src/skia/web/JsiSkSurfaceFactory.ts

@@ -27,9 +27,12 @@ export class JsiSkSurfaceFactory extends Host implements SurfaceFactory {
       surface = this.CanvasKit.MakeSurface(width, height);
     } else {
       const offscreen = new OC(width, height);
-      surface = this.CanvasKit.MakeWebGLCanvasSurface(
-        offscreen as unknown as HTMLCanvasElement
-      );
+      const webglContext = this.CanvasKit.GetWebGLContext(offscreen);
+      const grContext = this.CanvasKit.MakeWebGLContext(webglContext);
+      if (!grContext) {
+        throw new Error("Could not make a graphics context");
+      }
+      surface = this.CanvasKit.MakeRenderTarget(grContext, width, height);
     }
     if (!surface) {
       return null;