@shopify/react-native-skia 2.1.1 → 2.2.0

package/src/renderer/__tests__/setup.tsx

@@ -174,6 +174,7 @@ export const importSkia = (): typeof SkiaExports => {
   const skia = require("../../skia");
   const renderer = require("../../renderer");
   const offscreen = require("../Offscreen");
+  const nodes = require("../../dom/nodes");
   // TODO: to remove
   const animation = require("../../animation");
   return {
@@ -181,6 +182,7 @@ export const importSkia = (): typeof SkiaExports => {
     ...renderer,
     ...animation,
     ...offscreen,
+    ...nodes,
   };
 };
 

package/src/renderer/components/ImageFilter.tsx

@@ -5,4 +5,4 @@ import type { SkiaProps } from "../processors";
 
 export const ImageFilter = (props: SkiaProps<ImageFilterProps>) => {
   return <skImageFilter {...props} />;
-};
+};

package/src/skia/types/Matrix4.ts

@@ -354,6 +354,22 @@ export const convertToColumnMajor = (rowMajorMatrix: Matrix4) => {
   return colMajorMatrix as unknown as Matrix4;
 };
 
+/**
+ * @worklet
+ */
+export const convertToColumnMajor3 = (rowMajorMatrix: Matrix3 | number[]) => {
+  "worklet";
+
+  const colMajorMatrix = new Array<number>(9);
+  const size = 3;
+  for (let row = 0; row < size; row++) {
+    for (let col = 0; col < size; col++) {
+      colMajorMatrix[col * size + row] = rowMajorMatrix[row * size + col];
+    }
+  }
+  return colMajorMatrix as unknown as Matrix3;
+};
+
 /**
  * @worklet
  */

package/src/sksg/Recorder/Player.ts

@@ -67,14 +67,14 @@ function play(ctx: DrawingContext, _command: Command) {
     if (command.props.paint) {
       ctx.paints.push(command.props.paint);
     } else {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const { standalone } = command as any;
       ctx.savePaint();
-      setPaintProperties(
-        ctx.Skia,
-        ctx,
-        command.props,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (command as any).standalone
-      );
+      if (standalone) {
+        const freshPaint = ctx.Skia.Paint();
+        ctx.paint.assign(freshPaint);
+      }
+      setPaintProperties(ctx.Skia, ctx, command.props, standalone);
     }
   } else if (isCommand(command, CommandType.RestorePaint)) {
     ctx.restorePaint();

package/src/sksg/Recorder/commands/ImageFilters.ts

@@ -177,13 +177,10 @@ const declareRuntimeShaderImageFilter = (
   ctx.imageFilters.push(imgf);
 };
 
-const declareImageFilter = (
-  ctx: DrawingContext,
-  props: ImageFilterProps
-) => {
+const declareImageFilter = (ctx: DrawingContext, props: ImageFilterProps) => {
   "worklet";
-  const { imageFilter } = props;
-  ctx.imageFilters.push(imageFilter);
+  const { filter } = props;
+  ctx.imageFilters.push(filter);
 };
 
 export const composeImageFilters = (ctx: DrawingContext) => {

package/src/specs/SkiaPictureViewNativeComponent.ts

@@ -4,6 +4,7 @@ import type { ViewProps } from "react-native";
 export interface NativeProps extends ViewProps {
   debug?: boolean;
   opaque?: boolean;
+  colorSpace?: string;
 }
 
 // eslint-disable-next-line import/no-default-export