Add CI pipeline

joonatanaatos · Dec 23, 2023 · 81e1e39 · 81e1e39
1 parent 7e3563a
commit 81e1e39
Show file tree

Hide file tree

Showing 16 changed files with 322 additions and 22 deletions.
diff --git a/.github/workflows/build-project.yml b/.github/workflows/build-project.yml
@@ -0,0 +1,54 @@
+name: Build Project
+
+on: [push, pull_request]
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        component:
+          - { dir: 'backend', image: '$DOCKER_USERNAME/kuka-soittaa-backend' }
+          - {
+              dir: 'admin-panel',
+              image: '$DOCKER_USERNAME/kuka-soittaa-admin-panel',
+            }
+          - { dir: 'app' }
+    env:
+      DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+      DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
+      PUSH_DOCKER: github.event_name != 'pull_request'
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies for ${{ matrix.component.dir }}
+        run: |
+          cd ${{ matrix.component.dir }}
+          yarn install --frozen-lockfile --non-interactive
+      - name: Lint ${{ matrix.component.dir }}
+        run: |
+          cd ${{ matrix.component.dir }}
+          yarn lint
+      - name: Build ${{ matrix.component.dir }}
+        run: |
+          cd ${{ matrix.component.dir }}
+          yarn build
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ env.DOCKER_USERNAME }}
+          password: ${{ env.DOCKER_PASSWORD }}
+        if: matrix.component.image && env.PUSH_DOCKER
+      - name: Push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          push: true
+          context: ${{ matrix.component.dir }}
+        tags: ${{ matrix.component.image }}:${{ GITHUB_HEAD_REF##*/ }}
+        if: matrix.component.image && env.PUSH_DOCKER
+      - name: Push Docker image with latest tag
+        uses: docker/build-push-action@v5
+        with:
+          push: true
+          context: ${{ matrix.component.dir }}
+          tags: ${{ matrix.component.image }}:latest
+        if: github.ref == 'refs/heads/main' && matrix.component.image && env.PUSH_DOCKER
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}
diff --git a/admin-panel/.eslintrc.json b/admin-panel/.eslintrc.json
@@ -0,0 +1,30 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint", "react"],
+  "rules": {
+    "react/react-in-jsx-scope": "off",
+    "@typescript-eslint/no-non-null-asserted-optional-chain": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ]
+  },
+  "ignorePatterns": ["build/*"]
+}
diff --git a/admin-panel/package.json b/admin-panel/package.json
@@ -23,6 +23,7 @@
   "scripts": {
     "start": "PORT=8080 BROWSER=none react-scripts start",
     "build": "react-scripts build",
+    "lint": "eslint . && prettier --check .",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
@@ -46,6 +47,11 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@types/react-toastify": "^4.1.0"
+    "@types/react-toastify": "^4.1.0",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.2",
+    "prettier": "^3.1.1"
   }
 }
diff --git a/admin-panel/public/index.html b/admin-panel/public/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />

diff --git a/admin-panel/src/App.test.tsx b/admin-panel/src/App.test.tsx
@@ -1,5 +1,6 @@
-import React from "react";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import React from 'react';
 
-test("Placeholder", () => {
+test('Placeholder', () => {
   expect(true).toBe(true);
 });
diff --git a/admin-panel/src/context/AppContext.tsx b/admin-panel/src/context/AppContext.tsx
@@ -42,6 +42,7 @@ interface AppContextInterface {
   removeAudio: (id: string) => Promise<void>;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const defaultFunction = (): any =>
   console.warn('AppContext function not implemented');
 

diff --git a/admin-panel/src/index.css b/admin-panel/src/index.css
@@ -1,13 +1,13 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
diff --git a/admin-panel/src/modals/NewCallerModal.tsx b/admin-panel/src/modals/NewCallerModal.tsx
@@ -17,7 +17,7 @@ const NewCallerModal = ({ isOpen, onClose }: NewCallerModalProps) => {
       const result = await createCaller(formData);
       toast.success(`Added caller ${result.name}!`);
       await onClose(true);
-    } catch (e: any) {
+    } catch (e: unknown) {
       toast.error(`Failed to add caller`);
       await onClose(false);
     }

diff --git a/admin-panel/src/modals/NewEventModal.tsx b/admin-panel/src/modals/NewEventModal.tsx
@@ -21,7 +21,7 @@ const NewEventModal = ({ isOpen, onClose }: NewEventModalProps) => {
         `Added event for ${new Date(result.time).toLocaleDateString()}!`,
       );
       await onClose(true);
-    } catch (e: any) {
+    } catch (e: unknown) {
       toast.error(`Failed to add caller`);
       await onClose(false);
     }

diff --git a/admin-panel/src/views/EventView.tsx b/admin-panel/src/views/EventView.tsx
@@ -19,7 +19,7 @@ const EventView = () => {
     <Container>
       <NewEventModal
         isOpen={newEventModalOpen}
-        onClose={async (success) => {
+        onClose={async (_success) => {
           setNewEventModalOpen(false);
         }}
       />
@@ -33,8 +33,9 @@ const EventView = () => {
       <DeleteConfirmModal
         isOpen={eventToDelete !== null}
         onClose={async (success) => {
+          if (!eventToDelete) return;
           if (success) {
-            await removeEvent(eventToDelete!.id);
+            await removeEvent(eventToDelete.id);
           }
           setEventToDelete(null);
         }}

diff --git a/admin-panel/tsconfig.json b/admin-panel/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -20,7 +16,5 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"]
 }