Merge branch 'main' of https://github.com/TanStack/tanstack.com

tannerlinsley · tannerlinsley · commit 0781b66d8e5b · 2025-12-06T00:11:27.000-07:00
diff --git a/agents/tasks/tanstack-com-task-list.md b/agents/tasks/tanstack-com-task-list.md
@@ -28,7 +28,6 @@
 ### Tasks
 
 - [ ] Implement “Trusted By” on homepage
-
   - Status: Backlog
   - Notes:
     - Reuse `TrustedByMarquee` but upgrade to support logos + links + tooltip proof.
@@ -43,7 +42,6 @@
   - Owner:
 
 - [ ] Add Real-Time Metrics Counters (per-library + org rollup)
-
   - Status: Partial (org rollup live via `OpenSourceStats`)
   - Notes:
     - Extend counters to per-library pages using existing Convex endpoints or add repo-level endpoints via `convex-oss-stats` if needed.
@@ -91,7 +89,6 @@
 ### Tasks
 
 - [ ] Redesign/Create “About” page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/about.tsx`.
@@ -101,7 +98,6 @@
   - Links: `src/components/MaintainerCard.tsx`, `src/routes/_libraries/maintainers.tsx`.
 
 - [ ] Speaking Engagements section
-
   - Status: Backlog
   - Notes:
     - Add to About or standalone `src/routes/speaking.tsx`.
@@ -136,7 +132,6 @@
 ### Tasks
 
 - [ ] “Enterprise” page
-
   - Status: Partial
   - Notes:
     - Option 1: Rename and expand `paid-support` into `enterprise` (route alias + updated copy) while keeping legacy route.
@@ -165,7 +160,6 @@
 ### Tasks
 
 - [ ] Public Roadmap page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/roadmap.tsx`.
@@ -194,7 +188,6 @@
 ### Tasks
 
 - [ ] Press/Media Kit page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/media-kit.tsx`.
@@ -203,7 +196,6 @@
   - Acceptance: Page provides direct downloads and usage rules.
 
 - [ ] In the News page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/news.tsx`.
diff --git a/scripts/migrate-data.md b/scripts/migrate-data.md
@@ -7,7 +7,6 @@ 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:
@@ -32,18 +31,15 @@ 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
@@ -117,7 +113,6 @@ WHERE u.id IS NULL;
    ```
 
 2. **Verify functionality**:
-
    - Test authentication flow
    - Test feed queries
    - Test admin interfaces
diff --git a/src/blog/announcing-tanstack-form-v1.md b/src/blog/announcing-tanstack-form-v1.md
@@ -75,8 +75,8 @@ We even support type-checking what errors are returned in `<form.Field>`:
   children={(field) => (
     <>
       <NumberInput value={field.state.value} />
-      // TypeScript will correctly tell you that `errorMap.onChange` // is an object,
-      not a string
+      // TypeScript will correctly tell you that `errorMap.onChange` // is an
+      object, not a string
       <p>{field.state.meta.errorMap.onChange}</p>
     </>
   )}
diff --git a/src/blog/tanstack-router-typescript-performance.md b/src/blog/tanstack-router-typescript-performance.md
@@ -79,8 +79,11 @@ export type ParseRoute<TRouteTree, TAcc = TRouteTree> = TRouteTree extends {
   ? unknown extends TChildren
     ? TAcc
     : TChildren extends ReadonlyArray<any>
-    ? ParseRoute<TChildren[number], TAcc | TChildren[number]>
-    : ParseRoute<TChildren[keyof TChildren], TAcc | TChildren[keyof TChildren]>
+      ? ParseRoute<TChildren[number], TAcc | TChildren[number]>
+      : ParseRoute<
+          TChildren[keyof TChildren],
+          TAcc | TChildren[keyof TChildren]
+        >
   : TAcc
 ```
 
diff --git a/src/components/AILibraryHero.tsx b/src/components/AILibraryHero.tsx
@@ -902,13 +902,13 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   selectedFramework === null || selectedServer === null
                     ? strokeColor
                     : // Only highlight during specific phases
-                    phase === AnimationPhase.SHOWING_CHAT ||
-                      phase === AnimationPhase.PULSING_CONNECTIONS ||
-                      phase === AnimationPhase.STREAMING_RESPONSE
-                    ? isDark
-                      ? 'rgba(255, 255, 240, 0.95)'
-                      : 'rgba(255, 255, 240, 0.95)'
-                    : strokeColor
+                      phase === AnimationPhase.SHOWING_CHAT ||
+                        phase === AnimationPhase.PULSING_CONNECTIONS ||
+                        phase === AnimationPhase.STREAMING_RESPONSE
+                      ? isDark
+                        ? 'rgba(255, 255, 240, 0.95)'
+                        : 'rgba(255, 255, 240, 0.95)'
+                      : strokeColor
                 }
                 strokeWidth={
                   phase === AnimationPhase.PULSING_CONNECTIONS ||
@@ -930,10 +930,10 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   selectedServer === null
                     ? 0.3
                     : phase === AnimationPhase.SHOWING_CHAT ||
-                      phase === AnimationPhase.PULSING_CONNECTIONS ||
-                      phase === AnimationPhase.STREAMING_RESPONSE
-                    ? 1.0
-                    : 0.3
+                        phase === AnimationPhase.PULSING_CONNECTIONS ||
+                        phase === AnimationPhase.STREAMING_RESPONSE
+                      ? 1.0
+                      : 0.3
                 }
                 className={
                   getConnectionPulse()
diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx
@@ -106,8 +106,8 @@ export function ChatPanel({ messages, typingUserMessage }: ChatPanelProps) {
                   ? 'text-gray-200'
                   : 'text-gray-900'
                 : isDark
-                ? 'text-gray-600 italic'
-                : 'text-gray-400 italic'
+                  ? 'text-gray-600 italic'
+                  : 'text-gray-400 italic'
             }`}
           >
             {typingUserMessage || 'Type a message...'}
diff --git a/src/components/DocsLayout.tsx b/src/components/DocsLayout.tsx
@@ -198,7 +198,7 @@ export function DocsLayout({
       typeof group.defaultCollapsed !== 'undefined'
         ? !group.defaultCollapsed // defaultCollapsed is true means the group is closed
         : undefined
-    const isOpen = isChildActive ? true : configGroupOpenState ?? false
+    const isOpen = isChildActive ? true : (configGroupOpenState ?? false)
 
     const detailsProps = group.collapsible ? { open: isOpen } : {}
 
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
@@ -39,14 +39,13 @@ const CustomHeading = ({
 
 const makeHeading =
   (type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6') =>
-  (props: HTMLProps<HTMLHeadingElement>) =>
-    (
-      <CustomHeading
-        Comp={type}
-        {...props}
-        className={`${props.className ?? ''} block`}
-      />
-    )
+  (props: HTMLProps<HTMLHeadingElement>) => (
+    <CustomHeading
+      Comp={type}
+      {...props}
+      className={`${props.className ?? ''} block`}
+    />
+  )
 
 const markdownComponents: Record<string, React.FC> = {
   a: MarkdownLink,
diff --git a/src/components/TableComponents.tsx b/src/components/TableComponents.tsx
@@ -73,8 +73,8 @@ export function TableHeaderCell({
     align === 'right'
       ? 'text-right'
       : align === 'center'
-      ? 'text-center'
-      : 'text-left'
+        ? 'text-center'
+        : 'text-left'
   const paddingClass = compact ? 'px-2 py-1.5' : 'px-4 py-2'
   const textSizeClass = compact ? 'text-[10px]' : 'text-xs'
   return (
@@ -139,8 +139,8 @@ export function TableCell({
     align === 'right'
       ? 'text-right'
       : align === 'center'
-      ? 'text-center'
-      : 'text-left'
+        ? 'text-center'
+        : 'text-left'
   const paddingClass = compact ? 'px-2 py-2' : 'px-4 py-3'
   return (
     <td
diff --git a/src/routes/$libraryId/$version.docs.contributors.tsx b/src/routes/$libraryId/$version.docs.contributors.tsx
@@ -97,8 +97,8 @@ function RouteComponent() {
                   viewMode === 'compact'
                     ? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4'
                     : viewMode === 'row'
-                    ? 'flex flex-col gap-4'
-                    : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+                      ? 'flex flex-col gap-4'
+                      : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
                 } mb-8 pt-8`}
               >
                 {libraryContributors.map((maintainer, index) => (
diff --git a/src/routes/_libraries/account.tsx b/src/routes/_libraries/account.tsx
@@ -30,7 +30,7 @@ function UserSettings() {
   const user = userQuery.data
   const adsDisabled =
     user && typeof user === 'object' && 'adsDisabled' in user
-      ? user.adsDisabled ?? false
+      ? (user.adsDisabled ?? false)
       : false
   const canDisableAds = capabilities.includes('disableAds')
 
@@ -87,7 +87,7 @@ function UserSettings() {
                   className="border border-gray-300 rounded-md py-1 px-2 w-full max-w-xs"
                   value={
                     user && typeof user === 'object' && 'email' in user
-                      ? user.email ?? ''
+                      ? (user.email ?? '')
                       : ''
                   }
                   disabled
diff --git a/src/routes/_libraries/brand-guide.tsx b/src/routes/_libraries/brand-guide.tsx
@@ -60,8 +60,8 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
         bg === 'dark'
           ? 'bg-black/80 text-white'
           : bg === 'light'
-          ? 'bg-white text-black'
-          : 'bg-gray-500/20',
+            ? 'bg-white text-black'
+            : 'bg-gray-500/20',
       )}
     >
       <div
diff --git a/src/routes/_libraries/maintainers.tsx b/src/routes/_libraries/maintainers.tsx
@@ -360,8 +360,8 @@ function MaintainerGrid({
           viewMode === 'compact'
             ? 'grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-6'
             : viewMode === 'row'
-            ? 'flex flex-col gap-4'
-            : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+              ? 'flex flex-col gap-4'
+              : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
         }`}
       >
         {maintainers.map((maintainer, index) => (
diff --git a/src/routes/_libraries/paid-support.tsx b/src/routes/_libraries/paid-support.tsx
@@ -101,8 +101,8 @@ function PaidSupportComp() {
                 viewMode === 'compact'
                   ? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3'
                   : viewMode === 'row'
-                  ? 'flex flex-col gap-4'
-                  : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+                    ? 'flex flex-col gap-4'
+                    : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
               }`}
             >
               {coreMaintainers.map((maintainer, index) => (
diff --git a/src/routes/_libraries/partners.tsx b/src/routes/_libraries/partners.tsx
@@ -314,15 +314,15 @@ function RouteComp() {
             {isShowingPrevious
               ? 'Previous Partners'
               : isShowingActive
-              ? 'Current Partners'
-              : 'Partners'}
+                ? 'Current Partners'
+                : 'Partners'}
           </h1>
           <p className="text-lg mt-4 text-gray-700 dark:text-gray-300">
             {isShowingPrevious
               ? 'Companies and organizations that have supported TanStack in the past'
               : isShowingActive
-              ? 'Companies and organizations currently supporting TanStack and our open source mission'
-              : 'Companies and organizations supporting TanStack and our open source mission'}
+                ? 'Companies and organizations currently supporting TanStack and our open source mission'
+                : 'Companies and organizations supporting TanStack and our open source mission'}
           </p>
         </header>
 
diff --git a/src/routes/admin/feed.$id.tsx b/src/routes/admin/feed.$id.tsx
@@ -73,7 +73,7 @@ function FeedEditorPage() {
     <div className="min-h-screen p-8">
       <div className="max-w-4xl mx-auto">
         <FeedEntryEditor
-          entry={isNew ? null : entryQuery.data ?? null}
+          entry={isNew ? null : (entryQuery.data ?? null)}
           onSave={() => navigate({ to: '/admin/feed' })}
           onCancel={() => navigate({ to: '/admin/feed' })}
         />
diff --git a/src/routes/stats/npm/index.tsx b/src/routes/stats/npm/index.tsx
@@ -142,10 +142,13 @@ const binningOptions = [
   },
 ] as const
 
-const binningOptionsByType = binningOptions.reduce((acc, option) => {
-  acc[option.value] = option
-  return acc
-}, {} as Record<BinType, (typeof binningOptions)[number]>)
+const binningOptionsByType = binningOptions.reduce(
+  (acc, option) => {
+    acc[option.value] = option
+    return acc
+  },
+  {} as Record<BinType, (typeof binningOptions)[number]>,
+)
 
 type TransformMode = z.infer<typeof transformModeSchema>
 
@@ -696,8 +699,8 @@ function NpmStatsChart({
                 transform === 'normalize-y'
                   ? 'Downloads Growth'
                   : baselinePackage
-                  ? 'Downloads (baseline-adjusted)'
-                  : 'Downloads',
+                    ? 'Downloads (baseline-adjusted)'
+                    : 'Downloads',
               labelOffset: 35,
             },
             grid: true,
diff --git a/src/styles/app.css b/src/styles/app.css
diff --git a/src/utils/markdown/plugins.ts b/src/utils/markdown/plugins.ts
diff --git a/src/utils/sandbox.ts b/src/utils/sandbox.ts
diff --git a/src/utils/stats.functions.ts b/src/utils/stats.functions.ts
diff --git a/src/utils/stats.server.ts b/src/utils/stats.server.ts
