feat(node): logout button

packages/app-node/src/backend/authentication/database-stores/sessions.ts

@@ -22,5 +22,13 @@ export const sessionsStore = (reactor: Reactor) => {
           token: sessionToken,
         })
       }),
+    removeSession: (sessionToken: SessionToken) =>
+      produce((draft) => {
+        draft.delete(sessionToken)
+        database.tables.sessions
+          .select()
+          .where({ equals: { token: sessionToken } })
+          .delete()
+      }),
   })
 }

packages/app-node/src/backend/authentication/http-routes/logout.ts

@@ -0,0 +1,32 @@
+import { parse } from "cookie"
+
+import { respondJson } from "@dassie/lib-http-server"
+import { createActor } from "@dassie/lib-reactive"
+
+import { SESSION_COOKIE_NAME } from "../../../common/constants/cookie-name"
+import { restApiService } from "../../http-server/serve-rest-api"
+import { sessionsStore } from "../database-stores/sessions"
+import { SessionToken } from "../types/session-token"
+
+export const registerLogoutRoute = () =>
+  createActor((sig) => {
+    const api = sig.get(restApiService)
+    const sessions = sig.use(sessionsStore)
+    if (!api) return
+
+    api.post("/api/logout").handler((request, response) => {
+      const cookies = parse(request.headers.cookie ?? "")
+      const currentSessionToken = cookies[SESSION_COOKIE_NAME]
+      if (currentSessionToken) {
+        sessions.removeSession(currentSessionToken as SessionToken)
+      }
+      response.cookie(SESSION_COOKIE_NAME, "", {
+        httpOnly: true,
+        secure: true,
+        sameSite: "strict",
+        expires: new Date(0),
+      })
+
+      respondJson(response, 200, {})
+    })
+  })

packages/app-node/src/backend/authentication/index.ts

@@ -2,10 +2,12 @@ import { createActor } from "@dassie/lib-reactive"
 
 import { registerDevelopmentSetSessionRoute } from "./http-routes/development-set-session"
 import { registerLoginRoute } from "./http-routes/login"
+import { registerLogoutRoute } from "./http-routes/logout"
 
 export const startAuthenticationFeature = () =>
   createActor((sig) => {
     sig.run(registerLoginRoute)
+    sig.run(registerLogoutRoute)
 
     if (import.meta.env.DEV) sig.run(registerDevelopmentSetSessionRoute)
   })

packages/app-node/src/frontend/app.tsx

@@ -10,6 +10,7 @@ import { LoginPage } from "./pages/login/login"
 import { Open } from "./pages/open/open"
 import { PaymentStatus } from "./pages/payment-status/payment-status"
 import { Send } from "./pages/send/send"
+import { Settings } from "./pages/settings/settings"
 import { trpc } from "./utils/trpc"
 
 const App = () => {
@@ -40,6 +41,7 @@ const App = () => {
         <Route path="/debug/ledger" component={Ledger} />
         <Route path="/debug/nodes" component={Nodes} />
         <Route path="/debug/routing" component={Routing} />
+        <Route path="/settings" component={Settings} />
         <Route component={Account} />
       </Switch>
     </div>

packages/app-node/src/frontend/layout/main-navigation.tsx

@@ -32,6 +32,13 @@ export function MainNavigation() {
             </ul>
           </NavigationMenuContent>
         </NavigationMenuItem>
+        <NavigationMenuItem>
+          <Link href="/settings">
+            <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+              Settings
+            </NavigationMenuLink>
+          </Link>
+        </NavigationMenuItem>
       </NavigationMenuList>
     </NavigationMenu>
   )

packages/app-node/src/frontend/pages/settings/settings.tsx

@@ -0,0 +1,20 @@
+import { useMutation } from "@tanstack/react-query"
+
+import { Button } from "../../components/ui/button"
+import { logout } from "../../utils/authentication"
+import { queryClientReactContext } from "../../utils/trpc"
+
+export const Settings = () => {
+  const logoutMutation = useMutation({
+    mutationFn: logout,
+    onSuccess: () => {
+      window.location.reload()
+    },
+    context: queryClientReactContext,
+  })
+  return (
+    <div>
+      <Button onClick={() => logoutMutation.mutate()}>Logout</Button>
+    </div>
+  )
+}

packages/app-node/src/frontend/utils/authentication.ts

@@ -23,3 +23,16 @@ export const login = async (binarySeed: Uint8Array) => {
     throw new Error(`Login failed with status ${response.status}`)
   }
 }
+
+export const logout = async () => {
+  const response = await fetch("/api/logout", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  })
+
+  if (!response.ok) {
+    throw new Error(`Logout failed with status ${response.status}`)
+  }
+}