feat(ui): implemented the new dashboard page

2026-10-18 17:41:16 +00:00 · 2023-03-19 00:40:13 +05:30
parent b42c33107e
commit 4cce75d128
24 changed files with 2405 additions and 1246 deletions
@@ -0,0 +1,231 @@
+import crypto from 'crypto';
+
+import * as yup from 'yup';
+
+import {
+  decryptAssymmetric,
+  encryptSymmetric
+} from '@app/components/utilities/cryptography/crypto';
+import { BatchSecretDTO } from '@app/hooks/api/secrets/types';
+
+export enum SecretActionType {
+  Created = 'created',
+  Modified = 'modified',
+  Deleted = 'deleted'
+}
+
+export const DEFAULT_SECRET_VALUE = {
+  _id: undefined,
+  overrideAction: undefined,
+  idOverride: undefined,
+  valueOverride: undefined,
+  comment: '',
+  key: '',
+  value: '',
+  tags: []
+};
+
+const secretSchema = yup.object({
+  _id: yup.string(),
+  key: yup
+    .string()
+    .trim()
+    .required()
+    .label('Secret key')
+    .test('starts-with-number', 'Should start with an alphabet', (val) =>
+      Boolean(val?.charAt(0)?.match(/[a-zA-Z]/i))
+    )
+    .test({
+      name: 'duplicate-keys',
+      // TODO:(akhilmhdh) ts keeps throwing from not found need to see how to resolve this
+      test: (val, ctx: any) => {
+        const secrets: Array<{ key: string }> = ctx?.from?.[1]?.value?.secrets || [];
+        const duplicateKeys: Record<number, boolean> = {};
+        secrets?.forEach(({ key }, index) => {
+          if (key === val) duplicateKeys[index + 1] = true;
+        });
+        const pos = Object.keys(duplicateKeys);
+        if (pos.length <= 1) {
+          return true;
+        }
+        return ctx.createError({ message: `Same key in row ${pos.join(', ')}` });
+      }
+    }),
+  value: yup.string().trim(),
+  comment: yup.string().trim(),
+  tags: yup.array(
+    yup.object({
+      _id: yup.string().required(),
+      name: yup.string().required(),
+      slug: yup.string().required()
+    })
+  ),
+  overrideAction: yup.string().notRequired().oneOf(Object.values(SecretActionType)),
+  idOverride: yup.string().notRequired(),
+  valueOverride: yup.string().trim().notRequired()
+});
+
+export const schema = yup.object({
+  isSnapshotMode: yup.bool().notRequired(),
+  secrets: yup.array(secretSchema)
+});
+
+export type FormData = yup.InferType<typeof schema>;
+export type TSecretDetailsOpen = { index: number; id: string };
+export type TSecOverwriteOpt = { secrets: Record<string, { comments: string[]; value: string }> };
+
+export const downloadSecret = (secrets: FormData['secrets'] = [], env: string = 'unknown') => {
+  const finalSecret = secrets.map(({ key, value, valueOverride, overrideAction, comment }) => ({
+    key,
+    value: overrideAction && overrideAction !== SecretActionType.Deleted ? valueOverride : value,
+    comment
+  }));
+
+  let file = '';
+  finalSecret.forEach(({ key, value, comment }) => {
+    if (comment) {
+      file += `# ${comment}\n${key}=${value}\n`;
+      return;
+    }
+    file += `${key}=${value}\n`;
+  });
+
+  const blob = new Blob([file]);
+  const fileDownloadUrl = URL.createObjectURL(blob);
+  const alink = document.createElement('a');
+  alink.href = fileDownloadUrl;
+  alink.download = `${env}.env`;
+  alink.click();
+};
+
+/*
+ * Below functions are used convert the dashboard secrets to the bulk secret creation request format
+ * They are encrypted back
+ * Formatted to [ { request: "", secret:{} } ]
+ */
+const encryptASecret = (randomBytes: string, key: string, value?: string, comment?: string) => {
+  // encrypt key
+  const {
+    ciphertext: secretKeyCiphertext,
+    iv: secretKeyIV,
+    tag: secretKeyTag
+  } = encryptSymmetric({
+    plaintext: key,
+    key: randomBytes
+  });
+
+  // encrypt value
+  const {
+    ciphertext: secretValueCiphertext,
+    iv: secretValueIV,
+    tag: secretValueTag
+  } = encryptSymmetric({
+    plaintext: value ?? '',
+    key: randomBytes
+  });
+
+  // encrypt comment
+  const {
+    ciphertext: secretCommentCiphertext,
+    iv: secretCommentIV,
+    tag: secretCommentTag
+  } = encryptSymmetric({
+    plaintext: comment ?? '',
+    key: randomBytes
+  });
+
+  return {
+    secretKeyCiphertext,
+    secretKeyIV,
+    secretKeyTag,
+    secretValueCiphertext,
+    secretValueIV,
+    secretValueTag,
+    secretCommentCiphertext,
+    secretCommentIV,
+    secretCommentTag
+  };
+};
+
+export const transformSecretsToBatchSecretReq = (
+  deletedSecretIds: string[],
+  latestFileKey: any,
+  secrets: FormData['secrets']
+) => {
+  // deleted secrets
+  const secretsToBeDeleted: BatchSecretDTO['requests'] = deletedSecretIds.map((id) => ({
+    method: 'DELETE',
+    secret: { _id: id }
+  }));
+
+  const secretsToBeUpdated: BatchSecretDTO['requests'] = [];
+  const secretsToBeCreated: BatchSecretDTO['requests'] = [];
+  const PRIVATE_KEY = localStorage.getItem('PRIVATE_KEY') as string;
+
+  const randomBytes = latestFileKey
+    ? decryptAssymmetric({
+        ciphertext: latestFileKey.encryptedKey,
+        nonce: latestFileKey.nonce,
+        publicKey: latestFileKey.sender.publicKey,
+        privateKey: PRIVATE_KEY
+      })
+    : crypto.randomBytes(16).toString('hex');
+
+  secrets?.forEach(
+    ({ _id, idOverride, value, valueOverride, overrideAction, tags = [], comment, key }) => {
+      if (!idOverride && overrideAction === SecretActionType.Created) {
+        secretsToBeCreated.push({
+          method: 'POST',
+          secret: {
+            type: 'personal',
+            tags,
+            ...encryptASecret(randomBytes, key, valueOverride, comment)
+          }
+        });
+      }
+      // to be created ones as they don't have server generated id
+      if (!_id) {
+        secretsToBeCreated.push({
+          method: 'POST',
+          secret: {
+            type: 'shared',
+            tags,
+            ...encryptASecret(randomBytes, key, value, comment)
+          }
+        });
+        return; // exit as updated and delete case won't happen when created
+      }
+      // has an id means this is updated one
+      if (_id) {
+        secretsToBeUpdated.push({
+          method: 'PATCH',
+          secret: {
+            _id,
+            type: 'shared',
+            tags,
+            ...encryptASecret(randomBytes, key, value, comment)
+          }
+        });
+      }
+      if (idOverride) {
+        // if action is deleted meaning override has been removed but id is kept to collect at this point
+        if (overrideAction === SecretActionType.Deleted) {
+          secretsToBeDeleted.push({ method: 'DELETE', secret: { _id: idOverride } });
+        } else {
+          // if not deleted action then as id is there its an updated
+          secretsToBeUpdated.push({
+            method: 'PATCH',
+            secret: {
+              _id: idOverride,
+              type: 'personal',
+              tags,
+              ...encryptASecret(randomBytes, key, valueOverride, comment)
+            }
+          });
+        }
+      }
+    }
+  );
+
+  return secretsToBeCreated.concat(secretsToBeUpdated, secretsToBeDeleted);
+};