Add roadmap

[ildyria]

Summary by CodeRabbit

• New Features
  • Added a Roadmap navigation link in the header for easy access to release planning information
  • Introduced a comprehensive Roadmap page that displays the complete product release timeline, highlights major version milestones (v4.0.0, v5.0.0, v6.0.0, v6.10.4), showcases journey progress statistics, and provides convenient direct links to GitHub releases and community support resources

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

[coderabbitai]

📝 Walkthrough

Walkthrough

Two files modified: a navigation link for '/roadmap' added to the header navigation in src/navigation.js, and a new Astro page created at src/pages/roadmap.astro that displays a release roadmap with timeline, milestones grid, and release information using embedded data and Tailwind styling.

Changes

Cohort / File(s)	Summary
Navigation Link Addition src/navigation.js	Added a new "Roadmap" navigation item with href /roadmap to the header links array, preserving existing navigation structure.
New Roadmap Page src/pages/roadmap.astro	Created new Astro page featuring release roadmap and timeline with metadata, releases data array, type-to-color mapping utilities, multi-section layout (header, milestones grid, journey stats, dynamic timeline), color-coded release badges, and call-to-action linking to GitHub releases. Uses Tailwind styling with local button style definitions.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

• src/pages/roadmap.astro: Verify the releases data structure completeness and accuracy; validate type-to-color and type-to-badge mapping logic for consistency; review responsive grid layout and accessibility markup; confirm all components (Layout, Hero) are properly imported and used.
• src/navigation.js: Quick verification that the new link doesn't conflict with existing routes and maintains proper navigation order.

Poem

🐰 A roadmap unfolds, with milestones so grand,
v4, v5, v6—the timeline's at hand!
With badges and colors, the journey takes shape,
Each release a stepping stone, ready to gape!
The navigation now whispers: "Come see where we're bound!" ✨

Pre-merge checks

✅ Passed checks (1 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

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: 1

🧹 Nitpick comments (4)

src/pages/roadmap.astro (4)

2-3: Remove unused Hero import.

The Hero component is imported but never used in the template.

🔎 Proposed fix

 import Layout from '~/layouts/PageLayout.astro';
-import Hero from '~/components/widgets/Hero.astro';

---

10-114: Consider extracting release data to a separate file.

The embedded releases array works well for static content. For easier maintenance as releases accumulate, consider moving this data to a separate JSON or TypeScript file (e.g., src/data/releases.ts). This would allow the data to be reused elsewhere and keep the page template focused on presentation.

---

116-136: Consider using a union type for better type safety.

Using a union type instead of string would provide compile-time validation and IDE autocompletion for release types.

🔎 Proposed improvement

+type ReleaseType = 'major' | 'feature' | 'enhancement' | 'bugfix' | 'security';
+
-const getReleaseTypeColor = (type: string) => {
+const getReleaseTypeColor = (type: ReleaseType) => {
   const colors = {
     ...
   };
-  return colors[type] || 'bg-gradient-to-br from-gray-500 to-slate-500';
+  return colors[type];
 };

-const getReleaseTypeBadge = (type: string) => {
+const getReleaseTypeBadge = (type: ReleaseType) => {
   const badges = {
     ...
   };
-  return badges[type] || { text: 'Release', class: '...' };
+  return badges[type];
 };

---

313-313: Remove unused index variable.

The index parameter from the map callback is declared but never used.

🔎 Proposed fix

-          {releases.map((release, index) => (
+          {releases.map((release) => (

📜 Review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 66c3711 and 2753d80.

📒 Files selected for processing (2)

• src/navigation.js
• src/pages/roadmap.astro

🔇 Additional comments (2)

src/navigation.js (1)

30-33: LGTM!

The new Roadmap navigation item follows the existing pattern and correctly links to the new /roadmap page.

src/pages/roadmap.astro (1)

306-399: LGTM!

The timeline implementation follows good practices:

• Semantic <time> elements for dates
• aria-hidden="true" on decorative timeline line
• Responsive design with proper dark mode support
• Clean Tailwind styling with appropriate use of @apply