Merge branch 'main' of https://github.com/raga70/OpenVidStreamer

.github/workflows/DeployToK8S.yml

@@ -14,6 +14,10 @@ jobs:
 
     - name: Install sshpass
       run: sudo apt-get install -y sshpass
+
+    - name: Delay for other workflows to complete and push their images to docker hub
+      run: sleep 240 # Sleep for 240 seconds or 4 minutes
+
 
     - name: Execute commands over SSH
       env:

.github/workflows/FrontendPipeline.yaml

@@ -0,0 +1,54 @@
+name: Build and Deploy Frontend
+
+on:
+  push:
+    branches: [ "main" ]
+    paths:
+      - 'Frontend/openvidstreamer-fe/**'
+  pull_request:
+    branches: [ "main" ]
+    paths:
+      - 'Frontend/openvidstreamer-fe/**'
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18' # Adjust this to match your project's Node.js version
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ./Frontend/openvidstreamer-fe
+
+      - name: Install Vite globally
+        run: npm install -g vite
+
+      - name: Build project using Vite
+        run: vite build
+        working-directory: ./Frontend/openvidstreamer-fe
+
+      - name: Clean up target directory on server
+        uses: appleboy/ssh-action@master
+        with:
+          host: 145.220.74.148
+          username: ubuntu
+          password: ${{ secrets.DEPLSSH_PASSWORD }}
+          port: 22
+          script: |
+            find /var/www/fe -mindepth 1 -delete
+
+      - name: Copy build to server
+        uses: appleboy/scp-action@master
+        with:
+          host: 145.220.74.148
+          username: ubuntu
+          password: ${{ secrets.DEPLSSH_PASSWORD }}
+          port: 22
+          source: "./Frontend/openvidstreamer-fe/dist/*"
+          target: "/var/www/fe"

Frontend/openvidstreamer-fe/index.html

@@ -10,4 +10,4 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>