add Dockerfile, docker-compose, and scripts for frontend tunnel setup

Frontend/Dockerfile.tunnel

@@ -0,0 +1,81 @@
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy source code
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Production stage
+FROM nginx:alpine
+
+# Install supervisor and cloudflared
+RUN apk update && apk add --no-cache supervisor wget
+
+# Get cloudflared
+RUN wget -O cloudflared https://github.com/cloudflare/cloudflared/releases/download/2023.5.0/cloudflared-linux-amd64 && \
+    chmod +x cloudflared && \
+    mv cloudflared /usr/local/bin/
+
+# Create directories for cloudflared
+RUN mkdir -p /etc/cloudflared
+
+# Copy the credentials and config
+COPY credentials.json /etc/cloudflared/credentials.json
+COPY config.json /etc/cloudflared/config.json
+
+# Setup DNS routing for the tunnel
+RUN cloudflared tunnel route dns 8c559c7c-42bb-4b9d-96a2-99cefd274b06 monaco.ishikabhoyar.tech || echo "DNS routing already set up or failed - continuing anyway"
+
+# Copy built files from builder
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Create nginx config for port 8001
+RUN echo 'server {' > /etc/nginx/conf.d/default.conf && \
+    echo '    listen 8001;' >> /etc/nginx/conf.d/default.conf && \
+    echo '    server_name localhost;' >> /etc/nginx/conf.d/default.conf && \
+    echo '    root /usr/share/nginx/html;' >> /etc/nginx/conf.d/default.conf && \
+    echo '    index index.html;' >> /etc/nginx/conf.d/default.conf && \
+    echo '' >> /etc/nginx/conf.d/default.conf && \
+    echo '    location / {' >> /etc/nginx/conf.d/default.conf && \
+    echo '        try_files $uri $uri/ /index.html;' >> /etc/nginx/conf.d/default.conf && \
+    echo '    }' >> /etc/nginx/conf.d/default.conf && \
+    echo '}' >> /etc/nginx/conf.d/default.conf
+
+# Create supervisord config
+RUN mkdir -p /etc/supervisor/conf.d/
+RUN echo '[supervisord]' > /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'nodaemon=true' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'user=root' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo '' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo '[program:nginx]' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'command=nginx -g "daemon off;"' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'autostart=true' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'autorestart=true' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stdout_logfile=/dev/stdout' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stdout_logfile_maxbytes=0' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stderr_logfile=/dev/stderr' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stderr_logfile_maxbytes=0' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo '' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo '[program:cloudflared]' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'command=cloudflared tunnel --config /etc/cloudflared/config.json run' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'autostart=true' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'autorestart=true' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stdout_logfile=/dev/stdout' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stdout_logfile_maxbytes=0' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stderr_logfile=/dev/stderr' >> /etc/supervisor/conf.d/supervisord.conf && \
+    echo 'stderr_logfile_maxbytes=0' >> /etc/supervisor/conf.d/supervisord.conf
+
+# Expose port 8001
+EXPOSE 8001
+
+# Use supervisord to manage processes
+CMD ["/usr/bin/supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

Frontend/config.json

@@ -0,0 +1,13 @@
+{
+  "tunnel": "8c559c7c-42bb-4b9d-96a2-99cefd274b06",
+  "credentials-file": "/etc/cloudflared/credentials.json",
+  "ingress": [
+    {
+      "hostname": "monaco.ishikabhoyar.tech",
+      "service": "http://localhost:8001"
+    },
+    {
+      "service": "http_status:404"
+    }
+  ]
+}

Frontend/credentials.json

@@ -0,0 +1,5 @@
+{
+  "AccountTag": "453afb9373a00a55876e6127cf0efd97",
+  "TunnelSecret": "afJ6YY25rj9+G6qqHy+2jss4h+QKfw6YntijRZvo4ZQ=",
+  "TunnelID": "8c559c7c-42bb-4b9d-96a2-99cefd274b06"
+}

Frontend/docker-compose.tunnel.yml

@@ -0,0 +1,19 @@
+version: '3.8'
+
+services:
+  frontend-tunnel:
+    build:
+      context: .
+      dockerfile: Dockerfile.tunnel
+    ports:
+      - "8001:8001"
+    restart: unless-stopped
+    container_name: monaco-frontend-tunnel
+    environment:
+      - NODE_ENV=production
+    networks:
+      - monaco-network
+
+networks:
+  monaco-network:
+    driver: bridge

Frontend/start-tunnel.sh

@@ -0,0 +1,51 @@
+#!/bin/bash
+
+# Colors for output
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+RED='\033[0;31m'
+NC='\033[0m' # No Color
+
+echo -e "${GREEN}================================${NC}"
+echo -e "${GREEN}Monaco Frontend Tunnel Setup${NC}"
+echo -e "${GREEN}================================${NC}"
+echo ""
+
+# Check if credentials.json exists
+if [ ! -f "credentials.json" ]; then
+    echo -e "${RED}Error: credentials.json not found!${NC}"
+    exit 1
+fi
+
+# Check if config.json exists
+if [ ! -f "config.json" ]; then
+    echo -e "${RED}Error: config.json not found!${NC}"
+    exit 1
+fi
+
+echo -e "${YELLOW}Building Docker image...${NC}"
+docker-compose -f docker-compose.tunnel.yml build
+
+if [ $? -eq 0 ]; then
+    echo -e "${GREEN}Build successful!${NC}"
+    echo ""
+    echo -e "${YELLOW}Starting services...${NC}"
+    docker-compose -f docker-compose.tunnel.yml up -d
+    
+    if [ $? -eq 0 ]; then
+        echo -e "${GREEN}Services started successfully!${NC}"
+        echo ""
+        echo -e "${GREEN}Frontend is now accessible at:${NC}"
+        echo -e "  ${YELLOW}Local:${NC} http://localhost:8001"
+        echo -e "  ${YELLOW}Tunnel:${NC} https://monaco.ishikabhoyar.tech"
+        echo ""
+        echo -e "${YELLOW}To view logs:${NC} docker-compose -f docker-compose.tunnel.yml logs -f"
+        echo -e "${YELLOW}To stop:${NC} docker-compose -f docker-compose.tunnel.yml down"
+    else
+        echo -e "${RED}Failed to start services!${NC}"
+        exit 1
+    fi
+else
+    echo -e "${RED}Build failed!${NC}"
+    exit 1
+fi