chore(admin): #IMPULS-5854 uniformise le fichier de proxy de développement avec .env (#1051)

* chore(admin):#IMPULS-5854 uniformise env proxy file

* simplify from review comment

Author: damienromito

.gitignore

@@ -77,6 +77,7 @@ admin/src/main/ts/.angular
 *.lock
 tests/src/test/resources/data/thumbnails/image.jpg
 admin/src/main/ts/.proxyRemoteConfig.js
+admin/src/main/ts/.env
 conversation/src/main/resources/public/js/
 conversation/src/main/resources/view/
 

admin/src/main/ts/.env.template

@@ -0,0 +1,11 @@
+# Remote proxy configuration for development
+# Copy this file to .env and fill in your credentials,
+# or use dev-auth-fetcher to generate it automatically.
+#
+# VITE_RECETTE   : URL of the remote server (ex: https://recette-ode1.opendigitaleducation.com)
+# VITE_XSRF_TOKEN    : XSRF-TOKEN cookie value
+# VITE_ONE_SESSION_ID: oneSessionId cookie value
+
+VITE_RECETTE=
+VITE_XSRF_TOKEN=
+VITE_ONE_SESSION_ID=

admin/src/main/ts/.proxyRemoteConfig.template.js

@@ -2,10 +2,15 @@
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.19.
 
-## Development server
+## Development with proxy server
 
 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-If you want to be connected to a remote server instead of you local springboard you can use the `.proxyRemoteConfig.template.js` copy the file and remove the `.template` so the `proxy-devepment.config.js` will be able to use it when you run `ng serve`.
+
+To connect to a remote server instead of your local springboard, create a `.env` file in this directory with your credentials:
+
+**Option 1 — automatic (recommended):** use [dev-auth-fetcher](https://github.com/edificeio/dev-auth-fetcher) which handles authentication and generates the `.env` automatically.
+
+**Option 2 — manual:** copy `.env.template` to `.env` and fill in `VITE_RECETTE`, `VITE_XSRF_TOKEN` and `VITE_ONE_SESSION_ID`, then run `ng serve`.
 
 ## Code scaffolding
 

admin/src/main/ts/README.md

@@ -33,23 +33,47 @@ const PROXY_FAVICO = {
   changeOrigin: true,
 };
 
-if (fs.existsSync("./.proxyRemoteConfig.js")) {
-  const config = require("./.proxyRemoteConfig.js");
-  console.log("Using remote proxy configuration target: ", config.target);
-  PROXY_CONFIG.target = config.target;
-  PROXY_FAVICO.target = config.target;
-  if (config.oneSessionId && config.xsrfToken) {
-    PROXY_CONFIG.headers = {
-      cookie: `oneSessionId=${config.oneSessionId}; authenticated=true; XSRF-TOKEN=${config.xsrfToken}`,
-    };
-    PROXY_CONFIG.onProxyRes = (proxyRes, req, res) => {
-      proxyRes.headers["set-cookie"] = [
-        `oneSessionId=${config.oneSessionId}`,
-        `XSRF-TOKEN=${config.xsrfToken}`,
-      ];
-    };
+// This function parses a .env file and returns an object with key-value pairs.
+// This is used to uniformize the parsing of the .env file and to avoid using a third-party library.
+const parseEnvFile = (content) => {
+  const result = {};
+  for (const line of content.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith("#")) continue;
+    const eqIndex = trimmed.indexOf("=");
+    if (eqIndex === -1) continue;
+    const key = trimmed.slice(0, eqIndex).trim();
+    let value = trimmed.slice(eqIndex + 1).trim();
+    if (
+      (value.startsWith('"') && value.endsWith('"')) ||
+      (value.startsWith("'") && value.endsWith("'"))
+    ) {
+      value = value.slice(1, -1);
+    }
+    result[key] = value;
   }
+  return result;
+};
 
+if (fs.existsSync("./.env")) {
+  const env = parseEnvFile(fs.readFileSync("./.env", "utf-8"));
+  const {VITE_RECETTE, VITE_XSRF_TOKEN, VITE_ONE_SESSION_ID} = env;
+  if (VITE_RECETTE) {
+    console.log("Using remote proxy configuration target: ", VITE_RECETTE);
+    PROXY_CONFIG.target = VITE_RECETTE;
+    PROXY_FAVICO.target = VITE_RECETTE;
+    if (VITE_ONE_SESSION_ID && VITE_XSRF_TOKEN) {
+      PROXY_CONFIG.headers = {
+        cookie: `oneSessionId=${VITE_ONE_SESSION_ID}; authenticated=true; XSRF-TOKEN=${VITE_XSRF_TOKEN}`,
+      };
+      PROXY_CONFIG.onProxyRes = (proxyRes, req, res) => {
+        proxyRes.headers["set-cookie"] = [
+          `oneSessionId=${VITE_ONE_SESSION_ID}`,
+          `XSRF-TOKEN=${VITE_XSRF_TOKEN}`,
+        ];
+      };
+    }
+  }
 }
 
 module.exports = [PROXY_CONFIG, PROXY_FAVICO];