Skip to content

docs: refresh README platform stack and add architecture GIF export - #31

Merged
cmcornejocrespo merged 3 commits into
davidseve:mainfrom
cmcornejocrespo:docs/readme-platform-stack
Sep 9, 2026
Merged

docs: refresh README platform stack and add architecture GIF export#31
cmcornejocrespo merged 3 commits into
davidseve:mainfrom
cmcornejocrespo:docs/readme-platform-stack

Conversation

@cmcornejocrespo

Copy link
Copy Markdown
Collaborator

Summary

  • Refresh README Platform Stack with a Mermaid layer diagram, badge-tagged component table, and cross-links to the live map and AGENTS.md tech matrix.
  • Add reproducible FlowStory GIF export (make export-architecture-gif) — Playwright frame capture per hop + ffmpeg palettegen; default covers request-path hops 0–6.
  • Ship temporary preview GIFs under assets/preview/ (three variants + local README) so we can pick a winner before wiring the final asset into README.
  • Fix architecture PNG/GIF export page.goto wait (load instead of networkidle) — live companion polling caused Playwright timeouts.

Details

The static README diagram (assets/overall-architecture.png) already comes from v5 Overall Demo via make export-architecture. This PR adds an animated counterpart and improves the prose stack section for first-time readers.

Area Change
README Mermaid flowchart + layer badge table
tests/export-architecture-gif.mjs Frame-by-frame GIF export (env-configurable hops/fps)
scripts/export-readme-architecture-gif.sh Wrapper for make export-architecture-gif
assets/preview/ Temporary — 3 GIF variants + README.md comparing scope/duration
scripts/export-architecture-gif-preview.sh Temporary — regenerates all three preview GIFs

Temporary preview cleanup (after we pick a variant): delete assets/preview/ and scripts/export-architecture-gif-preview.sh, copy the winner to assets/overall-architecture.gif, adjust defaults in export-architecture-gif.mjs if needed, optionally embed in README. See assets/preview/README.md.

Key findings during testing:

  • networkidle on v5/live.html times out locally (observability/proxy polling); load + existing FlowStory waits is sufficient.
  • Request-path GIF (7 frames, 2 fps) ≈ 128 KB; full baseline (22 frames, 3 fps) ≈ 169 KB at 1200 px width.

Test plan

  • make export-architecture-gif — writes assets/overall-architecture.gif
  • ./scripts/export-architecture-gif-preview.sh — writes three variants under assets/preview/
  • Review preview GIFs in assets/preview/ and choose variant for README
  • After merge: remove temporary preview boilerplate per assets/preview/README.md

Made with Cursor

cmcornejocrespo and others added 3 commits September 9, 2026 10:34
Replace the ASCII stack with a Mermaid layer diagram, a tagged component table, and links to the live map and AGENTS.md tech matrix.

Co-authored-by: Cursor <cursoragent@cursor.com>
Playwright frame-by-frame capture from v5 Overall Demo plus ffmpeg
palettegen; defaults to request-path hops 0–6. Fix PNG/GIF export page
load (networkidle timeout on live companion polling).

Co-authored-by: Cursor <cursoragent@cursor.com>
Three side-by-side GIFs (request-path, request-response, full) plus
local README and regen script. Intentionally temporary — remove
assets/preview/ and export-architecture-gif-preview.sh once a winner
is chosen (see assets/preview/README.md).

Co-authored-by: Cursor <cursoragent@cursor.com>
@cmcornejocrespo
cmcornejocrespo merged commit 10e9aa2 into davidseve:main Sep 9, 2026
1 check passed
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