Passkeys

import { api, usePasskey, base64UrlFromBytes } from '@cskn/sdk';

function Passkeys({ user }: { user: { sub: string; username: string } }) {
  const passkey = usePasskey();

  const register = async () => {
    const { available } = await passkey.isAvailable();
    if (!available) return;

    const { challenge } = await api.post<{ challenge: string }>('/my-app/passkeys/challenge');
    const { credential, cancelled, error } = await passkey.create({
      challenge,
      user: { id: base64UrlFromBytes(new TextEncoder().encode(user.sub)), name: user.username },
      authenticatorSelection: { userVerification: 'required' },
    });

    if (cancelled) return;
    if (error) return showError(error);
    await api.post('/my-app/passkeys', credential);
  };

  const signIn = async () => {
    const { challenge } = await api.post<{ challenge: string }>('/my-app/passkeys/challenge');
    const { credential } = await passkey.get({ challenge, userVerification: 'required' });
    if (credential) await api.post('/my-app/passkeys/verify', credential);
  };

  return <button onClick={register}>Create a passkey</button>;
}