Merge branch 'main' into test/svg-dimensions-per-size

Author: Subhooo5

.github/scripts/issue-management/claim-handler.js

@@ -89,7 +89,7 @@ async function handleClaim({ github, context }) {
     owner,
     repo,
     issue_number: issueNumber,
-    body: `✅ Successfully assigned issue to @${commenter}\n\n> 💡 Please read [CONTRIBUTING.md](../blob/main/CONTRIBUTING.md) if you haven't already. Good luck! 🚀`,
+    body: `🎉 **Assigned!** Welcome to the project, @${commenter}.\n\n⏳ **Reminder:** You have **3 days** to submit a Pull Request. After 3 days of inactivity, you will be automatically unassigned to give others a chance (as per our GSSoC anti-hoarding policy).\n\n> 💡 Please read [CONTRIBUTING.md](../blob/main/CONTRIBUTING.md) if you haven't already.\n\nHappy coding! 🚀`,
   });
 }
 

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sourav Jha
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -155,7 +155,7 @@ URL Parameter > Theme Default > System Fallback
 | `hide_background` | `boolean` | No         | `false`                        | Remove the background rect, letting the monolith float on the page                                                                                                        |
 | `hide_stats`      | `boolean` | No         | `false`                        | Hides the bottom row displaying Current Streak, Annual Sync Total, and Peak Streak stats when set to `true` or `1`.                                                       |
 | `tz`              | `string`  | No         | Omitted = UTC                  | IANA timezone (e.g. `Asia/Kolkata`, `America/New_York`) — aligns "today" with the user local midnight. Note: `?tz=UTC` is valid but cached separately from omitting `tz`. |
-| `lang`            | `string`  | No         | `en`                           | Language code for labels (`en`, `es`, `hi`, `fr`, `pt`, `ko`, `ja`)                                                                                                       |
+| `lang`            | `string`  | No         | `en`                           | Language code for labels (`en`, `es`, `hi`, `fr`, `pt`, `ko`, `ja`, `de`)                                                                                                 |
 | `view`            | `string`  | No         | `default`                      | Rendering mode: `default` (3D Monolith) or `monthly` (Compact monthly stats)                                                                                              |
 | `delta_format`    | `string`  | No         | `percent`                      | Format for month-over-month delta in monthly view: `percent` (e.g. +12%), `absolute` (e.g. +15 commits), or `both`                                                        |
 | `width`           | `number`  | No         | `300`                          | Custom width for the SVG canvas (currently only applies to `view=monthly`)                                                                                                |

app/(root)/dashboard/[username]/page.test.tsx

@@ -110,7 +110,7 @@ describe('DashboardPage', () => {
 
       expect(metadata.title).toBe("octocat's Commit Pulse");
       expect(metadata.description).toContain("octocat's GitHub contribution pulse");
-      expect(openGraphImage.url).toContain('api/og?username=octocat');
+      expect(openGraphImage.url).toContain('api/og?user=octocat');
       expect(openGraphImage.width).toBe(1200);
       expect(openGraphImage.height).toBe(630);
       expect(openGraphImage.alt).toContain(username);
@@ -131,7 +131,7 @@ describe('DashboardPage', () => {
         bypassCache: false,
       });
 
-      const generateLink = screen.getByText('Generate Your Own Dashboard').closest('a');
+      const generateLink = screen.getByText('Generate Your Own').closest('a');
       expect(generateLink).toBeDefined();
       expect(generateLink?.getAttribute('href')).toBe('/');
       expect(screen.getByTestId('profile-card')).toBeDefined();
@@ -160,6 +160,7 @@ describe('DashboardPage', () => {
       });
     });
   });
+
   it('passes the correct activity data to Heatmap', async () => {
     const PageContent = await DashboardPage({
       params: Promise.resolve({ username: 'octocat' }),

app/(root)/dashboard/[username]/page.tsx

@@ -1,4 +1,9 @@
+// app/(root)/dashboard/[username]/page.tsx
+
 import type { Metadata } from 'next';
+import { notFound, redirect } from 'next/navigation';
+import Link from 'next/link';
+
 import RefreshButton from '@/components/dashboard/RefreshButton';
 import ProfileCard from '@/components/dashboard/ProfileCard';
 import ActivityLandscape from '@/components/dashboard/ActivityLandscape';
@@ -8,9 +13,7 @@ import CommitClock from '@/components/dashboard/CommitClock';
 import Heatmap from '@/components/dashboard/Heatmap';
 import AIInsights from '@/components/dashboard/AIInsights';
 import Achievements from '@/components/dashboard/Achievements';
-import { getFullDashboardData } from '@/lib/github';
-import Link from 'next/link';
-import { notFound } from 'next/navigation';
+import { getFullDashboardData, fetchUserProfile } from '@/lib/github';
 
 export const revalidate = 3600; // Cache for 1 hour
 
@@ -23,10 +26,8 @@ export async function generateMetadata({
 }: {
   params: Promise<{ username: string }>;
 }): Promise<Metadata> {
-  // Lightweight — no API calls here.
-  // Real data is fetched by /api/og on demand when social platforms render the preview.
   const { username } = await params;
-  const ogImage = `${BASE_URL}/api/og?username=${username}`;
+  const ogImage = `${BASE_URL}/api/og?user=${username}`;
   const title = `${username}'s Commit Pulse`;
   const description = `Check out ${username}'s GitHub contribution pulse — streaks, insights, and more on CommitPulse.`;
 
@@ -62,19 +63,25 @@ export default async function DashboardPage({
   const refreshParams = await searchParams;
   const bypassCache = refreshParams?.refresh === 'true';
 
-  // Fetch real GitHub data
   let data;
 
   try {
-    data = await getFullDashboardData(username, {
-      bypassCache,
-    });
+    data = await getFullDashboardData(username, { bypassCache });
   } catch (error) {
-    if (error instanceof Error) {
+    if (error instanceof Error && error.message.includes('not found')) {
+      // Smart Redirect: If the GraphQL "user" query fails, check if it's actually an Organization
+      try {
+        const fallbackProfile = await fetchUserProfile(username, { bypassCache });
+        if (fallbackProfile.type === 'Organization') {
+          redirect(`/dashboard/org/${username}`);
+        }
+      } catch {
+        // If it's truly neither a user nor an org, show 404
+        return notFound();
+      }
       return notFound();
     }
-
-    throw Error;
+    throw error;
   }
 
   return (
@@ -98,7 +105,7 @@ export default async function DashboardPage({
           >
             <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" />
           </svg>
-          Generate Your Own Dashboard
+          Generate Your Own
         </Link>
       </div>
 
@@ -112,9 +119,9 @@ export default async function DashboardPage({
               languages: data.languages,
             }}
           />
-          {/* We omit real achievements data generation for now and just show a placeholder based on streaks */}
           <Achievements achievements={data.achievements} />
         </aside>
+
         {/* Main Content */}
         <div className="flex flex-col gap-6 lg:gap-8 min-w-0">
           <section>

app/(root)/dashboard/[username]/wrapped/page.tsx

@@ -0,0 +1,51 @@
+import { notFound } from 'next/navigation';
+import type { Metadata } from 'next';
+import GithubWrapped from '@/components/dashboard/GithubWrapped';
+import { getFullDashboardData, getWrappedData } from '@/lib/github';
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ username: string }>;
+}): Promise<Metadata> {
+  const { username } = await params;
+  return {
+    title: `${username}'s GitHub Wrapped`,
+    description: `A cinematic year-in-review of ${username}'s open-source contributions.`,
+  };
+}
+
+export default async function WrappedPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ username: string }>;
+  searchParams: Promise<{ year?: string }>;
+}) {
+  const { username } = await params;
+  const resolvedSearchParams = await searchParams;
+  const targetYear = resolvedSearchParams?.year || new Date().getFullYear().toString();
+
+  // 1. Fetch data safely.
+  // If this fails, the error will bubble up to the nearest error.tsx file.
+  let dashboardData;
+  let wrappedData;
+
+  try {
+    [dashboardData, wrappedData] = await Promise.all([
+      getFullDashboardData(username),
+      getWrappedData(username, targetYear),
+    ]);
+  } catch (error) {
+    console.error('[Wrapped] Failed to load wrapped data:', error);
+    // If the user doesn't exist or API fails, trigger the 404 page
+    return notFound();
+  }
+
+  // 2. Render the successful component outside of any try/catch blocks.
+  return (
+    <div className="min-h-[85vh] p-4 md:p-8 flex items-center justify-center relative">
+      <GithubWrapped profile={dashboardData.profile} wrappedData={wrappedData} />
+    </div>
+  );
+}

app/(root)/dashboard/loading.tsx

@@ -1,9 +1,10 @@
 import StatsCardSkeleton from '@/components/dashboard/StatsCardSkeleton';
 import AchievementsSkeleton from '@/components/dashboard/AchievementsSkeleton';
+import AIInsightsSkeleton from '@/components/dashboard/AIInsightsSkeleton';
 
 export default function DashboardLoading() {
   return (
-    <div className="p-4 md:p-6 lg:p-8 min-h-screen">
+    <div className="p-4 md:p-6 lg:p-8 min-h-screen bg-black text-white">
       <div className="grid grid-cols-1 lg:grid-cols-[300px_1fr_320px] gap-6 lg:gap-8">
         {/* Left Sidebar Skeleton */}
         <div className="flex flex-col gap-6">
@@ -36,11 +37,11 @@ export default function DashboardLoading() {
         </div>
 
         {/* Right Sidebar Skeleton */}
-        <div className="flex flex-col gap-4">
+        <div className="flex flex-col gap-6">
           <div className="h-24 rounded-2xl shimmer border border-white/10" />
           <div className="h-24 rounded-2xl shimmer border border-white/10" />
           <div className="h-24 rounded-2xl shimmer border border-white/10" />
-          <div className="h-48 rounded-2xl shimmer border border-white/10" />
+          <AIInsightsSkeleton />
         </div>
       </div>
     </div>