Merge pull request #275 from yin1999/fix-ui-update

fix(ci): resume the build logic of the front end

.github/workflows/dubboctl-ui-update.yaml

@@ -25,7 +25,6 @@ on:
     paths:
       - .github/workflows/dubboctl-ui-update.yaml
       - ui-vue3/**
-      - Makefile
   # Trigger the workflow when a pull request is opened or updated.
   # This is to make sure the build process would not be broken by the
   # changes in the pull request.
@@ -35,7 +34,6 @@ on:
     paths:
       - .github/workflows/dubboctl-ui-update.yaml
       - ui-vue3/**
-      - Makefile
 
 jobs:
   lint:
@@ -64,11 +62,27 @@ jobs:
   update-ui:
     runs-on: ubuntu-latest
     if: github.repository == 'apache/dubbo-kubernetes'
+    defaults:
+      run:
+        working-directory: ui-vue3
     steps:
       - uses: actions/checkout@v4
 
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: "ui-vue3/.nvmrc"
+
+      - name: Install dependencies
+        run: yarn --frozen-lockfile
+
       - name: Run Dubboctl UI build
-        run: make build-ui
+        run: yarn build
+
+      - name: Move build artifacts
+        run: |
+          rm -rf ../app/dubbo-ui/dist/
+          mv dist/ ../app/dubbo-ui/dist/
 
       - name: Create PR if the build is changed
         # This step will be skipped if the workflow is triggered by a pull request.

ui-vue3/README.md

@@ -5,6 +5,7 @@
 `Vue3` `Vite` `TypeScript` `Ant Design Vue` `AntV|echarts` `lodash` `i18n` `colorful theme`
 
 ## Introduction
+
 This project is the front-end of dubbo-kube.
 
 1. home
@@ -44,6 +45,7 @@ yarn add [email protected]
 ```
 
 ## Develop
+
 1. todo
 > if a function is not complete but show the entry in your page, 
 > please use notification.todo to mark it
@@ -245,8 +247,20 @@ function globalQuestion() {
    },
    ```
 
-   
+## Build and Deploy
 
-   
+1. Build
 
-   
+   ```shell
+   yarn build
+   ```
+
+2. Deploy
+
+   Copy the `dist` folder to the path `app/dubbo-ui/dist/`
+
+   ```shell
+   # run the following command in the root path of the project
+   rm -rf app/dubbo-ui/dist
+   cp -r dist/ app/dubbo-ui/
+   ```

ui-vue3/package.json

@@ -13,7 +13,7 @@
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore",
     "lint:fix": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "prepare": "husky install",
+    "prepare": "husky || true",
     "prettier-format": "prettier --write src/",
     "prettier-check": "prettier --check src/"
   },