Merge pull request #697 from swathi2006/fix-ideas

fix: resolve broken "Know more" links by dynamically fetching ideas from Info repo

Author: Zahnentferner

src/app/ideas/[year]/[slug]/not-found.jsx

@@ -0,0 +1,14 @@
+import { Container } from '@/components/shared/Container';
+
+export default function NotFound() {
+  return (
+    <Container className="mt-32">
+      <h1 className="text-center text-4xl font-bold font-mono">
+        Idea not found
+      </h1>
+      <p className="text-center mt-4 font-mono">
+        We couldn&apos;t find the GSOC idea you&apos;re looking for.
+      </p>
+    </Container>
+  );
+}

src/app/ideas/[year]/[slug]/page.jsx

@@ -0,0 +1,83 @@
+import { fetchIdeaContent, fetchIdeaSlugsFromGitHub, getCurrentYear } from '@/helper/fetchGitHubIdeas';
+import { IdeaLayout } from '@/components/ideas/IdeaLayout';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm-4';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize from 'rehype-sanitize';
+import { notFound } from 'next/navigation';
+
+//  Generate all static routes
+export async function generateStaticParams() {
+  const currentYear = getCurrentYear();
+  const allParams = [];
+
+  try {
+    for (let year = 2022; year <= currentYear; year++) {
+      const yearStr = year.toString();
+
+      // GitHub idea slugs
+      const githubSlugs = await fetchIdeaSlugsFromGitHub(yearStr);
+      githubSlugs.forEach((slug) => {
+        allParams.push({
+          year: yearStr,
+          slug: slug,
+        });
+      });
+    }
+  } catch (error) {
+    console.error('Error generating static params:', error);
+  }
+
+  // De-duplicate params
+  const uniqueParams = Array.from(
+    new Set(allParams.map((p) => JSON.stringify(p)))
+  ).map((s) => JSON.parse(s));
+
+  return uniqueParams;
+}
+
+// ✅ Metadata (lightweight)
+export async function generateMetadata({ params }) {
+  const { year, slug } = params;
+
+  return {
+    title: `${slug} - GSOC ${year} Idea`,
+    description: `Google Summer of Code ${year} Idea`,
+  };
+}
+
+// ✅ Page rendering
+export default async function IdeaPage({ params }) {
+  const { year, slug } = params;
+
+  const idea = await fetchIdeaContent(slug, year);
+
+  if (!idea) {
+    notFound();
+  }
+
+  const meta = {
+    title: idea.title,
+  };
+
+  return (
+    <IdeaLayout meta={meta}>
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm]}
+        rehypePlugins={[rehypeRaw, rehypeSanitize]}
+        components={{
+          a: (props) => (
+            <a
+              {...props}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-green-600 dark:text-yellow-400 underline"
+            />
+          ),
+        }}
+      >
+        {idea.content}
+      </ReactMarkdown>
+    </IdeaLayout>
+  );
+}

src/app/ideas/[year]/page.jsx

@@ -1,32 +1,41 @@
 import { getIdeas } from '@/lib/ideas'
+import { fetchIdeasFromGitHub, getCurrentYear } from '@/helper/fetchGitHubIdeas'
 import { IdeasList } from '@/components/ideas/IdeasList'
 import { Container } from '@/components/shared/Container'
 
 export async function generateMetadata({ params }) {
+  const { year } = params
   return {
-    title: `Idea List ${params.year}`,
-    description: `Idea List for GSOC ${params.year}`,
+    title: `Idea List ${year}`,
+    description: `Idea List for GSOC ${year}`,
   }
 }
 
 export async function generateStaticParams() {
-   // Define the years we support
-  return [
-    { year: '2022' },
-    { year: '2023' },
-    { year: '2024' },
-    { year: '2025' },
-  ]
+  const currentYear = getCurrentYear()
+  const years = Array.from({ length: currentYear - 2022 + 1 }, (_, i) => (2022 + i).toString())
+  return years.map(year => ({ year }))
 }
 
 export default async function YearIdeasPage({ params }) {
   const { year } = params
-  const articles = await getIdeas(year)
+  const localArticles = await getIdeas(year)
+  const githubArticles = await fetchIdeasFromGitHub(year)
+  
+  // Merge and remove duplicates by slug
+  const allArticles = [...localArticles]
+  githubArticles.forEach(gi => {
+    if (!allArticles.some(li => li.slug.toLowerCase() === gi.slug.toLowerCase())) {
+        allArticles.push(gi)
+    }
+  })
+
+  const articles = allArticles.sort((a, b) => (a.title || '').localeCompare(b.title || ''))
 
-  if (!articles) {
+  if (articles.length === 0) {
       return (
           <Container className="mt-32">
-              <h1 className="text-center text-4xl font-bold">Ideas not found for {year}</h1>
+              <h1 className="text-center text-4xl font-bold font-mono">Ideas not found for {year}</h1>
           </Container>
       )
   }

src/app/ideas/page.jsx

@@ -1,22 +1,38 @@
 import { IdeasDisplay } from '@/components/ideas/IdeasDisplay'
 import { IdeasHeader } from '@/components/ideas/IdeasHeader'
 import { fetchIdeasFromGitHub, getCurrentYear } from '@/helper/fetchGitHubIdeas'
+import { getIdeas } from '@/lib/ideas'
 
 export const metadata = {
   title: 'Idea List',
   description: 'Idea List for GSOC',
 }
 
+export const revalidate = 3600
+
 export default async function IdeasPage() {
   const currentYear = getCurrentYear()
-  const articles = await fetchIdeasFromGitHub(currentYear)
+  const years = Array.from({ length: currentYear - 2022 + 1 }, (_, i) => currentYear - i)
 
-  const validIdeasData = [
-    {
-      year: currentYear.toString(),
-      articles
+  const ideasData = await Promise.all(years.map(async (year) => {
+    const localArticles = await getIdeas(year.toString())
+    const githubArticles = await fetchIdeasFromGitHub(year)
+    
+    // Merge and remove duplicates by slug (case-insensitive)
+    const articles = [...localArticles]
+    githubArticles.forEach(gi => {
+      if (!articles.some(li => li.slug.toLowerCase() === gi.slug.toLowerCase())) {
+        articles.push(gi)
+      }
+    })
+    
+    return {
+      year: year.toString(),
+      articles: articles.sort((a, b) => (a.title || '').localeCompare(b.title || ''))
     }
-  ]
+  }))
+
+  const validIdeasData = ideasData.filter(data => data.articles.length > 0)
 
   return (
     <IdeasHeader validIdeasData={validIdeasData} currentYear={currentYear}>

src/helper/fetchGitHubIdeas.js

@@ -122,10 +122,12 @@ export async function fetchIdeasFromGitHub(year = getCurrentYear()) {
       headers: {
         'Accept': 'application/vnd.github.v3+json',
       },
-    });
-
+      next: { revalidate: 3600 }, 
+    })
     if (!response.ok) {
-      throw new Error(`GitHub API error: ${response.status} ${response.statusText}`);
+      const error = new Error(`GitHub API error: ${response.status} ${response.statusText}`);
+      error.status = response.status;
+      throw error;
     }
 
     const files = await response.json();
@@ -156,8 +158,51 @@ export async function fetchIdeasFromGitHub(year = getCurrentYear()) {
 
     return ideas;
   } catch (error) {
+    if (error.status === 404) {
+      return [];
+    }
     console.error('Error fetching ideas from GitHub:', error);
-    return [];
+    throw error;
+  }
+}
+
+/**
+ * Fetch only idea slugs from GitHub for a specific year
+ */
+export async function fetchIdeaSlugsFromGitHub(year = getCurrentYear()) {
+  try {
+    const contentsUrl = `${GITHUB_API_BASE}/repos/${REPO_OWNER}/${REPO_NAME}/contents/${IDEAS_PATH}/${year}`;
+
+    const response = await fetch(contentsUrl, {
+      headers: {
+        'Accept': 'application/vnd.github.v3+json',
+      },
+      next: { revalidate: 3600 },
+    });
+
+    if (!response.ok) {
+      const error = new Error(`GitHub API error: ${response.status} ${response.statusText}`);
+      error.status = response.status;
+      throw error;
+    }
+
+    const files = await response.json();
+
+    // Filter for .md files and return only slugs
+    return files
+      .filter(file =>
+        file.type === 'file' &&
+        file.name.endsWith('.md') &&
+        file.name !== 'index.md' &&
+        file.name !== 'Template.md'
+      )
+      .map(file => file.name.replace(/\.md$/, ''));
+  } catch (error) {
+    if (error.status === 404) {
+      return [];
+    }
+    console.error(`Error fetching idea slugs from GitHub for ${year}:`, error);
+    throw error;
   }
 }
 
@@ -168,8 +213,6 @@ export async function fetchIdeaContent(slug, year = getCurrentYear()) {
   try {
     const fileUrl = `https://raw.githubusercontent.com/${REPO_OWNER}/${REPO_NAME}/main/${IDEAS_PATH}/${year}/${slug}.md`;
 
-    console.log(`Fetching idea content from: ${fileUrl}`);
-
     const response = await fetch(fileUrl);
 
     if (!response.ok) {
@@ -184,8 +227,6 @@ export async function fetchIdeaContent(slug, year = getCurrentYear()) {
       return null;
     }
 
-    console.log(`Successfully fetched ${slug}, content length: ${content.length}`);
-
     return {
       slug,
       title: formatTitle(slug + '.md'),