add build step for demo dashboard

fix webui mode for website

Author: marle3003

.github/actions/publish-website/action.yml

@@ -1,6 +1,9 @@
 name: "Publish website"
 description: "Publish website to web hosting"
 inputs:
+  image-name:
+    required: true
+    description: Mokapi image name
   username:
     required: true
     description: ftp username
@@ -26,6 +29,17 @@ runs:
         repository: marle3003/mokapi
         excludes: prerelease, draft
         token: ${{ inputs.token }}
+    - name: Run mokapi image
+      run: docker run --name mokapi --rm -d -p 80:80 -p 8080:8080 -p 9092:9092 -p 8389:8389 -p 8025:8025 --mount type=bind,source=$(pwd)/webui/scripts/dashboard-demo/demo-configs,target=/data --env MOKAPI_Providers_File_Directory=/data ${{ inputs.image-name }}
+      shell: bash
+    - name: Build Demo Dashboard
+      working-directory: ./webui/scripts/dashboard-demo/demo-configs
+      run: node ci.ts
+      shell: bash
+    - name: Stop Mokapi
+      if: always()
+      run: docker stop mokapi || true
+      shell: bash
     - name: build website
       working-directory: ./webui
       run: |

.github/actions/run-frontend-tests/action.yml

@@ -59,4 +59,8 @@ runs:
       uses: actions/upload-artifact@v4
       with:
         name: mokapi-test-logs
-        path: /var/tmp/mokapi.log
+        path: /var/tmp/mokapi.log
+    - name: Stop Mokapi
+      if: always()
+      run: docker stop mokapi || true
+      shell: bash

.github/workflows/alpha.yml

@@ -74,7 +74,7 @@ jobs:
     name: Publish website
     runs-on: ubuntu-latest
     if: "success()"
-    needs: [ build-alpha ]
+    needs: [ setup, build-alpha ]
     steps:
       - name: Check out code
         uses: actions/checkout@v4
@@ -84,6 +84,7 @@ jobs:
         uses: chetan/git-restore-mtime-action@v2
       - uses: ./.github/actions/publish-website
         with:
+          image-name: ${{ needs.setup.outputs.image-name }}
           username: ${{ secrets.FTP_USERNAME }}
           password: ${{ secrets.FTP_PASSWORD }}
           server: ${{ secrets.FTP_SERVER }}

webui/.env.dashboard

@@ -1,2 +1,3 @@
 VITE_WEBSITE=false
-VITE_USE_DEMO=false
+VITE_USE_DEMO=false
+VITE_DASHBOARD=true

webui/.env.website

@@ -1,2 +1,3 @@
 VITE_WEBSITE=true
-VITE_USE_DEMO=true
+VITE_USE_DEMO=true
+VITE_DASHBOARD=false

webui/src/components/Header.vue

@@ -10,7 +10,6 @@ import { Modal } from 'bootstrap';
 
 const isDashboard = import.meta.env.VITE_DASHBOARD === 'true'
 const useDemo = import.meta.env.VITE_USE_DEMO === 'true'
-console.log(useDemo);
 let appInfo: AppInfoResponse | null = null
 const query = ref('')
 const tooltipDark = 'Switch to light mode';

webui/src/composables/dashboard.demo.ts

@@ -23,7 +23,6 @@ watchEffect(async () => {
 export const dashboard: Dashboard = {
 
     getServices(type) {
-        console.log(data.value)
         let result = []
         if (demo.value) {
             const response = demo.value['services']

webui/src/router/index.ts

@@ -303,7 +303,7 @@ if (import.meta.env.VITE_DASHBOARD === 'true') {
   router.addRoute(createDashboardRoute('live'));
 }
 if (import.meta.env.VITE_USE_DEMO === 'true') {
-  createDashboardRoute('demo')
+  router.addRoute(createDashboardRoute('demo'));
 }