prototype-canvas

# Prototype canvas `canvas/` is a local tldraw app. It discovers every `.html` file under `mockups/canvases/<slug>/` and renders it as a shape. There is no shape map to edit and no code change needed to add a board. ## Start The server runs under tmux. A bare `npm run dev` is blocked by a hook, and the **whole shell command must start with `tmux`**: a leading `cd` trips the same hook, so pass the directory with `-c` and an absolute path. ```bash ROOT="$(git rev-parse --show-toplevel)" [ -d "$ROOT/canvas/node_modules" ] || (cd "$ROOT/canvas" && npm ci) tmux kill-session -t canvas 2>/dev/null tmux new-session -d -s canvas -c "$ROOT/canvas" \ "npm run dev -- --host 127.0.0.1 --port 5173 --strictPort" tmux capture-pane -p -t canvas | tail -5 # confirm it bound ``` - Pass **`--host 127.0.0.1`**, or Vite binds `localhost` only, which resolves to `::1` here and makes every `127.0.0.1` request fail with a bare connection error. Keep it on loopback either way: this is a local design tool, not a service to expose. - Read the pane back. `--strictPort` fails loudly rather than drifting to 5174, and you want to see which it did. - Never reuse a port just because it responds. Its HTML must contain `<meta name="prototyping-repo-root" content="$ROOT">`; otherwise it belongs to a different checkout. Pick another free port and keep `--strictPort`. - Deep-link a board with `?canvas=<slug>`, e.g. `http://127.0.0.1:5173/?canvas=notion-ios`. **Restart it before you op...