prototype bots pages

2 files changed, 105 insertions, 0 deletions

diff --git a/web/pw-server/src/routes/bots/[bot_id].svelte b/web/pw-server/src/routes/bots/[bot_id].svelte
new file mode 100644
index 0000000..90fd78d
--- /dev/null
+++ b/web/pw-server/src/routes/bots/[bot_id].svelte
@@ -0,0 +1,34 @@
+<script lang="ts" context="module">
+  import { get_session_token } from "$lib/auth";
+
+  export async function load({ page }) {
+    const token = get_session_token();
+    const res = await fetch(`/api/bots/${page.params["bot_id"]}`, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
+
+    if (res.ok) {
+      return {
+        props: {
+          bot: await res.json(),
+        },
+      };
+    }
+
+    return {
+      status: res.status,
+      error: new Error("Could not load bot"),
+    };
+  }
+</script>
+
+<script lang="ts">
+  export let bot: object;
+</script>
+
+<div>
+  {bot["name"]}
+</div>
diff --git a/web/pw-server/src/routes/bots/index.svelte b/web/pw-server/src/routes/bots/index.svelte
new file mode 100644
index 0000000..775652b
--- /dev/null
+++ b/web/pw-server/src/routes/bots/index.svelte
@@ -0,0 +1,71 @@
+<script lang="ts" context="module">
+	import { get_session_token } from '$lib/auth';
+
+	/** @type {import('@sveltejs/kit').Load} */
+	export async function load({ params, fetch, session, stuff }) {
+		const token = get_session_token();
+		const res = await fetch('/api/bots/my_bots', {
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${token}`
+			}
+		});
+
+		if (res.ok) {
+			return {
+				props: {
+					bots: await res.json()
+				}
+			};
+		}
+
+		return {
+			status: res.status,
+			error: new Error('Could not load bots')
+		};
+	}
+</script>
+
+<script lang="ts">
+	import { goto } from '$app/navigation';
+
+	export let bots: object[];
+	let name: string | undefined;
+
+	async function createBot() {
+		const token = get_session_token();
+		const res = await fetch('/api/bots', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${token}`
+			},
+			body: JSON.stringify({
+				name: name
+			})
+		});
+
+		if (res.ok) {
+			let bot = await res.json();
+			goto(`/bots/${bot['id']}`);
+		} else {
+			new Error('creation failed');
+		}
+	}
+</script>
+
+<form on:submit|preventDefault={createBot}>
+	<label for="name">Name</label>
+	<input name="name" bind:value={name}/>
+	<button type="submit">Create</button>
+</form>
+
+<ul>
+	{#each bots as bot}
+		<li>
+			<a target="_blank" href={`bots/${bot['id']}`}>
+				{bot['name']}
+			</a>
+		</li>
+	{/each}
+</ul>