ci: apply automated fixes

Author: autofix-ci[bot]

netlify/functions/scheduled/refresh-stats-cache.ts

@@ -29,14 +29,17 @@ export const handler: Handler = async (
     // Invoke the background function
     const functionUrl = `${process.env.URL}/.netlify/functions/refresh-stats-cache-background`
 
-    console.log('[refresh-stats-cache] Invoking background function:', functionUrl)
+    console.log(
+      '[refresh-stats-cache] Invoking background function:',
+      functionUrl
+    )
 
     // Fire and forget - background function will run independently
     const response = await fetch(functionUrl, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': `Bearer ${cronSecret}`,
+        Authorization: `Bearer ${cronSecret}`,
       },
       body: JSON.stringify({
         source: 'scheduled-function',
@@ -46,10 +49,14 @@ export const handler: Handler = async (
 
     if (!response.ok) {
       const errorText = await response.text()
-      throw new Error(`Background function invocation failed: ${response.status} - ${errorText}`)
+      throw new Error(
+        `Background function invocation failed: ${response.status} - ${errorText}`
+      )
     }
 
-    console.log('[refresh-stats-cache] Background function invoked successfully')
+    console.log(
+      '[refresh-stats-cache] Background function invoked successfully'
+    )
 
     return {
       statusCode: 202, // Accepted - processing in background

netlify/functions/scheduled/sync-github-releases.ts

@@ -18,7 +18,9 @@ export const handler: Handler = async (
   event: HandlerEvent,
   context: HandlerContext
 ) => {
-  console.log('[sync-github-releases] Triggering background GitHub release sync...')
+  console.log(
+    '[sync-github-releases] Triggering background GitHub release sync...'
+  )
 
   try {
     const cronSecret = process.env.CRON_SECRET
@@ -29,14 +31,17 @@ export const handler: Handler = async (
     // Invoke the background function
     const functionUrl = `${process.env.URL}/.netlify/functions/sync-github-releases-background`
 
-    console.log('[sync-github-releases] Invoking background function:', functionUrl)
+    console.log(
+      '[sync-github-releases] Invoking background function:',
+      functionUrl
+    )
 
     // Fire and forget - background function will run independently
     const response = await fetch(functionUrl, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': `Bearer ${cronSecret}`,
+        Authorization: `Bearer ${cronSecret}`,
       },
       body: JSON.stringify({
         source: 'scheduled-function',
@@ -46,10 +51,14 @@ export const handler: Handler = async (
 
     if (!response.ok) {
       const errorText = await response.text()
-      throw new Error(`Background function invocation failed: ${response.status} - ${errorText}`)
+      throw new Error(
+        `Background function invocation failed: ${response.status} - ${errorText}`
+      )
     }
 
-    console.log('[sync-github-releases] Background function invoked successfully')
+    console.log(
+      '[sync-github-releases] Background function invoked successfully'
+    )
 
     return {
       statusCode: 202, // Accepted - processing in background

netlify/functions/sync-github-releases-background.ts

@@ -24,14 +24,18 @@ export const handler: Handler = async (
   event: HandlerEvent,
   context: HandlerContext
 ) => {
-  console.log('[sync-github-releases-background] Starting GitHub release sync...')
+  console.log(
+    '[sync-github-releases-background] Starting GitHub release sync...'
+  )
 
   // Check authentication
   const cronSecret = process.env.CRON_SECRET
   const authHeader = event.headers.authorization || event.headers.Authorization
 
   if (!cronSecret) {
-    console.error('[sync-github-releases-background] CRON_SECRET not configured')
+    console.error(
+      '[sync-github-releases-background] CRON_SECRET not configured'
+    )
     return {
       statusCode: 500,
       body: JSON.stringify({

scripts/migrate-data.md

@@ -7,6 +7,7 @@ This guide covers migrating data from Convex to PostgreSQL (Neon DB).
 ## Prerequisites
 
 1. **Export Convex Data**
+
    - Use Convex dashboard or CLI to export all tables
    - Export format: JSON or CSV
    - Tables to export:
@@ -31,15 +32,18 @@ This guide covers migrating data from Convex to PostgreSQL (Neon DB).
 Create a transformation script that:
 
 1. **Convert Convex IDs to UUIDs**
+
    - Generate new UUIDs for each record
    - Maintain mapping for foreign key relationships
 
 2. **Transform Timestamps**
+
    - Convex: milliseconds (number)
    - PostgreSQL: `timestamp with time zone` (Date object)
    - Convert: `new Date(timestamp)` for milliseconds
 
 3. **Transform Arrays**
+
    - Convex: stored as arrays
    - PostgreSQL: array columns (already compatible)
    - Ensure proper formatting
@@ -101,17 +105,19 @@ WHERE u.id IS NULL;
 ### Step 4: Post-Migration Tasks
 
 1. **Set up indexes** (if not created by Drizzle):
+
    ```sql
    -- GIN indexes for array columns
-   CREATE INDEX IF NOT EXISTS feed_entries_library_ids_gin_idx 
+   CREATE INDEX IF NOT EXISTS feed_entries_library_ids_gin_idx
      ON feed_entries USING GIN (library_ids);
-   CREATE INDEX IF NOT EXISTS feed_entries_tags_gin_idx 
+   CREATE INDEX IF NOT EXISTS feed_entries_tags_gin_idx
      ON feed_entries USING GIN (tags);
-   
+
    -- Full-text search (see drizzle/migrations/README.md)
    ```
 
 2. **Verify functionality**:
+
    - Test authentication flow
    - Test feed queries
    - Test admin interfaces
@@ -138,4 +144,3 @@ If migration fails:
 - **entryId field**: The `feed_entries` table uses `entryId` (string) as the unique identifier, not `id` (UUID). Make sure to map Convex feed entry IDs to `entryId` field.
 - **Metadata**: JSONB fields should be preserved as-is from Convex
 - **Capabilities**: Array fields should be preserved as arrays
-

scripts/test-db-connection.ts

@@ -33,9 +33,15 @@ async function testConnection() {
 
     // Test 3: Count records
     console.log('3. Counting records...')
-    const userCount = await db.select({ count: sql<number>`count(*)` }).from(users)
-    const roleCount = await db.select({ count: sql<number>`count(*)` }).from(roles)
-    const feedCount = await db.select({ count: sql<number>`count(*)` }).from(feedEntries)
+    const userCount = await db
+      .select({ count: sql<number>`count(*)` })
+      .from(users)
+    const roleCount = await db
+      .select({ count: sql<number>`count(*)` })
+      .from(roles)
+    const feedCount = await db
+      .select({ count: sql<number>`count(*)` })
+      .from(feedEntries)
 
     console.log(`✓ Users: ${userCount[0]?.count ?? 0}`)
     console.log(`✓ Roles: ${roleCount[0]?.count ?? 0}`)
@@ -57,4 +63,3 @@ async function testConnection() {
 }
 
 testConnection()
-

src/components/FeedEntry.tsx

@@ -253,7 +253,7 @@ export function FeedEntry({
             className="text-xs font-semibold text-gray-900 dark:text-gray-100 truncate hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
           >
             {entry.title}
-            </Link>
+          </Link>
         </TableCell>
 
         {/* Excerpt */}

src/components/FeedFilters.tsx

@@ -206,7 +206,6 @@ export function FeedFilters({
     releaseLevelsDiffer ||
     (includePrerelease !== undefined && includePrerelease !== true)
 
-
   // Render filter content (shared between mobile and desktop)
   const renderFilterContent = () => (
     <>
@@ -216,9 +215,7 @@ export function FeedFilters({
           <FilterCheckbox
             label="Featured"
             checked={featured ?? false}
-            onChange={() =>
-              handleFeaturedChange(featured ? undefined : true)
-            }
+            onChange={() => handleFeaturedChange(featured ? undefined : true)}
             count={facetCounts?.featured}
           />
         </div>
@@ -234,9 +231,7 @@ export function FeedFilters({
         onSelectNone={() => {
           onFiltersChange({ releaseLevels: undefined })
         }}
-        isAllSelected={
-          selectedReleaseLevels?.length === RELEASE_LEVELS.length
-        }
+        isAllSelected={selectedReleaseLevels?.length === RELEASE_LEVELS.length}
         isSomeSelected={
           selectedReleaseLevels !== undefined &&
           selectedReleaseLevels.length > 0 &&
@@ -452,10 +447,7 @@ export function FeedFilters({
           compact
         />
       )}
-      <div
-        onClick={(e) => e.stopPropagation()}
-        className="flex-shrink-0"
-      >
+      <div onClick={(e) => e.stopPropagation()} className="flex-shrink-0">
         <FilterSearch
           value={searchInput}
           onChange={handleSearchChange}
@@ -482,10 +474,7 @@ export function FeedFilters({
       >
         <LuHelpCircle className="w-4 h-4 text-gray-400 dark:text-gray-500 cursor-help" />
       </Tooltip>
-      <ViewModeToggle
-        viewMode={viewMode}
-        onViewModeChange={onViewModeChange}
-      />
+      <ViewModeToggle viewMode={viewMode} onViewModeChange={onViewModeChange} />
     </div>
   )
 
@@ -498,8 +487,16 @@ export function FeedFilters({
       desktopHeader={desktopHeader}
     >
       {/* Search - Desktop */}
-      <div className={`mb-2 lg:block hidden ${viewMode === 'table' ? 'max-w-xs lg:max-w-none lg:w-full' : 'w-full'}`}>
-        <FilterSearch value={searchInput} onChange={handleSearchChange} className="w-full" />
+      <div
+        className={`mb-2 lg:block hidden ${
+          viewMode === 'table' ? 'max-w-xs lg:max-w-none lg:w-full' : 'w-full'
+        }`}
+      >
+        <FilterSearch
+          value={searchInput}
+          onChange={handleSearchChange}
+          className="w-full"
+        />
       </div>
 
       {renderFilterContent()}

src/components/FrameworkSelect.tsx

@@ -2,11 +2,7 @@ import * as React from 'react'
 import { create } from 'zustand'
 import { useNavigate, useParams } from '@tanstack/react-router'
 import { Select } from './Select'
-import {
-  Framework,
-  getLibrary,
-  LibraryId,
-} from '~/libraries'
+import { Framework, getLibrary, LibraryId } from '~/libraries'
 import { getFrameworkOptions } from '~/libraries/frameworks'
 
 export function FrameworkSelect({ libraryId }: { libraryId: LibraryId }) {

src/components/OpenSourceStats.tsx

@@ -90,7 +90,8 @@ function OssStatsContent({ library }: { library?: Library }) {
   const hasContributorCount = isValidMetric(contributorCount)
   const hasDependentCount = isValidMetric(dependentCount)
 
-  const hasAnyData = hasNpmDownloads || hasStarCount || hasContributorCount || hasDependentCount
+  const hasAnyData =
+    hasNpmDownloads || hasStarCount || hasContributorCount || hasDependentCount
 
   return (
     <div>
@@ -104,8 +105,9 @@ function OssStatsContent({ library }: { library?: Library }) {
             <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-pink-500/10 to-purple-500/10 border border-pink-500/20 dark:border-pink-500/30 backdrop-blur-sm pointer-events-auto">
               <span className="text-2xl">🚀</span>
               <p className="text-sm font-medium text-pink-600 dark:text-pink-400">
-                <span className="font-bold">Fresh out of the oven!</span> This library just launched. 
-                Be among the first to star, download, and contribute!
+                <span className="font-bold">Fresh out of the oven!</span> This
+                library just launched. Be among the first to star, download, and
+                contribute!
               </p>
             </div>
           </div>
@@ -114,7 +116,9 @@ function OssStatsContent({ library }: { library?: Library }) {
           href="https://www.npmjs.com/org/tanstack"
           target="_blank"
           rel="noreferrer"
-          className={`group flex gap-4 items-center ${!hasNpmDownloads ? 'opacity-50' : ''} ${!hasAnyData ? 'blur-sm' : ''}`}
+          className={`group flex gap-4 items-center ${
+            !hasNpmDownloads ? 'opacity-50' : ''
+          } ${!hasAnyData ? 'blur-sm' : ''}`}
         >
           <FaDownload className="text-2xl group-hover:text-emerald-500 transition-colors duration-200" />
           <div>
@@ -138,17 +142,15 @@ function OssStatsContent({ library }: { library?: Library }) {
           }
           target="_blank"
           rel="noreferrer"
-          className={`group flex gap-4 items-center ${!hasStarCount ? 'opacity-50' : ''} ${!hasAnyData ? 'blur-sm' : ''}`}
+          className={`group flex gap-4 items-center ${
+            !hasStarCount ? 'opacity-50' : ''
+          } ${!hasAnyData ? 'blur-sm' : ''}`}
         >
           <FaStar className="group-hover:text-yellow-500 text-2xl transition-colors duration-200" />
           <div>
             <div className="text-2xl font-bold opacity-80 leading-none group-hover:text-yellow-500 transition-colors duration-200 relative">
               {hasStarCount ? (
-                <NumberFlow
-                  value={starCount}
-                  continuous
-                  willChange
-                />
+                <NumberFlow value={starCount} continuous willChange />
               ) : (
                 <span>0</span>
               )}
@@ -158,16 +160,16 @@ function OssStatsContent({ library }: { library?: Library }) {
             </div>
           </div>
         </a>
-        <div className={`flex gap-4 items-center ${!hasContributorCount ? 'opacity-50' : ''} ${!hasAnyData ? 'blur-sm' : ''}`}>
+        <div
+          className={`flex gap-4 items-center ${
+            !hasContributorCount ? 'opacity-50' : ''
+          } ${!hasAnyData ? 'blur-sm' : ''}`}
+        >
           <FaUsers className="text-2xl" />
           <div className="">
             <div className="text-2xl font-bold opacity-80 relative">
               {hasContributorCount ? (
-                <NumberFlow
-                  value={contributorCount}
-                  continuous
-                  willChange
-                />
+                <NumberFlow value={contributorCount} continuous willChange />
               ) : (
                 <span>0</span>
               )}
@@ -177,16 +179,16 @@ function OssStatsContent({ library }: { library?: Library }) {
             </div>
           </div>
         </div>
-        <div className={`flex gap-4 items-center ${!hasDependentCount ? 'opacity-50' : ''} ${!hasAnyData ? 'blur-sm' : ''}`}>
+        <div
+          className={`flex gap-4 items-center ${
+            !hasDependentCount ? 'opacity-50' : ''
+          } ${!hasAnyData ? 'blur-sm' : ''}`}
+        >
           <FaCube className="text-2xl" />
           <div className="">
             <div className="text-2xl font-bold opacity-80 relative">
               {hasDependentCount ? (
-                <NumberFlow
-                  value={dependentCount}
-                  continuous
-                  willChange
-                />
+                <NumberFlow value={dependentCount} continuous willChange />
               ) : (
                 <span>0</span>
               )}