import { readIdentity, writeIdentity } from '../utils/identity'

export function useIdentity() {
  const name = useState<string | null>('identity-name', () => null)
  const loaded = useState('identity-loaded', () => false)

  if (import.meta.client && !loaded.value) {
    const identity = readIdentity(window.localStorage)
    name.value = identity?.name ?? null
    loaded.value = true
  }

  function setName(newName: string) {
    const trimmed = newName.trim()
    if (!trimmed) return
    name.value = trimmed
    if (import.meta.client) writeIdentity(window.localStorage, { name: trimmed })
  }

  return { name, setName }
}