kaddidlehopper 0.5.0 → 0.6.0

package/examples/events/assets/src/lib/conference-tools.ts

@@ -1,210 +0,0 @@
-import { toolDefinition } from '@tanstack/ai'
-import { z } from 'zod'
-
-import { allSpeakers, allTalks } from 'content-collections'
-
-// Tool definition for getting a speaker by slug
-export const getSpeakerBySlugToolDef = toolDefinition({
-  name: 'getSpeakerBySlug',
-  description:
-    'Get the full profile and bio of a specific speaker. Use this when asked about a particular speaker.',
-  inputSchema: z.object({
-    slug: z.string().describe('The slug of the speaker'),
-  }),
-  outputSchema: z.object({
-    name: z.string(),
-    title: z.string(),
-    specialty: z.string(),
-    restaurant: z.string(),
-    location: z.string(),
-    bio: z.string(),
-    awards: z.array(z.string()),
-  }),
-})
-
-// Server implementation
-export const getSpeakerBySlug = getSpeakerBySlugToolDef.server(({ slug }) => {
-  const speaker = allSpeakers.find((s) => s.slug === slug)
-  if (!speaker) {
-    return {
-      name: 'Speaker not found',
-      title: '',
-      specialty: '',
-      restaurant: '',
-      location: '',
-      bio: 'The requested speaker was not found.',
-      awards: [],
-    }
-  }
-  return {
-    name: speaker.name,
-    title: speaker.title,
-    specialty: speaker.specialty,
-    restaurant: speaker.restaurant,
-    location: speaker.location,
-    bio: speaker.content,
-    awards: speaker.awards || [],
-  }
-})
-
-// Tool definition for getting a talk by slug
-export const getTalkBySlugToolDef = toolDefinition({
-  name: 'getTalkBySlug',
-  description:
-    'Get the full details of a specific session/talk. Use this when asked about a particular session.',
-  inputSchema: z.object({
-    slug: z.string().describe('The slug of the talk'),
-  }),
-  outputSchema: z.object({
-    title: z.string(),
-    speaker: z.string(),
-    duration: z.string(),
-    topics: z.array(z.string()),
-    description: z.string(),
-  }),
-})
-
-// Server implementation
-export const getTalkBySlug = getTalkBySlugToolDef.server(({ slug }) => {
-  const talk = allTalks.find((t) => t.slug === slug)
-  if (!talk) {
-    return {
-      title: 'Session not found',
-      speaker: '',
-      duration: '',
-      topics: [],
-      description: 'The requested session was not found.',
-    }
-  }
-  return {
-    title: talk.title,
-    speaker: talk.speaker,
-    duration: talk.duration,
-    topics: talk.topics,
-    description: talk.content,
-  }
-})
-
-// Tool definition for listing all speakers
-export const getAllSpeakersToolDef = toolDefinition({
-  name: 'getAllSpeakers',
-  description:
-    'Get a list of all speakers at the conference with their names, specialties, and restaurants.',
-  inputSchema: z.object({}),
-  outputSchema: z.array(
-    z.object({
-      slug: z.string(),
-      name: z.string(),
-      specialty: z.string(),
-      restaurant: z.string(),
-      location: z.string(),
-    }),
-  ),
-})
-
-// Server implementation
-export const getAllSpeakers = getAllSpeakersToolDef.server(() => {
-  return allSpeakers.map((speaker) => ({
-    slug: speaker.slug,
-    name: speaker.name,
-    specialty: speaker.specialty,
-    restaurant: speaker.restaurant,
-    location: speaker.location,
-  }))
-})
-
-// Tool definition for listing all talks
-export const getAllTalksToolDef = toolDefinition({
-  name: 'getAllTalks',
-  description:
-    'Get a list of all sessions/talks at the conference with their titles, speakers, and topics.',
-  inputSchema: z.object({}),
-  outputSchema: z.array(
-    z.object({
-      slug: z.string(),
-      title: z.string(),
-      speaker: z.string(),
-      duration: z.string(),
-      topics: z.array(z.string()),
-    }),
-  ),
-})
-
-// Server implementation
-export const getAllTalks = getAllTalksToolDef.server(() => {
-  return allTalks.map((talk) => ({
-    slug: talk.slug,
-    title: talk.title,
-    speaker: talk.speaker,
-    duration: talk.duration,
-    topics: talk.topics,
-  }))
-})
-
-// Tool definition for searching conference content
-export const searchConferenceToolDef = toolDefinition({
-  name: 'searchConference',
-  description:
-    'Search for speakers or sessions by keyword. Use this to find content matching user queries about topics, techniques, or names.',
-  inputSchema: z.object({
-    query: z.string().describe('The search query'),
-  }),
-  outputSchema: z.object({
-    speakers: z.array(
-      z.object({
-        slug: z.string(),
-        name: z.string(),
-        specialty: z.string(),
-        restaurant: z.string(),
-      }),
-    ),
-    talks: z.array(
-      z.object({
-        slug: z.string(),
-        title: z.string(),
-        speaker: z.string(),
-        topics: z.array(z.string()),
-      }),
-    ),
-  }),
-})
-
-// Server implementation
-export const searchConference = searchConferenceToolDef.server(({ query }) => {
-  const queryLower = query.toLowerCase()
-  
-  const matchingSpeakers = allSpeakers
-    .filter(
-      (speaker) =>
-        speaker.name.toLowerCase().includes(queryLower) ||
-        speaker.specialty.toLowerCase().includes(queryLower) ||
-        speaker.restaurant.toLowerCase().includes(queryLower) ||
-        speaker.content.toLowerCase().includes(queryLower),
-    )
-    .map((speaker) => ({
-      slug: speaker.slug,
-      name: speaker.name,
-      specialty: speaker.specialty,
-      restaurant: speaker.restaurant,
-    }))
-
-  const matchingTalks = allTalks
-    .filter(
-      (talk) =>
-        talk.title.toLowerCase().includes(queryLower) ||
-        talk.speaker.toLowerCase().includes(queryLower) ||
-        talk.topics.some((topic) => topic.toLowerCase().includes(queryLower)) ||
-        talk.content.toLowerCase().includes(queryLower),
-    )
-    .map((talk) => ({
-      slug: talk.slug,
-      title: talk.title,
-      speaker: talk.speaker,
-      topics: talk.topics,
-    }))
-
-  return {
-    speakers: matchingSpeakers,
-    talks: matchingTalks,
-  }
-})

package/examples/events/assets/src/lib/model-selection.ts

@@ -1 +0,0 @@
-export type Provider = 'anthropic' | 'openai' | 'gemini' | 'ollama'

package/examples/events/assets/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/examples/events/assets/src/routes/__root.tsx

@@ -1,70 +0,0 @@
-import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
-import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
-import { TanStackDevtools } from '@tanstack/react-devtools'
-
-import Header from '../components/Header'
-
-import appCss from '../styles.css?url'
-
-export const Route = createRootRoute({
-  head: () => ({
-    meta: [
-      {
-        charSet: 'utf-8',
-      },
-      {
-        name: 'viewport',
-        content: 'width=device-width, initial-scale=1',
-      },
-      {
-        title: 'Haute Pâtisserie 2026 | Elite Baking Conference',
-      },
-      {
-        name: 'description',
-        content: 'Join the world\'s most celebrated pastry chefs for three days of masterclasses, demonstrations, and culinary inspiration.',
-      },
-    ],
-    links: [
-      {
-        rel: 'stylesheet',
-        href: appCss,
-      },
-      {
-        rel: 'preconnect',
-        href: 'https://fonts.googleapis.com',
-      },
-      {
-        rel: 'preconnect',
-        href: 'https://fonts.gstatic.com',
-        crossOrigin: 'anonymous',
-      },
-    ],
-  }),
-  shellComponent: RootDocument,
-})
-
-function RootDocument({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en" className="dark">
-      <head>
-        <HeadContent />
-      </head>
-      <body className="bg-background min-h-screen text-foreground">
-        <Header />
-        <main className="mt-32">{children}</main>
-        <TanStackDevtools
-          config={{
-            position: 'bottom-right',
-          }}
-          plugins={[
-            {
-              name: 'Tanstack Router',
-              render: <TanStackRouterDevtoolsPanel />,
-            },
-          ]}
-        />
-        <Scripts />
-      </body>
-    </html>
-  )
-}

package/examples/events/assets/src/routes/api.remy-chat.ts

@@ -1,119 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { chat, maxIterations, toServerSentEventsResponse } from '@tanstack/ai'
-import { anthropicText } from '@tanstack/ai-anthropic'
-import { openaiText } from '@tanstack/ai-openai'
-import { geminiText } from '@tanstack/ai-gemini'
-import { ollamaText } from '@tanstack/ai-ollama'
-
-import {
-  getSpeakerBySlug,
-  getTalkBySlug,
-  getAllSpeakers,
-  getAllTalks,
-  searchConference,
-} from '@/lib/conference-tools'
-import type { Provider } from '@/lib/model-selection'
-
-export const Route = createFileRoute('/api/remy-chat')({
-  server: {
-    handlers: {
-      POST: async ({ request }) => {
-        const requestSignal = request.signal
-
-        if (requestSignal.aborted) {
-          return new Response(null, { status: 499 })
-        }
-
-        const abortController = new AbortController()
-
-        try {
-          const body = await request.json()
-          const { messages, speakerSlug, talkSlug } = body
-          const data = body.data || {}
-
-          const SYSTEM_PROMPT = `You are Remy, a charming and knowledgeable culinary assistant for the Haute Pâtisserie 2026 conference in Paris. You have a warm, enthusiastic personality and deep appreciation for the art of pastry and baking.
-
-PERSONALITY:
-- Speak with warmth and a touch of French flair (occasional "magnifique!", "c'est parfait!", etc.)
-- Be genuinely passionate about pastry, bread, and culinary arts
-- Knowledgeable about techniques, ingredients, and the history of baking
-- Helpful and encouraging to both novices and professionals
-
-CAPABILITIES:
-1. Use getSpeakerBySlug to get detailed information about a specific speaker
-2. Use getTalkBySlug to get detailed information about a specific session
-3. Use getAllSpeakers to see the complete speaker lineup
-4. Use getAllTalks to see all available sessions
-5. Use searchConference to find speakers or sessions matching a topic or keyword
-
-INSTRUCTIONS:
-- When asked about the conference, speakers, or sessions, use your tools to provide accurate information
-- Help attendees find sessions that match their interests
-- Share enthusiasm about the speakers and their expertise
-- If asked about pastry techniques, you can provide general knowledge while recommending relevant sessions
-- Keep responses conversational but informative
-- When recommending sessions, explain why they might be interesting based on the user's query
-
-${speakerSlug ? `CONTEXT: The user is viewing the profile of the speaker with slug "${speakerSlug}".` : ''}
-${talkSlug ? `CONTEXT: The user is viewing the session with slug "${talkSlug}".` : ''}
-
-Remember: You are the friendly face of Haute Pâtisserie 2026. Make every attendee feel welcome and excited about the culinary journey ahead!`
-
-          // Determine the best available provider
-          let provider: Provider = data.provider || 'ollama'
-          let model: string = data.model || 'mistral:7b'
-
-          // Use the first available provider with an API key, fallback to ollama
-          if (process.env.ANTHROPIC_API_KEY) {
-            provider = 'anthropic'
-            model = 'claude-haiku-4-5'
-          } else if (process.env.OPENAI_API_KEY) {
-            provider = 'openai'
-            model = 'gpt-4o'
-          } else if (process.env.GEMINI_API_KEY) {
-            provider = 'gemini'
-            model = 'gemini-2.0-flash-exp'
-          }
-          // else keep ollama as default
-
-          // Adapter factory pattern for multi-vendor support
-          const adapterConfig = {
-            anthropic: () =>
-              anthropicText((model || 'claude-haiku-4-5') as any),
-            openai: () => openaiText((model || 'gpt-4o') as any),
-            gemini: () => geminiText((model || 'gemini-2.0-flash-exp') as any),
-            ollama: () => ollamaText((model || 'mistral:7b') as any),
-          }
-
-          const adapter = adapterConfig[provider]()
-
-          const stream = chat({
-            adapter,
-            tools: [getSpeakerBySlug, getTalkBySlug, getAllSpeakers, getAllTalks, searchConference],
-            systemPrompts: [SYSTEM_PROMPT],
-            agentLoopStrategy: maxIterations(5),
-            messages,
-            abortController,
-          })
-
-          return toServerSentEventsResponse(stream, { abortController })
-        } catch (error: any) {
-          console.error('Remy chat error:', error)
-          if (error.name === 'AbortError' || abortController.signal.aborted) {
-            return new Response(null, { status: 499 })
-          }
-          return new Response(
-            JSON.stringify({
-              error: 'Failed to process chat request',
-              message: error.message,
-            }),
-            {
-              status: 500,
-              headers: { 'Content-Type': 'application/json' },
-            },
-          )
-        }
-      },
-    },
-  },
-})

package/examples/events/assets/src/routes/index.tsx

@@ -1,192 +0,0 @@
-import { createFileRoute, Link } from '@tanstack/react-router'
-import { ArrowRight, Calendar, MapPin, Users } from 'lucide-react'
-
-import { allSpeakers, allTalks } from 'content-collections'
-
-import SpeakerCard from '@/components/SpeakerCard'
-import TalkCard from '@/components/TalkCard'
-import RemyAssistant from '@/components/RemyAssistant'
-import HeroCarousel from '@/components/HeroCarousel'
-
-export const Route = createFileRoute('/')({
-  component: HomePage,
-})
-
-function HomePage() {
-  const featuredSpeakers = allSpeakers.slice(0, 3)
-  const featuredTalks = allTalks.slice(0, 4)
-
-  return (
-    <>
-      <RemyAssistant />
-      
-      {/* Hero Section */}
-      <section className="relative min-h-[90vh] flex items-center justify-center px-6 overflow-hidden">
-        {/* Background carousel */}
-        <HeroCarousel />
-
-        <div className="relative max-w-5xl mx-auto text-center z-10">
-          {/* Event date badge */}
-          <div className="inline-flex items-center gap-2 px-4 py-2 mb-8 rounded-full bg-copper/10 border border-copper/30 text-copper-light text-sm font-medium">
-            <Calendar className="w-4 h-4" />
-            <span>March 15-17, 2026</span>
-            <span className="mx-2 text-copper/40">•</span>
-            <MapPin className="w-4 h-4" />
-            <span>Paris, France</span>
-          </div>
-
-          {/* Main title */}
-          <h1 className="font-display text-6xl md:text-8xl font-bold text-cream mb-6 leading-tight">
-            Haute
-            <span className="block text-gold italic">Pâtisserie</span>
-          </h1>
-
-          <p className="text-xl md:text-2xl text-cream/70 font-body max-w-3xl mx-auto mb-10 leading-relaxed">
-            Join the world's most celebrated pastry chefs and master bakers for three extraordinary days of masterclasses, demonstrations, and culinary inspiration.
-          </p>
-
-          {/* Stats */}
-          <div className="flex flex-wrap justify-center gap-8 mb-12">
-            <div className="text-center">
-              <div className="text-4xl font-display font-bold text-gold">{allSpeakers.length}</div>
-              <div className="text-cream/50 text-sm uppercase tracking-wider">Master Chefs</div>
-            </div>
-            <div className="text-center">
-              <div className="text-4xl font-display font-bold text-gold">{allTalks.length}</div>
-              <div className="text-cream/50 text-sm uppercase tracking-wider">Sessions</div>
-            </div>
-            <div className="text-center">
-              <div className="text-4xl font-display font-bold text-gold">3</div>
-              <div className="text-cream/50 text-sm uppercase tracking-wider">Days</div>
-            </div>
-          </div>
-
-          {/* CTA buttons */}
-          <div className="flex flex-wrap justify-center gap-4">
-            <Link
-              to="/speakers"
-              className="inline-flex items-center gap-2 px-8 py-4 rounded-full bg-gradient-to-r from-copper to-copper-dark text-charcoal font-semibold text-lg transition-all hover:shadow-lg hover:shadow-copper/30 hover:scale-[1.02]"
-            >
-              <Users className="w-5 h-5" />
-              Meet Our Speakers
-            </Link>
-            <Link
-              to="/talks"
-              className="inline-flex items-center gap-2 px-8 py-4 rounded-full border-2 border-gold/50 text-gold font-semibold text-lg transition-all hover:bg-gold/10 hover:border-gold"
-            >
-              View Sessions
-              <ArrowRight className="w-5 h-5" />
-            </Link>
-          </div>
-        </div>
-      </section>
-
-      {/* Featured Speakers Section */}
-      <section className="py-20 px-6">
-        <div className="max-w-7xl mx-auto">
-          <div className="flex items-end justify-between mb-12">
-            <div>
-              <h2 className="font-display text-4xl md:text-5xl font-bold text-cream mb-3">
-                Featured <span className="text-gold italic">Speakers</span>
-              </h2>
-              <p className="text-cream/60 text-lg font-body">
-                Learn from award-winning pastry chefs and master bakers
-              </p>
-            </div>
-            <Link 
-              to="/speakers"
-              className="hidden md:inline-flex items-center gap-2 text-gold hover:text-gold/80 transition-colors font-medium"
-            >
-              View all speakers
-              <ArrowRight className="w-4 h-4" />
-            </Link>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-            {featuredSpeakers.map((speaker) => (
-              <SpeakerCard key={speaker.slug} speaker={speaker} featured />
-            ))}
-          </div>
-
-          <div className="md:hidden mt-8 text-center">
-            <Link 
-              to="/speakers"
-              className="inline-flex items-center gap-2 text-gold hover:text-gold/80 transition-colors font-medium"
-            >
-              View all speakers
-              <ArrowRight className="w-4 h-4" />
-            </Link>
-          </div>
-        </div>
-      </section>
-
-      {/* Divider */}
-      <div className="max-w-7xl mx-auto px-6">
-        <div className="h-px bg-gradient-to-r from-transparent via-border to-transparent" />
-      </div>
-
-      {/* Featured Sessions Section */}
-      <section className="py-20 px-6">
-        <div className="max-w-7xl mx-auto">
-          <div className="flex items-end justify-between mb-12">
-            <div>
-              <h2 className="font-display text-4xl md:text-5xl font-bold text-cream mb-3">
-                Featured <span className="text-gold italic">Sessions</span>
-              </h2>
-              <p className="text-cream/60 text-lg font-body">
-                Masterclasses and demonstrations to elevate your craft
-              </p>
-            </div>
-            <Link 
-              to="/talks"
-              className="hidden md:inline-flex items-center gap-2 text-gold hover:text-gold/80 transition-colors font-medium"
-            >
-              View all sessions
-              <ArrowRight className="w-4 h-4" />
-            </Link>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            {featuredTalks.map((talk) => (
-              <TalkCard key={talk.slug} talk={talk} featured />
-            ))}
-          </div>
-
-          <div className="md:hidden mt-8 text-center">
-            <Link 
-              to="/talks"
-              className="inline-flex items-center gap-2 text-gold hover:text-gold/80 transition-colors font-medium"
-            >
-              View all sessions
-              <ArrowRight className="w-4 h-4" />
-            </Link>
-          </div>
-        </div>
-      </section>
-
-      {/* CTA Section */}
-      <section className="py-20 px-6">
-        <div className="max-w-4xl mx-auto text-center">
-          <div className="relative p-12 rounded-3xl bg-gradient-to-br from-card to-charcoal border border-border/50 overflow-hidden">
-            {/* Decorative elements */}
-            <div className="absolute top-0 right-0 w-64 h-64 bg-copper/5 rounded-full blur-3xl" />
-            <div className="absolute bottom-0 left-0 w-48 h-48 bg-gold/5 rounded-full blur-3xl" />
-            
-            <div className="relative">
-              <h2 className="font-display text-3xl md:text-4xl font-bold text-cream mb-4">
-                Ready to Elevate Your Craft?
-              </h2>
-              <p className="text-cream/60 text-lg font-body mb-8 max-w-2xl mx-auto">
-                Join us in Paris for an unforgettable experience with the world's finest pastry artisans.
-              </p>
-              <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gold/10 border border-gold/30 text-gold text-sm font-medium">
-                <span>🥐</span>
-                <span>Registration opens January 2026</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-    </>
-  )
-}