import { useEffect, useState } from "react";
import { get } from "../api/client";
import type { ModuleInfo, ModulesResponse } from "../api/types";

export function useModules() {
  const [modules, setModules] = useState<Record<string, ModuleInfo>>({});
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    get<ModulesResponse>("/api/modules")
      .then((res) => setModules(res.modules))
      .catch(() => {})
      .finally(() => setLoading(false));
  }, []);

  return { modules, loading };
}