vibed/quotesdb/.beans/quotesdb-kaat--set-up-uicargotoml-with-yewwasm-dependencies-yew-y.md

title	status	type	priority	created_at	updated_at	blocked_by
Set up ui/Cargo.toml with Yew/Wasm dependencies (yew, yew-router, gloo, wasm-bindgen, serde, etc.)	completed	task	critical	2026-03-10T23:32:09Z	2026-03-10T23:32:16Z	quotesdb-fhhk

The `quotesdb` UI is a Yew (Rust → Wasm) single-page app compiled by Trunk and hosted on Cloudflare Pages. It communicates with the backend API via `fetch` calls. Source lives in `src/bin/ui/`. Run with `trunk serve` for local development.

TRIAGE resolved (ticket 166996): use yew = "0.22", yew-router = "0.19", wasm-bindgen = "0.2" (compatible with wasm-bindgen-cli 0.2.108 in the Nix dev shell).

Add UI-side Yew/Wasm dependencies to `Cargo.toml` under `[target.'cfg(target_arch = "wasm32")'.dependencies]`. Use the following pinned versions:

• yew = "0.22" (latest stable: 0.22.1)
• yew-router = "0.19" (latest stable: 0.19.0, requires yew ^0.22.0)
• gloo — timers and fetch utilities for Yew
• wasm-bindgen = "0.2" (compatible with nix-shell wasm-bindgen-cli 0.2.108)
• web-sys — browser API bindings
• serde with derive feature
• serde_json
• wasm-bindgen-futures — for async fetch in Wasm

Also add serde and serde_json to [dependencies] (non-target-scoped) so shared lib types can use derive macros on both targets.

- All UI-only dependencies must be scoped to the wasm32 target — they must not appear in host builds. - `wasm-bindgen` version must match the `wasm-bindgen-cli` version in the Nix dev shell (currently 0.2.108). - `serde` and `serde_json` are needed on both targets for shared types — add to `[dependencies]` not the wasm target section. Use `superpowers:verification-before-completion` — run `trunk build` to confirm WASM compilation succeeds. From the `quotesdb/` directory:

cargo fmt
cargo check
trunk build

`chore(quotesdb): set up ui Cargo dependencies for Yew/Wasm`