fix: style transfer crashes app, rename output -> outputType

Author: NorbertKlockiewicz

docs/docs/03-hooks/02-computer-vision/useStyleTransfer.md

@@ -57,12 +57,12 @@ You need more details? Check the following resources:
 To run the model, use the [`forward`](../../06-api-reference/interfaces/StyleTransferType.md#forward) method. It accepts two arguments:
 
 - `input` (required) — The image to stylize. Can be a remote URL, a local file URI, a base64-encoded image (whole URI or only raw base64), or a [`PixelData`](../../06-api-reference/interfaces/PixelData.md) object (raw RGB pixel buffer).
-- `output` (optional) — Controls the return format:
+- `outputType` (optional) — Controls the return format:
   - `'pixelData'` (default) — Returns a `PixelData` object with raw RGB pixels. No file is written.
   - `'url'` — Saves the result to a temp file and returns its URI as a `string`.
 
 :::info
-When `output` is `'url'`, the generated image is stored in your application's temporary directory.
+When `outputType` is `'url'`, the generated image is stored in your application's temporary directory.
 :::
 
 ## Example

docs/docs/04-typescript-api/02-computer-vision/StyleTransferModule.md

@@ -50,7 +50,7 @@ For more information on loading resources, take a look at [loading models](../..
 To run the model, use the [`forward`](../../06-api-reference/classes/StyleTransferModule.md#forward) method. It accepts two arguments:
 
 - `input` (required) — The image to stylize. Can be a remote URL, a local file URI, a base64-encoded image (whole URI or only raw base64), or a [`PixelData`](../../06-api-reference/interfaces/PixelData.md) object (raw RGB pixel buffer).
-- `output` (optional) — Controls the return format:
+- `outputType` (optional) — Controls the return format:
   - `'pixelData'` (default) — Returns a `PixelData` object with raw RGB pixels. No file is written.
   - `'url'` — Saves the result to a temp file and returns its URI as a `string`.
 

packages/react-native-executorch/src/hooks/computer_vision/useStyleTransfer.ts

@@ -17,23 +17,32 @@ export const useStyleTransfer = ({
   model,
   preventLoad = false,
 }: StyleTransferProps): StyleTransferType => {
-  const { error, isReady, isGenerating, downloadProgress, runForward } =
-    useModuleFactory({
-      factory: (config, onProgress) =>
-        StyleTransferModule.fromModelName(config, onProgress),
-      config: model,
-      deps: [model.modelName, model.modelSource],
-      preventLoad,
-    });
+  const {
+    error,
+    isReady,
+    isGenerating,
+    downloadProgress,
+    runForward,
+    runOnFrame,
+  } = useModuleFactory({
+    factory: (config, onProgress) =>
+      StyleTransferModule.fromModelName(config, onProgress),
+    config: model,
+    deps: [model.modelName, model.modelSource],
+    preventLoad,
+  });
 
-  const forward = (imageSource: string | PixelData) =>
-    runForward((inst) => inst.forward(imageSource));
+  const forward = <O extends 'pixelData' | 'url' = 'pixelData'>(
+    imageSource: string | PixelData,
+    outputType?: O
+  ) => runForward((inst) => inst.forward(imageSource, outputType));
 
   return {
     error,
     isReady,
     isGenerating,
     downloadProgress,
     forward,
+    runOnFrame,
   } as StyleTransferType;
 };

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

@@ -71,9 +71,9 @@ export class StyleTransferModule extends VisionModule<PixelData | string> {
 
   async forward<O extends 'pixelData' | 'url' = 'pixelData'>(
     input: string | PixelData,
-    output?: O
+    outputType?: O
   ): Promise<O extends 'url' ? string : PixelData> {
-    return super.forward(input, output === 'url') as Promise<
+    return super.forward(input, outputType === 'url') as Promise<
       O extends 'url' ? string : PixelData
     >;
   }

packages/react-native-executorch/src/types/styleTransfer.ts

@@ -67,13 +67,13 @@ export interface StyleTransferType {
    * **Note**: For VisionCamera frame processing, use `runOnFrame` instead.
    *
    * @param input - Image source (string or PixelData object)
-   * @param output - Output format: `'pixelData'` (default) returns raw RGBA pixel data; `'url'` saves the result to a temp file and returns its `file://` path.
-   * @returns A Promise resolving to `PixelData` when `output` is `'pixelData'` (default), or a `file://` URL string when `output` is `'url'`.
+   * @param outputType - Output format: `'pixelData'` (default) returns raw RGBA pixel data; `'url'` saves the result to a temp file and returns its `file://` path.
+   * @returns A Promise resolving to `PixelData` when `outputType` is `'pixelData'` (default), or a `file://` URL string when `outputType` is `'url'`.
    * @throws {RnExecutorchError} If the model is not loaded or is currently processing another image.
    */
   forward<O extends 'pixelData' | 'url' = 'pixelData'>(
     input: string | PixelData,
-    output?: O
+    outputType?: O
   ): Promise<O extends 'url' ? string : PixelData>;
 
   /**