requestly icon indicating copy to clipboard operation
requestly copied to clipboard

feat: add show hide functionality

Open mustafa-sayyed opened this issue 2 months ago โ€ข 5 comments

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.

mustafa-sayyed avatar Oct 25 '25 01:10 mustafa-sayyed