Merge pull request #32 from sybila/ci-experiments

Ci experiments

.github/workflows/docker.yml

@@ -0,0 +1,87 @@
+name: Generate Docker Containers
+
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  database:
+    name: Build backend database
+    runs-on: ubuntu-latest
+    env:
+      DATABASE_URL: "postgresql://postgres:postgres@localhost:5555/postgres"
+    steps:
+      - uses: actions/checkout@v4
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Start database
+        working-directory: backend
+        run: |
+          docker run -d \
+          --name my-db \
+          -p 5555:5432 \
+          -e PGDATA=/data \
+          -e POSTGRES_USER=postgres \
+          -e POSTGRES_PASSWORD=postgres \
+          -e POSTGRES_DB=postgres \
+          postgres:16
+      - name: Init DB with prisma
+        working-directory: backend
+        run: npx prisma migrate dev --name init
+      - name: Seed DB with data
+        working-directory: backend
+        run: npm run seed
+      - name: Commit current state of the container
+        working-directory: backend
+        run: docker commit my-db daemontus/bbm-database:latest
+      - name: Push image
+        working-directory: backend
+        run: docker push daemontus/bbm-database
+
+  backend:
+    name: Build backend image
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Build image
+        working-directory: backend
+        run: docker build -t daemontus/bbm-backend .
+      - name: Push image
+        working-directory: backend
+        run: docker push daemontus/bbm-backend
+
+  frontend:
+    name: Build frontend image
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Add Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.x'
+      - name: Install dependencies
+        working-directory: frontend
+        run: npm install
+      - name: Build frontend
+        working-directory: frontend
+        run: npm run build
+      - name: Build image
+        working-directory: frontend
+        run: docker build -t daemontus/bbm-frontend .
+      - name: Push image
+        working-directory: frontend
+        run: docker push daemontus/bbm-frontend

backend/Dockerfile

@@ -0,0 +1,15 @@
+# Container is based on Alpine linux with node.js preinstalled.
+FROM node:alpine 
+WORKDIR /usr/mynodeapp
+
+# Copy backend files.
+COPY ./ ./
+
+# Install project dependencies.
+RUN npm install
+
+# The port on which the backend is running.
+EXPOSE 3000
+
+# Run server.
+CMD ["npm", "start"]

backend/package.json

@@ -16,11 +16,13 @@
     "body-parser": "^1.20.2",
     "cors": "^2.8.5",
     "express": "^4.18.2",
+    "morgan": "^1.10.0",
     "zod": "^3.22.2"
   },
   "devDependencies": {
     "@types/cors": "^2.8.14",
     "@types/express": "^4.17.17",
+    "@types/morgan": "^1.9.9",
     "@types/node": "^20.6.3",
     "prisma": "^5.3.1",
     "ts-node": "^10.9.1",

backend/src/index.ts

@@ -5,6 +5,7 @@ import { ApiResponse } from './types';
 import modelRouter from "./routes/modelRoutes";
 import bodyParser from "body-parser";
 import webhookRouter from "./routes/webhookRoutes";
+import morgan from 'morgan';
 
 const app = express();
 const port = env.PORT ?? 3000;
@@ -14,6 +15,9 @@ app.use(bodyParser.json());
 // CORS middleware
 app.use(cors());
 
+// Logging
+app.use(morgan('combined'))
+
 // My implemented routers
 app.use(modelRouter);
 app.use(webhookRouter);

frontend/Dockerfile

@@ -0,0 +1,8 @@
+FROM nginx:1.24.0
+
+COPY nginx.conf /etc/nginx/nginx.conf
+COPY ./dist /www
+COPY startup.sh .
+RUN chmod +x ./startup.sh
+
+CMD /bin/bash -c "./startup.sh" 

frontend/nginx.conf

@@ -0,0 +1,16 @@
+events {
+    # configuration of connection processing
+}
+
+http {
+    server {
+        listen 80;
+        server_name bbm.unsigned-short.com;
+
+        root /www;
+
+        location / {
+            include  /etc/nginx/mime.types;
+        }
+    }  
+}

frontend/src/services/base.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 
 const axiosInstance = axios.create({
-    baseURL: 'http://localhost:3001',
+    baseURL: '${BACKEND_URL}',
 });
 
 export default axiosInstance;

frontend/startup.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+folder_path="/www/assets"
+
+file_path=$(find "$folder_path" -type f -name "*.js" -print -quit)
+
+if [ -n "$file_path" ]; then    
+    envsubst '${BACKEND_URL}' < "$file_path" > tmp.js
+    mv tmp.js "$file_path"
+    echo "URL substituted."
+else
+    echo "No JavaScript file found."
+fi
+
+nginx -g 'daemon off;'