Skip to content

docs: add Setup Workspace demo GIF to README#96

Merged
patchloom-release[bot] merged 4 commits into
mainfrom
feat/demo-gif
Jun 6, 2026
Merged

docs: add Setup Workspace demo GIF to README#96
patchloom-release[bot] merged 4 commits into
mainfrom
feat/demo-gif

Conversation

@SebTardif
Copy link
Copy Markdown
Contributor

Summary

Add an animated GIF to the README showing the complete Setup Workspace flow.

What the demo shows

  1. Clean TypeScript project open in VS Code
  2. Command palette: type Patchloom: Setup
  3. Step 1/2: AGENTS.md generation prompt with Initialize Project button
  4. AGENTS.md created and opened in editor
  5. Step 2/2: MCP config picker (VS Code, Cursor, Windsurf targets)
  6. Final state: MCP configured, status bar shows Patchloom MCP

Recording approach

  • Playwright CDP: Connected to VS Code Electron via --remote-debugging-port=9222 to automate UI interactions
  • Screenshot capture: 54 frames at key moments with hold durations for readability
  • ffmpeg: Assembled frames into GIF at 5fps with palette optimization
  • gifsicle: Lossy compression (105 KB final size)

Files changed

File Change
images/setup-workspace-demo.gif New 105 KB animated GIF
README.md Added GIF under "Get started in 30 seconds"

Closes #95

SebTardif and others added 4 commits June 6, 2026 09:32
Refocus the extension as an MCP control plane:

- Status bar shows  Patchloom MCP when MCP is configured,
   Patchloom when binary is ready but MCP is not set up,
   Patchloom when binary is missing or needs upgrade.

- Status details now show per-editor MCP breakdown (VS Code, Cursor,
  Windsurf) instead of a single MCP config: present/missing line.

- New 'Verify MCP Server' command spawns patchloom mcp-server, sends
  a JSON-RPC initialize request, validates the response, and reports
  server name/version on success or a diagnostic error on failure.

- Setup Workspace now walks through all steps (AGENTS.md, MCP config)
  in one invocation instead of stopping after each step.

- 16 new unit tests covering parseInitializeResponse, verifyMcpServer
  with injected spawn, and buildStatusDetails with per-editor targets.

Closes #93

Signed-off-by: Sebastien Tardif <[email protected]>
Add an animated GIF showing the Setup Workspace flow:
command palette, AGENTS.md generation, MCP configuration
for VS Code/Cursor/Windsurf, and final status bar state.

Recorded via Playwright CDP automation + ffmpeg + gifsicle.

Closes #95

Signed-off-by: Sebastien Tardif <[email protected]>
@patchloom-release patchloom-release Bot enabled auto-merge (squash) June 6, 2026 17:50
@patchloom-release patchloom-release Bot merged commit 8803886 into main Jun 6, 2026
20 checks passed
@patchloom-release patchloom-release Bot deleted the feat/demo-gif branch June 6, 2026 17:53
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.

Add Setup Workspace demo GIF to README

1 participant