fix: small adjustments to style transfer

Author: NorbertKlockiewicz

.eslintrc.js

@@ -32,7 +32,7 @@ module.exports = {
         customWordListFile: path.resolve(__dirname, '.cspell-wordlist.txt'),
       },
     ],
-    'camelcase': 'error',
+    'camelcase': ['error', { properties: 'never' }],
   },
   plugins: ['prettier', 'markdown'],
   overrides: [

apps/computer-vision/app/vision_camera/index.tsx

@@ -15,6 +15,7 @@ import {
   View,
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useIsFocused } from '@react-navigation/native';
 import {
   Camera,
   Frame,
@@ -235,6 +236,7 @@ export default function VisionCameraScreen() {
   const [fps, setFps] = useState(0);
   const [frameMs, setFrameMs] = useState(0);
   const lastFrameTimeRef = useRef(Date.now());
+  const isFocused = useIsFocused();
   const cameraPermission = useCameraPermission();
   const devices = useCameraDevices();
   const device =
@@ -461,7 +463,7 @@ export default function VisionCameraScreen() {
         style={StyleSheet.absoluteFill}
         device={device}
         outputs={[frameOutput]}
-        isActive={true}
+        isActive={isFocused}
         format={format}
         orientationSource="interface"
       />

packages/react-native-executorch/src/modules/computer_vision/StyleTransferModule.ts

@@ -10,7 +10,7 @@ import { VisionModule } from './VisionModule';
  *
  * @category Typescript API
  */
-export class StyleTransferModule extends VisionModule<PixelData> {
+export class StyleTransferModule extends VisionModule<PixelData | string> {
   /**
    * Loads the model, where `modelSource` is a string that specifies the location of the model binary.
    * To track the download progress, supply a callback function `onDownloadProgressCallback`.
@@ -41,4 +41,13 @@ export class StyleTransferModule extends VisionModule<PixelData> {
       throw parseUnknownError(error);
     }
   }
+
+  async forward<O extends 'pixelData' | 'url' = 'pixelData'>(
+    input: string | PixelData,
+    output?: O
+  ): Promise<O extends 'url' ? string : PixelData> {
+    return super.forward(input, output === 'url') as Promise<
+      O extends 'url' ? string : PixelData
+    >;
+  }
 }

packages/react-native-executorch/src/modules/computer_vision/VisionModule.ts

@@ -127,7 +127,6 @@ export abstract class VisionModule<TOutput> extends BaseModule {
         RnExecutorchErrorCode.ModuleNotLoaded,
         'The model is currently not loaded. Please load the model before calling forward().'
       );
-
     // Type detection and routing
     if (typeof input === 'string') {
       return await this.nativeModule.generateFromString(input, ...args);