react-native-reanimated/src/css/svg/native/processors/others.ts

More powerful alternative to Animated library for React Native.

'use strict';
// TODO: Fix me
// @ts-ignore RNSVG doesn't export types for web, see https://github.com/software-mansion/react-native-svg/pull/2801
import type { NumberArray, NumberProp } from 'react-native-svg';

import type { ValueProcessor } from '../../../../common';

export const convertStringToNumber =
  <S extends string>(
    conversions: Record<S, number>
  ): ValueProcessor<S, number> =>
  (value) =>
    conversions[value];

const commaReg = /\s*,\s*/g;
const spaceReg = /\s+/;

export const processNumberArray: ValueProcessor<
  NumberArray,
  ReadonlyArray<NumberProp>
> = (value) => {
  if (Array.isArray(value)) {
    return value;
  } else if (typeof value === 'number') {
    return [value];
  } else if (typeof value === 'string') {
    return value.trim().replace(commaReg, ' ').split(spaceReg);
  } else {
    return [];
  }
};