Simplified code to demonstrate issue with comma

Added akeyless api integration

.env.example

@@ -0,0 +1,3 @@
+VITE_AKEYLESS_ACCESS_ID=""
+VITE_AKEYLESS_ACCESS_KEY=""
+VITE_AKEYLESS_KEY_PATH=""

.gitignore

@@ -22,4 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-tokens.ts
+.env

src/main.ts

@@ -2,7 +2,4 @@ import "./style.css";
 
 import { tokenList } from "./tokenList";
 import rootDiv from "./utils/root";
-
-rootDiv!.innerHTML = `
-  ${tokenList()}
-`;
+rootDiv!.innerHTML = await tokenList();

src/toast.ts

@@ -2,6 +2,11 @@ export function toast(element: HTMLDivElement, message: string) {
     // Target our predefined DIV that will hold toast messages.
     const toastDiv = element.getElementsByClassName('toast')
  
+    const interval = setInterval(() => {
+        toastDiv[0].remove()
+        clearInterval(interval)
+    }, 5000)
+
     // If we currently have a toast displayed, let's remove it from the DOM.
     if (toastDiv && toastDiv.length != 0) {
         for (const el of toastDiv){

src/token.ts

@@ -1,7 +1,6 @@
 import totp from 'totp-generator'
 const period = 30
 const digits = 6
-
 export function displayToken(secret: string) {
   const token = totp(secret.replace(/ /g, '').trim(), {
     digits,

src/tokenList.ts

@@ -1,8 +1,9 @@
 import { displayTokenListItem } from "./tokenListItem";
 import { tokens } from "./tokens";
-
-export function tokenList() {
-  return `<form id="tokens">${tokens.map((token) =>
+import { Token } from "./utils/types";
+console.log('tokens', tokens)
+export async function tokenList() {
+  return `<form id="tokens">${tokens.map((token: Token) =>
     displayTokenListItem(token.account, token.secret)
   )}</form>`;
 }

src/tokens.example.ts

@@ -1,10 +0,0 @@
-export const tokens = [
-  {
-    account: 'Github',
-    secret: 'AFDAFDAFAFFD',
-  },
-  {
-    account: 'Gmail',
-    secret: 'AFDJKADFJsddfsKLAFSJLK',
-  },
-]

src/tokens.ts

@@ -0,0 +1,10 @@
+export const tokens = [
+    {
+        "account": "Github",
+        "secret": "AFDAFDAFAFFD"
+    },
+    {
+        "account": "Gmail",
+        "secret": "AFDJKADFJsddfsKLAFSJLK"
+    }
+]

src/utils/types.ts

@@ -0,0 +1,15 @@
+import { tokens } from "../tokens";
+
+export interface TokenResponse {
+    token: string;
+    creds: null;
+}
+
+export interface Token {
+    account: string;
+    secret: string;
+  }
+
+export interface GenericAPIResponse {
+    result: string;
+}