import { DependencyList, useEffect } from 'react';
import { BackHandler } from 'react-native';

import { useNavigation, useRoute } from '@react-navigation/native';
import type {NativeStackNavigationProp} from "@react-navigation/native-stack";

export function useBackAction(action: () => boolean, deps?: DependencyList) {
  useEffect(
    () => {
      BackHandler.addEventListener(
        'hardwareBackPress',
        action
      );
      return () => {
        BackHandler.removeEventListener(
          'hardwareBackPress',
          action
        );
      };
    },
    deps === undefined ? [] : deps //eslint-disable-line react-hooks/exhaustive-deps
  );
}

export function useScreenFocus(actions: (() => void)[], deps?: DependencyList) {
  const navigationWithoutWrapper = useStackNavigation();
  useEffect(() => {
    const disposerArray: (() => void)[] = [];
    for (let action of actions) {
      const eachDisposer = navigationWithoutWrapper.addListener(
        'focus',
        action
      );
      disposerArray.push(eachDisposer);
    }
    return () => {
      for (let disposerArrayElement of disposerArray) {
        disposerArrayElement();
      }
    };
  }, [navigationWithoutWrapper, ...(deps === undefined ? [] : deps)]); //eslint-disable-line react-hooks/exhaustive-deps
}

export function useScreenBlur(actions: (() => void)[]) {
  const navigationWithoutWrapper = useStackNavigation();
  useEffect(() => {
    const disposerArray: (() => void)[] = [];
    for (let action of actions) {
      const eachDisposer = navigationWithoutWrapper.addListener('blur', action);
      disposerArray.push(eachDisposer);
    }
    return () => {
      for (let disposerArrayElement of disposerArray) {
        disposerArrayElement();
      }
    };
  }, [navigationWithoutWrapper]); //eslint-disable-line react-hooks/exhaustive-deps
}

/**
 * this function fix "push is not exist on navigation object "
 * see https://github.com/react-navigation/hooks/issues/42
 * but when you use this hook , don't reference this object to a const (leak memory!)
 */
export const useStackNavigation = () =>
  useNavigation<NativeStackNavigationProp<any>>();

/**
 * the handy function to use route params
 */
export const useRouteParams = () => useRoute<any>().params;