hover text showing repo names

src/components/Heatmap.tsx

@@ -106,14 +106,25 @@ const Heatmap: React.FC<HeatmapProps> = ({
             blockSize={11}
             blockMargin={2}
             hideTotalCount
-            renderBlock={(block, activity) => (
-              <Tooltip
-                title={`${activity.count} new repos on ${activity.date}`}
-                arrow
-              >
-                {block}
-              </Tooltip>
-            )}
+            renderBlock={(block, activity) => {
+              const activityData = activity as any; // Type assertion since react-activity-calendar may not have our extended type
+              const itemsText = activityData.items && activityData.items.length > 0 
+                ? activityData.items.join(', ') 
+                : 'No releases';
+              
+              const tooltipTitle = activity.count > 0 
+                ? `${activity.count} new repos on ${activity.date}: ${itemsText}`
+                : `No repos on ${activity.date}`;
+                
+              return (
+                <Tooltip
+                  title={tooltipTitle}
+                  arrow
+                >
+                  {block}
+                </Tooltip>
+              );
+            }}
           />
         )}
       </div>

src/components/WeeklyHeatmap.tsx

@@ -7,6 +7,7 @@ type WeeklyActivity = {
   date: string;
   count: number;
   level: number;
+  items?: string[];
 };
 
 type WeeklyHeatmapProps = {
@@ -80,20 +81,30 @@ const WeeklyHeatmap: React.FC<WeeklyHeatmapProps> = ({ data, color }) => {
                 {getMonthName(yearMonth)}
               </div>
               <div className="flex gap-1">
-                {monthData.map((activity, index) => (
-                  <Tooltip
-                    key={`${yearMonth}-${index}`}
-                    title={`${activity.count} new repos in week of ${getWeekDateRange(activity.date)}`}
-                    arrow
-                  >
-                    <div
-                      className="w-3 h-3 rounded-sm cursor-pointer transition-opacity hover:opacity-80"
-                      style={{
-                        backgroundColor: activity.level === 0 ? emptyDotColor : getColorIntensity(activity.level),
-                      }}
-                    />
-                  </Tooltip>
-                ))}
+                {monthData.map((activity, index) => {
+                  const itemsText = activity.items && activity.items.length > 0 
+                    ? activity.items.join(', ') 
+                    : 'No releases';
+                  
+                  const tooltipTitle = activity.count > 0 
+                    ? `${activity.count} new repos in week of ${getWeekDateRange(activity.date)}: ${itemsText}`
+                    : `No repos in week of ${getWeekDateRange(activity.date)}`;
+                    
+                  return (
+                    <Tooltip
+                      key={`${yearMonth}-${index}`}
+                      title={tooltipTitle}
+                      arrow
+                    >
+                      <div
+                        className="w-3 h-3 rounded-sm cursor-pointer transition-opacity hover:opacity-80"
+                        style={{
+                          backgroundColor: activity.level === 0 ? emptyDotColor : getColorIntensity(activity.level),
+                        }}
+                      />
+                    </Tooltip>
+                  );
+                })}
               </div>
             </div>
           );

src/types/heatmap.ts

@@ -34,6 +34,7 @@ export interface Activity {
   date: string;
   count: number;
   level: number;
+  items?: string[]; // Array of item names released on this date
 }
 
 export interface CalendarData {

src/utils/calendar.ts

@@ -25,16 +25,27 @@ export const generateCalendarData = (
   const dayOfWeek = startDate.getDay();
   startDate.setDate(startDate.getDate() - dayOfWeek);
 
-  // create a map to store counts for each provider and date
+  // create a map to store counts and item names for each provider and date
   const countMap: Record<string, Record<string, number>> = {};
+  const itemsMap: Record<string, Record<string, string[]>> = {};
 
   modelData.forEach((item) => {
     const dateString = item.createdAt.split("T")[0];
     providers.forEach(({ authors }) => {
       if (authors.some((author) => item.id.startsWith(author))) {
-        countMap[authors[0]] = countMap[authors[0]] || {};
-        countMap[authors[0]][dateString] =
-          (countMap[authors[0]][dateString] || 0) + 1;
+        const providerKey = authors[0];
+        
+        // Initialize maps if needed
+        countMap[providerKey] = countMap[providerKey] || {};
+        itemsMap[providerKey] = itemsMap[providerKey] || {};
+        
+        // Increment count
+        countMap[providerKey][dateString] =
+          (countMap[providerKey][dateString] || 0) + 1;
+          
+        // Add item name to the list
+        itemsMap[providerKey][dateString] = itemsMap[providerKey][dateString] || [];
+        itemsMap[providerKey][dateString].push(item.id);
       }
     });
   });
@@ -44,8 +55,16 @@ export const generateCalendarData = (
     const dateString = d.toISOString().split("T")[0];
 
     providers.forEach(({ authors }) => {
-      const count = countMap[authors[0]]?.[dateString] || 0;
-      data[authors[0]].push({ date: dateString, count, level: 0 });
+      const providerKey = authors[0];
+      const count = countMap[providerKey]?.[dateString] || 0;
+      const items = itemsMap[providerKey]?.[dateString] || [];
+      
+      data[providerKey].push({ 
+        date: dateString, 
+        count, 
+        level: 0, 
+        items 
+      });
     });
   }
 

src/utils/weeklyCalendar.ts

@@ -4,7 +4,7 @@ export const aggregateToWeeklyData = (dailyData: Activity[]): Activity[] => {
   if (!dailyData || dailyData.length === 0) return [];
 
   // Create a map to group activities by week
-  const weeklyMap = new Map<string, { count: number; level: number; dates: string[] }>();
+  const weeklyMap = new Map<string, { count: number; level: number; dates: string[]; items: string[] }>();
 
   for (const dayActivity of dailyData) {
     const date = new Date(dayActivity.date);
@@ -14,13 +14,18 @@ export const aggregateToWeeklyData = (dailyData: Activity[]): Activity[] => {
     const weekKey = weekStart.toISOString().split('T')[0];
 
     if (!weeklyMap.has(weekKey)) {
-      weeklyMap.set(weekKey, { count: 0, level: 0, dates: [] });
+      weeklyMap.set(weekKey, { count: 0, level: 0, dates: [], items: [] });
     }
 
     const weekData = weeklyMap.get(weekKey)!;
     weekData.count += dayActivity.count;
     weekData.level = Math.max(weekData.level, dayActivity.level);
     weekData.dates.push(dayActivity.date);
+    
+    // Aggregate items from daily data
+    if (dayActivity.items) {
+      weekData.items.push(...dayActivity.items);
+    }
   }
 
   // Convert to true weekly data - one entry per week, not per day
@@ -31,6 +36,7 @@ export const aggregateToWeeklyData = (dailyData: Activity[]): Activity[] => {
       date: weekStartDate, // Use the week start date
       count: weekInfo.count,
       level: weekInfo.level,
+      items: weekInfo.items, // Include aggregated items
     });
   });