ci: apply automated fixes

Author: autofix-ci[bot]

src/components/NpmStatsSummaryBar.tsx

@@ -26,7 +26,9 @@ function isValidMetric(value: number | undefined | null): boolean {
 
 function NpmStatsSummaryContent({ library }: { library: LibrarySlim }) {
   const { data: stats } = useSuspenseQuery(ossStatsQuery({ library }))
-  const { data: recentStats } = useSuspenseQuery(recentDownloadStatsQuery({ library }))
+  const { data: recentStats } = useSuspenseQuery(
+    recentDownloadStatsQuery({ library }),
+  )
 
   const npmDownloads = stats.npm?.totalDownloads ?? 0
   const hasNpmDownloads = isValidMetric(npmDownloads)
@@ -46,11 +48,7 @@ function NpmStatsSummaryContent({ library }: { library: LibrarySlim }) {
         {/* All Time Downloads (Animated with ref callback) */}
         <div className="text-left">
           <div className="text-3xl font-bold text-gray-900 dark:text-gray-100 relative">
-            {hasNpmDownloads ? (
-              <span ref={counterRef}>0</span>
-            ) : (
-              <span>0</span>
-            )}
+            {hasNpmDownloads ? <span ref={counterRef}>0</span> : <span>0</span>}
           </div>
           <div className="text-sm text-gray-500 dark:text-gray-400 font-medium mt-1">
             All Time Downloads
@@ -91,7 +89,11 @@ function NpmStatsSummaryContent({ library }: { library: LibrarySlim }) {
   )
 }
 
-export default function NpmStatsSummaryBar({ library }: { library: LibrarySlim }) {
+export default function NpmStatsSummaryBar({
+  library,
+}: {
+  library: LibrarySlim
+}) {
   return (
     <Suspense
       fallback={

src/queries/stats.ts

@@ -30,18 +30,23 @@ export function ossStatsQuery({ library }: { library?: LibrarySlim } = {}) {
 export const recentDownloadStatsQueryOptions = (library: LibrarySlim) =>
   queryOptions({
     queryKey: ['stats', 'recent-downloads', library.id],
-    queryFn: () => fetchRecentDownloadStats({
-      data: {
-        library: {
-          id: library.id,
-          repo: library.repo,
-          frameworks: library.frameworks,
+    queryFn: () =>
+      fetchRecentDownloadStats({
+        data: {
+          library: {
+            id: library.id,
+            repo: library.repo,
+            frameworks: library.frameworks,
+          },
         },
-      },
-    }),
+      }),
     staleTime: 1000 * 60 * 10, // Cache for 10 minutes (fresher than all-time stats)
   })
 
-export function recentDownloadStatsQuery({ library }: { library: LibrarySlim }) {
+export function recentDownloadStatsQuery({
+  library,
+}: {
+  library: LibrarySlim
+}) {
   return recentDownloadStatsQueryOptions(library)
 }

src/utils/stats.server.ts

@@ -805,16 +805,18 @@ export const fetchRecentDownloadStats = createServerFn({ method: 'POST' })
     // Add HTTP caching headers - shorter cache for recent data
     setResponseHeaders(
       new Headers({
-        'Cache-Control':
-          'public, max-age=300, stale-while-revalidate=600',
+        'Cache-Control': 'public, max-age=300, stale-while-revalidate=600',
         'Netlify-CDN-Cache-Control':
           'public, max-age=300, durable, stale-while-revalidate=600',
       }),
     )
 
     // Import db functions dynamically
-    const { getRegisteredPackages, getBatchNpmDownloadChunks, setCachedNpmDownloadChunk } =
-      await import('./stats-db.server')
+    const {
+      getRegisteredPackages,
+      getBatchNpmDownloadChunks,
+      setCachedNpmDownloadChunk,
+    } = await import('./stats-db.server')
 
     // Get all registered packages for this library (includes framework adapters)
     let packageNames = await getRegisteredPackages(data.library.id)
@@ -828,17 +830,41 @@ export const fetchRecentDownloadStats = createServerFn({ method: 'POST' })
     const todayStr = today.toISOString().substring(0, 10)
 
     // Calculate date ranges
-    const dailyStart = new Date(today.getTime() - 24 * 60 * 60 * 1000).toISOString().substring(0, 10)
-    const weeklyStart = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000).toISOString().substring(0, 10)
-    const monthlyStart = new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000).toISOString().substring(0, 10)
+    const dailyStart = new Date(today.getTime() - 24 * 60 * 60 * 1000)
+      .toISOString()
+      .substring(0, 10)
+    const weeklyStart = new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000)
+      .toISOString()
+      .substring(0, 10)
+    const monthlyStart = new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000)
+      .toISOString()
+      .substring(0, 10)
 
     // Create chunk requests for all packages and time periods
     const chunkRequests = []
     for (const packageName of packageNames) {
       chunkRequests.push(
-        { packageName, dateFrom: dailyStart, dateTo: todayStr, binSize: 'daily' as const, period: 'daily' },
-        { packageName, dateFrom: weeklyStart, dateTo: todayStr, binSize: 'daily' as const, period: 'weekly' },
-        { packageName, dateFrom: monthlyStart, dateTo: todayStr, binSize: 'daily' as const, period: 'monthly' },
+        {
+          packageName,
+          dateFrom: dailyStart,
+          dateTo: todayStr,
+          binSize: 'daily' as const,
+          period: 'daily',
+        },
+        {
+          packageName,
+          dateFrom: weeklyStart,
+          dateTo: todayStr,
+          binSize: 'daily' as const,
+          period: 'weekly',
+        },
+        {
+          packageName,
+          dateFrom: monthlyStart,
+          dateTo: todayStr,
+          binSize: 'daily' as const,
+          period: 'monthly',
+        },
       )
     }
 
@@ -908,23 +934,32 @@ export const fetchRecentDownloadStats = createServerFn({ method: 'POST' })
             dateFrom: req.dateFrom,
             dateTo: req.dateTo,
             binSize: req.binSize,
-            totalDownloads: downloads.reduce((sum: number, d: any) => sum + d.downloads, 0),
+            totalDownloads: downloads.reduce(
+              (sum: number, d: any) => sum + d.downloads,
+              0,
+            ),
             dailyData: downloads,
             isImmutable: false, // Recent data is mutable
             updatedAt: Date.now(),
           }
 
           // Cache this chunk asynchronously
           setCachedNpmDownloadChunk(chunkData).catch((err) =>
-            console.warn(`Failed to cache recent downloads for ${req.packageName}:`, err)
+            console.warn(
+              `Failed to cache recent downloads for ${req.packageName}:`,
+              err,
+            ),
           )
 
           return {
             key: `${req.packageName}|${req.dateFrom}|${req.dateTo}|${req.binSize}`,
             data: chunkData,
           }
         } catch (error) {
-          console.error(`Failed to fetch recent downloads for ${req.packageName}:`, error)
+          console.error(
+            `Failed to fetch recent downloads for ${req.packageName}:`,
+            error,
+          )
           // Return zero data on error
           return {
             key: `${req.packageName}|${req.dateFrom}|${req.dateTo}|${req.binSize}`,