Canvas: Auto create port named env var alias

Change-Id: I1bf725fbb41d1cbda9cfbde0479399c58cef7df6
diff --git a/apps/canvas/front/src/components/node-app.tsx b/apps/canvas/front/src/components/node-app.tsx
index a9ceafe..55dced4 100644
--- a/apps/canvas/front/src/components/node-app.tsx
+++ b/apps/canvas/front/src/components/node-app.tsx
@@ -398,12 +398,21 @@
 				name: name.toUpperCase(),
 				value: Number(value),
 			}),
-			envVars: (data.envVars || []).concat({
-				id: uuidv4(),
-				source: null,
-				portId,
-				name: `DODO_PORT_${name.toUpperCase()}`,
-			}),
+			envVars: (data.envVars || []).concat(
+				{
+					id: uuidv4(),
+					source: null,
+					portId,
+					name: `DODO_PORT_${name.toUpperCase()}`,
+				},
+				{
+					id: uuidv4(),
+					source: null,
+					portId,
+					name: `DODO_PORT_${name.toUpperCase()}`,
+					alias: name.toUpperCase(),
+				},
+			),
 		});
 		setName("");
 		setValue("");