useFrameProcessor.ts

/* global _setGlobalConsole */

import { DependencyList, useCallback } from 'react';
import type { Frame } from '../Frame';

type FrameProcessor = (frame: Frame) => void;

const capturableConsole = console;

/**
 * Returns a memoized Frame Processor function wich you can pass to the `<Camera>`. (See ["Frame Processors"](https://mrousavy.github.io/react-native-vision-camera/docs/guides/frame-processors))
 *
 * Make sure to add the `'worklet'` directive to the top of the Frame Processor function, otherwise it will not get compiled into a worklet.
 *
 * @param frameProcessor The Frame Processor
 * @param dependencies The React dependencies which will be copied into the VisionCamera JS-Runtime.
 * @returns The memoized Frame Processor.
 * @example
 * ```ts
 * const frameProcessor = useFrameProcessor((frame) => {
 *   'worklet'
 *   const qrCodes = scanQRCodes(frame)
 *   console.log(`QR Codes: ${qrCodes}`)
 * }, [])
 * ```
 */
export function useFrameProcessor(frameProcessor: FrameProcessor, dependencies: DependencyList): FrameProcessor {
  return useCallback((frame: Frame) => {
    'worklet';

    // @ts-expect-error
    if (global.didSetConsole == null || global.didSetConsole === false) {
      const console = {
        // @ts-expect-error __callAsync is injected by native REA
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        debug: capturableConsole.debug.__callAsync,
        // @ts-expect-error __callAsync is injected by native REA
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        log: capturableConsole.log.__callAsync,
        // @ts-expect-error __callAsync is injected by native REA
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        warn: capturableConsole.warn.__callAsync,
        // @ts-expect-error __callAsync is injected by native REA
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        error: capturableConsole.error.__callAsync,
        // @ts-expect-error __callAsync is injected by native REA
        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
        info: capturableConsole.info.__callAsync,
      };
      // @ts-expect-error _setGlobalConsole is set by RuntimeDecorator::decorateRuntime
      _setGlobalConsole(console);
      // @ts-expect-error
      global.didSetConsole = true;
    }

    frameProcessor(frame);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, dependencies);
}