updated

Dockerfile

@@ -1,12 +1,33 @@
 FROM nginx:alpine
 
+# Create a directory for the app
+WORKDIR /app
+
 # Copy the application files to the nginx html directory
 COPY index.html /usr/share/nginx/html/
 COPY styles.css /usr/share/nginx/html/
 COPY script.js /usr/share/nginx/html/
 
-# Expose port 80
-EXPOSE 80
+# Fix permission issues - create necessary directories and set permissions
+RUN mkdir -p /var/cache/nginx /var/run /var/log/nginx && \
+    chown -R nginx:nginx /var/cache/nginx /var/run /var/log/nginx /usr/share/nginx/html && \
+    chmod -R 755 /var/cache/nginx /var/run /var/log/nginx /usr/share/nginx/html
+
+# Create custom Nginx configuration to run as non-root
+RUN echo $'server {\n\
+    listen 8080;\n\
+    server_name localhost;\n\
+    location / {\n\
+        root /usr/share/nginx/html;\n\
+        index index.html;\n\
+    }\n\
+}' > /etc/nginx/conf.d/default.conf
+
+# Use non-root user
+USER nginx
+
+# Change the port to 8080 since non-root can't bind to 80
+EXPOSE 8080
 
-# Start Nginx server
+# Start Nginx server with custom config
 CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -54,7 +54,7 @@ This application can also be run using Docker, which ensures consistent behavior
 
 2. Run the container:
    ```
-   docker run -p 8080:80 battle-simulator
+   docker run -p 8080:8080 battle-simulator
    ```
 
 3. Open your browser and navigate to:
@@ -79,6 +79,22 @@ This application can also be run using Docker, which ensures consistent behavior
    docker-compose down
    ```
 
+### Deploying to Hugging Face Spaces
+
+This application is compatible with Hugging Face Spaces Docker deployments. The Docker configuration has been specifically adjusted to work in the Hugging Face Spaces environment:
+
+1. The Nginx container runs as a non-root user to comply with security requirements
+2. The web server listens on port 8080 instead of the default 80
+3. Required directories are pre-created with appropriate permissions
+4. The configuration handles read-only filesystem restrictions
+
+To deploy to Hugging Face Spaces:
+
+1. Push your code to a GitHub repository
+2. Create a new Space on Hugging Face with Docker SDK
+3. Connect your GitHub repository to the Space
+4. The Space will automatically build and deploy your application
+
 ## How to Use
 
 - **View Unit Info**: Click on any unit to see its details in the info panel

docker-compose.yml

@@ -4,8 +4,13 @@ services:
   battle-simulator:
     build: .
     ports:
-      - "8080:80"
+      - "8080:8080"
     volumes:
       - ./index.html:/usr/share/nginx/html/index.html
       - ./styles.css:/usr/share/nginx/html/styles.css
-      - ./script.js:/usr/share/nginx/html/script.js
+      - ./script.js:/usr/share/nginx/html/script.js
+    # Add read-only flag to prevent write attempts to read-only filesystem in HF Spaces
+    read_only: false
+    # Specific settings for Hugging Face Spaces or similar restricted environments
+    environment:
+      - NGINX_ENTRYPOINT_QUIET_LOGS=1