docs: fix buttons for changelog (#9649)

The changelog pages where not working with button view as markdown and
copy for LLM. Fix it.

Author: jd

src/layouts/MainLayout.astro

@@ -14,16 +14,17 @@ export interface Props {
   content: CollectionEntry<'docs'>['data'];
   headings?: MarkdownHeading[];
   breadcrumbTitle?: string;
+  showMarkdownActions?: boolean;
 }
 
-const { content, headings, breadcrumbTitle } = Astro.props;
+const { content, headings, breadcrumbTitle, showMarkdownActions = true } = Astro.props;
 ---
 
 <BaseLayout {...Astro.props}>
 	<RightSidebar slot="secondary-sidebar" {...{ content, headings }} />
 	<PageContent {...{ content }}>
 		{
-			Astro.url.pathname !== '/' && (
+			Astro.url.pathname !== '/' && showMarkdownActions && (
 				<Fragment slot="before-title">
 					<div class="page-heading-bar">
 						<div class="page-heading-bar__breadcrumbs">

src/pages/[...slug].md.ts

@@ -1,25 +1,39 @@
+import { getCollection } from 'astro:content';
 import { readFile } from 'node:fs/promises';
 import path from 'node:path';
 import type { APIRoute } from 'astro';
 import { allPages } from '~/content';
 
+type MarkdownSourceProps = {
+  id: string;
+  collection: 'docs' | 'changelog';
+};
+
 /**
  * Provides raw markdown (MDX source) versions of each documentation page at the
  * same route with `.md` appended, e.g. `/getting-started.md`.
  * This enables llms.txt consumers to fetch LLM-friendly source content.
  */
 export async function getStaticPaths() {
-  return allPages.map((page) => ({
+  const docPaths = allPages.map((page) => ({
     // For catch-all `[...slug]` we must provide the full id as a string (not array),
     // mirroring the pattern used in `[...slug].astro` so that `index` maps to /index.md
     params: { slug: page.id },
-    props: { id: page.id },
+    props: { id: page.id, collection: 'docs' } satisfies MarkdownSourceProps,
   }));
+
+  const changelogEntries = await getCollection('changelog');
+  const changelogPaths = changelogEntries.map((entry) => ({
+    params: { slug: `changelog/${entry.slug}` },
+    props: { id: entry.slug, collection: 'changelog' } satisfies MarkdownSourceProps,
+  }));
+
+  return [...docPaths, ...changelogPaths];
 }
 
 export const GET: APIRoute = async ({ props }) => {
-  const { id } = props as { id: string };
-  const fsPath = path.join(process.cwd(), 'src', 'content', 'docs', id + '.mdx');
+  const { id, collection } = props as MarkdownSourceProps;
+  const fsPath = path.join(process.cwd(), 'src', 'content', collection, id + '.mdx');
   try {
     let source = await readFile(fsPath, 'utf-8');
     if (!source.endsWith('\n')) source += '\n';

src/pages/changelog/index.astro

@@ -42,7 +42,7 @@ const title = 'Changelog';
 const description = 'Latest product updates from Mergify.';
 ---
 
-<MainLayout content={{ title, description, suppressTitle: false }}>
+<MainLayout content={{ title, description, suppressTitle: false }} showMarkdownActions={false}>
     <div class="changelog-header">
       <div class="search-wrap">
         <label for="search" class="sr-only">Search changelog</label>