'use client';

import { useSignalIdentify } from '@signal-js/nextjs/client';

export function LoginForm() {
  const { identify, reset } = useSignalIdentify();

  const handleLogin = (user) => {
    identify(user.id, { email: user.email, name: user.name });
  };

  const handleLogout = () => {
    reset();
  };

  return (
    <>
      <button onClick={() => handleLogin({ id: 'user_123', email: 'j@example.com', name: 'Jane' })}>
        Log in
      </button>
      <button onClick={handleLogout}>Log out</button>
    </>
  );
}

import { signal, getSessionInfo } from '@/lib/signal-server';

// In an API route or Server Action after reading headers:
const { sessionId, windowId, distinctId } = getSessionInfo(request);

signal.identify({
  distinctId: userId,
  properties: { email: 'user@example.com', name: 'Jane' },
  sessionId,
  windowId,
});