From 153bdf28191871b2dca19f69b48773d90c78ea4d Mon Sep 17 00:00:00 2001 From: adalberto Date: Sat, 17 Jan 2026 22:24:56 -0600 Subject: [PATCH] arreglar localhost --- docker-compose.yml | 3 +++ manager/Dockerfile | 3 +++ manager/docker-entrypoint.sh | 12 ++++++++++++ manager/index.html | 23 ++++++++++++----------- manager/public/config.js | 4 ++++ manager/src/components/Dashboard.tsx | 4 ++-- manager/src/vite-env.d.ts | 7 +++++++ 7 files changed, 43 insertions(+), 13 deletions(-) create mode 100755 manager/docker-entrypoint.sh create mode 100644 manager/public/config.js diff --git a/docker-compose.yml b/docker-compose.yml index b936b1c..10cf74c 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -28,6 +28,9 @@ services: restart: always ports: - "3002:80" # Web Interface + environment: + - VITE_API_URL=${VITE_API_URL:-http://localhost:3001} + - VITE_WS_URL=${VITE_WS_URL:-ws://localhost:3003} depends_on: - gateway networks: diff --git a/manager/Dockerfile b/manager/Dockerfile index e51b424..b227bd7 100644 --- a/manager/Dockerfile +++ b/manager/Dockerfile @@ -9,5 +9,8 @@ RUN npm run build # Production stage FROM nginx:alpine COPY --from=build /app/dist /usr/share/nginx/html +COPY docker-entrypoint.sh / +RUN chmod +x /docker-entrypoint.sh +ENTRYPOINT ["/docker-entrypoint.sh"] EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] diff --git a/manager/docker-entrypoint.sh b/manager/docker-entrypoint.sh new file mode 100755 index 0000000..1babc76 --- /dev/null +++ b/manager/docker-entrypoint.sh @@ -0,0 +1,12 @@ +#!/bin/sh + +# Generate config.js +cat < /usr/share/nginx/html/config.js +window.APP_CONFIG = { + VITE_API_URL: "${VITE_API_URL}", + VITE_WS_URL: "${VITE_WS_URL}" +}; +EOF + +# Exec the passed command +exec "$@" diff --git a/manager/index.html b/manager/index.html index 4ef2ec2..34f942d 100644 --- a/manager/index.html +++ b/manager/index.html @@ -1,12 +1,13 @@ - + - - - - WhatsApp Gateway Manager - - -
- - - \ No newline at end of file + + + + WhatsApp Gateway Manager + + + +
+ + + diff --git a/manager/public/config.js b/manager/public/config.js new file mode 100644 index 0000000..0f5b3da --- /dev/null +++ b/manager/public/config.js @@ -0,0 +1,4 @@ +window.APP_CONFIG = { + VITE_API_URL: "http://localhost:3001", + VITE_WS_URL: "ws://localhost:3003" +}; diff --git a/manager/src/components/Dashboard.tsx b/manager/src/components/Dashboard.tsx index 3f508ee..2e5d95d 100644 --- a/manager/src/components/Dashboard.tsx +++ b/manager/src/components/Dashboard.tsx @@ -9,7 +9,7 @@ export const Dashboard: React.FC = () => { const [isConnected, setIsConnected] = useState(false); useEffect(() => { - const wsUrl = import.meta.env.VITE_WS_URL || 'ws://localhost:3003'; + const wsUrl = window.APP_CONFIG?.VITE_WS_URL || import.meta.env.VITE_WS_URL || 'ws://localhost:3003'; const service = new WebSocketService(wsUrl); setWsService(service); @@ -34,7 +34,7 @@ export const Dashboard: React.FC = () => { const fetchGatewayStatus = async () => { try { - const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:3001'; + const apiUrl = window.APP_CONFIG?.VITE_API_URL || import.meta.env.VITE_API_URL || 'http://localhost:3001'; const response = await fetch(`${apiUrl}/api/status`); if (response.ok) { const data = await response.json(); diff --git a/manager/src/vite-env.d.ts b/manager/src/vite-env.d.ts index 11f02fe..6313475 100644 --- a/manager/src/vite-env.d.ts +++ b/manager/src/vite-env.d.ts @@ -1 +1,8 @@ /// + +interface Window { + APP_CONFIG?: { + VITE_API_URL: string; + VITE_WS_URL: string; + }; +}