webapp/src/context/auth.tsx

import type { Accessor, InitializedResource, JSX } from 'solid-js'
import { createContext, createMemo, createResource, onMount, useContext } from 'solid-js'
import type { AuthResult } from '../graphql/types.gen'
import { apiClient } from '../utils/apiClient'
import { resetToken, setToken } from '../graphql/privateGraphQLClient'

type AuthContextType = {
  session: InitializedResource<AuthResult>
  isAuthenticated: Accessor<boolean>
  actions: {
    refreshSession: () => AuthResult | Promise<AuthResult>
    signIn: ({ email, password }: { email: string; password: string }) => Promise<void>
    signOut: () => Promise<void>
    confirmEmail: (token: string) => Promise<void>
  }
}

const AuthContext = createContext<AuthContextType>()

const refreshSession = async (): Promise<AuthResult> => {
  try {
    const authResult = await apiClient.getSession()
    if (!authResult) {
      return null
    }
    setToken(authResult.token)
    return authResult
  } catch (error) {
    console.error('renewSession error:', error)
    resetToken()
    return null
  }
}

export const register = async ({
  name,
  email,
  password
}: {
  name: string
  email: string
  password: string
}) => {
  await apiClient.authRegister({
    name,
    email,
    password
  })
}

export const signSendLink = async ({ email, lang }: { email: string; lang: string }) => {
  return await apiClient.authSendLink({ email, lang })
}

export function useAuth() {
  return useContext(AuthContext)
}

export const AuthProvider = (props: { children: JSX.Element }) => {
  const [session, { refetch: refetchRefreshSession, mutate }] = createResource<AuthResult>(refreshSession, {
    ssrLoadFrom: 'initial',
    initialValue: null
  })

  const isAuthenticated = createMemo(() => Boolean(session()?.user?.slug))

  const signIn = async ({ email, password }: { email: string; password: string }) => {
    const authResult = await apiClient.authLogin({ email, password })
    mutate(authResult)
    setToken(authResult.token)
    console.debug('signed in')
  }

  const signOut = async () => {
    // TODO: call backend to revoke token
    mutate(null)
    resetToken()
    console.debug('signed out')
  }

  const confirmEmail = async (token: string) => {
    const authResult = await apiClient.confirmEmail({ token })
    mutate(authResult)
    setToken(authResult.token)
  }

  const actions = {
    refreshSession: refetchRefreshSession,
    signIn,
    signOut,
    confirmEmail
  }

  const value: AuthContextType = { session, isAuthenticated, actions }

  onMount(() => {
    refetchRefreshSession()
  })

  return <AuthContext.Provider value={value}>{props.children}</AuthContext.Provider>
}