ci: apply automated fixes

autofix-ci[bot] · web-flow · commit f61d1c3710b6 · 2025-12-18T06:05:49.000Z
diff --git a/src/components/AnnouncementBanner.tsx b/src/components/AnnouncementBanner.tsx
@@ -226,11 +226,7 @@ export function AnnouncementBanner() {
   return (
     <div className="w-full">
       {visibleBanners.map((banner) => (
-        <BannerItem
-          key={banner.id}
-          banner={banner}
-          onDismiss={handleDismiss}
-        />
+        <BannerItem key={banner.id} banner={banner} onDismiss={handleDismiss} />
       ))}
     </div>
   )
diff --git a/src/components/FeedEntry.tsx b/src/components/FeedEntry.tsx
@@ -428,7 +428,8 @@ export function FeedEntry({
                     className="text-blue-600 dark:text-blue-400 hover:underline text-xs font-medium"
                     onClick={(e) => e.stopPropagation()}
                   >
-                    View on {entry.entryType === 'release' ? 'GitHub' : 'Blog'} →
+                    View on {entry.entryType === 'release' ? 'GitHub' : 'Blog'}{' '}
+                    →
                   </a>
                 </div>
               )}
diff --git a/src/components/FeedPage.tsx b/src/components/FeedPage.tsx
@@ -11,7 +11,10 @@ import { FEED_DEFAULTS } from '~/utils/feedDefaults'
 import { libraries } from '~/libraries'
 import { partners } from '~/utils/partners'
 import { useQuery } from '@tanstack/react-query'
-import { getFeedFacetCountsQueryOptions, type FeedFilters } from '~/queries/feed'
+import {
+  getFeedFacetCountsQueryOptions,
+  type FeedFilters,
+} from '~/queries/feed'
 import { twMerge } from 'tailwind-merge'
 
 // Re-export FeedFilters as FeedFiltersState for backwards compatibility
diff --git a/src/components/FeedPageLayout.tsx b/src/components/FeedPageLayout.tsx
@@ -1,13 +1,19 @@
 import * as React from 'react'
 import { ReactNode, createContext, useContext } from 'react'
 import { FeedList } from '~/components/FeedList'
-import { FeedFilters as FeedFiltersComponent, FeedFacetCounts } from '~/components/FeedFilters'
+import {
+  FeedFilters as FeedFiltersComponent,
+  FeedFacetCounts,
+} from '~/components/FeedFilters'
 import { FeedEntry } from '~/components/FeedEntry'
 import { UseQueryResult } from '@tanstack/react-query'
 import { libraries } from '~/libraries'
 import { partners } from '~/utils/partners'
 import { useQuery } from '@tanstack/react-query'
-import { getFeedFacetCountsQueryOptions, type FeedFilters } from '~/queries/feed'
+import {
+  getFeedFacetCountsQueryOptions,
+  type FeedFilters,
+} from '~/queries/feed'
 import { twMerge } from 'tailwind-merge'
 import { Spinner } from '~/components/Spinner'
 
diff --git a/src/components/admin/BannerEditor.tsx b/src/components/admin/BannerEditor.tsx
@@ -34,31 +34,35 @@ const BANNER_STYLES = [
     value: 'info',
     label: 'Info',
     icon: Info,
-    bgClass: 'bg-blue-100 dark:bg-blue-950 border-blue-200 dark:border-blue-800',
+    bgClass:
+      'bg-blue-100 dark:bg-blue-950 border-blue-200 dark:border-blue-800',
     textClass: 'text-blue-900 dark:text-blue-100',
     iconClass: 'text-blue-600 dark:text-blue-400',
   },
   {
     value: 'warning',
     label: 'Warning',
     icon: AlertTriangle,
-    bgClass: 'bg-amber-100 dark:bg-amber-950 border-amber-200 dark:border-amber-800',
+    bgClass:
+      'bg-amber-100 dark:bg-amber-950 border-amber-200 dark:border-amber-800',
     textClass: 'text-amber-900 dark:text-amber-100',
     iconClass: 'text-amber-600 dark:text-amber-400',
   },
   {
     value: 'success',
     label: 'Success',
     icon: CheckCircle,
-    bgClass: 'bg-green-100 dark:bg-green-950 border-green-200 dark:border-green-800',
+    bgClass:
+      'bg-green-100 dark:bg-green-950 border-green-200 dark:border-green-800',
     textClass: 'text-green-900 dark:text-green-100',
     iconClass: 'text-green-600 dark:text-green-400',
   },
   {
     value: 'promo',
     label: 'Promo',
     icon: Gift,
-    bgClass: 'bg-purple-100 dark:bg-purple-950 border-purple-200 dark:border-purple-800',
+    bgClass:
+      'bg-purple-100 dark:bg-purple-950 border-purple-200 dark:border-purple-800',
     textClass: 'text-purple-900 dark:text-purple-100',
     iconClass: 'text-purple-600 dark:text-purple-400',
   },
@@ -67,11 +71,7 @@ const BANNER_STYLES = [
 type BannerStyle = (typeof BANNER_STYLES)[number]['value']
 type BannerScope = 'global' | 'targeted'
 
-export function BannerEditor({
-  banner,
-  onSave,
-  onCancel,
-}: BannerEditorProps) {
+export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
   const isNew = banner === null
   const queryClient = useQueryClient()
 
@@ -640,9 +640,7 @@ export function BannerEditor({
                     className={`w-5 h-5 mt-0.5 flex-shrink-0 ${currentStyle.iconClass}`}
                   />
                   <div className="flex-1 min-w-0">
-                    <div className="font-medium">
-                      {title || 'Banner Title'}
-                    </div>
+                    <div className="font-medium">{title || 'Banner Title'}</div>
                     {content && (
                       <div className="text-sm opacity-90 mt-0.5">{content}</div>
                     )}
diff --git a/src/components/admin/FeedEntryEditor.tsx b/src/components/admin/FeedEntryEditor.tsx
@@ -8,7 +8,16 @@ import { partners } from '~/utils/partners'
 import { currentUserQueryOptions } from '~/queries/auth'
 import { useCreateFeedEntry, useUpdateFeedEntry } from '~/utils/mutations'
 import { generateManualEntryId } from '~/utils/feed-manual'
-import { Save, X, FileText, Tags, Settings, Eye, Calendar, Check } from 'lucide-react'
+import {
+  Save,
+  X,
+  FileText,
+  Tags,
+  Settings,
+  Eye,
+  Calendar,
+  Check,
+} from 'lucide-react'
 
 interface FeedEntryEditorProps {
   entry: FeedEntry | null
@@ -428,7 +437,6 @@ export function FeedEntryEditor({
               </div>
             </div>
           </div>
-
         </div>
 
         {/* Right Column - Live Preview */}
diff --git a/src/db/schema.ts b/src/db/schema.ts
@@ -78,7 +78,9 @@ export const ENTRY_TYPES: readonly EntryType[] = [
   'blog',
   'announcement',
 ] as const
-export const MANUAL_ENTRY_TYPES: readonly EntryType[] = ['announcement'] as const
+export const MANUAL_ENTRY_TYPES: readonly EntryType[] = [
+  'announcement',
+] as const
 
 // Users table
 export const users = pgTable(
@@ -270,10 +272,9 @@ export const feedEntries = pgTable(
       table.publishedAt,
     ),
     entryTypeIdx: index('feed_entries_entry_type_idx').on(table.entryType),
-    showInFeedPublishedIdx: index('feed_entries_show_in_feed_published_at_idx').on(
-      table.showInFeed,
-      table.publishedAt,
-    ),
+    showInFeedPublishedIdx: index(
+      'feed_entries_show_in_feed_published_at_idx',
+    ).on(table.showInFeed, table.publishedAt),
     // GIN indexes for array columns (created via SQL migration)
     // libraryIdsGin: index('feed_entries_library_ids_gin_idx').using('gin', table.libraryIds),
     // tagsGin: index('feed_entries_tags_gin_idx').using('gin', table.tags),
@@ -669,8 +670,12 @@ export const announcementDismissals = pgTable(
   }),
 )
 
-export type AnnouncementDismissal = InferSelectModel<typeof announcementDismissals>
-export type NewAnnouncementDismissal = InferInsertModel<typeof announcementDismissals>
+export type AnnouncementDismissal = InferSelectModel<
+  typeof announcementDismissals
+>
+export type NewAnnouncementDismissal = InferInsertModel<
+  typeof announcementDismissals
+>
 
 // Relations
 export const usersRelations = relations(users, ({ many }) => ({
diff --git a/src/routes/admin/banners.index.tsx b/src/routes/admin/banners.index.tsx
@@ -296,9 +296,7 @@ function BannersAdminPage() {
                               ? 'text-green-600 hover:bg-green-100 dark:hover:bg-green-900/30'
                               : 'text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700'
                           }`}
-                          title={
-                            banner.isActive ? 'Deactivate' : 'Activate'
-                          }
+                          title={banner.isActive ? 'Deactivate' : 'Activate'}
                         >
                           {banner.isActive ? (
                             <ToggleRight className="w-5 h-5" />
diff --git a/src/routes/admin/feed.$id.tsx b/src/routes/admin/feed.$id.tsx
@@ -74,7 +74,9 @@ function FeedEditorPage() {
     <div className="min-h-screen p-8">
       <div className="max-w-4xl mx-auto">
         <FeedEntryEditor
-          entry={isNew ? null : ((entryQuery.data as FeedEntry | undefined) ?? null)}
+          entry={
+            isNew ? null : ((entryQuery.data as FeedEntry | undefined) ?? null)
+          }
           onSave={() => navigate({ to: '/admin/feed' })}
           onCancel={() => navigate({ to: '/admin/feed' })}
         />
diff --git a/src/routes/llms[.]txt.ts b/src/routes/llms[.]txt.ts
@@ -1,6 +1,10 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { setResponseHeader } from '@tanstack/react-start/server'
-import { libraries, librariesByGroup, librariesGroupNamesMap } from '~/libraries'
+import {
+  libraries,
+  librariesByGroup,
+  librariesGroupNamesMap,
+} from '~/libraries'
 import type { Library } from '~/libraries'
 
 export const Route = createFileRoute('/llms.txt')({
@@ -14,7 +18,7 @@ export const Route = createFileRoute('/llms.txt')({
         setResponseHeader('Cache-Control', 'public, max-age=0, must-revalidate')
         setResponseHeader(
           'CDN-Cache-Control',
-          'max-age=86400, stale-while-revalidate=86400, durable'
+          'max-age=86400, stale-while-revalidate=86400, durable',
         )
 
         return new Response(content)
@@ -30,7 +34,7 @@ function generateLlmsTxt(): string {
   lines.push('# TanStack')
   lines.push('')
   lines.push(
-    '> TanStack provides high-quality, open-source libraries for web development including routing, data fetching, state management, tables, forms, and more. All libraries are framework-agnostic with first-class support for React, Vue, Solid, Svelte, and Angular.'
+    '> TanStack provides high-quality, open-source libraries for web development including routing, data fetching, state management, tables, forms, and more. All libraries are framework-agnostic with first-class support for React, Vue, Solid, Svelte, and Angular.',
   )
   lines.push('')
 
@@ -76,7 +80,7 @@ function generateLlmsTxt(): string {
 
     if (library.defaultDocs) {
       links.push(
-        `- [Documentation](https://tanstack.com/${library.id}/latest/docs/${library.defaultDocs})`
+        `- [Documentation](https://tanstack.com/${library.id}/latest/docs/${library.defaultDocs})`,
       )
     }
 
@@ -87,7 +91,7 @@ function generateLlmsTxt(): string {
     // Add installation link if available
     if (library.installPath) {
       links.push(
-        `- [Installation](https://tanstack.com/${library.id}/latest/docs/${library.installPath.replace('$framework', 'react')})`
+        `- [Installation](https://tanstack.com/${library.id}/latest/docs/${library.installPath.replace('$framework', 'react')})`,
       )
     }
 
@@ -107,7 +111,7 @@ function generateLlmsTxt(): string {
   lines.push('## Optional')
   lines.push('')
   lines.push(
-    '- [NPM Stats](https://tanstack.com/stats/npm): Compare npm package download statistics'
+    '- [NPM Stats](https://tanstack.com/stats/npm): Compare npm package download statistics',
   )
   lines.push('- [Blog](https://tanstack.com/blog): Latest news and updates')
   lines.push('')
diff --git a/src/routes/stats/npm/index.tsx b/src/routes/stats/npm/index.tsx
@@ -2113,7 +2113,6 @@ function RouteComponent() {
               })}
             </div>
           </div>
-
         </div>
         <div className="hidden lg:block w-[290px] xl:w-[332px] shrink-0">
           <div className="sticky top-4 space-y-4">
diff --git a/src/utils/banner.functions.ts b/src/utils/banner.functions.ts
@@ -42,15 +42,9 @@ export const getActiveBanners = createServerFn({ method: 'GET' })
       where: and(
         eq(banners.isActive, true),
         // Either no start date or starts_at <= now
-        or(
-          sql`${banners.startsAt} IS NULL`,
-          lte(banners.startsAt, now),
-        ),
+        or(sql`${banners.startsAt} IS NULL`, lte(banners.startsAt, now)),
         // Either no end date or expires_at >= now
-        or(
-          sql`${banners.expiresAt} IS NULL`,
-          gte(banners.expiresAt, now),
-        ),
+        or(sql`${banners.expiresAt} IS NULL`, gte(banners.expiresAt, now)),
       ),
       orderBy: (b, { desc }) => [desc(b.priority), desc(b.createdAt)],
     })
@@ -307,7 +301,8 @@ export const updateBanner = createServerFn({ method: 'POST' })
     if (data.linkText !== undefined) updates.linkText = data.linkText || null
     if (data.style !== undefined) updates.style = data.style
     if (data.scope !== undefined) updates.scope = data.scope
-    if (data.pathPrefixes !== undefined) updates.pathPrefixes = data.pathPrefixes
+    if (data.pathPrefixes !== undefined)
+      updates.pathPrefixes = data.pathPrefixes
     if (data.isActive !== undefined) updates.isActive = data.isActive
     if (data.startsAt !== undefined) {
       updates.startsAt = data.startsAt ? new Date(data.startsAt) : null
diff --git a/src/utils/user-stats.server.ts b/src/utils/user-stats.server.ts
@@ -31,11 +31,13 @@ export const getUserStats = createServerFn({ method: 'POST' }).handler(
 
     // Get users created in last 7 days (for daily breakdown) - using UTC
     const nowForSevenDays = new Date()
-    const sevenDaysAgo = new Date(Date.UTC(
-      nowForSevenDays.getUTCFullYear(),
-      nowForSevenDays.getUTCMonth(),
-      nowForSevenDays.getUTCDate() - 7
-    ))
+    const sevenDaysAgo = new Date(
+      Date.UTC(
+        nowForSevenDays.getUTCFullYear(),
+        nowForSevenDays.getUTCMonth(),
+        nowForSevenDays.getUTCDate() - 7,
+      ),
+    )
 
     const recentUsers = await db.query.users.findMany({
       where: gte(users.createdAt, sevenDaysAgo),
@@ -64,7 +66,9 @@ export const getUserStats = createServerFn({ method: 'POST' }).handler(
     // This gives us efficient per-day data that can be used for both daily and cumulative charts
     const dailySignupsData = await db
       .select({
-        date: sql<string>`DATE(${users.createdAt} AT TIME ZONE 'UTC')`.as('date'),
+        date: sql<string>`DATE(${users.createdAt} AT TIME ZONE 'UTC')`.as(
+          'date',
+        ),
         count: sql<number>`COUNT(*)::int`.as('count'),
       })
       .from(users)
@@ -114,11 +118,13 @@ export const getUserStats = createServerFn({ method: 'POST' }).handler(
 
     // Calculate average signups per day (last 30 days) - using UTC
     const nowForThirtyDays = new Date()
-    const thirtyDaysAgo = new Date(Date.UTC(
-      nowForThirtyDays.getUTCFullYear(),
-      nowForThirtyDays.getUTCMonth(),
-      nowForThirtyDays.getUTCDate() - 30
-    ))
+    const thirtyDaysAgo = new Date(
+      Date.UTC(
+        nowForThirtyDays.getUTCFullYear(),
+        nowForThirtyDays.getUTCMonth(),
+        nowForThirtyDays.getUTCDate() - 30,
+      ),
+    )
 
     const last30DaysResult = await db
       .select({ count: sql<number>`count(*)::int` })
@@ -130,7 +136,9 @@ export const getUserStats = createServerFn({ method: 'POST' }).handler(
 
     // Calculate today's signups (using UTC for consistency with charts)
     const now = new Date()
-    const todayStart = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()))
+    const todayStart = new Date(
+      Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()),
+    )
 
     const todayResult = await db
       .select({ count: sql<number>`count(*)::int` })
@@ -140,7 +148,9 @@ export const getUserStats = createServerFn({ method: 'POST' }).handler(
     const todaySignups = todayResult[0]?.count ?? 0
 
     // Calculate yesterday's signups (using UTC)
-    const yesterdayStart = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() - 1))
+    const yesterdayStart = new Date(
+      Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() - 1),
+    )
 
     const yesterdayResult = await db
       .select({ count: sql<number>`count(*)::int` })
