The current version of the example only supports a single hard-coded provider ID, and the user has to manually add the app ID and app secret into the environment variables. It would be more user-friendly to have an example app where users can input and tweak all available parameters for the SDK dynamically via input fields
Additionally, it would be valuable to include an option to copy the code for the current configuration, allowing users to easily replicate or share their setup.
Proposed Solution:
Dynamic Provider ID and Parameter Input:
Create a UI form that allows users to input and modify the following parameters:
Provider ID
App ID
App Secret
Any other SDK configuration options available
Ensure these values are dynamically passed into the SDK, so the example can be run with various configurations. Something similar to the UI below.
Code Copy Feature:
Add a button to copy the generated configuration code based on the current inputs in the UI.
This should generate a code snippet that reflects the user's custom configuration for easy copy-paste into their own projects.
Benefits:
Provides a more interactive and user-friendly example.
Enables developers to experiment with different configurations directly in the example.
Simplifies the setup process for new users, reducing the need to modify environment variables manually.
Encourages sharing and reuse of configurations by making code snippets easily accessible.
The current version of the example only supports a single hard-coded provider ID, and the user has to manually add the app ID and app secret into the environment variables. It would be more user-friendly to have an example app where users can input and tweak all available parameters for the SDK dynamically via input fields
Additionally, it would be valuable to include an option to copy the code for the current configuration, allowing users to easily replicate or share their setup.
Proposed Solution:
Dynamic Provider ID and Parameter Input:
Create a UI form that allows users to input and modify the following parameters: Provider ID App ID App Secret Any other SDK configuration options available Ensure these values are dynamically passed into the SDK, so the example can be run with various configurations. Something similar to the UI below.
Code Copy Feature:
Add a button to copy the generated configuration code based on the current inputs in the UI. This should generate a code snippet that reflects the user's custom configuration for easy copy-paste into their own projects.
Benefits: