Add dedicated env var when starting a container

Author: benja-M-1

ui/src/components/NewDatabaseDialog.tsx

@@ -83,12 +83,23 @@ export const NewDatabaseDialog = (props: DialogProps) => {
   }
 
   const handleCreateDatabase = async () => {
-    const { image } = officialDBs.find((db) => db.id === provider);
+    const { image, defaults } = officialDBs.find((db) => db.id === provider);
+
+    let envs = [];
+    const values = { password, username, database }
+    if (defaults.envs) {
+      for (const key in defaults.envs) {
+        const value = defaults.envs[key];
+        const variableName = value.replaceAll("%", "");
+        const resolvedValue = values[variableName];
+        envs.push("-e", `${key}=${resolvedValue}`);
+      }
+    }
 
     setCreatingContainer(true);
     let containerID = "";
     try {
-      const result = await ddClient.docker.cli.exec("run", ["-d", "-p", port, image]);
+      const result = await ddClient.docker.cli.exec("run", ["-d", "-p", port, ...envs, image]);
       containerID = result.stdout.trim();
     } catch (e) {
       console.log(e)

ui/src/utils/index.ts

@@ -21,6 +21,11 @@ export const officialDBs: IDatabaseProvider[] = [
       username: "postgres",
       database: "postgres",
       password: "mysecretpassword",
+      envs: {
+        POSTGRES_PASSWORD: "%password%",
+        POSTGRES_USER: "%username%",
+        POSTGRES_DB: "%database%",
+      }
     }
   },
   {
@@ -32,6 +37,11 @@ export const officialDBs: IDatabaseProvider[] = [
       username: "root",
       database: "default",
       password: "mysecretpassword",
+      envs: {
+        MYSQL_ROOT_PASSWORD: "%password%",
+        MYSQL_DATABASE: "%database%",
+        MYSQL_USER: "%username%",
+      }
     }
   },
   {
@@ -43,6 +53,11 @@ export const officialDBs: IDatabaseProvider[] = [
       username: "root",
       database: "default",
       password: "mysecretpassword",
+      envs: {
+        MARIADB_ROOT_PASSWORD: "%password%",
+        MARIADB_DATABASE: "%database%",
+        MARIADB_USER: "%username%",
+      }
     }
   },
 ]

ui/src/utils/types.ts

@@ -15,6 +15,7 @@ export interface IDatabaseProvider {
     username: string;
     password?: string;
     database: string;
+    envs?: { [id: string]: string };
   }
 }