Managing secrets with manual references (${...}) in projects is error-prone due to case sensitivity and potential typos. This leads to broken references and security risks, impacting the reliability and integrity of applications.
Autocomplete Dropdown: Implement an autocomplete feature that activates when users type ${ followed by characters in the editor. Dynamically fetch and suggest completions based on entered characters, including existing secrets from the current and other environments. Reduces errors by providing accurate suggestions and enhances productivity in secret referencing tasks.
Visual Confirmation in Editor: Highlight referenced secrets in the editor once selected from the autocomplete dropdown. Provides immediate visual feedback, allowing users to verify correct references without leaving the editor. Improves accuracy and confidence in secret management, minimizing the risk of misconfigurations.
Tooltip for Verification: Display tooltips when hovering over referenced secrets in the editor. Shows the actual value of the referenced secret, aiding quick verification and troubleshooting. Enhances usability by facilitating easy validation of referenced secrets, further reducing errors.
TypeScript, Python, HTML