import { addWhitelistedNativeProps } from '../ConfigHelper';
import type { AdapterWorkletFunction } from './commonTypes';
import type { AnimatedPropsAdapterFunction } from './helperTypes';

// TODO TYPESCRIPT This is a temporary type to get rid of .d.ts file.
export type createAnimatedPropAdapterType = (
  adapter: AnimatedPropsAdapterFunction,
  nativeProps?: string[]
) => AnimatedPropsAdapterFunction;

export const createAnimatedPropAdapter = ((
  adapter: AdapterWorkletFunction,
  nativeProps?: string[]
): AdapterWorkletFunction => {
  const nativePropsToAdd: { [key: string]: boolean } = {};
  // eslint-disable-next-line no-unused-expressions
  nativeProps?.forEach((prop) => {
    nativePropsToAdd[prop] = true;
  });
  addWhitelistedNativeProps(nativePropsToAdd);
  return adapter;
}) as createAnimatedPropAdapterType;

// ADAPTERS

export const SVGAdapter: AdapterWorkletFunction = createAnimatedPropAdapter(
  (props) => {
    'worklet';
    const keys = Object.keys(props);
    // transform
    if (keys.includes('transform')) {
      if (Array.isArray(props.transform)) {
        // case of array with 6 values => https://github.com/react-native-svg/react-native-svg/blob/b2e2c355204ff4b10973d3afce1495f7e4167ff7/src/elements/Shape.tsx#L200
        if (props.transform.length !== 6) {
          throw new Error(
            `invalid transform length of ${props.transform.length}, should be 6`
          );
        }
        const transform: number[] = props.transform as number[];
        const x: number = (props.x as number) ?? 0;
        const y: number = (props.y as number) ?? 0;
        props.transform = [
          { translateX: transform[0] * x + transform[2] * y + transform[4] },
          { translateY: transform[1] * x + transform[3] * y + transform[5] },
        ];
      } else if (typeof props.transform === 'string') {
        // case of string 'translate(translateX translateY)'
        // todo: handle other cases of transform string like here https://github.com/react-native-svg/react-native-svg/blob/b2e2c355204ff4b10973d3afce1495f7e4167ff7/src/lib/extract/extractTransform.ts#L184
        const transform: string = props.transform as string;
        const arr = transform
          .replace('translate(', '')
          .replace(')', '')
          .split(' ');
        props.transform = [
          { translateX: parseFloat(arr[0]) },
          { translateY: parseFloat(arr[1]) },
        ];
      }
    }
    // todo: other props
  }
);

export const TextInputAdapter = createAnimatedPropAdapter(
  (props) => {
    'worklet';
    const keys = Object.keys(props);
    // convert text to value like RN does here: https://github.com/facebook/react-native/blob/f2c6279ca497b34d5a2bfbb6f2d33dc7a7bea02a/Libraries/Components/TextInput/TextInput.js#L878
    if (keys.includes('value')) {
      props.text = props.value;
      delete props.value;
    }
  },
  ['text']
);