th-8: + add cd scripts (#144)

Author: Druxight

.github/workflows/cd.yml

@@ -0,0 +1,50 @@
+name: Continuous Delivery
+
+env:
+  AWS_REGION: eu-central-1
+  EBS_APPLICATION_NAME: towhub-app
+  EBS_ENVIRONMENT_NAME: towhub-dev
+
+on:
+  push:
+    branches:
+      - development
+      - production
+    paths:
+      - frontend/**/*.*
+      - backend/**/*.*
+      - shared/**/*.*
+      - .github/workflows/cd.yml
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.ref_name }}
+  cancel-in-progress: false
+
+jobs:
+  cd:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Source Code
+        uses: actions/checkout@v3
+
+      - name: Install NodeJS
+        uses: actions/setup-node@v3
+        with:
+          node-version-file: .nvmrc
+
+      - name: Prepare deployment pkg
+        run: |
+          zip -r build.zip ./*
+
+      - name: Deploy to EBS
+        uses: einaregilsson/beanstalk-deploy@v20
+        with:
+          aws_access_key: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws_secret_key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+          region: ${{ env.AWS_REGION }}
+          application_name: ${{ env.EBS_APPLICATION_NAME }}
+          environment_name: ${{ env.EBS_ENVIRONMENT_NAME }}
+          version_label: ${{ github.sha }}
+          deployment_package: ./build.zip

.github/workflows/ci-pr.yml

@@ -42,6 +42,10 @@ jobs:
         run: |
           npm install
 
+      - name: Build Shared Folder
+        run: |
+          npm run build:shared
+
       - name: Lint Commits
         run: |
           npx commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose

.github/workflows/ci.yml

@@ -27,6 +27,10 @@ jobs:
         run: |
           npm install
 
+      - name: Build Shared Folder
+        run: |
+          npm run build:shared
+
       - name: Code Linting
         run: |
           npm run lint

.ls-lint.yml

@@ -17,6 +17,7 @@ ls:
 
 ignore:
   - .git
+  - .idea
   - node_modules
   - build
   - shared/build

backend/package.json

@@ -7,26 +7,33 @@
     "npm": "9.x.x"
   },
   "scripts": {
+    "prebuild": "npm install",
     "lint:type": "npx tsc --noEmit",
     "lint:js": "npx eslint \"src/**/*.ts\"",
     "start:dev": "nodemon --exec \"node --loader ts-paths-esm-loader\" src/index.ts",
     "migrate:generate": "drizzle-kit generate:pg --schema=./src/libs/packages/database/schema/tables-schema.ts --out=./src/libs/packages/database/generated-schema",
     "migrate:dev": "node --loader ts-paths-esm-loader ./src/libs/packages/database/migrate-up.ts",
-    "build": "tsc && tsc-alias"
+    "migrate:prod": "node ./libs/packages/database/migrate-up.js",
+    "build:ts": "npx tsc && tsc-alias -p tsconfig.json",
+    "build:copy": "cp -r package.json build && cp -r ./src/libs/packages/database/generated-schema ./build/libs/packages/database/",
+    "build": "npm run build:ts && npm run build:copy",
+    "prestart": "npm run migrate:prod",
+    "start": "node index.js"
   },
   "devDependencies": {
-    "@types/bcryptjs": "2.4.2",
-    "@types/convict": "6.1.3",
-    "@types/swagger-jsdoc": "6.0.1",
     "nodemon": "3.0.1",
     "ts-node": "10.9.1",
     "ts-paths-esm-loader": "1.4.3",
     "tsconfig-paths": "4.2.0"
   },
   "dependencies": {
     "@fastify/auth": "4.3.0",
+    "@fastify/static": "6.10.2",
     "@fastify/swagger": "8.9.0",
     "@fastify/swagger-ui": "1.9.3",
+    "@types/bcryptjs": "2.4.3",
+    "@types/convict": "6.1.3",
+    "@types/swagger-jsdoc": "6.0.1",
     "bcryptjs": "2.4.3",
     "convict": "6.2.4",
     "dotenv": "16.3.1",

backend/src/libs/packages/server-application/server-app.ts

@@ -1,4 +1,8 @@
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
 import fastifyAuth from '@fastify/auth';
+import fastifyStatic from '@fastify/static';
 import swagger, { type StaticDocumentSpec } from '@fastify/swagger';
 import swaggerUi from '@fastify/swagger-ui';
 import Fastify, {
@@ -130,6 +134,22 @@ class ServerApp implements IServerApp {
     });
   }
 
+  private async initServe(): Promise<void> {
+    const staticPath = join(
+      dirname(fileURLToPath(import.meta.url)),
+      '../../../public',
+    );
+
+    await this.app.register(fastifyStatic, {
+      root: staticPath,
+      prefix: '/',
+    });
+
+    this.app.setNotFoundHandler(async (_request, response) => {
+      await response.sendFile('index.html', staticPath);
+    });
+  }
+
   private initErrorHandler(): void {
     this.app.setErrorHandler(
       (error: FastifyError | ValidationError, _request, replay) => {
@@ -189,6 +209,8 @@ class ServerApp implements IServerApp {
   public async init(): Promise<void> {
     this.logger.info('Application initialization…');
 
+    await this.initServe();
+
     socketService.initializeIo(this.app);
 
     await this.initMiddlewares();

frontend/package.json

@@ -7,15 +7,17 @@
     "npm": "9.x.x"
   },
   "scripts": {
+    "prebuild": "npm install",
     "lint:css": "npx stylelint \"src/**/*.scss\"",
     "lint:js": "npx eslint \"src/**/*.{ts,tsx}\"",
     "lint:type": "npx tsc --noEmit",
     "stylelint:fix": "npx stylelint \"src/**/*.scss\" --fix",
     "start:dev": "vite",
-    "build": "tsc && vite build",
+    "build": "npx tsc --build --clean && npx vite build",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@vitejs/plugin-react": "4.0.4",
     "@fortawesome/fontawesome-svg-core": "6.4.2",
     "@fortawesome/free-solid-svg-icons": "6.4.2",
     "@fortawesome/react-fontawesome": "0.2.0",
@@ -37,7 +39,6 @@
     "@types/google.maps": "3.54.0",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
-    "@vitejs/plugin-react": "4.0.4",
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-react": "7.32.0",
     "eslint-plugin-react-hooks": "4.6.0",