Update build flow to bundle app

Author: lucemans

.github/workflows/build.yaml

@@ -40,10 +40,34 @@ jobs:
                   workspaces: engine
                   key: ${{ matrix.platform.arch }}
 
+            # Setup Node & PNPM
+            - name: Setup PNPM
+              uses: pnpm/action-setup@v4
+              with:
+                run_install: false
+                standalone: true
+                package_json_file: web/package.json
+                version: 8
+      
+            - name: Setup Node
+              uses: actions/setup-node@main
+              with:
+                node-version: 21
+                cache: pnpm
+                cache-dependency-path: 'web'
+
             # Install cross
             - name: Install cross
               run: cargo install cross
 
+            - name: Install dependencies
+              working-directory: web
+              run: pnpm install
+
+            - name: Build web
+              working-directory: web
+              run: pnpm build
+
             # Update version number in engine/Cargo.toml
             # If tag is a release use that
             # Otherwise use the version number in the engine/Cargo.toml and append it with -alpha

engine/src/routes/mod.rs

@@ -1,8 +1,10 @@
 use std::sync::Arc;
 
+use async_std::path::Path;
 use auth::AuthApi;
 use poem::{
-    get, handler, listener::TcpListener, middleware::Cors, web::Html, EndpointExt, Route, Server,
+    endpoint::StaticFilesEndpoint, get, handler, listener::TcpListener, middleware::Cors,
+    web::Html, EndpointExt, Route, Server,
 };
 use poem_openapi::{OpenApi, OpenApiService, Tags};
 use site::SiteApi;
@@ -43,10 +45,17 @@ pub async fn serve(state: AppState) {
     let api_service =
         OpenApiService::new(get_api(), "Hello World", "1.0").server("http://localhost:3000/api");
     let spec = api_service.spec_endpoint();
+
+    let frontend_dir = Path::new("www");
+    let file_endpoint = StaticFilesEndpoint::new(frontend_dir)
+        .index_file("index.html")
+        .fallback_to_index();
+
     let app = Route::new()
         .nest("/api", api_service)
         .nest("/openapi.json", spec)
         .at("/docs", get(get_openapi_docs))
+        .at("/", file_endpoint)
         .with(Cors::new())
         .data(state);
 

engine/www/.gitignore

@@ -0,0 +1,2 @@
+/*
+!.gitignore

web/package.json

@@ -9,7 +9,8 @@
     },
     "scripts": {
         "dev": "vite",
-        "build": "vite build",
+        "build": "vite build && pnpm build:copy",
+        "build:copy": "cp -r ./dist/* ../engine/www",
         "lint": "eslint -c .eslintrc.json --ext .ts,.tsx,.json ./src",
         "lint:fix": "echo Linting... && npm run lint -- --fix",
         "api-schema": "openapi-typescript http://localhost:3000/openapi.json -t -o ./src/api/schema.gen.ts"