feat: add changelog system (#9134)

This implements a new changelog system to the docs so it's easy to
browse it and subscribe via RSS.

Fixes MRGFY-5981

Author: jd

eslint.config.js

@@ -16,6 +16,7 @@ export default [
       'node_modules/**',
       '.github/**',
       'public/scalar-api-reference.js',
+      'src/content/changelog/',
     ],
   },
 

package-lock.json

@@ -67,6 +67,7 @@
     "@astrojs/check": "^0.9.5",
     "@astrojs/react": "^4.4.1",
     "@astrojs/vue": "^5.1.2",
+    "@astrojs/rss": "^4.0.13",
     "@fontsource/ibm-plex-mono": "^5.2.7",
     "@fontsource/poppins": "^5.2.7",
     "@scalar/api-reference": "^1.39.1",

package.json

@@ -40,6 +40,18 @@ for (const [p, t] of trails.entries()) {
   }
 }
 
+// Handle dynamic changelog entries
+if (currentPath.startsWith('/changelog/') && currentPath !== '/changelog') {
+  // This is a specific changelog entry page
+  matchedTrail = [{ title: 'Changelog', path: '/changelog' }];
+
+  // Add the current page title from props if available
+  const { breadcrumbTitle } = Astro.props as { breadcrumbTitle?: string };
+  if (breadcrumbTitle) {
+    matchedTrail.push({ title: breadcrumbTitle });
+  }
+}
+
 if (matchedTrail.length >= 2) {
   const filtered: TrailEntry[] = [];
   for (const entry of matchedTrail) {

src/@types/changelog-content.d.ts

@@ -23,12 +23,20 @@ export interface Props {
   href?: string;
   icon: Function;
   variant?: 'ghost' | 'solid';
+  target?: string;
 }
-const { colorScheme, style, href, icon, variant = 'solid' } = Astro.props as Props;
+const {
+  colorScheme,
+  style,
+  href,
+  icon,
+  variant = 'solid',
+  target = '_blank',
+} = Astro.props as Props;
 ---
 
 <div role="presentation" class:list={['button', `button-${colorScheme}`, variant]} {style}>
-	<a href={href} target="_blank">
+	<a href={href} target={target}>
 		{icon && <Astro.props.icon />}
 		<slot />
 	</a>