Hands-On: Lazy Graphics Pipeline

A hack session on conflict-tolerant, local-first collaboration. You'll explore conflict-tolerant collaboration and implement conflict-tolerant computation in a visual graphics pipeline.

Screenshots: See it in action ⚠️ Spoilers: shows the finished solution.

Starter

The exercise. A working pipeline that silently drops one edit on a conflict. Your job: detect, visualise, and resolve. See EXERCISE.md inside.

Download starter.zip

Solution

The complete reference implementation — peek if you get stuck, or compare once you're done.

Download solution.zip

Quick start

  1. Unzip and open a terminal in the folder.
  2. Run the commands below, then open http://localhost:5173.
  3. Click “Open 2nd window”, take both offline, wire the same input differently, then go back online to create a conflict. 
npm install
npm run dev