Sign Out

Sign out the currently authenticated user.

Usage

Copy
Loby.signOut()

This clears the user's session and any stored authentication tokens.

Example with UI Update

Copy
function handleSignOut() {
  Loby.signOut()
  
  // Update your UI
  document.getElementById('user-name').textContent = ''
  document.getElementById('sign-in-btn').style.display = 'block'
  document.getElementById('sign-out-btn').style.display = 'none'
}

document.getElementById('sign-out-btn').addEventListener('click', handleSignOut)

Complete Example

Copy
<div id="signed-out">
  <button id="sign-in-btn">Sign In</button>
</div>
<div id="signed-in" style="display: none;">
  <span id="user-name"></span>
  <button id="sign-out-btn">Sign Out</button>
</div>

<script>
  window.lobyAsyncInit = async function() {
    await Loby.init({
      clientId: 1234,
      version: 'v1'
    })
    
    // Check initial state
    const user = await Loby.getUser()
    updateUI(user)
    
    // Listen for sign-in
    Loby.addEventListener('signIn', async () => {
      const user = await Loby.getUser()
      updateUI(user)
    })
  }
  
  function updateUI(user) {
    if (user) {
      document.getElementById('signed-out').style.display = 'none'
      document.getElementById('signed-in').style.display = 'block'
      document.getElementById('user-name').textContent = user.firstName
    } else {
      document.getElementById('signed-out').style.display = 'block'
      document.getElementById('signed-in').style.display = 'none'
    }
  }
  
  document.getElementById('sign-in-btn').addEventListener('click', () => {
    Loby.showSignIn()
  })
  
  document.getElementById('sign-out-btn').addEventListener('click', () => {
    Loby.signOut()
    updateUI(null)
  })
</script>