import { processColor } from 'react-native';

import { getIsRenderToImageSupported } from './dynamicLoading/dynamic-loading-setting';

let NativeIconAPI: typeof import('@react-native-vector-icons/get-image') | null = null;

import type { ImageOptions } from '@react-native-vector-icons/get-image';

import type { ImageResult } from './create-icon-source-cache';

try {
  NativeIconAPI = require('@react-native-vector-icons/get-image');
} catch {
  // if this fails, it's likely due to:
  // "Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'VectorIcons' could not be found. ..."
  // No warning at this stage.
}

const globalRef = globalThis;
const hasExpoRenderToImage = getIsRenderToImageSupported(globalRef);

type GetImageAPI = {
  getImageForFont(glyph: string, options: ImageOptions): Promise<ImageResult>;
  getImageForFontSync(glyph: string, options: ImageOptions): ImageResult;
};

export const ensureGetImageAvailable = (): GetImageAPI => {
  if (NativeIconAPI) {
    NativeIconAPI.ensureNativeModuleAvailable();
    return NativeIconAPI;
  }
  if (hasExpoRenderToImage) {
    const { ExpoFontUtils } = globalRef.expo.modules;
    return {
      getImageForFont: async (glyph, options) => {
        return await ExpoFontUtils.renderToImageAsync(glyph, {
          ...options,
          color: processColor(options.color ?? 'black') as number,
        });
      },
      getImageForFontSync: () => {
        throw new Error(
          'You attempted to call `getImageForFontSync`. Expo dev client with `@react-native-vector-icons/get-image` installed is required for this. Alternatively, call `getImageForFont` or generate the image yourself and bundle it with the app.',
        );
      },
    };
  }
  throw new Error(
    'Error in getImageSource / getImageSourceSync: You need to either (1) install `@react-native-vector-icons/get-image` or (2) use Expo SDK 54+ (Expo dev client or Expo Go). Check your setup and rebuild the app.',
  );
};