Feature: Configure forms with query parameters
Description
At the moment every time the debugger is used you have to manually configure the registration and authentication settings. This leads to a lot of manual work especially if you analyse a lot of special cases regarding browsers, authenticators and operating systems in the Passkey ecosystem.
This PR allows configuration of the register and authenticate settings with url query parameters. With this change you can easily create a link with your desired configuration.
How does it work: Every given url parameter represents a path to an attribute in dom-elements.js . If a match is found the given url parameter value is set to the underyling dom element. If the element has a checkbox or his parent has a checkbox these checkboxes are automatically checked.
Checkbox values can be set with true|false
For a better user experience, some paths are shorter than they would normally be:
For example: allowCredentials=usb,nfc,ble,internal excludeCredentials=usb,nfc,ble,internal
Full Examples: http://127.0.0.1:8000/debugger.html?allowCredentials=usb,nfc,ble,internal&excludeCredentials=usb,nfc,ble,internal
http://127.0.0.1:8000/debugger.html?relyingParty_id=qwertz&user_name=xxx&user_displayName=yyy&timeout=20000&excludeCredentials=usb,nfc,ble&authenticatorSelection_authenticatorAttachment=cross-platform&authenticatorSelection_residentKey=required&authenticatorSelection_requireResidentKey=true&authenticatorSelection_userVerification=required&attestation=direct&extensions_credProps=true&extensions_uvm=true
Testing
Specify a number of settings in the query parameters and check that everything is correctly applied to the registration and authentication settings.
Checklist
- [x] I have added documentation for new/changed functionality in this PR or in auth0.com/docs
- [x] All active GitHub checks for tests, formatting, and security are passing
- [x] The correct base branch is being used, if not
master
@florkaa what do you think about this feature?