Merge branch 'typescript'

Author: AutomaticOrca

.github/workflows/cicd.yml

@@ -6,15 +6,15 @@ on:
       - main
 
 jobs:
-  deploy:
+  build:
     runs-on: ubuntu-latest
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Set up Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: "18"
 
@@ -24,12 +24,24 @@ jobs:
       - name: Build project
         run: npm run build
 
-      - name: Deploy to EC2
+      - name: Login to dockerhub
+        run: docker login -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Build Docker Image
+        run: docker build -t automaticorca/cinema-frontend --build-arg VITE_APP_NODE_ENV='production' --build-arg VITE_APP_SERVER_BASE_URL='http://ec2-13-54-7-53.ap-southeast-2.compute.amazonaws.com:5005/api'  .
+
+      - name: Publish Image to dockerhub
+        run: docker push automaticorca/cinema-frontend:latest
+
+  deploy:
+    needs: build
+    runs-on: self-hosted
+    steps:
+      - name: Stop and remove old container
         run: |
-          ssh -o StrictHostKeyChecking=no ${{ secrets.EC2_USER }}@${{ secrets.EC2_IP }} << 'EOF'
-          cd /path/to/your/project
-          git pull origin main
-          npm install
-          npm run build
-          pm2 restart app
-          EOF
+          docker stop cinema-frontend-container || true
+          docker rm cinema-frontend-container || true
+      - name: Pull image from docker hub
+        run: docker pull automaticorca/cinema-frontend:latest
+      - name: Run Docker Container
+        run: docker run -d -p 5173:80 --name cinema-frontend-container -e MONGO_PASSWORD='${{ secrets.MONGO_PASSWORD }}' automaticorca/cinema-frontend