From 83f3963bfb99fce31691890afcb2367ca5e1491d Mon Sep 17 00:00:00 2001
From: Lucas Bordeau <bordeau.lucas@gmail.com>
Date: Thu, 7 Nov 2024 18:11:51 +0100
Subject: [PATCH] Be able to specify front port (#8382)

- Added REACT_APP_PORT in front .env
- Use value if specified otherwise 3001 by default

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
---
 packages/twenty-front/.env.example   | 1 +
 packages/twenty-front/vite.config.ts | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/.env.example b/packages/twenty-front/.env.example
index 3fccb201c4..345d0fb92a 100644
--- a/packages/twenty-front/.env.example
+++ b/packages/twenty-front/.env.example
@@ -2,6 +2,7 @@ REACT_APP_SERVER_BASE_URL=http://localhost:3000
 GENERATE_SOURCEMAP=false
 
 # ———————— Optional ————————
+# REACT_APP_PORT=3001
 # CHROMATIC_PROJECT_TOKEN=
 # VITE_DISABLE_TYPESCRIPT_CHECKER=true
 # VITE_DISABLE_ESLINT_CHECKER=true
\ No newline at end of file
diff --git a/packages/twenty-front/vite.config.ts b/packages/twenty-front/vite.config.ts
index a3a7af054b..4239d483e6 100644
--- a/packages/twenty-front/vite.config.ts
+++ b/packages/twenty-front/vite.config.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-console */
+import { isNonEmptyString } from '@sniptt/guards';
 import react from '@vitejs/plugin-react-swc';
 import wyw from '@wyw-in-js/vite';
 import path from 'path';
@@ -17,8 +18,11 @@ export default defineConfig(({ command, mode }) => {
     VITE_BUILD_SOURCEMAP,
     VITE_DISABLE_TYPESCRIPT_CHECKER,
     VITE_DISABLE_ESLINT_CHECKER,
+    REACT_APP_PORT
   } = env;
 
+  const port = isNonEmptyString(REACT_APP_PORT) ? parseInt(REACT_APP_PORT) : 3001;
+
   const isBuildCommand = command === 'build';
 
   const tsConfigPath = isBuildCommand
@@ -61,7 +65,7 @@ export default defineConfig(({ command, mode }) => {
     cacheDir: '../../node_modules/.vite/packages/twenty-front',
 
     server: {
-      port: 3001,
+      port,
       host: 'localhost',
       fs: {
         allow: [