initial commit

app/composables/useTopics.ts

@@ -0,0 +1,49 @@
+import type { Topic } from "~~/types";
+
+export const useTopics = async () => {
+    const fetchingTopics = ref(false);
+    const topics: Ref<Topic[] | null> = useState('topics', () => null);
+    const activeTopic = computed(() => {
+        if (topics.value === null) return;
+
+        const routeId = useRoute().query.topicId;
+        if (routeId === undefined) return;
+
+        const topic = topics.value.find(topic => topic.id === routeId);
+        if (topic === undefined) return;
+
+        return topic;
+    });
+
+    const refreshTopics = async () => {
+        if (fetchingTopics.value) return;
+        fetchingTopics.value = true;
+
+        const { data, error } = await useFetch('/api/topics');
+        if (error.value) throw error;
+        topics.value = data.value!;
+
+        fetchingTopics.value = false;
+    }
+
+    if (topics.value === null) await refreshTopics();
+
+
+    const createTopic = async (name: string, agentId: string) => {
+        const res = await fetch('/api/topics', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ name, agentId })
+        })
+
+        if (!res.ok) {
+            throw new Error('Failed to create topic')
+        }
+
+        return res.json()
+    }
+
+    return { createTopic, activeTopic, topics }
+}