Convert TS to JS

frontend/components/analytics/posthog.ts

@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable no-undef */
+import posthog from 'posthog-js';
+
+import { ENV, POSTHOG_API_KEY, POSTHOG_HOST } from '../utilities/config';
+
+export const initPostHog = () => {
+  if (typeof window !== 'undefined') {
+    // @ts-ignore
+    if (ENV == 'production' && TELEMETRY_CAPTURING_ENABLED) {
+      posthog.init(POSTHOG_API_KEY, {
+        api_host: POSTHOG_HOST
+      });
+    }
+  }
+
+  return posthog;
+};

frontend/components/billing/Plan.tsx

@@ -1,14 +1,27 @@
-import React from "react";
+import React from 'react';
 
-import StripeRedirect from "~/pages/api/organization/StripeRedirect";
+import StripeRedirect from '~/pages/api/organization/StripeRedirect';
 
-export default function Plan({ plan }) {
+interface Props {
+  plan: {
+    name: string;
+    price: string;
+    priceExplanation: string;
+    text: string;
+    subtext: string;
+    buttonTextMain: string;
+    buttonTextSecondary: string;
+    current: boolean;
+  };
+}
+
+export default function Plan({ plan }: Props) {
   return (
     <div
-      className={`relative flex flex-col justify-between border border-2 min-w-fit w-96 rounded-lg h-68 mr-4 bg-mineshaft-800 ${
-        (plan.name != "Starter") & (plan.current == true)
-          ? "border-primary"
-          : "border-chicago-700"
+      className={`relative flex flex-col justify-between border-2 min-w-fit w-96 rounded-lg h-68 mr-4 bg-mineshaft-800 ${
+        plan.name != 'Starter' && plan.current == true
+          ? 'border-primary'
+          : 'border-chicago-700'
       }
 			`}
     >
@@ -36,7 +49,7 @@ export default function Plan({ plan }) {
       <div className="flex flex-row items-center">
         {plan.current == false ? (
           <>
-            {plan.buttonTextMain == "Schedule a Demo" ? (
+            {plan.buttonTextMain == 'Schedule a Demo' ? (
               <a href="/scheduledemo" target='_blank rel="noopener"'>
                 <div className="relative z-10 mx-5 mt-3 mb-4 py-2 px-4 border border-1 border-gray-600 hover:text-black hover:border-primary text-gray-400 font-semibold hover:bg-primary bg-bunker duration-200 cursor-pointer rounded-md flex w-max">
                   {plan.buttonTextMain}
@@ -45,15 +58,15 @@ export default function Plan({ plan }) {
             ) : (
               <div
                 className={`relative z-10 mx-5 mt-3 mb-4 py-2 px-4 border border-1 border-gray-600 text-gray-400 font-semibold ${
-                  plan.buttonTextMain == "Downgrade"
-                    ? "hover:bg-red hover:text-white hover:border-red"
-                    : "hover:bg-primary hover:text-black hover:border-primary"
+                  plan.buttonTextMain == 'Downgrade'
+                    ? 'hover:bg-red hover:text-white hover:border-red'
+                    : 'hover:bg-primary hover:text-black hover:border-primary'
                 } bg-bunker duration-200 cursor-pointer rounded-md flex w-max`}
               >
                 <button
                   onClick={() =>
                     StripeRedirect({
-                      orgId: localStorage.getItem("orgData.id"),
+                      orgId: localStorage.getItem('orgData.id')
                     })
                   }
                 >
@@ -61,7 +74,10 @@ export default function Plan({ plan }) {
                 </button>
               </div>
             )}
-            <a href="https://infisical.com/pricing" target='_blank rel="noopener"'>
+            <a
+              href="https://infisical.com/pricing"
+              target='_blank rel="noopener"'
+            >
               <div className="relative z-10 text-gray-400 font-semibold hover:text-primary duration-200 cursor-pointer mb-0.5">
                 {plan.buttonTextSecondary}
               </div>
@@ -70,9 +86,9 @@ export default function Plan({ plan }) {
         ) : (
           <div
             className={`h-8 w-full rounded-b-md flex justify-center items-center z-10 ${
-              (plan.name != "Starter") & (plan.current == true)
-                ? "bg-primary"
-                : "bg-chicago-700"
+              plan.name != 'Starter' && plan.current == true
+                ? 'bg-primary'
+                : 'bg-chicago-700'
             }`}
           >
             <p className="text-xs text-black font-semibold">CURRENT PLAN</p>

frontend/components/utilities/SecurityClient.js

@@ -1,24 +0,0 @@
-import token from "~/pages/api/auth/Token";
-
-export default class SecurityClient {
-  static #token = "";
-
-  constructor() {}
-
-  static setToken(token) {
-    this.#token = token;
-  }
-
-  static async fetchCall(resource, options) {
-    let req = new Request(resource, options);
-
-    if (this.#token == "") {
-      this.setToken(await token());
-    }
-
-    if (this.#token) {
-      req.headers.set("Authorization", "Bearer " + this.#token);
-      return fetch(req);
-    }
-  }
-}

frontend/components/utilities/SecurityClient.ts

@@ -0,0 +1,27 @@
+import token from '~/pages/api/auth/Token';
+
+export default class SecurityClient {
+  static #token = '';
+
+  constructor() {}
+
+  static setToken(token: string) {
+    this.#token = token;
+  }
+
+  static async fetchCall(
+    resource: RequestInfo,
+    options?: RequestInit | undefined
+  ) {
+    const req = new Request(resource, options);
+
+    if (this.#token == '') {
+      this.setToken(await token());
+    }
+
+    if (this.#token) {
+      req.headers.set('Authorization', 'Bearer ' + this.#token);
+      return fetch(req);
+    }
+  }
+}

frontend/components/utilities/cryptography/issueBackupKey.js

@@ -1,98 +0,0 @@
-import issueBackupPrivateKey from "~/pages/api/auth/IssueBackupPrivateKey";
-import SRP1 from "~/pages/api/auth/SRP1";
-
-import generateBackupPDF from "../generateBackupPDF";
-import Aes256Gcm from "./aes-256-gcm";
-
-const nacl = require("tweetnacl");
-nacl.util = require("tweetnacl-util");
-const jsrp = require("jsrp");
-const clientPassword = new jsrp.client();
-const clientKey = new jsrp.client();
-const crypto = require("crypto");
-
-/**
- * This function loggs in the user (whether it's right after signup, or a normal login)
- * @param {*} email
- * @param {*} password
- * @param {*} setErrorLogin
- * @param {*} router
- * @param {*} isSignUp
- * @returns
- */
-const issueBackupKey = async ({
-  email,
-  password,
-  personalName,
-  setBackupKeyError,
-  setBackupKeyIssued,
-}) => {
-  try {
-    setBackupKeyError(false);
-    setBackupKeyIssued(false);
-    clientPassword.init(
-      {
-        username: email,
-        password: password,
-      },
-      async () => {
-        const clientPublicKey = clientPassword.getPublicKey();
-
-        let serverPublicKey, salt;
-        try {
-          const res = await SRP1({
-            clientPublicKey: clientPublicKey,
-          });
-          serverPublicKey = res.serverPublicKey;
-          salt = res.salt;
-        } catch (err) {
-          setBackupKeyError(true);
-          console.log("Wrong current password", err, 1);
-        }
-
-        clientPassword.setSalt(salt);
-        clientPassword.setServerPublicKey(serverPublicKey);
-        const clientProof = clientPassword.getProof(); // called M1
-
-        const generatedKey = crypto.randomBytes(16).toString("hex");
-
-        clientKey.init(
-          {
-            username: email,
-            password: generatedKey,
-          },
-          async () => {
-            clientKey.createVerifier(async (err, result) => {
-              let { ciphertext, iv, tag } = Aes256Gcm.encrypt(
-                localStorage.getItem("PRIVATE_KEY"),
-                generatedKey
-              );
-
-              const res = await issueBackupPrivateKey({
-                encryptedPrivateKey: ciphertext,
-                iv,
-                tag,
-                salt: result.salt,
-                verifier: result.verifier,
-                clientProof,
-              });
-
-              if (res.status == 400) {
-                setBackupKeyError(true);
-              } else if (res.status == 200) {
-                generateBackupPDF(personalName, email, generatedKey);
-                setBackupKeyIssued(true);
-              }
-            });
-          }
-        );
-      }
-    );
-  } catch (error) {
-    setBackupKeyError(true);
-    console.log("Failed to issue a backup key");
-  }
-  return true;
-};
-
-export default issueBackupKey;

frontend/components/utilities/cryptography/issueBackupKey.ts

@@ -0,0 +1,112 @@
+import issueBackupPrivateKey from '~/pages/api/auth/IssueBackupPrivateKey';
+import SRP1 from '~/pages/api/auth/SRP1';
+
+import { tempLocalStorage } from '../checks/tempLocalStorage';
+import generateBackupPDF from '../generateBackupPDF';
+import Aes256Gcm from './aes-256-gcm';
+
+const nacl = require('tweetnacl');
+nacl.util = require('tweetnacl-util');
+const jsrp = require('jsrp');
+const clientPassword = new jsrp.client();
+const clientKey = new jsrp.client();
+const crypto = require('crypto');
+
+interface Props {
+  email: string;
+  password: string;
+  personalName: string;
+  setBackupKeyError: any;
+  setBackupKeyIssued: any;
+}
+
+/**
+ * This function loggs in the user (whether it's right after signup, or a normal login)
+ * @param {*} email
+ * @param {*} password
+ * @param {*} setErrorLogin
+ * @param {*} router
+ * @param {*} isSignUp
+ * @returns
+ */
+const issueBackupKey = async ({
+  email,
+  password,
+  personalName,
+  setBackupKeyError,
+  setBackupKeyIssued
+}: Props) => {
+  try {
+    setBackupKeyError(false);
+    setBackupKeyIssued(false);
+    clientPassword.init(
+      {
+        username: email,
+        password: password
+      },
+      async () => {
+        const clientPublicKey = clientPassword.getPublicKey();
+
+        let serverPublicKey, salt;
+        try {
+          const res = await SRP1({
+            clientPublicKey: clientPublicKey
+          });
+          serverPublicKey = res.serverPublicKey;
+          salt = res.salt;
+        } catch (err) {
+          setBackupKeyError(true);
+          console.log('Wrong current password', err, 1);
+        }
+
+        clientPassword.setSalt(salt);
+        clientPassword.setServerPublicKey(serverPublicKey);
+        const clientProof = clientPassword.getProof(); // called M1
+
+        const generatedKey = crypto.randomBytes(16).toString('hex');
+
+        clientKey.init(
+          {
+            username: email,
+            password: generatedKey
+          },
+          async () => {
+            clientKey.createVerifier(
+              async (_: any, result: { salt: string; verifier: string }) => {
+                // TODO: Fix this
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                const { ciphertext, iv, tag } = Aes256Gcm.encrypt(
+                  tempLocalStorage('PRIVATE_KEY'),
+                  generatedKey
+                );
+
+                const res = await issueBackupPrivateKey({
+                  encryptedPrivateKey: ciphertext,
+                  iv,
+                  tag,
+                  salt: result.salt,
+                  verifier: result.verifier,
+                  clientProof
+                });
+
+                if (res && res.status == 400) {
+                  setBackupKeyError(true);
+                } else if (res && res.status == 200) {
+                  generateBackupPDF(personalName, email, generatedKey);
+                  setBackupKeyIssued(true);
+                }
+              }
+            );
+          }
+        );
+      }
+    );
+  } catch (error) {
+    setBackupKeyError(true);
+    console.log('Failed to issue a backup key');
+  }
+  return true;
+};
+
+export default issueBackupKey;

frontend/components/utilities/file.ts

@@ -6,21 +6,21 @@ const LINE =
  * @param {Buffer} src - source buffer
  * @returns {String} text - text of buffer
  */
-function parse(src) {
-  const obj = {};
+function parse(src: Buffer) {
+  const obj: Record<string, string> = {};
 
   // Convert buffer to string
   let lines = src.toString();
 
   // Convert line breaks to same format
-  lines = lines.replace(/\r\n?/gm, "\n");
+  lines = lines.replace(/\r\n?/gm, '\n');
 
   let match;
   while ((match = LINE.exec(lines)) != null) {
     const key = match[1];
 
     // Default undefined or null to empty string
-    let value = match[2] || "";
+    let value = match[2] || '';
 
     // Remove whitespace
     value = value.trim();
@@ -29,12 +29,12 @@ function parse(src) {
     const maybeQuote = value[0];
 
     // Remove surrounding quotes
-    value = value.replace(/^(['"`])([\s\S]*)\1$/gm, "$2");
+    value = value.replace(/^(['"`])([\s\S]*)\1$/gm, '$2');
 
     // Expand newlines if double quoted
     if (maybeQuote === '"') {
-      value = value.replace(/\\n/g, "\n");
-      value = value.replace(/\\r/g, "\r");
+      value = value.replace(/\\n/g, '\n');
+      value = value.replace(/\\r/g, '\r');
     }
 
     // Add to object

frontend/components/utilities/randomId.ts

@@ -3,19 +3,19 @@
  * @returns
  */
 const guidGenerator = () => {
-  var S4 = function () {
+  const S4 = function () {
     return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
   };
   return (
     S4() +
     S4() +
-    "-" +
+    '-' +
     S4() +
-    "-" +
+    '-' +
     S4() +
-    "-" +
+    '-' +
     S4() +
-    "-" +
+    '-' +
     S4() +
     S4() +
     S4()

frontend/components/utilities/secrets/getSecretsForProject.ts

@@ -1,22 +1,30 @@
-import getSecrets from "~/pages/api/files/GetSecrets";
+import getSecrets from '~/pages/api/files/GetSecrets';
 
-import { envMapping } from "../../../public/data/frequentConstants";
-import guidGenerator from "../randomId";
+import { envMapping } from '../../../public/data/frequentConstants';
+import guidGenerator from '../randomId';
 
 const {
   decryptAssymmetric,
-  decryptSymmetric,
-} = require("../cryptography/crypto");
-const nacl = require("tweetnacl");
-nacl.util = require("tweetnacl-util");
+  decryptSymmetric
+} = require('../cryptography/crypto');
+const nacl = require('tweetnacl');
+nacl.util = require('tweetnacl-util');
+
+interface Props {
+  env: keyof typeof envMapping;
+  setFileState: any;
+  setIsKeyAvailable: any;
+  setData: any;
+  workspaceId: string;
+}
 
 const getSecretsForProject = async ({
   env,
   setFileState,
   setIsKeyAvailable,
   setData,
-  workspaceId,
-}) => {
+  workspaceId
+}: Props) => {
   try {
     let file;
     try {
@@ -24,44 +32,42 @@ const getSecretsForProject = async ({
 
       setFileState(file);
     } catch (error) {
-      console.log("ERROR: Not able to access the latest file");
+      console.log('ERROR: Not able to access the latest file');
     }
     // This is called isKeyAvilable but what it really means is if a person is able to create new key pairs
-    setIsKeyAvailable(
-      !file.key ? (file.secrets.length == 0 ? true : false) : true
-    );
+    setIsKeyAvailable(!file.key ? file.secrets.length == 0 : true);
 
-    const PRIVATE_KEY = localStorage.getItem("PRIVATE_KEY");
+    const PRIVATE_KEY = localStorage.getItem('PRIVATE_KEY');
 
-    let tempFileState = [];
+    const tempFileState: { key: string; value: string; type: string }[] = [];
     if (file.key) {
       // assymmetrically decrypt symmetric key with local private key
       const key = decryptAssymmetric({
         ciphertext: file.key.encryptedKey,
         nonce: file.key.nonce,
         publicKey: file.key.sender.publicKey,
-        privateKey: PRIVATE_KEY,
+        privateKey: PRIVATE_KEY
       });
 
-      file.secrets.map((secretPair) => {
+      file.secrets.map((secretPair: any) => {
         // decrypt .env file with symmetric key
         const plainTextKey = decryptSymmetric({
           ciphertext: secretPair.secretKey.ciphertext,
           iv: secretPair.secretKey.iv,
           tag: secretPair.secretKey.tag,
-          key,
+          key
         });
 
         const plainTextValue = decryptSymmetric({
           ciphertext: secretPair.secretValue.ciphertext,
           iv: secretPair.secretValue.iv,
           tag: secretPair.secretValue.tag,
-          key,
+          key
         });
         tempFileState.push({
           key: plainTextKey,
           value: plainTextValue,
-          type: secretPair.type,
+          type: secretPair.type
         });
       });
     }
@@ -71,9 +77,9 @@ const getSecretsForProject = async ({
       tempFileState.map((line, index) => [
         guidGenerator(),
         index,
-        line["key"],
-        line["value"],
-        line["type"],
+        line['key'],
+        line['value'],
+        line['type']
       ])
       // .sort((a, b) =>
       // 	sortMethod == "alphabetical"
@@ -84,12 +90,12 @@ const getSecretsForProject = async ({
     return tempFileState.map((line, index) => [
       guidGenerator(),
       index,
-      line["key"],
-      line["value"],
-      line["type"],
+      line['key'],
+      line['value'],
+      line['type']
     ]);
   } catch (error) {
-    console.log("Something went wrong during accessing or decripting secrets.");
+    console.log('Something went wrong during accessing or decripting secrets.');
   }
   return true;
 };

frontend/components/utilities/secrets/pushKeysIntegration.js

@@ -1,74 +0,0 @@
-import publicKeyInfical from "~/pages/api/auth/publicKeyInfisical";
-import changeHerokuConfigVars from "~/pages/api/integrations/ChangeHerokuConfigVars";
-
-const crypto = require("crypto");
-const {
-  encryptSymmetric,
-  encryptAssymmetric,
-} = require("../cryptography/crypto");
-const nacl = require("tweetnacl");
-nacl.util = require("tweetnacl-util");
-
-const pushKeysIntegration = async ({ obj, integrationId }) => {
-  const PRIVATE_KEY = localStorage.getItem("PRIVATE_KEY");
-
-  let randomBytes = crypto.randomBytes(16).toString("hex");
-
-  const secrets = Object.keys(obj).map((key) => {
-    // encrypt key
-    const {
-      ciphertext: ciphertextKey,
-      iv: ivKey,
-      tag: tagKey,
-    } = encryptSymmetric({
-      plaintext: key,
-      key: randomBytes,
-    });
-
-    // encrypt value
-    const {
-      ciphertext: ciphertextValue,
-      iv: ivValue,
-      tag: tagValue,
-    } = encryptSymmetric({
-      plaintext: obj[key],
-      key: randomBytes,
-    });
-
-    const visibility = "shared";
-
-    return {
-      ciphertextKey,
-      ivKey,
-      tagKey,
-      hashKey: crypto.createHash("sha256").update(key).digest("hex"),
-      ciphertextValue,
-      ivValue,
-      tagValue,
-      hashValue: crypto.createHash("sha256").update(obj[key]).digest("hex"),
-      type: visibility,
-    };
-  });
-
-  // obtain public keys of all receivers (i.e. members in workspace)
-  let publicKeyInfisical = await publicKeyInfical();
-
-  publicKeyInfisical = (await publicKeyInfisical.json()).publicKey;
-
-  // assymmetrically encrypt key with each receiver public keys
-
-  const { ciphertext, nonce } = encryptAssymmetric({
-    plaintext: randomBytes,
-    publicKey: publicKeyInfisical,
-    privateKey: PRIVATE_KEY,
-  });
-
-  const key = {
-    encryptedKey: ciphertext,
-    nonce,
-  };
-
-  changeHerokuConfigVars({ integrationId, key, secrets });
-};
-
-export default pushKeysIntegration;

frontend/components/utilities/secrets/pushKeysIntegration.ts

@@ -0,0 +1,79 @@
+import publicKeyInfical from '~/pages/api/auth/publicKeyInfisical';
+import changeHerokuConfigVars from '~/pages/api/integrations/ChangeHerokuConfigVars';
+
+const crypto = require('crypto');
+const {
+  encryptSymmetric,
+  encryptAssymmetric
+} = require('../cryptography/crypto');
+const nacl = require('tweetnacl');
+nacl.util = require('tweetnacl-util');
+
+interface Props {
+  obj: Record<string, string>;
+  integrationId: string;
+}
+
+const pushKeysIntegration = async ({ obj, integrationId }: Props) => {
+  const PRIVATE_KEY = localStorage.getItem('PRIVATE_KEY');
+
+  const randomBytes = crypto.randomBytes(16).toString('hex');
+
+  const secrets = Object.keys(obj).map((key) => {
+    // encrypt key
+    const {
+      ciphertext: ciphertextKey,
+      iv: ivKey,
+      tag: tagKey
+    } = encryptSymmetric({
+      plaintext: key,
+      key: randomBytes
+    });
+
+    // encrypt value
+    const {
+      ciphertext: ciphertextValue,
+      iv: ivValue,
+      tag: tagValue
+    } = encryptSymmetric({
+      plaintext: obj[key],
+      key: randomBytes
+    });
+
+    const visibility = 'shared';
+
+    return {
+      ciphertextKey,
+      ivKey,
+      tagKey,
+      hashKey: crypto.createHash('sha256').update(key).digest('hex'),
+      ciphertextValue,
+      ivValue,
+      tagValue,
+      hashValue: crypto.createHash('sha256').update(obj[key]).digest('hex'),
+      type: visibility
+    };
+  });
+
+  // obtain public keys of all receivers (i.e. members in workspace)
+  const publicKeyInfisical = await publicKeyInfical();
+
+  const publicKey = (await publicKeyInfisical.json()).publicKey;
+
+  // assymmetrically encrypt key with each receiver public keys
+
+  const { ciphertext, nonce } = encryptAssymmetric({
+    plaintext: randomBytes,
+    publicKey,
+    privateKey: PRIVATE_KEY
+  });
+
+  const key = {
+    encryptedKey: ciphertext,
+    nonce
+  };
+
+  changeHerokuConfigVars({ integrationId, key, secrets });
+};
+
+export default pushKeysIntegration;