| 1 | <html> |
| 2 | |
| 3 | <head> |
| 4 | <title>Example secrets file</title> |
| 5 | |
| 6 | </head> |
| 7 | |
| 8 | <body> |
| 9 | <div x-data> |
| 10 | <p>You can store passwords and secrets in standard <code>.env</code> format, one per line.<br> |
| 11 | Add comments using <code>#</code> to help the agent understand the purpose of each secret.<br> |
| 12 | See example below.</p> |
| 13 | |
| 14 | |
| 15 | <h3>Example secrets file</h3> |
| 16 | <div id="secrets-example"></div> |
| 17 | |
| 18 | <script> |
| 19 | setTimeout(() => { |
| 20 | const envExample = `# Sales email credentials |
| 21 | SALES_EMAIL_USERNAME="sales@company.com" |
| 22 | SALES_EMAIL_PASSWORD="s3cret-p4$$w0rd" |
| 23 | |
| 24 | # Search engine API keys |
| 25 | BRAVE_API_KEY="brv_xxxxxxxxxxxxxxxxxxxxx" |
| 26 | GOOGLE_API_KEY="AIzaSyD-xxxxxxxxxxxxxxxxxxxx" |
| 27 | |
| 28 | # Email password for notifications |
| 29 | NOTIF_EMAIL_PASSWORD="another-secret-password" |
| 30 | `; |
| 31 | |
| 32 | const editor = ace.edit("secrets-example"); |
| 33 | const dark = localStorage.getItem("darkMode"); |
| 34 | if (dark != "false") { |
| 35 | editor.setTheme("ace/theme/github_dark"); |
| 36 | } else { |
| 37 | editor.setTheme("ace/theme/tomorrow"); |
| 38 | } |
| 39 | editor.session.setMode("ace/mode/ini"); |
| 40 | editor.setValue(envExample); |
| 41 | editor.clearSelection(); |
| 42 | editor.setReadOnly(true); |
| 43 | }, 0); |
| 44 | </script> |
| 45 | <!-- </template> --> |
| 46 | </div> |
| 47 | |
| 48 | <style> |
| 49 | #secrets-example { |
| 50 | width: 100%; |
| 51 | height: 20em; |
| 52 | } |
| 53 | </style> |
| 54 | |
| 55 | </body> |
| 56 | |
| 57 | </html> |