Skip to content

docs: add README header banners to the framework adapter packages - #491

Merged
AlemTuzlak merged 1 commit into
mainfrom
readme-header-adapters
Aug 3, 2026
Merged

docs: add README header banners to the framework adapter packages#491
AlemTuzlak merged 1 commit into
mainfrom
readme-header-adapters

Conversation

@AlemTuzlak

@AlemTuzlak AlemTuzlak commented Aug 3, 2026

Copy link
Copy Markdown
Collaborator

Follow-up to #490, which is already merged.

That PR swapped the README banners that already existed for the
/api/readme/ endpoint. It did not add banners to packages that never had
one, which left an inconsistency: sibling framework adapters in this repo now
look different from each other purely because of which PNG happened to be
committed before.

This adds the banner to the public framework adapter packages that were
missed: @tanstack/react-devtools, @tanstack/preact-devtools, @tanstack/solid-devtools, @tanstack/vue-devtools.

Scope

Only packages a user installs directly. Internal packages are deliberately
left banner-free - a branded header on plumbing nobody browses is noise:

  • build/tooling packages (vite, rspack and cli plugins)
  • *-core packages and internal client/server split packages
  • storage and persistence backends

Verification

Every URL added here was requested against the live endpoint and returned
200 image/png at 1800x450. Light and dark are served through <picture>,
with the trailing <img> left as the light variant so renderers that ignore
<picture> (npm, most editors) still show a banner.

Summary by CodeRabbit

  • Documentation
    • Added responsive, centered banners to the Preact, React, Solid, and Vue Devtools README files.
    • Banners automatically adapt to light and dark themes.
    • Included descriptive metadata for improved accessibility.

@coderabbitai

coderabbitai Bot commented Aug 3, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 80c025bb-de89-4ac9-954d-c40ead2bfd42

📥 Commits

Reviewing files that changed from the base of the PR and between 5267bf5 and 06017fb.

📒 Files selected for processing (4)
  • packages/preact-devtools/README.md
  • packages/react-devtools/README.md
  • packages/solid-devtools/README.md
  • packages/vue-devtools/README.md

📝 Walkthrough

Walkthrough

The four Devtools package README files now include centered responsive banners. Each banner selects dark- or light-theme artwork and includes descriptive image metadata.

Changes

README banners

Layer / File(s) Summary
Responsive theme-aware banners
packages/preact-devtools/README.md, packages/react-devtools/README.md, packages/solid-devtools/README.md, packages/vue-devtools/README.md
Added centered responsive banner markup with separate dark- and light-theme image sources and descriptive metadata.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Possibly related PRs

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly identifies the documentation change and the affected framework adapter packages.
Description check ✅ Passed The description explains the changes, scope, affected packages, and verification, but it omits the template headings and checklist selections.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch readme-header-adapters

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.

@nx-cloud

nx-cloud Bot commented Aug 3, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 06017fb

Command Status Duration Result
nx run-many --target=test:e2e --parallel=1 --pr... ✅ Succeeded 1m 5s View ↗
nx run-many --targets=build --exclude=examples/... ✅ Succeeded <1s View ↗
nx affected --targets=test:eslint,test:sherif,t... ✅ Succeeded 10s View ↗

☁️ Nx Cloud last updated this comment at 2026-08-03 09:57:32 UTC

@pkg-pr-new

pkg-pr-new Bot commented Aug 3, 2026

Copy link
Copy Markdown
More templates

@tanstack/angular-devtools

npm i https://pkg.pr.new/@tanstack/angular-devtools@491

@tanstack/devtools

npm i https://pkg.pr.new/@tanstack/devtools@491

@tanstack/devtools-a11y

npm i https://pkg.pr.new/@tanstack/devtools-a11y@491

@tanstack/devtools-bundler-core

npm i https://pkg.pr.new/@tanstack/devtools-bundler-core@491

@tanstack/devtools-client

npm i https://pkg.pr.new/@tanstack/devtools-client@491

@tanstack/devtools-rspack

npm i https://pkg.pr.new/@tanstack/devtools-rspack@491

@tanstack/devtools-ui

npm i https://pkg.pr.new/@tanstack/devtools-ui@491

@tanstack/devtools-utils

npm i https://pkg.pr.new/@tanstack/devtools-utils@491

@tanstack/devtools-vite

npm i https://pkg.pr.new/@tanstack/devtools-vite@491

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/@tanstack/devtools-event-bus@491

@tanstack/devtools-event-client

npm i https://pkg.pr.new/@tanstack/devtools-event-client@491

@tanstack/preact-devtools

npm i https://pkg.pr.new/@tanstack/preact-devtools@491

@tanstack/react-devtools

npm i https://pkg.pr.new/@tanstack/react-devtools@491

@tanstack/solid-devtools

npm i https://pkg.pr.new/@tanstack/solid-devtools@491

@tanstack/svelte-devtools

npm i https://pkg.pr.new/@tanstack/svelte-devtools@491

@tanstack/vue-devtools

npm i https://pkg.pr.new/@tanstack/vue-devtools@491

commit: 06017fb

@AlemTuzlak
AlemTuzlak merged commit 10f28d8 into main Aug 3, 2026
11 checks passed
@AlemTuzlak
AlemTuzlak deleted the readme-header-adapters branch August 3, 2026 09:59
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