Build: preparing docker

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.git
+.gitignore
+README.md
+.env* 

.github/workflows/deploy.yml

@@ -0,0 +1,39 @@
+name: Deploy Docker image
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  packages: write
+  contents: read
+
+jobs:
+  Deploy:
+    runs-on: "ubuntu-latest"
+    steps:
+      - name: "Checkout"
+        uses: "actions/checkout@v4"
+
+      - name: "Set up QEMU"
+        uses: "docker/setup-qemu-action@v3"
+
+      - name: "Set up Docker Buildx"
+        uses: "docker/setup-buildx-action@v3"
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and Push Docker Image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          platforms: linux/amd64
+          file: ./Dockerfile
+          push: true
+          tags: "ghcr.io/compbio-fhs/compbio-home:latest"

.vscode/extensions.json

@@ -0,0 +1,13 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+    "vue.volar",
+    "wayou.vscode-todo-highlight"
+  ],
+  "unwantedRecommendations": [
+    "octref.vetur",
+    "hookyqr.beautify",
+    "dbaeumer.jshint",
+    "ms-vscode.vscode-typescript-tslint-plugin"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "editor.bracketPairColorization.enabled": true,
+  "editor.guides.bracketPairs": true
+}

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:18-alpine as build-stage
+
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+RUN ls -la dist/spa
+
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/dist/spa /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+RUN ls -la /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"] 

commands.sh

@@ -0,0 +1,8 @@
+# Stop and remove existing containers
+docker compose down
+
+# Rebuild without cache
+docker compose build --no-cache
+
+# Start and follow logs
+docker compose up --force-recreate 

docker-compose.yml

@@ -0,0 +1,9 @@
+version: '3'
+services:
+  app:
+    build: .
+    ports:
+      - "81:80"
+    restart: unless-stopped
+    volumes:
+      - ./nginx.conf:/etc/nginx/conf.d/default.conf 

nginx.conf

@@ -0,0 +1,23 @@
+server {
+    listen 80;
+    server_name _;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Enable directory listing for debugging
+    autoindex on;
+
+    location / {
+        try_files $uri $uri/ /index.html =404;
+        add_header Cache-Control "no-cache";
+    }
+
+    location /assets {
+        expires 1y;
+        add_header Cache-Control "public";
+    }
+
+    # Add error logging
+    error_log /var/log/nginx/error.log debug;
+    access_log /var/log/nginx/access.log;
+}