docs: refresh public API examples

Author: leo-paz

docs/tracking/browser/astro.mdx

@@ -339,21 +339,23 @@ import type { APIRoute } from 'astro'
 import { Outlit } from '@outlit/node'
 
 const outlit = new Outlit({
-  privateKey: import.meta.env.OUTLIT_PRIVATE_KEY
+  publicKey: import.meta.env.OUTLIT_KEY
 })
 
 export const POST: APIRoute = async ({ request }) => {
   const body = await request.json()
 
-  await outlit.track({
-    visitorId: body.userId,
-    event: 'checkout_completed',
+  outlit.track({
+    userId: body.userId,
+    eventName: 'checkout_completed',
     properties: {
       amount: body.amount,
       plan: body.plan
     }
   })
 
+  await outlit.flush()
+
   return new Response(JSON.stringify({ success: true }), {
     status: 200,
     headers: { 'Content-Type': 'application/json' }
@@ -518,12 +520,12 @@ Configure environment variables:
 # Public key (used in browser)
 PUBLIC_OUTLIT_KEY=pk_your_public_key_here
 
-# Private key (used in API routes)
-OUTLIT_PRIVATE_KEY=sk_your_private_key_here
+# Server key (used in API routes)
+OUTLIT_KEY=pk_your_public_key_here
 ```
 
 <Warning>
-  Never expose your private key in client-side code. Only use it in API routes.
+  Keep server environment variables out of client-side code. Only use `OUTLIT_KEY` in API routes.
 </Warning>
 
 ## TypeScript Support

docs/tracking/browser/nextjs.mdx

@@ -363,18 +363,20 @@ Track events from server actions:
 import { Outlit } from '@outlit/node'
 
 const outlit = new Outlit({
-  privateKey: process.env.OUTLIT_PRIVATE_KEY!
+  publicKey: process.env.OUTLIT_KEY!
 })
 
 export async function trackServerEvent(userId: string) {
-  await outlit.track({
-    visitorId: userId,
-    event: 'server_action_completed',
+  outlit.track({
+    userId,
+    eventName: 'server_action_completed',
     properties: {
       action: 'data_export',
       timestamp: new Date().toISOString()
     }
   })
+
+  await outlit.flush()
 }
 ```
 
@@ -392,18 +394,20 @@ import { NextResponse } from 'next/server'
 import { Outlit } from '@outlit/node'
 
 const outlit = new Outlit({
-  privateKey: process.env.OUTLIT_PRIVATE_KEY!
+  publicKey: process.env.OUTLIT_KEY!
 })
 
 export async function POST(request: Request) {
   const { userId, amount } = await request.json()
 
-  await outlit.track({
-    visitorId: userId,
-    event: 'checkout_completed',
+  outlit.track({
+    userId,
+    eventName: 'checkout_completed',
     properties: { amount }
   })
 
+  await outlit.flush()
+
   return NextResponse.json({ success: true })
 }
 ```
@@ -437,12 +441,12 @@ Set up your environment variables:
 # Public key (used in browser)
 NEXT_PUBLIC_OUTLIT_KEY=pk_your_public_key_here
 
-# Private key (used in server actions/API routes)
-OUTLIT_PRIVATE_KEY=sk_your_private_key_here
+# Server key (used in server actions/API routes)
+OUTLIT_KEY=pk_your_public_key_here
 ```
 
 <Warning>
-  Never expose your private key in client-side code. Only use it in server components, API routes, or server actions.
+  Keep server environment variables out of client-side code. Only use `OUTLIT_KEY` in server components, API routes, or server actions.
 </Warning>
 
 ## TypeScript Support

docs/tracking/browser/nuxt.mdx

@@ -297,21 +297,23 @@ Track events from server API routes:
 import { Outlit } from '@outlit/node'
 
 const outlit = new Outlit({
-  privateKey: process.env.OUTLIT_PRIVATE_KEY!
+  publicKey: process.env.OUTLIT_KEY!
 })
 
 export default defineEventHandler(async (event) => {
   const body = await readBody(event)
 
-  await outlit.track({
-    visitorId: body.userId,
-    event: 'checkout_completed',
+  outlit.track({
+    userId: body.userId,
+    eventName: 'checkout_completed',
     properties: {
       amount: body.amount,
       plan: body.plan
     }
   })
 
+  await outlit.flush()
+
   return { success: true }
 })
 ```
@@ -405,12 +407,12 @@ Configure environment variables:
 # Public key (used in browser)
 NUXT_PUBLIC_OUTLIT_KEY=pk_your_public_key_here
 
-# Private key (used in server API routes)
-OUTLIT_PRIVATE_KEY=sk_your_private_key_here
+# Server key (used in server API routes)
+OUTLIT_KEY=pk_your_public_key_here
 ```
 
 <Warning>
-  Never expose your private key in client-side code. Only use it in server API routes.
+  Keep server environment variables out of client-side code. Only use `OUTLIT_KEY` in server API routes.
 </Warning>
 
 ## TypeScript Support

docs/tracking/browser/react.mdx

@@ -493,7 +493,7 @@ function MyComponent() {
 </ParamField>
 
 <ParamField path="customer" type="object">
-  Customer billing methods namespace. Requires `customerId` or `stripeCustomerId`; public calls should use `customerId`:
+  Customer billing methods namespace. Use `customerId` for public billing calls:
   - `customer.trialing(options)` - Mark account as trialing
   - `customer.paid(options)` - Mark account as paid
   - `customer.churned(options)` - Mark account as churned

docs/tracking/browser/sveltekit.mdx

@@ -190,7 +190,8 @@ export const load: PageLoad = async ({ params, fetch }) => {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({
-      event: 'product_viewed',
+      eventName: 'product_viewed',
+      userId: 'usr_123',
       properties: { productId: params.id }
     })
   })
@@ -208,21 +209,25 @@ Track events from API routes:
 import { json } from '@sveltejs/kit'
 import type { RequestHandler } from './$types'
 import { Outlit } from '@outlit/node'
-import { OUTLIT_PRIVATE_KEY } from '$env/static/private'
+import { OUTLIT_KEY } from '$env/static/private'
 
 const outlit = new Outlit({
-  privateKey: OUTLIT_PRIVATE_KEY
+  publicKey: OUTLIT_KEY
 })
 
 export const POST: RequestHandler = async ({ request }) => {
-  const { event, properties, visitorId } = await request.json()
+  const { eventName, properties, userId, email, customerId } = await request.json()
 
-  await outlit.track({
-    visitorId,
-    event,
+  outlit.track({
+    eventName,
+    userId,
+    email,
+    customerId,
     properties
   })
 
+  await outlit.flush()
+
   return json({ success: true })
 }
 ```
@@ -412,12 +417,12 @@ Configure environment variables:
 # Public key (used in browser)
 PUBLIC_OUTLIT_KEY=pk_your_public_key_here
 
-# Private key (used in server API routes)
-OUTLIT_PRIVATE_KEY=sk_your_private_key_here
+# Server key (used in server API routes)
+OUTLIT_KEY=pk_your_public_key_here
 ```
 
 <Warning>
-  Never expose your private key in client-side code. Only use it in server-side API routes.
+  Keep server environment variables out of client-side code. Only use `OUTLIT_KEY` in server-side API routes.
 </Warning>
 
 ## TypeScript Support

docs/tracking/browser/vue.mdx

@@ -325,7 +325,7 @@ const visitorId = getVisitorId()
 </ParamField>
 
 <ParamField path="customer" type="object">
-  Customer billing methods namespace. Requires `customerId` or `stripeCustomerId`; public calls should use `customerId`:
+  Customer billing methods namespace. Use `customerId` for public billing calls:
   - `customer.trialing(options)` - Mark account as trialing
   - `customer.paid(options)` - Mark account as paid
   - `customer.churned(options)` - Mark account as churned