initial

apps/web/src/hooks/useProjects.ts

@@ -0,0 +1,41 @@
+import { useCallback, useEffect, useState } from 'react';
+import { api } from '@/api/client';
+import type { Project } from '@/api/types';
+
+export function useProjects() {
+  const [projects, setProjects] = useState<Project[] | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  const refresh = useCallback(async () => {
+    try {
+      const list = await api.projects.list();
+      setProjects(list);
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'failed to load projects');
+    }
+  }, []);
+
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+
+  const add = useCallback(
+    async (body: { path: string; name?: string }) => {
+      const created = await api.projects.add(body);
+      await refresh();
+      return created;
+    },
+    [refresh]
+  );
+
+  const remove = useCallback(
+    async (id: string) => {
+      await api.projects.remove(id);
+      await refresh();
+    },
+    [refresh]
+  );
+
+  return { projects, error, refresh, add, remove };
+}