u2f-api

import { isSupported, register, sign } from 'u2f-api'; // Simulate server-side components const simulateServer = { async getRegistrationRequests() { // In a real app, this would fetch from your backend U2F server console.log('Server: Generating registration requests...'); return [{ version: 'U2F_V2', challenge: 'challenge-reg-1', appId: 'https://example.com' }]; }, async getSignRequests() { // In a real app, this would fetch from your backend U2F server console.log('Server: Generating sign requests...'); const registeredKeyHandle = 'mock-key-handle'; // From a previously registered key return [{ version: 'U2F_V2', challenge: 'challenge-sign-1', appId: 'https://example.com', keyHandle: registeredKeyHandle }]; }, async sendRegistrationResponse(response) { console.log('Server: Received registration response:', response); // In a real app, verify response and store key data return { success: true, message: 'Registration successful!' }; }, async sendSignResponse(response) { console.log('Server: Received sign response:', response); // In a real app, verify response against stored key data return { success: true, message: 'Authentication successful!' }; }, }; async function runU2FWorkflow() { try { const supported = await isSupported(); if (!supported) { console.warn('U2F is not supported in this browser or environment. Consider WebAuthn.'); return; } console.log('U2F is supported!'); // 1. Initiate Registration console.log('\n--- Initiating U2F Registration ---'); const regRequests = await simulateServer.getRegistrationRequests(); const registrationResponse = await register(regRequests); console.log('Client: U2F Register Response:', registrationResponse); await simulateServer.sendRegistrationResponse(registrationResponse); console.log('Registration workflow complete.'); // 2. Initiate Sign-in (Authentication) console.log('\n--- Initiating U2F Sign-in ---'); const signRequests = await simulateServer.getSignRequests(); const signResponse = await sign(signRequests); console.log('Client: U2F Sign Response:', signResponse); await simulateServer.sendSignResponse(signResponse); console.log('Sign-in workflow complete.'); } catch (error: any) { console.error('U2F Workflow Error:', error.message); if (error.metaData) { console.error('U2F Error Code:', error.metaData.code, 'Type:', error.metaData.type); } } } runU2FWorkflow();