ci: add build frontend (#78)

* ci: add build frontend

* subdir

* copy

* skip musl

* copy

* all

* setenv

.github/workflows/main.yaml

@@ -17,6 +17,40 @@ env:
   DATABASE_URL: "postgres://postgres:postgres@localhost:5432/postgres"
 
 jobs:
+  build-frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: dtolnay/rust-toolchain@master
+        with:
+          toolchain: ${{ env.RUST_TOOLCHAIN }}
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "npm"
+          cache-dependency-path: ${{ github.workspace }}/frontend/package-lock.json
+      - name: Build tailwindcss
+        working-directory: ${{ github.workspace }}/frontend
+        run: |
+          npm ci
+          npm run build
+
+      - name: Install dioxus-cli
+        uses: taiki-e/cache-cargo-install-action@v1
+        with:
+          tool: dioxus-cli
+      - name: Build frontend
+        run: |
+          dx build --verbose
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: frontend
+          path: ${{ github.workspace }}/frontend/dist/
+          retention-days: 1
+
   build-linux:
     strategy:
       fail-fast: false
@@ -138,7 +172,7 @@ jobs:
 
   build-docker:
     runs-on: ubuntu-latest
-    needs: build-linux
+    needs: [build-frontend, build-linux]
     if: ${{ vars.BUILD_DOCKER != '' }}
 
     steps:

ci/docker/Dockerfile

@@ -11,4 +11,6 @@ RUN chmod +x /artifact/nghe
 
 FROM ${BASE_IMAGE}
 COPY --from=artifact /artifact/nghe /app/nghe
+COPY --from=artifact /artifact/frontend/ /app/frontend/
+ENV NGHE_SERVER__FRONTEND_DIR="/app/frontend/"
 ENTRYPOINT [ "/app/nghe" ]