TanStack AI

pnpm add @raindrop-ai/tanstack-ai @tanstack/ai @tanstack/ai-openai

import { createRaindropTanstackAI } from "@raindrop-ai/tanstack-ai";
import { chat } from "@tanstack/ai";
import { openaiText } from "@tanstack/ai-openai/adapters";

const raindrop = createRaindropTanstackAI({
  writeKey: process.env.RAINDROP_WRITE_KEY,
  endpoint: "https://api.raindrop.ai/v1",
  events: { enabled: true },
  traces: { enabled: true },
  defaults: {
    userId: "user-123",
    eventName: "support_chat",
  },
});

for await (const chunk of chat({
  adapter: openaiText(),
  model: "gpt-4o-mini",
  messages: [{ role: "user", content: "Hello!" }],
  threadId: "convo-abc",
  middleware: [raindrop.middleware],
  context: {
    userId: "user-123",
    convoId: "convo-abc",
    eventName: "support_chat",
    eventId: "evt_123",
  },
})) {
  void chunk;
}

await raindrop.flush();

chat({
  ...
  context: {
    userId: "user-123",
    convoId: "convo-abc",
    eventName: "support_chat",
    eventId: "evt_123", // or event_id
    properties: { source: "docs" },
  },
});