@react-native-vector-icons/common/src/get-image-source.ts

Customizable Icons for React Native with support for image source and full styling.

import type { TextStyle } from 'react-native';
import { PixelRatio, processColor } from 'react-native';

import type createIconSourceCache from './create-icon-source-cache';
import { DEFAULT_ICON_COLOR, DEFAULT_ICON_SIZE } from './defaults';
import { ensureGetImageAvailable } from './get-image-library';

export const getImageSourceSync = (
  imageSourceCache: ReturnType<typeof createIconSourceCache>,
  fontReference: string,
  glyph: string,
  size = DEFAULT_ICON_SIZE,
  color: TextStyle['color'] = DEFAULT_ICON_COLOR,
) => {
  const NativeIconAPI = ensureGetImageAvailable();

  const processedColor = processColor(color);
  const cacheKey = `${glyph}:${size}:${String(processedColor)}`;

  const maybeCachedValue = imageSourceCache.get(cacheKey);
  if (maybeCachedValue !== undefined) {
    // FIXME: Should this check if it's an error and throw it again?
    return maybeCachedValue;
  }

  try {
    const imagePath = NativeIconAPI.getImageForFontSync(
      fontReference,
      glyph,
      size,
      processedColor as number, // FIXME what if a non existent colour was passed in?
    );
    const value = { uri: imagePath, scale: PixelRatio.get() };
    imageSourceCache.setValue(cacheKey, value);
    return value;
  } catch (error) {
    imageSourceCache.setError(cacheKey, error as Error);
    throw error;
  }
};

export const getImageSource = async (
  imageSourceCache: ReturnType<typeof createIconSourceCache>,
  fontReference: string,
  glyph: string,
  size = DEFAULT_ICON_SIZE,
  color: TextStyle['color'] = DEFAULT_ICON_COLOR,
) => {
  const NativeIconAPI = ensureGetImageAvailable();

  const processedColor = processColor(color);
  const cacheKey = `${glyph}:${size}:${String(processedColor)}`;

  const maybeCachedValue = imageSourceCache.get(cacheKey);
  if (maybeCachedValue !== undefined) {
    // FIXME: Should this check if it's an error and throw it again?
    return maybeCachedValue;
  }

  try {
    const imagePath = await NativeIconAPI.getImageForFont(
      fontReference,
      glyph,
      size,
      processedColor as number, // FIXME what if a non existent colour was passed in?
    );
    const value = { uri: imagePath, scale: PixelRatio.get() };
    imageSourceCache.setValue(cacheKey, value);
    return value;
  } catch (error) {
    imageSourceCache.setError(cacheKey, error as Error);
    throw error;
  }
};