Add Stable Radar

[nikbhintade]

Summary by CodeRabbit

• New Features

  • Added video support for select showcase items
  • Introduced new showcase entries, including Stable Radar
  • Updated descriptions and imagery throughout the showcase

• UI Improvements

  • Refined showcase card layout and styling for enhanced visual presentation

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
envio-docs	Ready	Preview	Comment	Nov 28, 2025 4:00am

[coderabbitai]

Walkthrough

The showcase page component is refactored with a more compact JSX structure while updating the showcase list. The ShowcaseCard component now conditionally renders video elements or images based on data, replacing purely image-based rendering. Component wrappers are simplified and formatting is streamlined without changing public API signatures.

Changes

Cohort / File(s)	Summary
Showcase page updates src/pages/showcase/index.js	Updated showcase list items (Stable Radar added, several entries removed, descriptions/images modified); refactored ShowcaseCard to conditionally render video or image; Showcase, ShowcaseCards, and ShowcaseHeader components restructured to compact, direct JSX with improved formatting and reduced wrapper nesting

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

• Verify the showcase list changes are intentional (items removed/added and why)
• Confirm the conditional video/image rendering logic handles both cases correctly
• Ensure refactored component structure maintains original styling and layout appearance
• Check that all showcase items render as expected with the new JSX structure

Possibly related PRs

• UI Improvements on Showcase Page #709 — Modifies the same showcase page with card-based UI and componentized rendering restructuring
• Add HyperSync Query Builder to Showcase Page #712 — Updates showcase entries in the same file (adding/removing/updating items and tags)

Suggested reviewers

• DenhamPreen
• moose-code

Poem

🐰 The showcase now streams with video delight,
Components condensed, refactored just right!
Where images lived, now motion takes flight,
Stable Radar shines—a showcase so tight! ✨

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	You can run @coderabbitai generate docstrings to improve docstring coverage.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Add Stable Radar' directly reflects the main change—introducing Stable Radar to the showcase list and updating the showcase component.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch nb/add-stable-radar

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (3)

src/pages/showcase/index.js (3)

22-27: Consider adding a more broadly supported video format or fallback for Stable Radar

Right now Stable Radar uses only a .webm source. Some browsers (especially older Safari variants) can still struggle with WebM-only video; in those cases the card will render an empty media area. Consider either:

• Adding multiple <source> elements with an H.264/MP4 fallback, or
• Providing an image/poster fallback for browsers that can’t play the video.

---

117-163: Solid conditional media rendering; minor a11y/perf improvements possible

The video/img conditional is clean and avoids double-rendering. A couple of optional tweaks to consider:

• For decorative preview video, mark it aria-hidden="true" (or otherwise clarify if it’s informative content).
• For images, consider loading="lazy" to avoid loading all previews above the fold unnecessarily.

These are nice-to-haves; the core logic looks good.

---

170-177: Prefer a stable unique key over the array index in sites.map

Using key={idx} works for a static list, but if items are ever reordered/filtered it can lead to subtle reconciliation issues. Since each site has a stable identity (source or title), you could do:

-        {sites.map((site, idx) => (
-          <div
-            key={idx}
+        {sites.map((site) => (
+          <div
+            key={site.source}

This keeps React’s diffing more robust with almost no cost.

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ae28af6 and 6d0936c.

⛔ Files ignored due to path filters (1)

• static/img/showcase/stable-radar.webm is excluded by !**/*.webm

📒 Files selected for processing (1)

• src/pages/showcase/index.js (1 hunks)

🔇 Additional comments (1)

src/pages/showcase/index.js (1)

184-205: Header/Layout wiring and overall page structure look good

Header, cards, and Layout composition are straightforward and idiomatic for Docusaurus; title/description constants are correctly reused and the main structure is clear.

[DenhamPreen]

Nice!