use user from session

src/app/user/user.ts

@@ -0,0 +1,48 @@
+import { addMessageListener, dispatchMessage } from '../messageBus/messageBus.ts'
+import { getCookie } from '../auth/cookies.ts'
+import { useMessageListener } from '../../hooks/useMessageListener.ts'
+import { useState } from 'react'
+import { setGlobal } from '../femtoApp.ts'
+
+export interface User {
+  userId: string
+  username: string
+  isSuperUser: boolean
+}
+
+let globalUser: User | null
+
+export function initUser() {
+  updateUser()
+}
+
+function updateUser() {
+  globalUser = getUserFromCookie()
+  console.debug(globalUser)
+  setGlobal('user', globalUser)
+  dispatchMessage('user:updated', globalUser)
+}
+
+addMessageListener('auth:logged-in', updateUser)
+addMessageListener('auth:registered', updateUser)
+addMessageListener('auth:logged-out', updateUser)
+addMessageListener('auth:refreshed', updateUser)
+
+export function useUser(): User | null {
+  const [user, setUser] = useState(globalUser)
+
+  useMessageListener('user:updated', (u) => {
+    setUser(u)
+  })
+
+  return user
+}
+
+function getUserFromCookie(): User | null {
+  const userCookie = getCookie('user')
+
+  if (!userCookie) return null
+
+  // TODO validate but it should be fine
+  return JSON.parse(decodeURIComponent(userCookie)) as User
+}