Add Sycamore/WASM frontend and restructure into server/ + web/

Repo is now a monorepo: - server/: the kaya backend, unchanged in behaviour, plus: - GET /api/me for SPA session detection - last_move recorded on every play and broadcast in the game state, so clients can show who played which card the moment they play it - legal_moves per hand card for the player on turn (rules stay server-side) - static catch-all route serving the compiled SPA with index.html fallback; Tortoise context now bound only for /api/* requests - configurable OIDC post-login/logout redirects for dev against trunk - web/: Sycamore 0.9 + WASM frontend (trunk): login via the OIDC flow, lobby (create match / join by code), live game page over websocket with card images (CC0 woodcut napoletane deck), capture picker, move banner, game-over overlay, match history and leaderboard pages - server/Dockerfile gains a rust+trunk stage building web/dist; the single app image serves the SPA; compose builds from the repo root with overridable ports/OIDC env Verified end-to-end against the compose stack: four OIDC logins, game creation, three joins by code, websocket play with broadcasts to all players and out-of-turn rejection. 51 backend tests, mypy and cargo tests all green.
2026-09-16 13:20:05 +08:00
parent e9ddb82e9a
commit 96a95d74b6
104 changed files with 151484 additions and 236 deletions
@@ -0,0 +1,66 @@
+//! Global leaderboard page.
+use wasm_bindgen_futures::spawn_local;
+use sycamore::prelude::*;
+
+use crate::api;
+use crate::model::LeaderboardPage;
+
+#[component]
+pub fn LeaderboardPage() -> View {
+    let page = create_signal(Option::<LeaderboardPage>::None);
+    let error = create_signal(Option::<String>::None);
+
+    spawn_local(async move {
+        match api::leaderboard().await {
+            Ok(p) => page.set(Some(p)),
+            Err(e) => error.set(Some(e)),
+        }
+    });
+
+    view! {
+        div(class="page") {
+            nav(class="top-nav") {
+                a(href="/") { "← Lobby" }
+                a(href="/history") { "My matches" }
+            }
+            h1 { "Leaderboard" }
+            (move || error.get_clone().map(|e| view! { div(class="toast") { (e) } }))
+            (move || match page.get_clone() {
+                None => view! { p(class="status") { "Loading…" } },
+                Some(p) => {
+                    let rows = p
+                        .results
+                        .iter()
+                        .cloned()
+                        .enumerate()
+                        .map(|(i, e)| {
+                            view! {
+                                tr {
+                                    td { (i + 1) }
+                                    td { (e.display_name.clone()) }
+                                    td { (e.wins) }
+                                    td { (e.matches) }
+                                    td { (e.points) }
+                                }
+                            }
+                        })
+                        .collect::<Vec<_>>();
+                    view! {
+                        table(class="matches") {
+                            thead {
+                                tr {
+                                    th { "#" }
+                                    th { "Player" }
+                                    th { "Wins" }
+                                    th { "Matches" }
+                                    th { "Points" }
+                                }
+                            }
+                            tbody { (rows) }
+                        }
+                    }
+                }
+            })
+        }
+    }
+}