From db72a6df17272cdf2b410853bd875d0026e1cf65 Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Sat, 12 Aug 2023 08:54:55 -0400
Subject: [PATCH 1/5] Add busy-indicator to login/signup buttons

---
 client/src/views/Login.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue
index 9f21ab0..f5650d0 100644
--- a/client/src/views/Login.vue
+++ b/client/src/views/Login.vue
@@ -1,13 +1,18 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { state } from '../state';
 import router from '../router'
 
 const name = ref("")
 const password = ref("")
+const signUpWait = ref(false)
+const loginWait = ref(false)
+const signUpClass = computed(() => `submit button is-success ${signUpWait ? 'is-loading' : ''}`)
+const loginClass = computed(() => `submit button is-success ${loginWait ? 'is-loading' : ''}`)
 
 async function signUp() {
     const $name = name.value
+    signUpWait.value = true
     const result = await fetch("/api/v1/auth", {
         method: 'POST',
         body: JSON.stringify({ name: $name, password: password.value }),
@@ -22,6 +27,7 @@ async function signUp() {
 
 async function login() {
     const $name = name.value
+    loginWait.value = true
     const result = await fetch("/api/v1/auth", {
         method: 'PUT',
         body: JSON.stringify({ name: $name, password: password.value }),
@@ -58,8 +64,8 @@ async function login() {
                 </div>
             </section>
             <footer class="modal-card-foot">
-                <button class="submit button is-success" @click="login">Log in</button>
-                <button class="submit button is-info" @click="signUp">Sign Up</button>
+                <button :class="loginClass" @click="login">Log in</button>
+                <button :class="signUpClass" @click="signUp">Sign Up</button>
             </footer>
         </div>
     </div>

From 37426aaa5213633b2335b99ec207e7c391747ace Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Wed, 23 Aug 2023 06:44:30 -0400
Subject: [PATCH 2/5] WIP: Add busy indicators to login view

---
 client/src/views/Login.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue
index f5650d0..a50bf9d 100644
--- a/client/src/views/Login.vue
+++ b/client/src/views/Login.vue
@@ -7,8 +7,8 @@ const name = ref("")
 const password = ref("")
 const signUpWait = ref(false)
 const loginWait = ref(false)
-const signUpClass = computed(() => `submit button is-success ${signUpWait ? 'is-loading' : ''}`)
-const loginClass = computed(() => `submit button is-success ${loginWait ? 'is-loading' : ''}`)
+const signUpClass = computed(() => `submit button is-success ${signUpWait.value ? 'is-loading' : ''}`)
+const loginClass = computed(() => `submit button is-info ${loginWait.value ? 'is-loading' : ''}`)
 
 async function signUp() {
     const $name = name.value
@@ -40,6 +40,8 @@ async function login() {
     }
 }
 
+if(state.user?.name) router.push("/")
+
 </script>
 <template>
     <div class="modal is-active">
@@ -50,7 +52,7 @@ async function login() {
             </header>
             <section class="modal-card-body">
                 <div class="field">
-                    <label for="username">Name</label>
+                    <label for="username" class=label>Name</label>
                     <div class="control">
                         <input type="text" name="username" class="input" v-model="name" />
                     </div>

From ffc1c6806a558ee66cda3c55c0df3ae20ae0846d Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Thu, 24 Aug 2023 13:10:20 -0400
Subject: [PATCH 3/5] Fix shell.nix

---
 shell.nix | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/shell.nix b/shell.nix
index be0c83f..f7556e2 100644
--- a/shell.nix
+++ b/shell.nix
@@ -2,13 +2,16 @@
 { pkgs ? import <nixpkgs> {} }:
 
 pkgs.mkShell {
-   nativeBuildInputs = with pkgs.buildPackages; [
-     clang
-     yarn nodejs
-     openssl
-     python3
-     python3Packages.requests
-     python3Packages.ipython
+  name = "kalkutago";
+  nativeBuildInputs = with pkgs.buildPackages; [
+    clang
+    yarn nodejs
+    openssl
+    python3
+    python3Packages.requests
+    python3Packages.ipython
+    rustup
+    docker
+    gnumake
   ];
 }
-

From 290218eefedf8fefbb3c329697f6f1a08ec976db Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Sat, 26 Aug 2023 05:48:44 -0400
Subject: [PATCH 4/5] Restore logged-in state on page reload

---
 client/src/state.ts | 3 +++
 client/src/util.ts  | 8 ++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 client/src/util.ts

diff --git a/client/src/state.ts b/client/src/state.ts
index 67c0955..9e08abb 100644
--- a/client/src/state.ts
+++ b/client/src/state.ts
@@ -2,6 +2,7 @@ import { reactive } from "vue"
 import { Track } from "./track"
 import { Tick } from './ticks'
 import { error } from "./error"
+import { getCookie } from "./util";
 
 enum State {
     Unfetched,
@@ -31,6 +32,8 @@ class AppState {
     constructor() {
         this.tracks = new Array<Track>
         this.state = State.Unfetched
+        const name = getCookie("name")
+        if (name) this.user = { name }
     }
     streamUpdatesFromServer() {
         const source = new EventSource("/api/v1/updates")
diff --git a/client/src/util.ts b/client/src/util.ts
new file mode 100644
index 0000000..ebbda1c
--- /dev/null
+++ b/client/src/util.ts
@@ -0,0 +1,8 @@
+export function getCookie(key: string): string | null {
+    const start = document.cookie.indexOf(key + '=')
+    if(start === -1) return null
+    let end: number | undefined = document.cookie.indexOf(';', start)
+    if(end === -1)
+        end = undefined
+    return document.cookie.substring(start + key.length + 1, end)
+}
\ No newline at end of file

From bfffacabf68ee100fee69fe307786cdedbfb6c80 Mon Sep 17 00:00:00 2001
From: "D. Scott Boggs" <scott@tams.tech>
Date: Sat, 26 Aug 2023 06:08:49 -0400
Subject: [PATCH 5/5] Add logout button

---
 client/src/components/NavBar.vue | 42 ++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/client/src/components/NavBar.vue b/client/src/components/NavBar.vue
index e11af91..64a6d6e 100644
--- a/client/src/components/NavBar.vue
+++ b/client/src/components/NavBar.vue
@@ -1,5 +1,14 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router';
+import { error } from '../error'
+import router from "../router";
+
+async function logOut() {
+    const result = await fetch('/api/v1/auth', {method: 'DELETE'})
+    if(!result.ok) return error('failed to log out')
+    console.debug('logged out')
+    router.push('/login')
+}
 </script>
 <template>
     <nav class="navbar" role="navigation" aria-label="main navigation">
@@ -9,20 +18,27 @@ import { RouterLink } from 'vue-router';
         <div class="navbar-menu"></div>
         <div class="navbar-end">
             <div class="navbar-item">
-                <div class="buttons">
-                    <RouterLink to="/" v-if="$route.path === '/new-track'">
-                        <button class="button is-info">
-                            Go Back
-                        </button>
-                    </RouterLink>
+                <RouterLink to="/" v-if="$route.path === '/new-track'">
+                    <button class="button is-info">
+                        Go Back
+                    </button>
+                </RouterLink>
 
-                    <RouterLink to="/new-track" v-else>
-                        <button class="button is-primary">
-                            Add Track
-                        </button>
-                    </RouterLink>
-                </div>
+                <RouterLink to="/new-track" v-else>
+                    <button class="button is-primary">
+                        Add Track
+                    </button>
+                </RouterLink>
+            </div>
+            <div class="navbar-item">
+                <button class="button is-info" @click="logOut">
+                    Log Out
+                </button>
+            </div>
+            <div class="navbar-item">
+                <!-- spacer -->
+                &nbsp;
             </div>
         </div>
     </nav>
-</template>
\ No newline at end of file
+</template>