CodeIssuesPullsCIStacksSearchBranchesTags

Add twelve libraries and refresh search and social preview#51

merged
main
fix/social-preview-cache
opened10d agobySscreen-gd
33 files changed
View on GitHubRepository sync pausedPR last imported 9d ago

What changed

Added twelve libraries and their verified components, setup guides, pricing, and preview metadata. New entries receive a seven-day “New additions” label, with contributor guidance for setting its timestamp. Clarified the search shortcut and updated the social preview image and HTTP cache settings.

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

  • The name and URL are official.
  • The slug is unique, lowercase, and kebab-case.
  • The description is factual and concise.
  • Categories, stacks, use cases, and tags are accurate.
  • The URL contains no affiliate or tracking parameters.
  • Every component I added is documented on the library's own site, and each component URL points at that component's page on the library's domain.

Related issue

Closes #

Summary by CodeRabbit

  • New Features
    • Added 12 UI libraries with component listings, previews, setup guidance, and documentation links.
    • Added “New additions” labels to library cards and detail pages. Labels appear for seven days after a library is added.
    • Search fields now display a “Press /” keyboard shortcut hint.
  • Documentation
    • Clarified how to set and preserve library addition timestamps.
  • Bug Fixes
    • Improved shortcut hint accessibility and updated social preview caching.

Checks

All checks passed
Sscreen-gdopened·10d ago
C
coderabbitai[bot]·10d ago

Review in Change Stack →

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

🧰 Additional context used
📚 Code guidelines (1)
1AGENTS.md — auto-discovered

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Repository UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: a61e12b6-f3ed-48c7-a36d-5576ff79c73d
📥 Commits

Reviewing files that changed from the base of the PR and between 8f997d90f5cc208f34ba35aee0dfc4e5b805eca2 and a2feef23f622e9ed916deae265d9978b728aefd2.

⛔ Files ignored due to path filters (1)
  • public/col-social-preview-v5.jpg is excluded by !**/*.jpg
📒 Files selected for processing (32)
  • CONTRIBUTING.md
  • README.md
  • app/globals.css
  • components/LibraryCard.tsx
  • components/LibraryDetail.tsx
  • components/NewAdditionLabel.tsx
  • components/SiteChrome.tsx
  • components/SiteSearch.module.css
  • data/components.ts
  • data/libraries.ts
  • data/library-details/corvu.ts
  • data/library-details/elevenlabs-ui.ts
  • data/library-details/index.ts
  • data/library-details/inspira-ui.ts
  • data/library-details/intent-ui.ts
  • data/library-details/melt-ui.ts
  • data/library-details/reka-ui.ts
  • data/library-details/reui.ts
  • data/library-details/spartan-ui.ts
  • data/library-details/starwind-ui.ts
  • data/library-details/web-awesome.ts
  • data/library-details/webcoreui.ts
  • data/library-details/zard-ui.ts
  • data/library-previews.ts
  • docs/visibility.md
  • lib/directory.test.mjs
  • lib/new-additions.test.mjs
  • lib/new-additions.ts
  • lib/site.ts
  • next.config.ts
  • scripts/generate-social-image.mjs
  • tests/discovery.test.mjs

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

📝 Walkthrough

Walkthrough

The pull request adds 12 library entries and their detail metadata, introduces seven-day “New additions” labels, updates search shortcut hints, and changes the social preview image path and cache headers.

Changes

Library catalog and new-addition labels

Layer / File(s)Summary
Registry records and timestamp contract
data/libraries.ts, data/components.ts, data/library-previews.ts, README.md, CONTRIBUTING.md, lib/directory.test.mjs		The registry adds 12 libraries with component and preview metadata. The Library interface and contributor guidance describe addedAt; the directory test derives its expected category count from matching results.
Library detail entries
data/library-details/*		Detail records and registry mappings provide installation, setup, agent-prompt, and pricing information for the added libraries.
Seven-day new-addition labels
lib/new-additions.ts, lib/new-additions.test.mjs, components/NewAdditionLabel.tsx, components/LibraryCard.tsx, components/LibraryDetail.tsx, app/globals.css		A timestamp predicate and client-side component control the label’s seven-day display period. Grid cards, line cards, and detail sidebars render it. Tests cover the time boundary and invalid, missing, and future timestamps.

Search shortcut hints

Layer / File(s)Summary
Slash shortcut hints and styling
components/SiteChrome.tsx, components/SiteSearch.module.css		Both search fields declare the slash shortcut for assistive technology and show a styled “Press /” hint. CSS hides the hint on focus, narrow screens, and coarse-pointer devices.

Social preview image and caching

Layer / File(s)Summary
Versioned social preview and cache headers
lib/site.ts, scripts/generate-social-image.mjs, next.config.ts, tests/discovery.test.mjs, docs/visibility.md		The site metadata and generator use /col-social-preview-v5.jpg. Cache headers use 60-second durations, and tests check the versioned and legacy preview paths.

Priority: ➖ Normal

Estimated code review effort: 3 (Moderate) | ~25 minutes

Change: Feature

Merge Risk: ⚪ Minimal · up to a2fee

This change adds catalog entries, a new-addition label, search hints and a refreshed social preview. No concrete merge-blocking defect was found in the supplied evidence. The author did not mark the test and build checks as run, so run them before merging.

Security Architecture Review

Security architecture risk: 🔵 Low · up to a2fee

The reviewed changes remain confined to public catalog content, browser presentation, and social-preview delivery. No new privileged entrypoint or security concern was identified in these paths. Production cache behavior and broader security coverage remain unconfirmed.

Retained concerns No architecture-level concerns identified.

Security review details

Security Blast Radius

  • inferred — The inspected exposure is the public directory, registered library pages, outbound preview requests, and public social-image responses. The changed cache rule is path-scoped rather than an application-wide public-cache policy.

Trust Boundaries and Controls

  • observed — Visitor-controlled search text feeds local directory filtering and is encoded before navigation to the fixed /libraries route. Result links use catalog slugs. The detail route disables arbitrary dynamic parameters and rejects missing catalog or detail entries.

Resilience and Maintainability Implications

  • inferred — The new expiry transition changes only component-local label visibility. Repetition, interruption, or browser-clock differences can affect presentation but do not grant authority, reserve assets, or alter a shared persistent record in the inspected implementation.
🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly summarizes the main change by naming the twelve library additions and the search and social preview updates.
Docstring Coverage✅ PassedDocstring coverage is 80.00% which is sufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 5 functions across 27 files. (5 skipped: 5 …
Linked Issues check✅ PassedCheck skipped because no linked issues were found for this pull request.
Out of Scope Changes check✅ PassedCheck skipped because no linked issues were found for this pull request.
✨ 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.