Spaces:

gauthamnairy
/

GeoToolsHub

Build error

App Files Files Community

gauthamnairy commited on Mar 22, 2025

Commit

a4fe1cf

verified ·

1 Parent(s): 191396e

Update Dockerfile

Browse files

Files changed (1) hide show

Dockerfile +27 -174

Dockerfile CHANGED Viewed

@@ -11,6 +11,8 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
 # Copy application code
 COPY backend /app/backend
 COPY frontend /app/frontend
 # Create temp directories that nginx can write to
 RUN mkdir -p /tmp/nginx/client_body \
@@ -20,173 +22,6 @@ RUN mkdir -p /tmp/nginx/client_body \
     /tmp/nginx/scgi \
     && chmod -R 777 /tmp/nginx
-# Create a special index-hf.html file with inline styles
-RUN echo '<!DOCTYPE html>\n\
-<html lang="en">\n\
-<head>\n\
-    <meta charset="UTF-8">\n\
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n\
-    <title>GeoTools Hub</title>\n\
-    <style>\n\
-        :root {\n\
-            --primary-blue: #4776e6;\n\
-            --primary-purple: #8e54e9;\n\
-            --secondary-blue: #00c6ff;\n\
-            --secondary-teal: #0072ff;\n\
-            --dark-blue: #2a2d3e;\n\
-            --text-color: #333;\n\
-            --text-light: #fff;\n\
-            --background-start: #f0f4ff;\n\
-            --background-end: #ffffff;\n\
-            --card-bg: #fff;\n\
-            --border-color: #e1e4e8;\n\
-            --shadow-color: rgba(0, 0, 0, 0.1);\n\
-            --font-family: sans-serif;\n\
-            --heading-font: sans-serif;\n\
-        }\n\
-        * { margin: 0; padding: 0; box-sizing: border-box; }\n\
-        body {\n\
-            font-family: var(--font-family);\n\
-            background: linear-gradient(135deg, var(--background-start), var(--background-end));\n\
-            color: var(--text-color);\n\
-            line-height: 1.6;\n\
-            min-height: 100vh;\n\
-            position: relative;\n\
-        }\n\
-        body::before {\n\
-            content: "";\n\
-            position: fixed;\n\
-            top: 0;\n\
-            left: 0;\n\
-            width: 100%;\n\
-            height: 100%;\n\
-            background-image: url("https://raw.githubusercontent.com/NathanPB/world-map-texture/master/1024px.png");\n\
-            background-size: cover;\n\
-            opacity: 0.12;\n\
-            z-index: -1;\n\
-        }\n\
-        h1, h2, h3, h4, h5, h6 {\n\
-            font-family: var(--heading-font);\n\
-            font-weight: 700;\n\
-            color: var(--dark-blue);\n\
-            text-align: center;\n\
-            margin: 25px 0;\n\
-        }\n\
-        .hero-container {\n\
-            max-width: 1200px;\n\
-            margin: 0 auto;\n\
-            padding: 2rem;\n\
-        }\n\
-        .tool-container {\n\
-            display: flex;\n\
-            flex-wrap: wrap;\n\
-            gap: 20px;\n\
-            justify-content: center;\n\
-            margin-top: 2rem;\n\
-        }\n\
-        .tool-card {\n\
-            background: var(--card-bg);\n\
-            border-radius: 10px;\n\
-            box-shadow: 0 4px 8px var(--shadow-color);\n\
-            overflow: hidden;\n\
-            transition: transform 0.3s ease, box-shadow 0.3s ease;\n\
-            width: 300px;\n\
-            border: 1px solid var(--border-color);\n\
-        }\n\
-        .tool-card:hover {\n\
-            transform: translateY(-5px);\n\
-            box-shadow: 0 8px 16px var(--shadow-color);\n\
-        }\n\
-        .tool-card-content {\n\
-            padding: 1.5rem;\n\
-        }\n\
-        .tool-card h3 {\n\
-            color: var(--dark-blue);\n\
-            margin-bottom: 0.75rem;\n\
-            font-size: 1.5rem;\n\
-            text-align: left;\n\
-        }\n\
-        .tool-card p {\n\
-            margin-bottom: 1.5rem;\n\
-            color: var(--text-color);\n\
-        }\n\
-        .button {\n\
-            display: inline-block;\n\
-            padding: 0.6rem 1.2rem;\n\
-            background: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));\n\
-            color: white;\n\
-            text-decoration: none;\n\
-            border-radius: 4px;\n\
-            font-weight: 600;\n\
-            transition: opacity 0.3s ease;\n\
-        }\n\
-        .button:hover {\n\
-            opacity: 0.9;\n\
-        }\n\
-        .background-text {\n\
-            position: fixed;\n\
-            font-size: 25vw;\n\
-            font-weight: 800;\n\
-            color: rgba(0, 0, 0, 0.03);\n\
-            z-index: -2;\n\
-            top: 50%;\n\
-            left: 50%;\n\
-            transform: translate(-50%, -50%);\n\
-            white-space: nowrap;\n\
-        }\n\
-        @media (max-width: 768px) {\n\
-            .tool-container {\n\
-                flex-direction: column;\n\
-                align-items: center;\n\
-            }\n\
-        }\n\
-    </style>\n\
-</head>\n\
-<body>\n\
-    <div class="background-text">MAP</div>\n\
-    \n\
-    <div class="hero-container">\n\
-        <h1>GeoTools Hub</h1>\n\
-        <h2>All-in-One GIS Calculation Tool</h2>\n\
-        <p>Powerful geospatial analysis tools for professionals and enthusiasts</p>\n\
-        \n\
-        <a href="#" class="button">Explore Tools</a>\n\
-        \n\
-        <h2>GIS Tools</h2>\n\
-        \n\
-        <div class="tool-container">\n\
-            <div class="tool-card">\n\
-                <div class="tool-card-content">\n\
-                    <h3>Ground Elevation Finder</h3>\n\
-                    <p>Get precise elevation data for any location on Earth</p>\n\
-                    <a href="/elevation.html" class="button">Open Tool</a>\n\
-                </div>\n\
-            </div>\n\
-            \n\
-            <div class="tool-card">\n\
-                <div class="tool-card-content">\n\
-                    <h3>Distance Calculator</h3>\n\
-                    <p>Coming soon</p>\n\
-                    <a href="#" class="button" style="opacity: 0.5; pointer-events: none;">Coming Soon</a>\n\
-                </div>\n\
-            </div>\n\
-            \n\
-            <div class="tool-card">\n\
-                <div class="tool-card-content">\n\
-                    <h3>Area Calculator</h3>\n\
-                    <p>Coming soon</p>\n\
-                    <a href="#" class="button" style="opacity: 0.5; pointer-events: none;">Coming Soon</a>\n\
-                </div>\n\
-            </div>\n\
-        </div>\n\
-    </div>\n\
-    \n\
-    <footer style="text-align: center; margin-top: 3rem; padding-bottom: 1rem;">\n\
-        © 2025 GeoTools Hub | Made with ❤️ for GIS professionals\n\
-    </footer>\n\
-</body>\n\
-</html>' > /app/frontend/index-hf.html
 # Create a simple nginx configuration that doesn't require root
 RUN echo 'worker_processes auto;\n\
 pid /tmp/nginx.pid;\n\
@@ -223,12 +58,18 @@ http {\n\
         listen 7860;\n\
         server_name localhost;\n\
         \n\
-        # Root directory\n\
-        root /app/frontend;\n\
         \n\
-        # Main route - use our special HF version\n\
         location = / {\n\
-            try_files /index-hf.html =404;\n\
         }\n\
         \n\
         # Explicitly handle static files\n\
@@ -238,9 +79,9 @@ http {\n\
             try_files \$uri =404;\n\
         }\n\
         \n\
-        # Handle routes\n\
         location / {\n\
-            try_files \$uri \$uri/ /index-hf.html;\n\
         }\n\
         \n\
         # API proxying\n\
@@ -257,8 +98,20 @@ http {\n\
 # Install Python dependencies
 RUN pip install --no-cache-dir fastapi uvicorn httpx pyproj python-multipart
 # Create startup script
 RUN echo '#!/bin/bash\n\
 echo "Starting API server..."\n\
 cd /app && python -m uvicorn backend.main:app --host 0.0.0.0 --port 8000 &\n\
 echo "Starting Nginx..."\n\
@@ -269,4 +122,4 @@ nginx -g "daemon off;"\n\
 EXPOSE 7860
 # Start services
-CMD ["/app/start.sh"]

 # Copy application code
 COPY backend /app/backend
 COPY frontend /app/frontend
+# Assuming you'll put index.html at root during deployment
+COPY index.html /app/index.html
 # Create temp directories that nginx can write to
 RUN mkdir -p /tmp/nginx/client_body \
     /tmp/nginx/scgi \
     && chmod -R 777 /tmp/nginx
 # Create a simple nginx configuration that doesn't require root
 RUN echo 'worker_processes auto;\n\
 pid /tmp/nginx.pid;\n\
         listen 7860;\n\
         server_name localhost;\n\
         \n\
+        # Root directory now at application root\n\
+        root /app;\n\
         \n\
+        # Main route - use root level index.html\n\
         location = / {\n\
+            try_files /index.html =404;\n\
+        }\n\
+        \n\
+        # Serve frontend static files\n\
+        location /frontend/ {\n\
+            root /app;\n\
+            try_files \$uri \$uri/ =404;\n\
         }\n\
         \n\
         # Explicitly handle static files\n\
             try_files \$uri =404;\n\
         }\n\
         \n\
+        # Handle other routes\n\
         location / {\n\
+            try_files \$uri \$uri/ /index.html;\n\
         }\n\
         \n\
         # API proxying\n\
 # Install Python dependencies
 RUN pip install --no-cache-dir fastapi uvicorn httpx pyproj python-multipart
+# Create a debug info script
+RUN echo '#!/bin/bash\n\
+echo "App directory structure:"\n\
+find /app -type f -name "*.html" | sort\n\
+echo ""\n\
+echo "Testing file access:"\n\
+if [ -f "/app/index.html" ]; then echo "Root index.html exists"; else echo "Root index.html MISSING"; fi\n\
+if [ -f "/app/frontend/elevation.html" ]; then echo "elevation.html exists"; else echo "elevation.html MISSING"; fi\n\
+' > /app/debug.sh && chmod +x /app/debug.sh
 # Create startup script
 RUN echo '#!/bin/bash\n\
+echo "Running debug info:"\n\
+/app/debug.sh\n\
 echo "Starting API server..."\n\
 cd /app && python -m uvicorn backend.main:app --host 0.0.0.0 --port 8000 &\n\
 echo "Starting Nginx..."\n\
 EXPOSE 7860
 # Start services
+CMD ["/app/start.sh"]