VaultUI/readme.md

# VaultUI

This is a very simple UI for working with secrets in [Hashicorp Vault](https://www.hashicorp.com/products/vault)

## How to build:
```
npm install --save-dev
npx webpack
```
The resulting built files will be in `dist/`

## How to run in development:
Use whatever browser you want, I personally test on latest Microsoft Edge Dev build.
```
npm install --save-dev
WEBPACK_MODE=development BROWSER=google-chrome npx webpack serve
```

## Translating
Make sure to keep the order of comments and tags in the translation files `src/translations` the same.

When you want to PR an update, title it "Changed wording in..." or "Synced translations in de" or something along those lines.

To get a list of what languages need what translations added, run `node ./checkTranslations.mjs`
Example:
```
Language: fr
Missing:  unseal_input_btn, unseal_qr_btn
```
Means those two missing things need to be added to french.


f
## Screenshots
### Home
![The home page with listings for all mounted secrets engines.](screenshots/home.jpg)
### Cubbyhole Engine
![The cubbyhole page with info on how to use it.](screenshots/cubbyhole.jpg)
### K/V v1 Engine
![The view screen on the key value v1 screen with delete and edit buttons.](screenshots/kv1.jpg)
### K/V v2 Engine
![The view screen on the key value v2 screen with delete all, edit and versions buttons.](screenshots/kv2.jpg)
![Viewing a secret that can only be displayed as syntax highlighted JSON.](screenshots/kv2json.jpg)
![The versions list of a secret.](screenshots/kv2versions.jpg)
![A soft deleted secret with option to undelete.](screenshots/kv2undelete.jpg)
### TOTP Engine
We don't yet support `generate: true` TOTP secrets but probably will in the future.
![A copyable list of TOTP codes with option to add a new one.](screenshots/totp.jpg)
![A screen where you can add a new TOTP code.](screenshots/totpnew.jpg)
### Transit Engine
![Options to encrypt and decrypt using the transit engine.](screenshots/transit.jpg)