import {
  getInfoWithExtension,
  getInfoWithoutExtension,
} from "components/system/Files/FileEntry/functions";
import { useFileSystem } from "contexts/fileSystem";
import { extname } from "path";
import { useEffect, useRef, useState } from "react";
import { MOUNTABLE_EXTENSIONS } from "utils/constants";

export type FileInfo = {
  comment?: string;
  getIcon?: () => void;
  icon: string;
  subIcons?: string[];
  pid: string;
  type?: string;
  url: string;
};

const useFileInfo = (
  path: string,
  isDirectory: boolean,
  useNewFolderIcon = false
): [FileInfo, React.Dispatch<React.SetStateAction<FileInfo>>] => {
  const [info, setInfo] = useState<FileInfo>({
    icon: "",
    pid: "",
    url: "",
  });
  const visible = useRef(true);
  const updateInfo = (newInfo: FileInfo): void => {
    if (visible.current) setInfo(newInfo);
  };
  const { fs, rootFs } = useFileSystem();

  useEffect(() => {
    if (fs && rootFs) {
      const extension = extname(path).toLowerCase();

      if (!extension || (isDirectory && !MOUNTABLE_EXTENSIONS.has(extension))) {
        getInfoWithoutExtension(
          fs,
          rootFs,
          path,
          isDirectory,
          useNewFolderIcon,
          updateInfo
        );
      } else {
        getInfoWithExtension(fs, path, extension, updateInfo);
      }

      visible.current = true;
    }

    return () => {
      visible.current = false;
    };
  }, [fs, isDirectory, path, rootFs, useNewFolderIcon]);

  return [info, setInfo];
};

export default useFileInfo;