VaultUI/src/pages/KeyValue/KeyValueSecretsEdit.ts

import { CodeJar } from "codejar";
import { Page } from "../../types/Page";
import { changePage, setErrorText, setPageContent, setTitleElement } from "../../pageUtils";
import { createOrUpdateSecret } from "../../api/kv/createOrUpdateSecret";
import { getSecret } from "../../api/kv/getSecret";
import { makeElement } from "../../htmlUtils";
import { pageState } from "../../globalPageState";
import { sortedObjectMap, verifyJSONString } from "../../utils";
import i18next from "i18next";

export class KeyValueSecretEditPage extends Page {
  constructor() {
    super();
  }
  goBack(): void {
    changePage("KEY_VALUE_SECRET");
  }
  render(): void {
    setTitleElement(pageState);
    const loadingText = makeElement({
      tag: "p",
      text: i18next.t("kv_sec_edit_loading"),
    });
    const editor = makeElement({
      tag: "div",
      class: ["editor", "language-json"],
    });
    const saveButton = makeElement({
      tag: "button",
      class: ["uk-button", "uk-button-primary"],
      text: i18next.t("kv_sec_edit_btn"),
    });
    setPageContent(
      makeElement({
        tag: "div",
        children: [
          loadingText,
          editor,
          makeElement({
            tag: "p",
            id: "errorText",
            class: ["uk-text-danger", "uk-margin-top"],
          }),
          saveButton,
        ],
      }),
    );
    void getSecret(
      pageState.currentBaseMount,
      pageState.currentMountType,
      pageState.currentSecretPath,
      pageState.currentSecret,
    ).then((secretInfo) => {
      loadingText.remove();

      const secretsJSON = JSON.stringify(sortedObjectMap(secretInfo), null, 4);

      const jar = CodeJar(editor, () => {}, { tab: " ".repeat(4) });
      jar.updateCode(secretsJSON);
      saveButton.onclick = function () {
        if (!verifyJSONString(jar.toString())) {
          setErrorText(i18next.t("kv_sec_edit_invalid_json_err"));
          return;
        }

        createOrUpdateSecret(
          pageState.currentBaseMount,
          pageState.currentMountType,
          pageState.currentSecretPath,
          pageState.currentSecret,
          JSON.parse(jar.toString()),
        )
          .then((_) => {
            changePage("KEY_VALUE_SECRET");
            return;
          })
          .catch((e: Error) => {
            setErrorText(e.message);
          });
      };
    });
  }

  get titleSuffix(): string {
    return i18next.t("kv_sec_edit_suffix");
  }

  get name(): string {
    return i18next.t("kv_sec_edit_title");
  }
}