Merge pull request #26 from codewithkyle/docker

Migrated to Docker

Author: codewithkyle

.dockerignore

@@ -0,0 +1,5 @@
+.env
+.git
+.github
+node_modules/
+dist/

.github/workflows/deploy-docker.yaml

@@ -0,0 +1,71 @@
+name: Build and Deploy Docker Image
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node and NPM
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.14.0
+
+      - name: Install Client NPM Packages
+        run: npm ci
+        working-directory: client
+
+      - name: Compile Client
+        run: npm run production
+        working-directory: client
+
+      - name: Install WSS NPM Packages
+        run: npm ci
+        working-directory: wss
+
+      - name: Compile WSS
+        run: npm run production
+        working-directory: wss
+
+      - name: Build HTTP Docker Image
+        run: docker build -f Dockerfile.http -t codewithkyle/tabletopper-http:prod .
+
+      - name: Save HTTP Docker Image as Tarball
+        run: docker save -o tabletopper-http.tar codewithkyle/tabletopper-http:prod
+
+      - name: Build WSS Docker Image
+        run: docker build -f Dockerfile.wss -t codewithkyle/tabletopper-wss:prod .
+
+      - name: Save WSS Docker Image as Tarball
+        run: docker save -o tabletopper-wss.tar codewithkyle/tabletopper-wss:prod
+
+      - name: Load SSH Key
+        uses: webfactory/[email protected]
+        with:
+          ssh-private-key: ${{ secrets.SSHKEY }}
+
+      - name: Deploy
+        run: scp -o StrictHostKeyChecking=no ./tabletopper-http.tar ./tabletopper-wss.tar ${{ secrets.USERNAME }}@${{ secrets.HOST }}:~/
+
+      - name: Post Deployment
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.HOST }}
+          USERNAME: ${{ secrets.USERNAME }}
+          PORT: 22
+          KEY: ${{ secrets.SSHKEY }}
+          script: docker load -i ~/tabletopper-wss.tar && docker load -i ~/tabletopper-http.tar
+
+      - name: Purge cache
+        uses: nathanvaughn/actions-cloudflare-purge@master
+        if: success()
+        with:
+          cf_zone: ${{ secrets.CLOUDFLARE_ZONE }}
+          cf_auth: ${{ secrets.CLOUDFLARE_AUTH_KEY }}
+

.github/workflows/deploy.yml

@@ -0,0 +1,33 @@
+# Step 1: Use an official Go image to build the Go application
+FROM golang:1.22-alpine AS builder
+
+# Step 2: Set the working directory inside the container
+WORKDIR /app
+
+# Step 3: Copy the Go modules and dependencies
+COPY ./server/. ./
+
+# Step 4: Download necessary Go dependencies
+RUN go mod download
+
+# Step 6: Build the Go application
+RUN go build -ldflags="-s -w" -o tabletopper .
+
+# Step 7: Create a small image to run the application
+FROM alpine:latest
+
+# Step 8: Set the working directory in the final image
+WORKDIR /root/
+
+# Step 9: Copy the Go binary from the builder stage
+COPY --from=builder /app/tabletopper .
+
+COPY ./server/views ./views
+
+COPY ./client/public ./public
+
+# Step 10: Expose the port that the app will run on
+EXPOSE 3000
+
+# Step 11: Command to run the Go app
+CMD ["./tabletopper"]

Dockerfile.http

@@ -0,0 +1,22 @@
+# Use an official Node.js runtime as a parent image
+FROM node:18
+
+# Set the working directory inside the container
+WORKDIR /usr/src/app
+
+ENV PATH /usr/src/app/node_modules/.bin:$PATH
+
+# Copy the package.json and package-lock.json files into the container
+COPY ./wss/. .
+
+# Install the project dependencies
+RUN npm ci
+
+RUN npm run production
+
+# Expose the port that the app runs on (assuming the app runs on port 3000)
+EXPOSE 8080
+
+# Start the Node.js application
+CMD ["npm", "start"]
+

Dockerfile.wss

@@ -1,9 +1,7 @@
 import alerts from "~brixi/controllers/alerts";
 
 (async () => {
-    // @ts-ignore
-    const { ENV } = await import("/static/config.js");
-    if (ENV === "production"){
+    if (location.host == "tabletopper.app"){
         let update = false;
         await new Promise<void>(resolve => {
             navigator.serviceWorker.register("/service-worker.js", { scope: "/" });

client/build/prod.config.js

@@ -5,6 +5,11 @@ let socket:WebSocket;
 let connected = false;
 let wasReconnection = false;
 
+let SOCKET_URL:string = "ws://ws.tabletopper.local";
+if (location.host == "tabletopper.app") {
+    SOCKET_URL = "wss://ws.tabletopper.app";
+}
+
 let offlineQueue = [];
 function flushOfflineQueue(){
     while (offlineQueue.length > 0){
@@ -17,8 +22,7 @@ async function connect() {
     if (connected){
         return;
     }
-    // @ts-expect-error
-    const { SOCKET_URL } = await import("/static/config.js");
+
     socket = new WebSocket(SOCKET_URL);
     socket.addEventListener("message", async (event) => {
         try {

client/public/static/config.example

@@ -0,0 +1,64 @@
+services:
+  reverse-proxy:
+    image: traefik:v3.1
+    command:
+      - "--providers.docker"
+    ports:
+      - "80:80"
+    volumes:
+      - /var/run/docker.sock:/var/run/docker.sock
+    networks:
+      - app-network
+  tabletopper:
+    build:
+      context: ./
+      dockerfile: Dockerfile.http
+    labels:
+      - "traefik.http.routers.tabletopper.rule=Host(`tabletopper.local`)"
+    volumes:
+      - .:/app
+    env_file: "./server/.env"
+    depends_on:
+      - mysql
+      - reverse-proxy
+      - redis
+    networks:
+      - app-network
+  wss:
+    build:
+      context: ./
+      dockerfile: Dockerfile.wss
+    labels:
+      - "traefik.http.routers.wss.rule=Host(`ws.tabletopper.local`)"
+    depends_on:
+      - mysql
+      - reverse-proxy
+      - redis
+    networks:
+      - app-network
+  mysql:
+    image: mysql:8.0
+    environment:
+      MYSQL_ROOT_PASSWORD: "password"
+      MYSQL_DATABASE: "tabletopper"
+      MYSQL_USER: "ttadmin"
+      MYSQL_PASSWORD: "password"
+    volumes:
+      - mysql_data:/var/lib/mysql
+    ports:
+      - "3306:3306"
+    networks:
+      - app-network
+  redis:
+    image: redis:7
+    ports:
+      - "6379:6379"
+    volumes:
+      - redis-data:/data
+volumes:
+  mysql_data:
+  redis-data:
+networks:
+  app-network:
+    driver: bridge
+