track

import { useAnalytics } from "@repo/analytics"

const { track } = useAnalytics()

"use client"

import { useAnalytics } from "@repo/analytics"

export function SignupButton() {
  const { track } = useAnalytics()

  return (
    <button onClick={() => track("SIGNUP_CLICKED", { source: "hero" })}>
      Get Started
    </button>
  )
}

track("PURCHASE_COMPLETED", {
  amount: 99.99,
  currency: "USD",
  productId: "pro-plan"
})

import { track } from "@repo/analytics/server"

interface TrackableEvent {
  event: string
  userId: string
  anonymousId?: string
  [key: string]: unknown
}

"use server"

import { track } from "@repo/analytics/server"
import { auth } from "@repo/auth/server"

export async function createTeam(name: string) {
  const { user } = await auth()
  
  const team = await db.insert(teams).values({ name }).returning()
  
  await track({
    event: "TEAM_CREATED",
    userId: user.id,
    teamId: team.id,
    teamName: name
  })
  
  return team
}

import { track } from "@repo/analytics/server"

export async function POST(request: Request) {
  const { userId, productId, amount } = await request.json()
  
  await track({
    event: "PURCHASE_COMPLETED",
    userId,
    productId,
    amount
  })
  
  return Response.json({ success: true })
}

await track([
  { event: "TEAM_CREATED", userId: user.id, teamId: team.id },
  { event: "TEAM_JOINED", userId: user.id, teamId: team.id }
])