From 123cefa6e831b8f47f46d43e00b2895133bb6f9d Mon Sep 17 00:00:00 2001
From: santiagosayshey <schau22@pm.me>
Date: Fri, 16 Aug 2024 08:48:28 +0930
Subject: [PATCH] chore(dev): Improve Vite hot reloading in Docker environment

- Add CHOKIDAR_USEPOLLING=true to frontend service environment
- Update Node.js version to 18 in frontend Dockerfile
- Create vite.config.js with usePolling option enabled
---
 docker-compose.yml      | 6 +++---
 frontend/Dockerfile     | 2 +-
 frontend/vite.config.js | 3 +++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 711d920..b305872 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,5 +1,4 @@
 version: '3.8'
-
 services:
   frontend:
     build: ./frontend
@@ -9,11 +8,12 @@ services:
       - ./frontend:/app
       - /app/node_modules
     environment:
-      - VITE_API_URL=http://backend:5000  # Use the service name
+      - VITE_API_URL=http://backend:5000
+      - CHOKIDAR_USEPOLLING=true
 
   backend:
     build: ./backend
     ports:
       - "5000:5000"
     volumes:
-      - ./backend:/app
+      - ./backend:/app
\ No newline at end of file
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 04117bc..20825ef 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:16
+FROM node:18
 
 WORKDIR /app
 
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 4aa1482..e07bdcf 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -6,5 +6,8 @@ export default defineConfig({
     server: {
         host: '0.0.0.0',
         port: 3000,
+        watch: {
+            usePolling: true,
+        },
     },
 })
\ No newline at end of file