✨ feat: initial prototype

apps/web/hooks/use-server-list.ts

@@ -0,0 +1,61 @@
+"use client";
+
+import type { NormalServer, ReverseProxyServer } from "@minikura/api";
+import { useCallback, useEffect, useState } from "react";
+import { getReverseProxyApi } from "@/lib/api-helpers";
+import { api } from "@/lib/api";
+
+export function useServerList() {
+  const [normalServers, setNormalServers] = useState<NormalServer[]>([]);
+  const [reverseProxies, setReverseProxies] = useState<ReverseProxyServer[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  const fetchServers = useCallback(async () => {
+    try {
+      const [normalRes, proxyRes] = await Promise.all([
+        api.api.servers.get(),
+        getReverseProxyApi().get(),
+      ]);
+
+      if (normalRes.data) {
+        setNormalServers(normalRes.data as unknown as NormalServer[]);
+      }
+      if (proxyRes.data) {
+        setReverseProxies(proxyRes.data as unknown as ReverseProxyServer[]);
+      }
+    } catch (error) {
+      console.error("Failed to fetch servers:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const deleteServer = useCallback(
+    async (id: string, type: "normal" | "proxy") => {
+      try {
+        if (type === "normal") {
+          await api.api.servers({ id }).delete();
+        } else {
+          await getReverseProxyApi()({ id }).delete();
+        }
+        await fetchServers();
+      } catch (error) {
+        console.error("Failed to delete server:", error);
+        throw error;
+      }
+    },
+    [fetchServers]
+  );
+
+  useEffect(() => {
+    fetchServers();
+  }, [fetchServers]);
+
+  return {
+    normalServers,
+    reverseProxies,
+    loading,
+    refresh: fetchServers,
+    deleteServer,
+  };
+}