react-native-reanimated/src/css/native/style/processors/colors.ts

More powerful alternative to Animated library for React Native.

'use strict';
import type { ColorValue } from 'react-native';

import type { Maybe } from '../../../../common';
import {
  processColor as processColorInternal,
  ReanimatedError,
} from '../../../../common';
import type { ValueProcessor } from '../types';

export const ERROR_MESSAGES = {
  invalidColor: (color: Maybe<ColorValue | number>) =>
    `Invalid color value: ${String(color)}`,
};

export const processColor: ValueProcessor<
  ColorValue | number,
  number | string
> = (value) => {
  let normalizedColor: Maybe<number | string> = null;

  if (typeof value === 'string' && value === 'transparent') {
    normalizedColor = 'transparent';
  } else {
    normalizedColor = processColorInternal(value);
  }

  if (!normalizedColor && normalizedColor !== 0) {
    throw new ReanimatedError(ERROR_MESSAGES.invalidColor(value));
  }

  return normalizedColor;
};