requestly
requestly copied to clipboard
feat: add show hide functionality
Closes issue: #3725
๐ Summary of changes:
- Added Show/Hide functionality for sensitive fields
- Used CodeMirror's Replace Decorations to implement this functionality
๐ฅ Demo Video:
https://github.com/user-attachments/assets/899ae5a8-b74e-41bb-83cb-ec3c16690a15
โ Checklist:
- [x] Make sure linting and unit tests pass.
- [x] No install/build warnings introduced.
- [x] Verified UI in browser.
- [ ] For UI changes, added/updated analytics events (if applicable).
- [ ] For changes in extension's code, manually tested in Chrome and Firefox.
- [ ] Added/updated unit tests for this change.
- [ ] Raised pull request to update corresponding documentation (if already exists).
- [x] Added demo video showing the changes in action (if applicable).
๐งช Test instructions:
- Open the Authorization Tab in API Client
- Choose an Authorization Type ( API Key, Bearer Token, Basic Auth )
- Then You can Test Show/Hide functionality
Summary by CodeRabbit
-
New Features
- Authorization inputs (API keys, bearer tokens, passwords) are now marked as secrets and masked by default.
- Added an eye toggle to reveal/hide sensitive values on demand.
- Editor now renders concealed characters as bullets when masking is enabled.
-
Style
- Added styling for the visibility toggle to ensure proper positioning and interaction.
โ๏ธ Tip: You can customize this high-level summary in your review settings.