Clarify search shortcut and refresh social preview cache#47

merged
main
fix/social-preview-cache
opened9d agobySscreen-gd
View on GitHubRepository sync pausedPR last imported 7d ago

What changed

Clarifies the / search shortcut with visible and accessible instructions. Refreshes the social preview image filename and shortens its HTTP cache duration to 60 seconds, while preserving the previous image. Adds discovery checks and documents the cache follow-up.

Type

  • New library
  • Library metadata correction
  • New verified components
  • Bug fix
  • Feature
  • Documentation

Verification

  • I kept this pull request focused.
  • I ran npm test and npm run build successfully.
  • I checked light and dark modes when the interface changed.
  • I checked keyboard access and reduced motion when interaction changed.
  • I added screenshots or a recording for visible changes.

Library submissions

Related issue

Closes #

Summary by CodeRabbit

  • New Features
    • Search fields now show the / keyboard shortcut, making it easier to discover how to focus search. The shortcut is hidden on smaller screens and touch-focused devices.
  • Improvements
    • Updated the image used in social link previews. Preview images may refresh more quickly, though updates can depend on the social platform’s own cache.

Checks

Checks in progress
Sscreen-gdopened·9d ago
V

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated
External image colReady ReadyPreviewOct 3, 2026 7:05pm UTC
C

Review in Change Stack →

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

[!NOTE] Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration
  • Configuration used: Repository UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 47ed403e-03f5-4f63-b777-40303c06d09b
📥 Commits

Reviewing files that changed from the base of the PR and between 12786fa8bccac5b5ed26a7783bb1e28cd336872b and a31042f424316b715e015f965f3571f4a741f0a3.

⛔ Files ignored due to path filters (1)
  • public/col-social-preview-v5.jpg is excluded by !**/*.jpg
📒 Files selected for processing (7)
  • components/SiteChrome.tsx
  • components/SiteSearch.module.css
  • docs/visibility.md
  • lib/site.ts
  • next.config.ts
  • scripts/generate-social-image.mjs
  • tests/discovery.test.mjs
ascii
1 ________________________________________________
2< PENDU: Prompt Engineered Nifty Debugging Unit. >
3 ------------------------------------------------
4 \
5 \ \
6 \ /\
7 ( )
8 .( o ).
✨ Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

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.