import { useEffect } from "react";
import { useError } from "./use-error";

/**
 * React useEffect hook to cover componentDidmount
 *
 * @example
 *  useOnMount([{
 *  handler: (a,b) => a + b
 *  params: [{ a: 1, b: 2 }]
 * }])
 */
export function useOnMount(args: IuseOneMount) {
  const { throwError } = useError();

  useEffect(() => {
    for (let arg of args) {
      if (typeof arg.handler === "function") {
        try {
          arg.handler(...arg.params);
        } catch (error) {
          throwError(error);
        }
      } else {
        (console
          ? console.warn || console.log
          : (m: any) => {
              return m;
            })(`useOnMount: All handlers should be functions`);
      }
    }
  }, []);
}

type IuseOneMount = Array<{
  handler: (...args: any) => void;
  params: Array<any>;
}>;