(feature) Update UI & Resource Availability

src/util/queries.js

@@ -0,0 +1,60 @@
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+const fetchApi = (subPath) => async () =>
+  fetch(`/api${subPath}`).then((res) => res.json());
+
+const fetchApiPost = (subPath, json) => async () =>
+  fetch(`/api${subPath}`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(json),
+  }).then((res) => res.json());
+
+export const useServerStatus = (server) =>
+  useQuery(
+    [`server-status-${server}`],
+    fetchApiPost("/server/status", { name: server })
+  );
+export const useServerMetrics = (server) =>
+  useQuery(
+    [`server-metrics-${server}`],
+    fetchApiPost("/server/metrics", { name: server }),
+    { refetchInterval: 10000 }
+  );
+export const useStartServer = (server) =>
+  postJsonApi("/server/start", { name: server }, "server-instances");
+export const useStopServer = (server) =>
+  postJsonApi("/server/stop", { name: server }, "server-instances");
+export const useDeleteServer = (server) =>
+  postJsonApi("/server/delete", { name: server }, "server-instances", "DELETE");
+export const useCreateServer = (spec) =>
+  postJsonApi("/server/create", spec, "server-list");
+export const useServerList = () =>
+  useQuery(["server-list"], fetchApi("/server/list"));
+export const useServerInstances = () =>
+  useQuery(["server-instances"], fetchApi("/server/instances"), {
+    refetchInterval: 5000,
+  });
+export const useSystemAvailable = () =>
+  useQuery(["system-available"], fetchApi("/system/available"));
+export const useVersionList = () =>
+  useQuery(["minecraft-versions"], () =>
+    fetch("https://piston-meta.mojang.com/mc/game/version_manifest.json").then(
+      (r) => r.json()
+    )
+  );
+
+const postJsonApi = (subPath, body, invalidate, method = "POST") => {
+  const qc = useQueryClient();
+  return async () => {
+    const res = await fetch(`/api${subPath}`, {
+      method,
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(body),
+    });
+    qc.invalidateQueries([invalidate]);
+  };
+};