build: add manifesto component generation to metadata script

- Add generateManifestoComponentsCode() function to generate manifesto components
- Generate manifesto.ts with getManifestoComponent() helper
- Improve console output with relative paths
- Add newline at end of generated manifesto.ts file

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ericyangpan

scripts/generate-metadata.mjs

@@ -276,6 +276,20 @@ function generateDocComponentsCode(docs) {
   return `const docComponents: Record<string, Record<string, React.ComponentType>> = {\n${componentLines.join('\n')}\n};`;
 }
 
+// Generate component import for manifesto (single index.mdx per locale)
+function generateManifestoComponentsCode() {
+  const componentLines = [];
+
+  for (const locale of SUPPORTED_LOCALES) {
+    const manifestoIndex = path.join(rootDir, `content/manifesto/${locale}/index.mdx`);
+    if (fs.existsSync(manifestoIndex)) {
+      componentLines.push(`    '${locale}': require('@content/manifesto/${locale}/index.mdx').default,`);
+    }
+  }
+
+  return `  const components: Record<string, React.ComponentType> = {\n${componentLines.join('\n')}\n  };`;
+}
+
 // Main execution
 function main() {
   console.log('Generating MDX metadata...');
@@ -295,8 +309,9 @@ function main() {
     fs.mkdirSync(outputDir, { recursive: true });
   }
 
-  const content = `// This file is auto-generated by scripts/generate-metadata.mjs
-// DO NOT EDIT MANUALLY
+  const header = `// This file is auto-generated by scripts/generate-metadata.mjs\n// DO NOT EDIT MANUALLY`;
+
+  const content = `${header}
 
 import type { ArticleMetadata } from './articles';
 import type { DocSection } from './docs';
@@ -319,8 +334,7 @@ export const stackCounts: Record<string, number> = ${JSON.stringify(stackCounts,
   // Generate articles.ts file in generated directory
   const articlesGeneratedFile = path.join(outputDir, 'articles.ts');
   const articlesComponentsCode = generateArticleComponentsCode(articles);
-  const articlesGeneratedContent = `// This file is auto-generated by scripts/generate-metadata.mjs
-// DO NOT EDIT MANUALLY
+  const articlesGeneratedContent = `${header}
 
 import { articlesMetadata } from './metadata';
 
@@ -359,8 +373,7 @@ export function getArticleComponents(locale: string = 'en'): Record<string, Reac
   // Generate docs.ts file in generated directory
   const docsGeneratedFile = path.join(outputDir, 'docs.ts');
   const docsComponentsCode = generateDocComponentsCode(docs);
-  const docsGeneratedContent = `// This file is auto-generated by scripts/generate-metadata.mjs
-// DO NOT EDIT MANUALLY
+  const docsGeneratedContent = `${header}
 
 import { docsMetadata } from './metadata';
 
@@ -395,6 +408,24 @@ export function getDocComponents(locale: string = 'en'): Record<string, React.Co
 
   fs.writeFileSync(docsGeneratedFile, docsGeneratedContent, 'utf8');
 
+  // Generate manifesto.ts file in generated directory
+  const manifestoGeneratedFile = path.join(outputDir, 'manifesto.ts');
+  const manifestoComponentsCode = generateManifestoComponentsCode();
+  const manifestoGeneratedContent = `${header}
+
+/**
+ * Return the Manifesto MDX React component for a given locale.
+ * Falls back to the default locale ('en') when the requested locale is missing.
+ */
+export function getManifestoComponent(locale: string = 'en'): React.ComponentType {
+${manifestoComponentsCode}
+
+  return components[locale] || components['en'];
+}
+`;
+
+  fs.writeFileSync(manifestoGeneratedFile, manifestoGeneratedContent, 'utf8');
+
   // Calculate total docs, articles, and faqs across all locales
   const totalDocs = Object.values(docs).reduce((sum, localeDocs) => sum + localeDocs.length, 0);
   const totalArticles = Object.values(articles).reduce((sum, localeArticles) => sum + localeArticles.length, 0);
@@ -408,9 +439,10 @@ export function getDocComponents(locale: string = 'en'): Record<string, React.Co
   console.log(`✅ Generated metadata for ${totalArticles} articles (${articlesLocalesCounts}), ${totalDocs} docs (${docsLocalesCounts}), ${totalFaqs} faqs (${faqsLocalesCounts}), and collections (${collectionsLocales})`);
   console.log(`✅ Generated stack counts: ${stackCountsSummary}`);
   console.log(`📝 Generated files:`);
-  console.log(`   - ${outputFile}`);
-  console.log(`   - ${articlesGeneratedFile}`);
-  console.log(`   - ${docsGeneratedFile}`);
+  console.log(`   - ${path.relative(rootDir, outputFile)}`);
+  console.log(`   - ${path.relative(rootDir, articlesGeneratedFile)}`);
+  console.log(`   - ${path.relative(rootDir, docsGeneratedFile)}`);
+  console.log(`   - ${path.relative(rootDir, manifestoGeneratedFile)}`);
 }
 
 main();

src/lib/generated/manifesto.ts

@@ -13,4 +13,4 @@ export function getManifestoComponent(locale: string = 'en'): React.ComponentTyp
   };
 
   return components[locale] || components['en'];
-}
+}