Skip to content

Fix mobile search and render Lucide icons - #28

Merged
smiggleworth merged 1 commit into
mainfrom
fix/mobile-search-lucide
Jul 28, 2026
Merged

Fix mobile search and render Lucide icons#28
smiggleworth merged 1 commit into
mainfrom
fix/mobile-search-lucide

Conversation

@smiggleworth

Copy link
Copy Markdown
Contributor

Fixes the mobile documentation search overlay by portaling it outside the sticky blurred header and constraining the mobile results panel. Adds an attributed, searchable icon grid to the @askrjs/lucide root API reference while preserving every generated anchor and making hash deep links visible below the sticky header. Also derives the Lucide gallery version from the generated manifest.\n\nValidated locally with npm run check: 338/338 static routes and 32,501 API anchors.

Copilot AI review requested due to automatic review settings July 28, 2026 20:35
@smiggleworth
smiggleworth merged commit 17774ca into main Jul 28, 2026
2 checks passed
@smiggleworth
smiggleworth deleted the fix/mobile-search-lucide branch July 28, 2026 20:39

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Updates the docs experience by fixing the mobile documentation search overlay layout (so it’s not constrained by the sticky header) and enhancing the generated API reference for @askrjs/lucide with a visual, attributed icon grid while preserving stable anchors and deep-link behavior.

Changes:

  • Portal the docs search overlay outside the sticky header and constrain the mobile results panel height.
  • Add a dedicated Lucide root API page that renders a searchable icon grid with stable anchors and hash-target visibility.
  • Derive the Lucide gallery version from the generated API manifest and add static-output verification for the Lucide root page.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
tests/docs-catalog.test.ts Extends regression tests for mobile search CSS and validates Lucide root API page behavior.
src/styles.css Adjusts mobile search overlay layout; adds target/highlight + anchor styling for icon tiles; tweaks API symbols grid for Lucide types.
src/pages/docs/search.tsx Portals the search overlay DOM to avoid sticky header containment issues.
src/pages/docs/lucide-icons.ts Adds shared Lucide icon export enumeration and lookup map.
src/pages/docs/lucide-gallery.tsx Switches to shared icon list and derives displayed version from apiManifest.
src/pages/docs/lucide-api-page.tsx Introduces a custom Lucide root API reference page with searchable icon tiles and deep-link scrolling.
src/pages/docs/catalog.ts Routes Lucide root API entrypoint to the custom Lucide API page loader.
scripts/verify-static-output.ts Adds assertions ensuring Lucide root API output renders a known icon tile and upstream attribution.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +7 to +10
const lucideVersion = apiManifest.find(
(entrypoint) =>
entrypoint.packageName === '@askrjs/lucide' && entrypoint.subpath === '.'
)!.version;
Comment on lines +9 to +13
const entrypoint = apiManifest.find(
(candidate) =>
candidate.packageName === '@askrjs/lucide' && candidate.subpath === '.'
)!;
const symbols = apiSymbolSets[entrypoint.symbolSet];
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.

2 participants