Session Management

// Check if user is logged in
if (gately.isAuthenticated()) {
  console.log('User is logged in')
}

const user = gately.getUser()

if (user) {
  console.log('Email:', user.email)
  console.log('Name:', user.full_name)
  console.log('Plan:', user.plan_id)
}

interface User {
  id: string
  email: string
  full_name: string | null
  avatar_url: string | null
  plan_id: string
  status: 'active' | 'inactive' | 'pending'
  metadata: Record<string, any>
  created_at: string
  last_login_at: string | null
}

const session = gately.getSession()

if (session) {
  console.log('Access token:', session.access_token)
  console.log('Expires at:', new Date(session.expires_at))
}

interface Session {
  access_token: string
  refresh_token: string
  expires_at: number  // Unix timestamp in milliseconds
  user: User
}

gately.onAuthStateChange((user, session) => {
  if (user) {
    console.log('User logged in:', user.email)
    // Update UI, redirect, etc.
  } else {
    console.log('User logged out')
    // Clear UI, redirect to login, etc.
  }
})

import { useAuth } from '@gately/sdk'

function AuthStatus() {
  const { user, isAuthenticated, isLoading } = useAuth()

  if (isLoading) {
    return <Spinner />
  }

  if (!isAuthenticated) {
    return <Link to="/login">Log In</Link>
  }

  return <span>Welcome, {user.email}</span>
}

const session = await gately.fetchSession()

if (session) {
  console.log('Session refreshed')
} else {
  console.log('Session expired, user logged out')
}

const gately = new GatelyClient('project-id', {
  autoRefresh: true  // Default
})

const gately = new GatelyClient('project-id', {
  autoRefresh: false
})

await gately.logout()

// Tab 1: User logs out
await gately.logout()

// Tab 2: Detects logout via storage event
// Auth state callback is triggered

// Check if running in browser
if (typeof window !== 'undefined') {
  const user = gately.getUser()
}

// Or use the hook (handles SSR automatically)
const { user, isLoading } = useAuth()

// In browser console
localStorage.setItem('gately_debug', 'true')
location.reload()