Harden partner integrations and directory

Author: tannerlinsley

.agents/analytics.md

@@ -101,9 +101,9 @@ User changed the filter state on the partners directory.
 
 User clicked a "get in touch", "let's chat", or "become a partner" CTA.
 
-| Prop        | Type | Notes                                                      |
-| ----------- | ---- | ---------------------------------------------------------- |
-| `placement` | enum | `partners_index_cta`, `library_callout`, `docs_right_rail` |
+| Prop        | Type | Notes                        |
+| ----------- | ---- | ---------------------------- |
+| `placement` | enum | See `PartnerPlacement` below |
 
 ---
 
@@ -191,6 +191,7 @@ User took an action on the generated result. Single event with `action` prop cov
 | `ecosystem_game`     | 3D ecosystem game islands                                                                                                         |
 | `partners_index_cta` | "Get in touch" mailto on `/partners`                                                                                              |
 | `library_callout`    | "Let's chat" callout per library                                                                                                  |
+| `navbar`             | "Partnership Inquiry" mailto in the Support menu                                                                                  |
 
 ### `BuilderAction`
 

package.json

@@ -61,7 +61,7 @@
     "@tanstack/ai-anthropic": "^0.10.1",
     "@tanstack/ai-client": "^0.11.3",
     "@tanstack/ai-openai": "^0.9.5",
-    "@tanstack/create": "^0.68.4",
+    "@tanstack/create": "^0.69.0",
     "@tanstack/highlight": "^0.0.3",
     "@tanstack/markdown": "^0.0.11",
     "@tanstack/pacer": "^0.21.1",

pnpm-lock.yaml

@@ -21,6 +21,7 @@ type GeneratedTemplateContext = WorkerTemplateContext & {
   projectName: unknown
   typescript: unknown
   tailwind: unknown
+  blank: unknown
   js: unknown
   jsx: unknown
   fileRouter: unknown
@@ -62,6 +63,7 @@ type WorkerAddOnPhase = WorkerAddOnManifest['phase']
 type WorkerAddOnCategory = NonNullable<WorkerAddOnManifest['category']>
 type WorkerAddOnExclusive = NonNullable<WorkerAddOnManifest['exclusive']>[number]
 type WorkerAddOnEnvVar = NonNullable<WorkerAddOnManifest['envVars']>[number]
+type WorkerAddOnPartner = NonNullable<WorkerAddOnManifest['partner']>
 type WorkerAddOnOptions = NonNullable<WorkerAddOnManifest['options']>
 type WorkerAddOnOption = WorkerAddOnOptions[string]
 type WorkerAddOnPackageAdditions = NonNullable<
@@ -71,6 +73,10 @@ type GeneratedStringRecord = Record<string, string | undefined>
 type GeneratedAddOnPackageAdditions = {
   dependencies?: GeneratedStringRecord
   devDependencies?: GeneratedStringRecord
+  engines?: GeneratedStringRecord
+  pnpm?: {
+    onlyBuiltDependencies?: Array<string>
+  }
   scripts?: GeneratedStringRecord
 }
 type GeneratedAddOnEnvVar = Omit<WorkerAddOnEnvVar, 'file'> & {
@@ -79,6 +85,9 @@ type GeneratedAddOnEnvVar = Omit<WorkerAddOnEnvVar, 'file'> & {
 type GeneratedAddOnOption = Omit<WorkerAddOnOption, 'type'> & {
   type: string
 }
+type GeneratedAddOnPartner = Omit<WorkerAddOnPartner, 'tier'> & {
+  tier: string
+}
 type GeneratedAddOnOptions = Record<string, GeneratedAddOnOption | undefined>
 type GeneratedAddOnFields = {
   type: string
@@ -87,6 +96,7 @@ type GeneratedAddOnFields = {
   exclusive?: Array<string>
   envVars?: Array<GeneratedAddOnEnvVar>
   options?: GeneratedAddOnOptions
+  partner?: GeneratedAddOnPartner
 }
 type GeneratedAddOnManifest = Omit<
   WorkerAddOnManifest,
@@ -96,6 +106,7 @@ type GeneratedAddOnManifest = Omit<
   | 'exclusive'
   | 'envVars'
   | 'options'
+  | 'partner'
   | 'packageAdditions'
 > &
   GeneratedAddOnFields & {
@@ -109,6 +120,7 @@ type GeneratedAddOnMetadata = Omit<
   | 'exclusive'
   | 'envVars'
   | 'options'
+  | 'partner'
   | 'packageAdditions'
 > &
   GeneratedAddOnFields & {
@@ -136,6 +148,7 @@ function getGeneratedTemplateContext(
     projectName: context.projectName,
     typescript: context.typescript,
     tailwind: context.tailwind,
+    blank: context.blank,
     js: context.js,
     jsx: context.jsx,
     fileRouter: context.fileRouter,
@@ -238,6 +251,28 @@ function getAddOnExclusive(exclusive: string): WorkerAddOnExclusive {
   }
 }
 
+function getAddOnPartnerTier(tier: string): WorkerAddOnPartner['tier'] {
+  switch (tier) {
+    case 'gold':
+    case 'silver':
+    case 'bronze':
+      return tier
+    default:
+      throw new Error(`Unsupported partner tier: ${tier}`)
+  }
+}
+
+function getAddOnPartner(
+  partner: GeneratedAddOnPartner | undefined,
+): WorkerAddOnManifest['partner'] {
+  if (!partner) return undefined
+
+  return {
+    ...partner,
+    tier: getAddOnPartnerTier(partner.tier),
+  }
+}
+
 function getAddOnEnvFile(file: string | undefined): WorkerAddOnEnvVar['file'] {
   switch (file) {
     case undefined:
@@ -310,6 +345,8 @@ function getPackageAdditions(
   const normalizedPackageAdditions: WorkerAddOnPackageAdditions = {
     dependencies: getStringRecord(packageAdditions.dependencies),
     devDependencies: getStringRecord(packageAdditions.devDependencies),
+    engines: getStringRecord(packageAdditions.engines),
+    pnpm: packageAdditions.pnpm,
     scripts: getStringRecord(packageAdditions.scripts),
   }
 
@@ -327,6 +364,7 @@ function getAddOnMetadata(
     exclusive: addOn.exclusive?.map(getAddOnExclusive),
     envVars: getAddOnEnvVars(addOn.envVars),
     options: getAddOnOptions(addOn.options),
+    partner: getAddOnPartner(addOn.partner),
     packageAdditions: getPackageAdditions(addOn.packageAdditions),
   }
 }
@@ -340,6 +378,7 @@ function getAddOnManifest(addOn: GeneratedAddOnManifest): WorkerAddOnManifest {
     exclusive: addOn.exclusive?.map(getAddOnExclusive),
     envVars: getAddOnEnvVars(addOn.envVars),
     options: getAddOnOptions(addOn.options),
+    partner: getAddOnPartner(addOn.partner),
     packageAdditions: getPackageAdditions(addOn.packageAdditions),
   }
 }
@@ -376,6 +415,12 @@ function loadAddOn(
   }
 }
 
+function defineAddOnLoaders(
+  loaders: Record<string, () => Promise<WorkerAddOnManifestModule>>,
+) {
+  return loaders
+}
+
 const frameworkLoaders: Record<
   string,
   () => Promise<WorkerFrameworkManifestModule>
@@ -388,7 +433,7 @@ const frameworkLoaders: Record<
   ),
 }
 
-const reactAddOnLoaders = {
+const reactAddOnLoaders = defineAddOnLoaders({
   ai: loadAddOn(() =>
     import('@tanstack/create/worker-manifest/frameworks/react/add-ons/ai'),
   ),
@@ -512,9 +557,9 @@ const reactAddOnLoaders = {
   workos: loadAddOn(() =>
     import('@tanstack/create/worker-manifest/frameworks/react/add-ons/workos'),
   ),
-} satisfies Record<string, () => Promise<WorkerAddOnManifestModule>>
+})
 
-const solidAddOnLoaders = {
+const solidAddOnLoaders = defineAddOnLoaders({
   'better-auth': loadAddOn(() =>
     import(
       '@tanstack/create/worker-manifest/frameworks/solid/add-ons/better-auth'
@@ -571,7 +616,7 @@ const solidAddOnLoaders = {
       '@tanstack/create/worker-manifest/frameworks/solid/add-ons/tanstack-query'
     ),
   ),
-} satisfies Record<string, () => Promise<WorkerAddOnManifestModule>>
+})
 
 const addOnLoaders: Record<
   string,

src/builder/api/create-worker.ts

@@ -63,6 +63,11 @@ import { groupToSlug } from '~/components/stack/stack-categories'
 import { getProducts } from '~/utils/shop.functions'
 import { formatMoney, shopifyImageUrl } from '~/utils/shopify-format'
 import type { ProductListItem } from '~/utils/shopify-queries'
+import type { PartnerPlacement } from '~/utils/analytics'
+import {
+  PARTNER_INQUIRY_HREF,
+  trackPartnerInquiry,
+} from '~/utils/partner-inquiry'
 
 type LogoProps = {
   title?: React.ComponentType | null
@@ -112,6 +117,7 @@ type NavMenuKey =
   | 'support'
 
 type NavMenuItem = {
+  analyticsPlacement?: PartnerPlacement
   label: string
   to: string
   hash?: string
@@ -344,8 +350,9 @@ const NAV_GROUPS = [
       title: 'Work with TanStack',
       description: 'Sponsorships, placements, and partner pages.',
       item: {
+        analyticsPlacement: 'navbar',
         label: 'Partnership Inquiry',
-        to: 'mailto:partners@tanstack.com?subject=TanStack Partnership Inquiry',
+        to: PARTNER_INQUIRY_HREF,
         icon: Mail,
       },
     },
@@ -1414,7 +1421,12 @@ function MenuItemLink({
         target={item.to.startsWith('mailto:') ? undefined : '_blank'}
         rel={item.to.startsWith('mailto:') ? undefined : 'noopener noreferrer'}
         className={className}
-        onClick={onNavigate}
+        onClick={() => {
+          onNavigate()
+          if (item.analyticsPlacement) {
+            trackPartnerInquiry(item.analyticsPlacement)
+          }
+        }}
       >
         {content}
       </a>

src/components/Navbar.tsx

@@ -0,0 +1,54 @@
+import type { PartnerDirectoryStatus } from '~/utils/partner-directory'
+
+const partnerStatusOptions: Array<{
+  label: string
+  status: PartnerDirectoryStatus
+}> = [
+  { label: 'Current', status: 'active' },
+  { label: 'Previous', status: 'inactive' },
+]
+
+export function PartnerStatusFilter({
+  selectedStatus,
+  onStatusChange,
+}: {
+  selectedStatus: PartnerDirectoryStatus
+  onStatusChange: (status: PartnerDirectoryStatus) => void
+}) {
+  return (
+    <fieldset className="mb-6">
+      <legend className="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">
+        Partner status
+      </legend>
+      <div className="inline-flex rounded-lg border border-gray-200 bg-white p-1 dark:border-gray-700 dark:bg-gray-800">
+        {partnerStatusOptions.map(({ status, label }) => {
+          const isSelected = selectedStatus === status
+
+          return (
+            <label key={status} className="cursor-pointer">
+              <input
+                type="radio"
+                name="partner-status"
+                value={status}
+                checked={isSelected}
+                onChange={() => onStatusChange(status)}
+                className="peer sr-only"
+              />
+              <span
+                className={`block rounded-md px-3 py-2 text-sm font-medium transition-colors peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500 ${
+                  isSelected
+                    ? status === 'active'
+                      ? 'bg-green-700 text-white'
+                      : 'bg-orange-700 text-white'
+                    : 'text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700'
+                }`}
+              >
+                {label}
+              </span>
+            </label>
+          )
+        })}
+      </div>
+    </fieldset>
+  )
+}

src/components/PartnerStatusFilter.tsx

@@ -1,6 +1,9 @@
 import { HeartHandshake } from 'lucide-react'
 import { Card } from './Card'
-import { trackEvent } from '~/utils/analytics'
+import {
+  PARTNER_INQUIRY_HREF,
+  trackPartnerInquiry,
+} from '~/utils/partner-inquiry'
 
 export function PartnershipCallout() {
   return (
@@ -18,13 +21,9 @@ export function PartnershipCallout() {
           and build useful integrations for the ecosystem.
         </div>
         <a
-          href="mailto:partners@tanstack.com?subject=TanStack Partnership"
+          href={PARTNER_INQUIRY_HREF}
           className="text-blue-500 uppercase font-black text-sm"
-          onClick={() => {
-            trackEvent('partner_inquiry_started', {
-              placement: 'library_callout',
-            })
-          }}
+          onClick={() => trackPartnerInquiry('library_callout')}
         >
           Let's chat
         </a>

src/components/PartnershipCallout.tsx

@@ -19,6 +19,10 @@ import {
   useTrackedImpression,
   type PartnerPlacement,
 } from '~/utils/analytics'
+import {
+  PARTNER_INQUIRY_HREF,
+  trackPartnerInquiry,
+} from '~/utils/partner-inquiry'
 
 type RailPartner = {
   category: Partner['category']
@@ -148,15 +152,9 @@ export function PartnersRail({
           {title}
         </Link>
         <a
-          href="https://docs.google.com/document/d/1Hg2MzY2TU6U3hFEZ3MLe2oEOM3JS4-eByti3kdJU3I8"
-          target="_blank"
-          rel="noopener noreferrer"
+          href={PARTNER_INQUIRY_HREF}
           className="font-medium opacity-60 hover:opacity-100 text-xs hover:underline"
-          onClick={() => {
-            trackEvent('partner_inquiry_started', {
-              placement: analyticsPlacement,
-            })
-          }}
+          onClick={() => trackPartnerInquiry(analyticsPlacement)}
         >
           Become a Partner
         </a>

src/components/RightRail.tsx

@@ -300,12 +300,12 @@ function PartnerDetailPage() {
             <Card>
               <div className="p-6 md:p-8">
                 <h2 className="text-2xl font-black text-gray-950 dark:text-white">
-                  Quick Fit
+                  Partnership History
                 </h2>
                 <div className="mt-5">
                   <div>
                     <h3 className="text-sm font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
-                      Partner Window
+                      Dates
                     </h3>
                     <p className="mt-3 text-base leading-7 text-gray-700 dark:text-gray-300">
                       {partnerWindow}