Skip to content

Render the search icon immediately - #16

Merged
walishcs merged 1 commit into
mainfrom
template
Aug 10, 2026
Merged

Render the search icon immediately#16
walishcs merged 1 commit into
mainfrom
template

Conversation

@walishcs

Copy link
Copy Markdown
Owner

What changed

  • Change the SearchPalette island from client-only rendering to server rendering with client-load hydration.
  • Keep the existing Astryx IconButton, SVG, Pagefind preload, and command palette behavior unchanged.

Why

The client-only island emitted no search button in the initial HTML, so the icon appeared only after React loaded. Server rendering places the icon in the first response while React attaches its interactions during page load.

Validation

  • npm run check
  • npm test (25 tests)
  • npm run format:check
  • npm run build
  • npm run astryx -- doctor
  • Confirmed the search icon is visible at DOMContentLoaded and opens the hydrated command palette.

@walishcs
walishcs merged commit 2209d08 into main Aug 10, 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