@shopify/react-native-skia 0.1.216 → 0.1.219

package/src/specs/SkiaDomViewNativeComponent.ts

@@ -0,0 +1,10 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+import type { ViewProps } from "react-native";
+
+export interface NativeProps extends ViewProps {
+  mode: string;
+  debug?: boolean;
+}
+
+// eslint-disable-next-line import/no-default-export
+export default codegenNativeComponent<NativeProps>("SkiaDomView");

package/src/specs/SkiaDrawViewNativeComponent.ts

@@ -0,0 +1,10 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+import type { ViewProps } from "react-native";
+
+export interface NativeProps extends ViewProps {
+  mode: string;
+  debug?: boolean;
+}
+
+// eslint-disable-next-line import/no-default-export
+export default codegenNativeComponent<NativeProps>("SkiaDrawView");

package/src/specs/SkiaPictureViewNativeComponent.ts

@@ -0,0 +1,10 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+import type { ViewProps } from "react-native";
+
+export interface NativeProps extends ViewProps {
+  mode: string;
+  debug?: boolean;
+}
+
+// eslint-disable-next-line import/no-default-export
+export default codegenNativeComponent<NativeProps>("SkiaPictureView");

package/src/views/SkiaDomView.tsx

@@ -4,14 +4,15 @@ import type { HostComponent } from "react-native";
 import type { SkRect } from "../skia/types";
 import type { SkiaValue } from "../values";
 import { Platform } from "../Platform";
+import SkiaDomViewNativeComponent from "../specs/SkiaDomViewNativeComponent";
 
 import { SkiaViewApi } from "./api";
 import { SkiaViewNativeId } from "./SkiaView";
-import type { NativeSkiaViewProps, SkiaDomViewProps } from "./types";
+import type { SkiaDomViewProps } from "./types";
 
 const NativeSkiaDomView: HostComponent<SkiaDomViewProps> =
   Platform.OS !== "web"
-    ? Platform.requireNativeComponent<NativeSkiaViewProps>("SkiaDomView")
+    ? SkiaDomViewNativeComponent
     : // eslint-disable-next-line @typescript-eslint/no-explicit-any
       (null as any);
 

package/src/views/SkiaPictureView.tsx

@@ -2,14 +2,13 @@ import React from "react";
 
 import type { SkRect } from "../skia/types";
 import type { SkiaValue } from "../values";
-import { Platform } from "../Platform";
+import SkiaPictureViewNativeComponent from "../specs/SkiaPictureViewNativeComponent";
 
 import { SkiaViewApi } from "./api";
 import { SkiaViewNativeId } from "./SkiaView";
-import type { NativeSkiaViewProps, SkiaPictureViewProps } from "./types";
+import type { SkiaPictureViewProps } from "./types";
 
-const NativeSkiaPictureView =
-  Platform.requireNativeComponent<NativeSkiaViewProps>("SkiaPictureView");
+const NativeSkiaPictureView = SkiaPictureViewNativeComponent;
 
 export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
   constructor(props: SkiaPictureViewProps) {
@@ -78,7 +77,7 @@ export class SkiaPictureView extends React.Component<SkiaPictureViewProps> {
       <NativeSkiaPictureView
         collapsable={false}
         nativeID={`${this._nativeId}`}
-        mode={mode}
+        mode={mode ?? "default"}
         debug={debug}
         {...viewProps}
       />

package/src/views/SkiaView.tsx

@@ -2,15 +2,14 @@ import React from "react";
 
 import type { SkRect } from "../skia/types";
 import type { SkiaValue } from "../values";
-import { Platform } from "../Platform";
+import SkiaDrawViewNativeComponent from "../specs/SkiaDrawViewNativeComponent";
 
 import { SkiaViewApi } from "./api";
-import type { NativeSkiaViewProps, SkiaDrawViewProps } from "./types";
+import type { SkiaDrawViewProps } from "./types";
 
 export const SkiaViewNativeId = { current: 1000 };
 
-const NativeSkiaView =
-  Platform.requireNativeComponent<NativeSkiaViewProps>("SkiaDrawView");
+const NativeSkiaView = SkiaDrawViewNativeComponent;
 
 export class SkiaView extends React.Component<SkiaDrawViewProps> {
   constructor(props: SkiaDrawViewProps) {
@@ -79,7 +78,7 @@ export class SkiaView extends React.Component<SkiaDrawViewProps> {
       <NativeSkiaView
         collapsable={false}
         nativeID={`${this._nativeId}`}
-        mode={mode}
+        mode={mode ?? "default"}
         debug={debug}
         {...viewProps}
       />