feat: support settings

frontend/src/core/skills/api.ts

@@ -0,0 +1,25 @@
+import { env } from "@/env";
+
+import type { Skill } from "./type";
+
+export async function loadSkills() {
+  const skills = await fetch(`${env.NEXT_PUBLIC_BACKEND_BASE_URL}/api/skills`);
+  const json = await skills.json();
+  return json.skills as Skill[];
+}
+
+export async function enableSkill(skillName: string, enabled: boolean) {
+  const response = await fetch(
+    `${env.NEXT_PUBLIC_BACKEND_BASE_URL}/api/skills/${skillName}`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        enabled,
+      }),
+    },
+  );
+  return response.json();
+}

frontend/src/core/skills/hooks.ts

@@ -0,0 +1,31 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { enableSkill } from "./api";
+
+import { loadSkills } from ".";
+
+export function useSkills() {
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["skills"],
+    queryFn: () => loadSkills(),
+  });
+  return { skills: data ?? [], isLoading, error };
+}
+
+export function useEnableSkill() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({
+      skillName,
+      enabled,
+    }: {
+      skillName: string;
+      enabled: boolean;
+    }) => {
+      await enableSkill(skillName, enabled);
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: ["skills"] });
+    },
+  });
+}

frontend/src/core/skills/index.ts

@@ -0,0 +1,2 @@
+export * from "./api";
+export * from "./type";

frontend/src/core/skills/type.ts

@@ -0,0 +1,7 @@
+export interface Skill {
+  name: string;
+  description: string;
+  category: string;
+  license: string;
+  enabled: boolean;
+}