refactor(lib): move generated files to lib/generated directory

Restructure auto-generated files to improve code organization:

- Move articles.ts and docs.ts to src/lib/generated/
- Auto-generate MDX component imports in articles.ts and docs.ts
- Update metadata.ts import paths to reference sibling files
- Update all imports across the codebase to use @/lib/generated/
- Delete old manually maintained src/lib/articles.ts and src/lib/docs.ts

This change:
- Eliminates hardcoded MDX file paths
- Makes the generated code layer more explicit
- Reduces manual maintenance when adding new content

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

Co-Authored-By: Claude <[email protected]>

Author: ericyangpan

src/app/sitemap.ts

@@ -1,6 +1,6 @@
 import { MetadataRoute } from 'next';
-import { articles } from '@/lib/articles';
-import { docSections } from '@/lib/docs';
+import { articles } from '@/lib/generated/articles';
+import { docSections } from '@/lib/generated/docs';
 import { locales } from '@/i18n/config';
 import {
   idesData,

src/components/sidebar/DocsSidebar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import Sidebar, { SidebarItem } from './Sidebar';
-import type { DocSection } from '@/lib/docs';
+import type { DocSection } from '@/lib/generated/docs';
 import { useTranslations, useLocale } from 'next-intl';
 
 type DocsSidebarProps = {

src/lib/generated/articles.ts

@@ -0,0 +1,46 @@
+// This file is auto-generated by scripts/generate-metadata.mjs
+// DO NOT EDIT MANUALLY
+
+import { articlesMetadata } from './metadata';
+
+export type ArticleMetadata = {
+  title: string;
+  description: string;
+  date: string;
+  slug: string;
+};
+
+// Get articles for a specific locale with fallback to English
+export function getArticles(locale: string = 'en'): ArticleMetadata[] {
+  return articlesMetadata[locale] || articlesMetadata['en'] || [];
+}
+
+// Get all articles (backward compatibility)
+export const articles: ArticleMetadata[] = getArticles('en');
+
+// Get a specific article by slug for a given locale
+export function getArticleBySlug(slug: string, locale: string = 'en'): ArticleMetadata | undefined {
+  const localeArticles = getArticles(locale);
+  return localeArticles.find((article) => article.slug === slug);
+}
+
+// MDX components mapping for all locales (webpack will handle this at build time)
+const articleComponents: Record<string, Record<string, React.ComponentType>> = {
+  'en': {
+    'getting-started-with-ai-coding': require('@content/articles/en/getting-started-with-ai-coding.mdx').default,
+    'mcp-servers-explained': require('@content/articles/en/mcp-servers-explained.mdx').default,
+  },
+  'zh-Hans': {
+    'getting-started-with-ai-coding': require('@content/articles/zh-Hans/getting-started-with-ai-coding.mdx').default,
+    'mcp-servers-explained': require('@content/articles/zh-Hans/mcp-servers-explained.mdx').default,
+  },
+  'de': {
+    'getting-started-with-ai-coding': require('@content/articles/de/getting-started-with-ai-coding.mdx').default,
+    'mcp-servers-explained': require('@content/articles/de/mcp-servers-explained.mdx').default,
+  },
+};
+
+// Get components for a specific locale with fallback to English
+export function getArticleComponents(locale: string = 'en'): Record<string, React.ComponentType> {
+  return articleComponents[locale] || articleComponents['en'] || {};
+}

src/lib/generated/docs.ts

@@ -0,0 +1,45 @@
+// This file is auto-generated by scripts/generate-metadata.mjs
+// DO NOT EDIT MANUALLY
+
+import { docsMetadata } from './metadata';
+
+export type DocSection = {
+  id: string;
+  title: string;
+  slug: string;
+};
+
+// Get doc sections for a specific locale with fallback to English
+export function getDocSections(locale: string): DocSection[] {
+  return docsMetadata[locale] || docsMetadata['en'] || [];
+}
+
+// Get all doc sections (backward compatibility)
+export const docSections: DocSection[] = getDocSections('en');
+
+// Get a specific doc by slug for a given locale
+export function getDocBySlug(slug: string, locale: string = 'en'): DocSection | undefined {
+  const sections = getDocSections(locale);
+  return sections.find((doc) => doc.slug === slug);
+}
+
+// MDX components mapping for all locales (webpack will handle this at build time)
+const docComponents: Record<string, Record<string, React.ComponentType>> = {
+  'en': {
+    'getting-started': require('@content/docs/en/getting-started.mdx').default,
+    'welcome': require('@content/docs/en/welcome.mdx').default,
+  },
+  'zh-Hans': {
+    'getting-started': require('@content/docs/zh-Hans/getting-started.mdx').default,
+    'welcome': require('@content/docs/zh-Hans/welcome.mdx').default,
+  },
+  'de': {
+    'getting-started': require('@content/docs/de/getting-started.mdx').default,
+    'welcome': require('@content/docs/de/welcome.mdx').default,
+  },
+};
+
+// Get components for a specific locale with fallback to English
+export function getDocComponents(locale: string = 'en'): Record<string, React.ComponentType> {
+  return docComponents[locale] || docComponents['en'] || {};
+}