PostCard

// Your app fetches (auth is yours)
const { data: tweet } = await xClient.tweets
  .findTweetById("1234567890")

// Map to the PostCard schema
const postData = {
  id: `x:${tweet.id}`,
  provider: "x",
  author: { name: tweet.author.name,
    handle: `@${tweet.author.username}` },
  body: tweet.text,
  postedAt: tweet.created_at,
  // ... map remaining fields
}

// Your app fetches (auth is yours)
const post = await ig.get(`/${postId}`, {
  fields: "id,caption,timestamp,..."
})

// Map to the PostCard schema
const postData = {
  id: `instagram:${post.id}`,
  provider: "instagram",
  author: { name: post.username },
  body: post.caption,
  postedAt: post.timestamp,
  // ... map remaining fields
}

import { tool } from "ai"
import { PostCardSchema } from "@/components/taw/post-card"

export const getPost = tool({
  description: "Find a social media post",
  parameters: z.object({
    query: z.string(),
  }),
  outputSchema: PostCardSchema,
  execute: async ({ query }) => {
    const post = await searchPosts(query)
    return {
      id: \`x:\${post.id}\`,
      provider: "x",
      author: { name: post.author.name },
      body: post.text,
      postedAt: post.created_at,
      // ... map remaining fields
    }
  },
})

import { PostCard } from "@/components/taw/post-card"
import type { ToolPart } from "@/components/taw/lib/types"

function ToolOutput({ part }: { part: ToolPart }) {
  // Handles loading, error, and success states
  return <PostCard part={part} />
}

// Map X API v2 fields
const postData = {
  id: `x:${tweet.id}`,
  provider: "x",
  author: { name: tweet.author.name,
    handle: `@${tweet.author.username}`,
    isVerified: tweet.author.verified },
  body: tweet.text,
  postedAt: tweet.created_at,
  metrics: { likes: tweet.public_metrics.like_count },
}

// Map Instagram Graph API fields
const postData = {
  id: `instagram:${post.id}`,
  provider: "instagram",
  author: { name: post.username },
  body: post.caption,
  postedAt: post.timestamp,
  media: post.media_url
    ? [{ type: "image", url: post.media_url }]
    : [],
}