Codemojex · chapter C9 · the forward capstone
The road to GameIsland.
Eight chapters taught the shipped Elixir engine — branded ids, modes as policy, fair lanes, linear scoring, settlement, the wallet, the live surface, the node. That is where we are. This chapter turns to where we go: the player-facing game as a self-contained React island whose state layer is an Effector graph, plugged onto the same engine by a single branded thread.
Grounding — mercury/codemojex/apps/game (the island, the model, the two transports) · mercury/docs/liveview_boot/ · the engine seam echo/apps/codemojex. The island ships today; the road ahead is the seams.
Where we are → where we go
the 5WThe engine chapters ended at the live surface (C7): verified initData mints one SES, and a LiveView pushes results with no per-game process. C9 follows the surface outward — to a React island delivered on its own cadence, its state an Effector graph. The move is not a rewrite of the engine; it is a change of runtime for the front end, joined to the core by the same branded id.
game-[hash].js), decoupled from the server release; state lives outside React, so a hot swap keeps the game; and the derived stores give a fine-grained subscription surface no server render can.The through-line, in one line: the identity travels, the payload doesn’t. The branded id is the thread that survives the crossing — the secret and other players’ guesses stay behind the View gate.
The three dives
hub + 3 divesThe crossing
One scored attempt, island to engine and back — the branded id travels the whole way; the secret never does.
C9.2One model, two transports
One Effector model with derived stores; BridgeGame and PhoenixGame plug it onto LiveView and a channel.
The road ahead
Three delivery tiers, the edge cadence, the F-1 export gate, and the four seams that lead to GameRoom.
Grounding — the LiveView-boot developer docs (architecture · effector-pipeline · channels · events · interactions) read against the real client tree mercury/codemojex/apps/{game,liveview-boot} and the engine seam echo/apps/codemojex.
References
sources · relatedSources
- Effector — core conceptsthe store graph the island’s state layer is built from
- Phoenix LiveView — JS interop and hooksthe hook lifecycle the boot’s GameIsland uses
- MDN — ES module import mapsthe one-Socket law: every module shares one phoenix client
Related
- C1 — The Game as Branded Systemsthe id contract the thread carries
- C7 — The Live Surface on Phoenixthe seam the island plugs onto
- Echd, In Depththe consistent-core / available-edge CAP weave