Repository navigation
fix(site): refresh branding and stabilize playground reports - #509
Merged
Merged
Conversation
Install the generated leaf-green and shared-gold icon set. Use the static SVG for the favicon, retain the animated header mark, and update the manifest colours and maskable icon purposes. Keep theme colour in the manifest.
Reserve report space before client linting fills the page, preserving automatic example, shared-link and bookmarklet reports. Let long reports grow normally. Label the output as HTML after automatic fixes and report both applied fixes and remaining findings from the final analysis. Mark manual findings explicitly.
Qualify adapter agreement for source-dependent capabilities, describe the bookmarklet full-report fetch, and state the Node 24.8 minimum for clone work.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The playground inserts its first report above a visible desktop footer, producing a reported CLS of 0.329. Reserve a viewport of report space from the first paint while retaining automatic reports for the example, shared links and bookmarklets. Long reports grow in normal page flow.
Rename the output to “HTML after automatic fixes”, use “Copy HTML”, and report fixes alongside the actual remaining findings. The default example now explains its result as “3 automatically fixed · 2 remaining”; each finding indicates automatic or manual handling.
Install the generated leaf-green/shared-gold logo assets in a separate commit. Use the static SVG favicon and update the manifest colours and maskable icon purposes. Preserve the existing page accents and keep theme colour in the manifest. A third commit corrects README statements about adapter agreement, the bookmarklet's source fetch and Node 24.8.
Validation
Notes for the reviewer
Actual browser CLS/PageSpeed validation is pending: Chromium could not launch in this environment. Check both form factors, shared HTML, bookmarklet reports and slow loading. Minimum reserved space targets the reported initial footer shift; scrolling to the footer before a very slow report finishes can still expose movement. Short reports retain the reserved space.
No rule behaviour, package version, published package or UI palette was changed. No additional theme-color meta tag was added.