Skip to content

Replay the whiteboard of a design room - #81

Merged
naman0r merged 1 commit into
mainfrom
replay-design-rooms
Oct 13, 2026
Merged

naman0r merged 1 commit into
mainfrom
replay-design-rooms

Conversation

@naman0r

@naman0r naman0r commented Oct 13, 2026 •

Copy link
Copy Markdown
Owner

What and why

Stacked on #80. The relay already records board changes along with editor changes, but the replay page only drew the code. For a design room the replay now rebuilds the board from those frames and draws it read-only with the same renderer as the live board. The existing scrubber and play button drive it. The view is framed to the board as it stood at the end of the session, so it holds still while shapes appear.

How this was verified

  • npx eslint src and npx tsc -b in apps/web.
  • Manually: opened the replay of a design room with 35 recorded frames and scrubbed to the start (0 shapes), the middle (7) and the end (9). Shapes, labels and moves appear in order.
  • A coding room's replay still shows the Monaco editor and no board.

Docs

docs/architecture.md, in the "A room" section.

@coderabbitai

coderabbitai Bot commented Oct 13, 2026 •

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 40 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: fba50001-deb5-42e0-be18-d17c201d3030
📥 Commits

Reviewing files that changed from the base of the PR and between a2bbb2c and e02147e.

📒 Files selected for processing (3)
  • apps/web/src/components/Whiteboard.tsx
  • apps/web/src/routes/rooms/Replay.tsx
  • docs/architecture.md
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@vercel

vercel Bot commented Oct 13, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
tandemcode Ready Ready Preview Oct 13, 2026 3:30am UTC

The relay already records board changes with the editor's. The replay
now rebuilds the board from them and draws it read-only, framed to the
whole session's board so the view holds still while shapes appear.
@naman0r
naman0r force-pushed the replay-design-rooms branch from a733cca to e02147e Compare October 13, 2026 03:30
@naman0r
naman0r changed the base branch from system-design-rooms to main October 13, 2026 03:30
@naman0r
naman0r merged commit ead72aa into main Oct 13, 2026
9 checks passed
@naman0r
naman0r deleted the replay-design-rooms branch October 13, 2026 03:32

This branch was successfully deployed

1 active deployment
Preview — e02147ef Deployed Oct 13, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant