Skip to content

feat: add GitGraph component and graphviz theme defaults#10969

Merged
mergify[bot] merged 1 commit intomainfrom
devs/jd/worktree-stacks/I720770b645e7a50ee7fcb8288fa1651675fda44a
Apr 10, 2026
Merged

feat: add GitGraph component and graphviz theme defaults#10969
mergify[bot] merged 1 commit intomainfrom
devs/jd/worktree-stacks/I720770b645e7a50ee7fcb8288fa1651675fda44a

Conversation

@jd
Copy link
Copy Markdown
Member

@jd jd commented Apr 9, 2026

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

Copilot AI review requested due to automatic review settings April 9, 2026 12:57
@jd
Copy link
Copy Markdown
Member Author

jd commented Apr 9, 2026

This pull request is part of a stack:

  1. feat: add GitGraph component and graphviz theme defaults (#10969) 👈
  2. docs(stacks): rewrite stacks section as full product documentation (#10970)

@mergify mergify bot had a problem deploying to Mergify Merge Protections April 9, 2026 12:57 Failure
@mergify
Copy link
Copy Markdown
Contributor

mergify bot commented Apr 9, 2026

Merge Protections

Your pull request matches the following merge protections and will not be merged until they are valid.

🟢 🤖 Continuous Integration

Wonderful, this rule succeeded.
  • all of:
    • check-success = build
    • check-success = lint
    • check-success = test
    • any of:
      • check-success = test-broken-links
      • label = ignore-broken-links
    • any of:
      • check-success=Cloudflare Pages
      • -head-repo-full-name~=^Mergifyio/

🟢 👀 Review Requirements

Wonderful, this rule succeeded.
  • any of:
    • #approved-reviews-by >= 2
    • author = dependabot[bot]
    • author = mergify-ci-bot

🟢 Enforce conventional commit

Wonderful, this rule succeeded.

Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/

  • title ~= ^(fix|feat|docs|style|refactor|perf|test|build|ci|chore|revert)(?:\(.+\))?:

🟢 🔎 Reviews

Wonderful, this rule succeeded.
  • #changes-requested-reviews-by = 0
  • #review-requested = 0
  • #review-threads-unresolved = 0

🟢 📕 PR description

Wonderful, this rule succeeded.
  • body ~= (?ms:.{48,})

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.astro with linear (pure SVG) and graph (Graphviz) rendering modes.
  • Converted merge-strategies documentation diagrams from raw DOT blocks to the new GitGraph component.
  • Enhanced remark-graphviz to 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.

@jd jd marked this pull request as ready for review April 9, 2026 15:00
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
@jd jd force-pushed the devs/jd/worktree-stacks/I720770b645e7a50ee7fcb8288fa1651675fda44a branch from 97a81ca to 6af92de Compare April 9, 2026 15:11
@mergify mergify bot deployed to Mergify Merge Protections April 9, 2026 15:11 Active
@mergify mergify bot requested a review from a team April 9, 2026 15:14
@mergify mergify bot requested a review from a team April 9, 2026 21:13
@mergify
Copy link
Copy Markdown
Contributor

mergify bot commented Apr 10, 2026

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

mergify bot added a commit that referenced this pull request Apr 10, 2026
@mergify mergify bot added the queued label Apr 10, 2026
mergify bot added a commit that referenced this pull request Apr 10, 2026
mergify bot added a commit that referenced this pull request Apr 10, 2026
mergify bot added a commit that referenced this pull request Apr 10, 2026
mergify bot added a commit that referenced this pull request Apr 10, 2026
@mergify mergify bot merged commit 9dd25ee into main Apr 10, 2026
9 of 14 checks passed
@mergify mergify bot deleted the devs/jd/worktree-stacks/I720770b645e7a50ee7fcb8288fa1651675fda44a branch April 10, 2026 07:04
@mergify mergify bot removed the queued label Apr 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

4 participants