Develop WebJS SDK for Frequency Login

[p5150j]

Develop WebJS SDK for Frequency Login

Summary:

As a developer, I want to build a WebJS SDK for web apps to integrate the "Sign In with Frequency" button, so users can authenticate directly from the browser.

Acceptance Criteria:

• Create a WebJS SDK that enables rendering and configuration of the sign-in button.
• Implement logic to handle the authentication flow via the browser without requiring an embedded browser.
• Capture the authorization code after successful authentication and pass it to the web app backend.
• Provide clear documentation for integrating the SDK into web applications.

Pseudocode for WebJS (JavaScript):

// Import the Frequency SDK (via npm or CDN)
import FrequencySDK from 'frequency-sdk';

// Initialize the Frequency button
const frequencyButton = FrequencySDK.createSignInButton();
document.getElementById('button-container').appendChild(frequencyButton);

// Configure the button with params and URLs
FrequencySDK.configureButton(frequencyButton, {
    params: someParams,
    authenticationUrl: someUrl
});

// Handle sign-in result
FrequencySDK.onSignInComplete((result) => {
    if (result.success) {
        console.log("User ID:", result.user.id);
    } else {
        console.error("Sign-in failed:", result.error.message);
    }
});

// In your backend API callback handler
FrequencySDK.handleCallback(window.location.href);

[claireclark1]

similar code: https://github.com/ProjectLibertyLabs/social-app-template/pull/176/files