Consola de Desarrolladores

<!-- Importa el SDK desde el CDN de Coki Studios -->
<script type="module" src="https://cdn.cokistudios.com/csid-connect.js"></script>

<!-- Agrega el botón oficial a tu interfaz HTML -->
<csid-connect-button client-id="tu_client_id" theme="glass" shape="pill" mode="popup"></csid-connect-button>

<!-- Escucha el evento de autenticación exitosa -->
<script>
  document.querySelector('csid-connect-button').addEventListener('success', (e) => {
    console.log('Usuario autenticado:', e.detail.user);
    console.log('Token de acceso:', e.detail.accessToken);
  });
</script>

// Inicializar CS ID Connect con soporte One-Tap
import { CSIDConnect } from 'https://cdn.cokistudios.com/csid-connect.js';

CSIDConnect.init({ clientId: 'tu_client_id', mode: 'popup' });

// 1. Mostrar tarjeta flotante One-Tap si ya hay sesión
CSIDConnect.promptOneTap({
  onAuth: (res) => console.log('One-Tap exitoso:', res.user),
  onDismiss: () => console.log('Descartado por usuario')
});

// 2. Disparar inicio de sesión manual con botón personalizado
const auth = await CSIDConnect.signIn({ mode: 'popup' });

// 1. Iniciar sesión mediante CSIDManager en Swift
import SwiftUI
import AuthenticationServices
import CryptoKit

Task {
  do {
    let user = try await CSIDManager.shared.loginWithOAuthPKCE(
      clientId: "tu_client_id",
      redirectUri: "miapp://auth"
    )
    print("Bienvenido \(user.name) (\(user.email))")
  } catch {
    print("Error de autenticación: \(error)")
  }
}

// 1. Inicializar CSIDKit en Kotlin
val csid = CSIDClient.Builder(context)
  .setClientId("tu_client_id")
  .setRedirectUri("miapp://auth")
  .build()

// 2. Iniciar flujo de autorización segura
csid.launchAuth(activity) { result ->
  when (result) {
    is CSIDResult.Success -> {
      Log.d("CSID", "Conectado como: ${result.user.email}")
    }
    is CSIDResult.Error -> Log.e("CSID", result.message)
  }
}