feat: merge front and server dockerfiles and optimize build (#4589)

* feat: merge front and server dockerfiles and optimize build

* fix: update image label

* fix: bring back support for REACT_APP_SERVER_BASE_URL injection at runtime

* fix: remove old entries & add nx cache in dockerignore

* feat: generate frontend config at runtime using Nest

* fix: format and filename

* feat: use the EnvironmentService and leave default blank

* feat: add support for DB migrations

packages/twenty-server/src/main.ts

@@ -11,6 +11,7 @@ import '@sentry/tracing';
 
 import { AppModule } from './app.module';
 
+import { generateFrontConfig } from './utils/generate-front-config';
 import { settings } from './engine/constants/settings';
 import { LoggerService } from './engine/integrations/logger/logger.service';
 import { EnvironmentService } from './engine/integrations/environment/environment.service';
@@ -60,6 +61,9 @@ const bootstrap = async () => {
     }),
   );
 
+  // Create the env-config.js of the front at runtime
+  generateFrontConfig();
+
   await app.listen(app.get(EnvironmentService).get('PORT'));
 };
 

packages/twenty-server/src/utils/generate-front-config.ts

@@ -0,0 +1,31 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+import { ConfigService } from '@nestjs/config';
+import { EnvironmentService } from 'src/engine/integrations/environment/environment.service';
+
+const environmentService = new EnvironmentService(new ConfigService());
+
+export function generateFrontConfig(): void {
+  const configObject = {
+    window: {
+      _env_: {
+        REACT_APP_SERVER_BASE_URL: environmentService.get('SERVER_URL'),
+      },
+    },
+  };
+
+  const configString = `window._env_ = ${JSON.stringify(
+    configObject.window._env_,
+    null,
+    2,
+  )};`;
+
+  const distPath = path.join(__dirname, '../..', 'front');
+
+  if (!fs.existsSync(distPath)) {
+    fs.mkdirSync(distPath, { recursive: true });
+  }
+
+  fs.writeFileSync(path.join(distPath, 'env-config.js'), configString, 'utf8');
+}