feat: add GitGraph component and graphviz theme defaults#10969
Conversation
Merge ProtectionsYour pull request matches the following merge protections and will not be merged until they are valid. 🟢 🤖 Continuous IntegrationWonderful, this rule succeeded.
🟢 👀 Review RequirementsWonderful, this rule succeeded.
🟢 Enforce conventional commitWonderful, this rule succeeded.Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/
🟢 🔎 ReviewsWonderful, this rule succeeded.
🟢 📕 PR descriptionWonderful, this rule succeeded.
|
There was a problem hiding this comment.
Pull request overview
Adds a reusable GitGraph Astro component to standardize git-history diagrams across docs (linear SVG for stacked PRs and Graphviz for branching histories), and updates existing documentation/rendering tooling to use consistent theme defaults.
Changes:
- Added
src/components/GitGraph.astrowith linear (pure SVG) and graph (Graphviz) rendering modes. - Converted
merge-strategiesdocumentation diagrams from raw DOT blocks to the newGitGraphcomponent. - Enhanced
remark-graphvizto inject layered theme defaults into DOT blocks based on CSS classes.
Reviewed changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 5 comments.
| File | Description |
|---|---|
| src/content/docs/merge-queue/merge-strategies.mdx | Replaces raw Graphviz DOT blocks with <GitGraph /> usage for merge strategy diagrams. |
| src/components/GitGraph.astro | Introduces the shared diagram component (SVG + Graphviz rendering, shared palette, sizing, styling). |
| plugins/remark-graphviz.ts | Adds theme-default injection for remaining raw DOT code blocks via class-based presets. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Add a reusable GitGraph Astro component with two modes: - Linear mode (pure SVG): for stacked PR diagrams - Graph mode (Graphviz): for branching git history diagrams Both share a locked-down color palette and consistent sizing. Convert merge-strategies page from raw Graphviz to GitGraph. Also add layered theme defaults to the remark-graphviz plugin for remaining raw dot blocks (graph + git-commits presets). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Change-Id: I720770b645e7a50ee7fcb8288fa1651675fda44a Claude-Session-Id: a911b6ad-5466-48a4-b4d3-85198ebc7c28
97a81ca to
6af92de
Compare
Merge Queue Status
This pull request spent 1 hour 1 minute 29 seconds in the queue, including 2 minutes 29 seconds running CI. Required conditions to merge
|
Add a reusable GitGraph Astro component with two modes:
Both share a locked-down color palette and consistent sizing.
Convert merge-strategies page from raw Graphviz to GitGraph.
Also add layered theme defaults to the remark-graphviz plugin
for remaining raw dot blocks (graph + git-commits presets).
Co-Authored-By: Claude Opus 4.6 (1M context) noreply@anthropic.com