# MeshBay — Next Implementation Phases > Base: Phases 1–9 complete. 132 tests. Web SPA live on meshbay.org. > Architecture reference: docs/meshbay-draft-v4.md > First security review: first-review.md (2026-08-10) --- ## Phase 7 — Node v2 : production, streaming, chat ✅ DONE Commit: fc56585 — 26 files, +2155/−159 lines, 109 tests. | # | Component | Status | |---|---|---| | 7.0 | JWT group claims + node authz check | ✅ | | 7.1 | QUIC 0-RTT session resumption | ✅ | | 7.2 | Signaling `client_incoming`/`punch_ready` + jti denylist push | ✅ | | 7.3 | Multi-group daemon (1-port multiplexing) | ✅ | | 7.4 | HLS streaming via QUIC | ✅ | | 7.5 | Chat: Sender Keys protocol + storage + MNP wire | ✅ | | 7.6 | Chat: local web UI + WS push to members | ✅ | --- ## Phase 8 — Hub v2: admin, federation, security ✅ DONE Commit: 46918ec — 20 files, +508/−90 lines, 117 tests. Deployed to meshbay.org. Existing emails encrypted. DB schema migrated. | # | Component | Status | |---|---|---| | 8.1 | Admin roles — config-based `require_admin` | ✅ S1 resolved | | 8.2 | Email encrypted at rest — AES-256-GCM, HKDF | ✅ S2 resolved | | 8.3 | Refresh token rotation — family-based reuse detection | ✅ S5 resolved | | 8.4 | Federation DB persistence (HubPeer model) | ✅ | | 8.5 | Federation token verification async (DB-backed) | ✅ | | 8.6 | CSAM hash check in swarm registration | ✅ | | 8.7 | Rate limiting on auth endpoints (5/10/20 per min) | ✅ | | 8.8 | Healthcheck endpoint (GET /v1/health) | ✅ | | 8.9 | IP log cleanup background task (365-day retention) | ✅ | | 8.10 | Argon2id bumped to 256 MB (pw_version=2, rehash on login) | ✅ | --- ## Phase 9 — Web client: WebRTC transport + core SPA ✅ DONE Commit: TBD — 23 files, ~2000 lines, 132 tests. Deployed to meshbay.org + Orange node. Tested browser → node P2P through two ISP NATs. **Objective:** a web browser can connect P2P to a node behind residential NAT, browse files, download, stream video, and chat — with zero data through the hub. **Architecture decisions (settled 2026-08-10):** ### Transport: WebRTC DataChannel for browsers Native clients (desktop, Android) use QUIC with `punch_nat()` — already validated in demo-v2 on SFR residential (Port-Restricted Cone NAT). Browsers cannot use QUIC for NAT traversal because WebTransport does not allow the browser to choose its UDP source port. Port-Restricted Cone NAT requires the client to connect from the exact port the node probed — impossible for browsers. **Solution:** WebRTC DataChannel with ICE/STUN. The browser's built-in WebRTC stack handles NAT traversal automatically. The node uses `aiortc` (same author as `aioquic`, already referenced in draft-v3 as [future]). ICE is strictly superior to our custom `punch_nat()` for this use case: - Both sides send STUN binding requests simultaneously → mutual hole-punching - No need for the client to pre-announce its port - Handles both sides behind NAT - Battle-tested by billions of users (Google Meet, Discord, etc.) The MNP protocol (handshake, file_request, file_chunk, chat_message, etc.) runs identically over WebRTC DataChannel as over QUIC streams. Same E2E encryption. **Node dual transport:** - QUIC (port 19000) — native clients, already in place - WebRTC DataChannel — browsers, using `aiortc` ### Signaling: hub WebSocket relay The hub relays WebRTC signaling (SDP offer/answer, ICE candidates) between browser and node. This is the same role described in draft-v3 section 4.1.3: "NAT traversal coordination [...] stateless [...] <1 KB per message." ``` Browser → Hub (HTTPS) : POST /v1/nodes/{id}/webrtc/offer {sdp, ice_candidates} Hub → Node (WS) : {type: "webrtc_offer", sdp, ice_candidates, peer_id} Node → Hub (WS) : {type: "webrtc_answer", sdp, ice_candidates, peer_id} Hub → Browser (SSE) : {sdp, ice_candidates} ``` After signaling, the DataChannel is P2P. Hub is no longer involved. ### UI: Preact SPA - **Framework:** Preact (~3 KB gzipped) + preact-router - **Build:** esbuild (single binary, no node_modules bloat) for minification - **Theming:** CSS `prefers-color-scheme` + localStorage toggle (dark/light) - **i18n:** JSON translation files loaded client-side, English default - **Responsive:** sidebar collapses to hamburger on mobile viewports - **Crypto:** existing `crypto.js` (SubtleCrypto AES-GCM) for E2E decryption ### Hub role (reminder — fundamental constraint) The hub is a registrar and signaling facilitator. It stores ONLY: - User accounts (login, encrypted email, public keys, keypair bundle) - Group metadata (name, admin, members, GEK bundles — no file indexes) - Node registrations (endpoint hints, public keys) All data (files, streams, chat messages, directory indexes) lives on mesh nodes. Clients (web or native) transfer data E2E with nodes. The hub never touches content. This is non-negotiable. ### Chat/forum storage Chat messages are stored on the node(s) hosting the group, not on the hub. The browser retrieves chat history from the node via DataChannel, same as files. If no node in the group is online, the group (including chat) is unavailable. This is inherent to the P2P model and acceptable. ### File search Content is not indexed on the hub. Search works client-side: - Node provides a Mesh Group Index (file metadata: names, paths, sizes, hashes) - For private groups, the index is GEK-encrypted — hub stores it opaque, client decrypts - Browser caches decrypted indexes in IndexedDB (~50–100 MB quota, extensible) - Search runs locally on cached indexes — instant, no network call, no hub involvement ### Milestones | # | Component | Files | Priority | |---|---|---|---| | 9.1 | **Spike: WebRTC DataChannel on node** | `aiortc` integration, 4 tests (handshake, file transfer, auth, guard) | ✅ | | 9.2 | WebRTC signaling endpoints on hub | `hub/api/signaling.py` — relay SDP/ICE, 2 tests | ✅ | | 9.3 | WebRTC→MNP transport adapter on node | `node/transport/webrtc_server.py` + hub_client WebRTC handler | ✅ | | 9.4 | `transport.js` — browser WebRTC client | `static/transport.js` — connect, handshake, fetch, msgpack | ✅ | | 9.5 | **Spike: E2E browser→NAT→node file transfer** | Mobile 4G → SFR NAT → node, IPv4 STUN + IPv6 validated | ✅ | | 9.6 | Preact SPA shell (login, routing, theme) | `static/app.js`, `static/style.css`, `static/vendor/htm-preact.js` | ✅ | | 9.7 | Group list + file explorer UI | `app.js` GroupPage, `groups.py` nodes endpoint, `revocation.py` group tracking | ✅ | | 9.8 | File download via DataChannel | AES-GCM chunks, GEK delivery, progress bar, browser download | ✅ | | 9.9 | Video streaming via DataChannel | Chunk download → Blob URL, video overlay with native controls | ✅ | | 9.10 | Chat/forum UI via DataChannel | ChatPanel component, chat history MNP, peer broadcast, tabs UI | ✅ | | 9.11 | i18n framework + English strings | `static/i18n.js` — t() lookup, ESM, localStorage lang, all strings extracted | ✅ | | 9.12 | Settings UI (profile, theme, language) | SettingsPage component, system theme support, sidebar link | ✅ | | 9.13 | Tests: unit + integration | WebRTC transport, MNP over DataChannel | ✅ | | 9.14 | Performance: pipelined download | sliding window (8 concurrent chunks) | ✅ | | 9.15 | Performance: binary wire format | raw bytes via msgpack, no base64 (+33%) | ✅ | | 9.16 | Performance: avoid redundant I/O | file_hash from index, not re-read per chunk | ✅ | | 9.17 | Large file download to disk | File System Access API (`showSaveFilePicker`) | ✅ | **Critical path validated (2026-08-10):** 9.1 → 9.5 all pass. WebRTC DataChannel works browser → node through two different ISP residential NATs: **SFR residential NAT** (mobile 4G → node behind SFR Port-Restricted Cone + CGNAT): | Test | ICE path | Result | |---|---|---| | WiFi LAN (same network) | IPv6 direct | OK, ~100ms | | Mobile 4G SFR + IPv6 | IPv6 inter-network | OK, ~600ms | | Mobile 4G SFR + IPv4 only | STUN hole-punch IPv4 | OK, ~650ms | **Orange Livebox NAT** (laptop browser → node behind Orange residential NAT, cross-site): | Test | ICE path | Result | |---|---|---| | Chrome laptop → Orange node | IPv6 inter-network | OK, ~7000ms | | Firefox laptop → Orange node | IPv6 inter-network | OK, ~6700ms | | Firefox laptop → Orange node (IPv6 disabled) | STUN hole-punch IPv4 | OK, ~6900ms | Two ISPs validated, both Chrome and Firefox. No TURN relay needed. ICE/STUN handles all tested NAT types automatically. **Performance optimizations (2026-08-11):** - Initial transfer speed: ~2 MB/s (sequential, base64, redundant I/O) - After file_hash fix (9.16): ~3 MB/s (eliminated 78 GB redundant reads on 279 MB file) - After pipelining (9.14): ~5 MB/s (8-chunk sliding window, concurrent requests) - After binary wire format (9.15): eliminated 33% base64 inflation + removed redundant per-chunk fields (sig, hashes, pk_node) — AES-GCM tag already authenticates ciphertext, DTLS authenticates transport - Large file support (9.17): `showSaveFilePicker` (Chrome/Edge) streams decrypted chunks directly to disk — flat ~8 MB RAM regardless of file size. Firefox/Safari fall back to Blob-in-RAM approach. **Indexer debounce (2026-08-11):** - File copy triggers multiple watchdog events at different file sizes → duplicate index entries with different blake3 hashes. Fixed with 2-second debounce + path-based dedup (remove old entry before adding new). **Known remaining items for future phases:** - True video streaming (MSE or Service Worker) — currently downloads full file first - Multiple shared directories per node (UI + config) - Multi-node per user support **Dependencies added:** - `aiortc>=1.9` in `meshbay-node/pyproject.toml` ✅ - `esbuild` as a dev tool (single binary, not npm) — needed for 9.6+ - `preact` + `preact-router` (ESM imports, no npm needed — CDN or vendored) --- ## Phase 10 — meshbay.org site + admin/moderation UI **Objective:** meshbay.org becomes both a production hub and the project's public website, with admin/moderation interfaces and user-facing features. ### Site architecture Two layers, cleanly separated: - **Generic hub** (API + web app) — reusable by any hub operator - **Site overlay** — meshbay.org-specific pages (landing, /downloads, /about) The site overlay is served by Caddy (static files) with priority over the hub. The hub serves the SPA for authenticated users at `/app/`. ``` site/ # meshbay.org-specific (not in generic hub package) ├── index.html # Landing page — project promotion ├── downloads.html # Package repos (Ubuntu, Fedora, Android APK) ├── about.html # Project info, GitHub link, contact └── assets/ # Landing page CSS/images ``` ### User roles | Role | Capabilities | |---|---| | `user` | Standard user — browse, download, chat, manage own profile | | `moderator` | Review reports, suspend content/groups/users | | `admin` | All moderator rights + hub management, user management, logs | Role stored on User model. `require_moderator` dependency (checks role ≥ moderator). `require_admin` already exists (Phase 8.1 — config-based, extended to DB role). ### Milestones | # | Component | Priority | |---|---|---| | 10.1 | Landing page + /downloads + /about | High | | 10.2 | Moderator role + `require_moderator` dependency | High | | 10.3 | Moderation UI (report list, suspend content/group/user) | High | | 10.4 | Admin UI (hub management, user list, logs viewer) | High | | 10.5 | Notification system (invitations, new content, maintenance) | Medium | | 10.6 | User settings (profile, per-group options, privacy, mute) | Medium | | 10.7 | Public group search (name + keyword in description) | Medium | | 10.8 | Front page (notifications feed, prioritized: contacts → private → public) | Medium | | 10.9 | Package repositories (APT for Ubuntu, DNF for Fedora) | Medium | | 10.10 | Auto-update check endpoint for clients | Low | ### Hub mirror (design only — implementation deferred) A mirror hub is a complete replica of the primary hub (same user DB, same groups, same GEK bundles, same storage). Purpose: load distribution via DNS round-robin. **Design constraints:** - Shared Ed25519 private key (transferred once at setup, securely) - PostgreSQL logical replication for active-active read/write on both mirrors - Both mirrors can issue JWTs (same signing key) - DNS round-robin (2+ A records on meshbay.org) - If one mirror goes down, the other continues serving **Not implemented now.** The design must not prevent future implementation: - Hub config and private key paths must be externalizable - No hub-specific state that can't be replicated - JWT verification must not depend on hub-local state --- ## Phase 11 — Android client MVP **Objective:** Android app for account creation, group browsing, file download, chat. No node functionality on mobile (client-only). **Stack:** Kotlin native + Jetpack Compose. QUIC via `quiche` (Cloudflare, Rust JNI binding). Crypto via Bouncy Castle JVM. Same NAT traversal as desktop native clients (`punch_nat` + QUIC). | # | Component | Tech | Priority | |---|---|---|---| | 11.1 | Hub client (auth, groups, GEK) | Kotlin + Retrofit | High | | 11.2 | Crypto (Ed25519, X25519, ChaCha20) | Bouncy Castle JVM | High | | 11.3 | QUIC client | quiche (Rust JNI) | High | | 11.4 | NAT traversal (STUN + punch) | Kotlin native UDP | High | | 11.5 | File browser + download | Kotlin + streaming IO | High | | 11.6 | Chat UI | Jetpack Compose | Medium | | 11.7 | Contact list integration | Android Contacts API (permission-gated) | Medium | | 11.8 | Account creation from app | Registration flow + keypair bundle | High | **Cross-device compatibility:** the user may switch between web and Android. The `keypair_bundle` (encrypted, stored on hub) enables this — same credentials, same keys on both platforms. Notification state and read markers should sync via hub (small encrypted blob per user, minimal storage). **Upload from mobile:** posting photos/videos to a group. The mobile uploads to the group's node(s), not to the hub. The node stores it. MNP protocol extended with an `upload` message type for client→node push. **Out of scope:** node functionality on mobile, Mac/iPhone support. --- ## Phase 12 — Network resilience (optional, low priority) **Objective:** handle edge cases — symmetric NAT (CGNAT mobile), TURN relay, 0-RTT reconnection. Not needed for typical residential users. | # | Component | Priority | |---|---|---| | 12.1 | Mesh Relay TURN server | Low | | 12.2 | Relay registration via MHP | Low | | 12.3 | Node fallback to relay after ICE failure | Low | | 12.4 | QUIC 0-RTT (session tickets) | Medium | | 12.5 | Connection pool (1 QUIC conn = N requests) | Medium | | 12.6 | Test CGNAT mobile 4G | Low | **Note:** enterprise users behind restrictive firewalls can configure port forwarding themselves. This phase targets the ~15% of residential connections where even ICE/STUN fails (symmetric NAT behind CGNAT). Not a priority — the user explicitly deprioritized this. --- ## Phase 13 — RPM/DEB packaging + CI | # | Component | |---|---| | 13.1 | RPM build pipeline (Fedora, RHEL) | | 13.2 | DEB build pipeline (Ubuntu, Debian) | | 13.3 | GitHub Actions CI (pytest + ruff on PR) | | 13.4 | Release signing (GPG key) | | 13.5 | Repo apt/dnf on meshbay.org/packages/ | | 13.6 | Android APK distribution on meshbay.org/downloads/ | --- ## Recommended order ``` Phase 9 (Web client) ← core product: browser P2P to nodes Phase 10 (Site + admin UI) ← public-facing site, moderation, admin Phase 11 (Android) ← mobile client, long effort Phase 13 (Packaging) ← distribution Phase 12 (Resilience) ← optional, edge cases only ``` Phase 9 is the critical path. Milestone 9.5 (spike: browser → NAT → node file transfer) is the single most important validation in the project. If it works, the web client is viable. If not, the architecture needs fundamental rethinking. --- ## Structural decisions (all resolved) 1. Multi-group on a single QUIC port ✅ (Phase 7) 2. Signaling punch/connect via hub WS ✅ (Phase 7) 3. Chat is a core feature, not a module ✅ (draft v3) 4. Chat encryption: Sender Keys ✅ (security review) 5. JWT group claims required ✅ (security review) 6. Admin model: config-based ✅ (Phase 8) 7. Refresh token rotation: family-based ✅ (Phase 8) 8. Email encrypted at rest: AES-256-GCM ✅ (Phase 8) 9. Argon2id params: 256 MB, pw_version for migration ✅ (Phase 8) 10. **Browser transport: WebRTC DataChannel + ICE/STUN** ✅ (decided 2026-08-10) 11. **Hub role: registrar + signaling ONLY, never in data path** ✅ (reinforced 2026-08-10) 12. **Chat stored on nodes, not hub** ✅ (decided 2026-08-10) 13. **Web UI: Preact SPA, dark/light, responsive, i18n** ✅ (decided 2026-08-10) 14. **Site overlay: meshbay.org-specific pages separate from generic hub** ✅ (decided 2026-08-10)