Merge pull request #2857 from devtron-labs/feat/secrets-mgr

chore: add a script to update target url and password during development

Author: Elessar1802

.eslintignore

@@ -4,6 +4,7 @@
 *.test.tsx
 .eslintrc.js
 vite.config.mts
+scripts/
 
 # The following files have eslint errors/warnings
 src/Pages/GlobalConfigurations/Authorization/APITokens/__tests__/ApiTokens.test.tsx

.gitignore

@@ -52,3 +52,6 @@ yalc.lock
 !.yarn/sdks
 !.yarn/versions
 .pnp.*
+
+.env.secrets
+scripts/

package.json

@@ -49,6 +49,7 @@
         "lint": "tsc --noEmit && eslint 'src/**/*.{js,jsx,ts,tsx}' --max-warnings 0",
         "lint-fix": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix",
         "start": "vite --open",
+        "dev": "node scripts/secrets-mgr.js",
         "build": "NODE_OPTIONS=--max_old_space_size=8192 vite build",
         "serve": "vite preview",
         "build-light": "NODE_OPTIONS=--max_old_space_size=8192 GENERATE_SOURCEMAP=false vite build",

src/components/login/LoginForm.tsx

@@ -43,7 +43,7 @@ export const LoginForm = ({ loginList }: LoginFormType) => {
     const [loading, setLoading] = useState(false)
     const [form, setForm] = useState({
         username: 'admin',
-        password: '',
+        password: import.meta.env.VITE_ADMIN_PASSWORD ?? '',
     })
     const [errorMessage, setErrorMessage] = useState({
         username: {

vite.config.mts

@@ -94,7 +94,11 @@ const jsToBottomNoModule = () => {
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
-    process.env = { ...process.env, ...loadEnv(mode, process.cwd(), '') }
+    const secretsEnv = loadEnv('secrets', process.cwd(), '')
+    const targetUrl = secretsEnv.VITE_TARGET_URL ?? TARGET_URL
+
+    process.env = { ...process.env, ...loadEnv(mode, process.cwd(), ''), ...secretsEnv }
+
     const baseConfig: UserConfig = {
         base: '/dashboard',
         preview: {
@@ -268,10 +272,10 @@ export default defineConfig(({ mode }) => {
             port: 3000,
             proxy: {
                 '/orchestrator': {
-                    target: TARGET_URL,
+                    target: targetUrl,
                     changeOrigin: true,
                 },
-                '/grafana': TARGET_URL,
+                '/grafana': targetUrl,
             },
         },
     }