Hide Wallet Key for implied security. #48
Description
Feature Request: Secure Display of Wallet Key with Blur Effect and Dynamic Loading
Description:
To enhance security, I propose implementing a feature that initially obscures the wallet key using a blur effect. The key should remain hidden within the HTML to prevent unauthorized access. Upon user interaction, such as clicking a "Show Key" button, JavaScript will dynamically load and reveal the wallet key. This approach ensures that the key is not exposed in the page source and is only accessible when explicitly requested by the user.
Proposed Solution:
-
HTML Structure: Include a placeholder div or span where the wallet key will be displayed.
-
CSS Styling: Apply a blur effect to the placeholder to indicate that the content is sensitive and currently hidden.
-
JavaScript Functionality: Develop a script that listens for user interaction (e.g., a button click). Upon activation, the script will fetch the wallet key securely from the server or a secure variable and inject it into the placeholder, simultaneously removing the blur effect.
Benefits:
-
Enhanced Security: By not embedding the wallet key directly in the HTML, we reduce the risk of exposure through page source inspection.
-
User Control: Users have explicit control over when the wallet key is revealed, minimizing accidental exposure.
-
Improved User Experience: The blur effect provides a visual cue about the sensitive nature of the content, informing users before they choose to reveal it.
Considerations:
-
Accessibility: Ensure that the implementation is accessible, providing alternative methods for users who rely on assistive technologies.
-
Browser Compatibility: Test the feature across various browsers to ensure consistent behavior.
-
Performance: Optimize the dynamic loading to prevent any lag or delay in revealing the wallet key.
I believe this feature will significantly enhance the security and usability of our application. I welcome any feedback or suggestions on this proposal.