kaddidlehopper 0.5.0 → 0.6.0

package/examples/ai-chat/assets/src/routes/api.chat.ts

@@ -1,94 +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 { getWeather } from '@/lib/weather-tools'
-
-const SYSTEM_PROMPT = `You are a helpful weather assistant. You can check the weather for any city using the getWeather tool.
-
-CAPABILITIES:
-1. Use getWeather to get the current weather for any city
-
-INSTRUCTIONS:
-- When users ask about weather, use the getWeather tool to get the information
-- Provide friendly, conversational responses about the weather
-- You can give advice based on weather conditions (e.g., "bring an umbrella" if rainy)
-- Keep responses concise but helpful`
-
-export const Route = createFileRoute('/api/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 } = body
-          const data = body.data || {}
-
-          // Determine the best available provider
-          let provider: 'anthropic' | 'openai' | 'gemini' | 'ollama' =
-            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'
-          }
-
-          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: [getWeather],
-            systemPrompts: [SYSTEM_PROMPT],
-            agentLoopStrategy: maxIterations(5),
-            messages,
-            abortController,
-          })
-
-          return toServerSentEventsResponse(stream, { abortController })
-        } catch (error: any) {
-          console.error('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/ai-chat/assets/src/routes/index.tsx

@@ -1,141 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-import { createFileRoute } from '@tanstack/react-router'
-import { Send, Square } from 'lucide-react'
-import { Streamdown } from 'streamdown'
-
-import { useAIChat } from '@/lib/ai-hook'
-import type { ChatMessages } from '@/lib/ai-hook'
-
-function Messages({ messages }: { messages: ChatMessages }) {
-  const messagesContainerRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    if (messagesContainerRef.current) {
-      messagesContainerRef.current.scrollTop =
-        messagesContainerRef.current.scrollHeight
-    }
-  }, [messages])
-
-  if (!messages.length) {
-    return null
-  }
-
-  return (
-    <div
-      ref={messagesContainerRef}
-      className="flex-1 overflow-y-auto pb-4 min-h-0"
-    >
-      <div className="max-w-3xl mx-auto w-full px-4">
-        {messages.map((message) => (
-          <div
-            key={message.id}
-            className={`p-4 ${
-              message.role === 'assistant'
-                ? 'bg-linear-to-r from-orange-500/5 to-red-600/5'
-                : 'bg-transparent'
-            }`}
-          >
-            <div className="flex items-start gap-4 max-w-3xl mx-auto w-full">
-              <div
-                className={`w-8 h-8 rounded-lg flex items-center justify-center text-sm font-medium text-white flex-shrink-0 ${
-                  message.role === 'assistant'
-                    ? 'bg-linear-to-r from-orange-500 to-red-600'
-                    : 'bg-gray-700'
-                }`}
-              >
-                {message.role === 'assistant' ? 'AI' : 'Y'}
-              </div>
-              <div className="flex-1 min-w-0">
-                {message.parts.map((part, index) => {
-                  if (part.type === 'text' && part.content) {
-                    return (
-                      <div
-                        className="flex-1 min-w-0 prose dark:prose-invert max-w-none prose-sm"
-                        key={index}
-                      >
-                        <Streamdown>{part.content}</Streamdown>
-                      </div>
-                    )
-                  }
-                  return null
-                })}
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  )
-}
-
-function Home() {
-  const [input, setInput] = useState('')
-  const { messages, sendMessage, isLoading, stop } = useAIChat()
-
-  return (
-    <div className="relative flex h-[calc(100vh-80px)] bg-gray-900">
-      <div className="flex-1 flex flex-col min-h-0">
-        {messages.length === 0 && (
-          <div className="flex-1 flex items-center justify-center px-4">
-            <div className="text-center max-w-3xl mx-auto w-full">
-              <h1 className="text-4xl font-bold mb-4 text-white">
-                Weather Chat
-              </h1>
-              <p className="text-gray-400 mb-6">
-                Ask me about the weather! Try "What's the weather in Paris?"
-              </p>
-            </div>
-          </div>
-        )}
-        <Messages messages={messages} />
-
-        <div className="sticky bottom-0 left-0 right-0 bg-gray-900/80 backdrop-blur-sm border-t border-orange-500/10 z-10">
-          <div className="max-w-3xl mx-auto w-full px-4 py-3">
-            {isLoading && (
-              <div className="flex items-center justify-center mb-3">
-                <button
-                  onClick={stop}
-                  className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
-                >
-                  <Square className="w-4 h-4 fill-current" />
-                  Stop
-                </button>
-              </div>
-            )}
-            <form
-              onSubmit={(e) => {
-                e.preventDefault()
-                if (input.trim()) {
-                  sendMessage(input)
-                  setInput('')
-                }
-              }}
-            >
-              <div className="relative max-w-xl mx-auto flex items-center gap-2">
-                <input
-                  type="text"
-                  value={input}
-                  onChange={(e) => setInput(e.target.value)}
-                  placeholder="Ask about the weather..."
-                  className="w-full rounded-lg border border-orange-500/20 bg-gray-800/50 px-4 py-3 text-sm text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-orange-500/50"
-                  disabled={isLoading}
-                />
-                <button
-                  type="submit"
-                  disabled={!input.trim() || isLoading}
-                  className="p-3 bg-orange-500 hover:bg-orange-600 disabled:bg-gray-600 text-white rounded-lg transition-colors"
-                >
-                  <Send className="w-4 h-4" />
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export const Route = createFileRoute('/')({
-  component: Home,
-})

package/examples/ai-chat/assets/src/styles.css

@@ -1,165 +0,0 @@
-@import "tailwindcss";
-@import "highlight.js/styles/github-dark.css";
-@source "../../../node_modules/streamdown/dist/*.js";
-
-body {
-  @apply m-0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}
-
-/* Custom scrollbar styles */
-::-webkit-scrollbar {
-  width: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(156, 163, 175, 0.5);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(156, 163, 175, 0.7);
-}
-
-/* Smooth transitions for dark mode */
-html {
-  transition: background-color 0.3s ease;
-}
-
-/* Markdown content styles */
-.prose {
-  max-width: none;
-  color: #e5e7eb;
-}
-
-.prose code {
-  color: #e5e7eb;
-  background-color: rgba(31, 41, 55, 0.5);
-  padding: 0.2em 0.4em;
-  border-radius: 0.375rem;
-  font-size: 0.875em;
-}
-
-.prose pre {
-  background-color: rgba(31, 41, 55, 0.5);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  margin: 1.25em 0;
-  overflow-x: auto;
-}
-
-.prose pre code {
-  background-color: transparent;
-  padding: 0;
-  border-radius: 0;
-  color: inherit;
-}
-
-.prose h1,
-.prose h2,
-.prose h3,
-.prose h4 {
-  color: #f9fafb;
-}
-
-.prose ul,
-.prose ol {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  padding-left: 1.625em;
-}
-
-.prose li {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.prose blockquote {
-  border-left-color: #f97316;
-  background-color: rgba(249, 115, 22, 0.1);
-  padding: 1em;
-  margin: 1.25em 0;
-  border-radius: 0.5rem;
-}
-
-.prose hr {
-  border-color: rgba(249, 115, 22, 0.2);
-  margin: 2em 0;
-}
-
-.prose a {
-  color: #f97316;
-  text-decoration: underline;
-  text-decoration-thickness: 0.1em;
-  text-underline-offset: 0.2em;
-}
-
-.prose a:hover {
-  color: #fb923c;
-}
-
-.prose table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 1.25em 0;
-}
-
-.prose th,
-.prose td {
-  padding: 0.75em;
-  border: 1px solid rgba(249, 115, 22, 0.2);
-}
-
-.prose th {
-  background-color: rgba(249, 115, 22, 0.1);
-  font-weight: 600;
-}
-
-.prose h1 {
-  font-size: 2em;
-  margin-bottom: 0.5em;
-}
-
-.prose h2 {
-  font-size: 1.5em;
-  margin-top: 1em;
-  margin-bottom: 0.5em;
-}
-
-.prose h3 {
-  font-size: 1.25em;
-  margin-top: 1em;
-  margin-bottom: 0.5em;
-}
-
-.prose ul {
-  list-style-type: disc;
-  padding-left: 1.5em;
-}
-
-.prose ol {
-  list-style-type: decimal;
-  padding-left: 1.5em;
-}
-
-.prose strong {
-  color: #f9fafb;
-  font-weight: 600;
-}
-
-.prose em {
-  font-style: italic;
-}

package/examples/ai-chat/info.json

@@ -1,25 +0,0 @@
-{
-  "name": "AI Chat",
-  "description": "A weather chat assistant powered by TanStack AI with multi-provider support for Netlify.",
-  "phase": "example",
-  "modes": ["file-router"],
-  "type": "example",
-  "priority": 10,
-  "link": "",
-  "routes": [
-    {"url": "/", "path": "src/routes/index.tsx", "jsName": "Home"},
-    {"url": "/api/chat", "path": "src/routes/api.chat.ts", "jsName": "ChatAPI"}
-  ],
-  "features": ["tanstack-start", "tanstack-ai"],
-  "integrations": [],
-  "dependsOn": [],
-  "variables": [],
-  "packageFileDescriptions": {
-    "src/styles.css": "Global styles: Tailwind, highlight.js theme, custom scrollbar, prose/markdown styles for chat UI.",
-    "src/lib/weather-tools.ts": "TanStack AI tool definition for getWeather; server implementation returns mock temperature, condition, humidity for a city.",
-    "src/lib/ai-hook.ts": "useAIChat hook: useChat with fetchServerSentEvents connection to /api/chat.",
-    "src/routes/api.chat.ts": "POST handler for /api/chat: multi-provider AI (Anthropic, OpenAI, Gemini, Ollama) with getWeather tool and SSE streaming.",
-    "src/routes/index.tsx": "Home route: Weather Chat UI with messages list, input form, send/stop, Streamdown markdown rendering.",
-    "src/routes/__root.tsx": "Root layout: HTML shell, Weather Chat header, styles, TanStack Devtools."
-  }
-}

package/examples/ai-chat/package.json

@@ -1,14 +0,0 @@
-{
-  "dependencies": {
-    "@tanstack/ai": "0.2.2",
-    "@tanstack/ai-anthropic": "0.2.0",
-    "@tanstack/ai-client": "0.2.2",
-    "@tanstack/ai-gemini": "0.3.2",
-    "@tanstack/ai-ollama": "0.3.0",
-    "@tanstack/ai-openai": "0.3.0",
-    "@tanstack/ai-react": "0.2.2",
-    "highlight.js": "^11.11.1",
-    "streamdown": "^2.1.0",
-    "zod": "^4.3.5"
-  }
-}

package/examples/blog/README.md

@@ -1,60 +0,0 @@
-# Blog Example
-
-A Hawaii adventures travel blog built with TanStack Start and content-collections for Netlify deployment.
-
-## Features
-
-- **Content Collections**: Blog posts managed as markdown files with frontmatter
-- **Category Navigation**: Filter posts by category (Relaxing, Hiking)
-- **Beautiful UI**: Postcard-style blog cards with shadcn/ui components
-- **SSR Ready**: Full server-side rendering with TanStack Start
-
-## Project Structure
-
-```
-├── content/
-│   └── posts/           # Markdown blog posts
-├── src/
-│   ├── components/
-│   │   ├── blog-posts.tsx    # Blog post grid
-│   │   ├── Header.tsx        # Navigation header
-│   │   └── ui/
-│   │       └── card.tsx      # Shadcn card component
-│   ├── lib/
-│   │   └── utils.ts          # Utility functions
-│   └── routes/
-│       ├── __root.tsx        # Root layout
-│       ├── index.tsx         # Home page
-│       ├── posts.$slug.tsx   # Individual post
-│       └── category.$category.tsx  # Category filter
-└── public/
-    └── *.jpg                 # Blog images
-```
-
-## Adding Blog Posts
-
-Create a new markdown file in `content/posts/` with the following frontmatter:
-
-```markdown
----
-date: 2025-03-01
-title: "Your Post Title"
-summary: "A brief summary of your post"
-categories:
-  - Category1
-  - Category2
-image: your-image.jpg
----
-
-Your post content here...
-```
-
-## Development
-
-```bash
-# Start development server
-npm run dev
-
-# Build for production
-npm run build
-```

package/examples/blog/assets/AGENTS.md.append

@@ -1,18 +0,0 @@
-### Content Collections
-
-Markdown files in `content/posts/` are type-safe blog posts:
-
-- Frontmatter validated against Zod schemas in `content-collections.ts`
-- Imported as typed array: `import { allPosts } from 'content-collections'`
-- Each post has: `title`, `summary`, `categories[]`, `slug`, `image`, `date`, `content`
-
-### VacayAssistant AI Integration
-
-**Tools available to AI:**
-- `getCurrentBlogPost` - Get full content and metadata of the current blog post by slug
-- `getAllBlogPosts` - List all posts with titles, summaries, categories
-- `searchBlogPosts` - Search posts by title, summary, or categories
-
-## Environment Variables
-
-For AI: ANTHROPIC_API_KEY, OPENAI_API_KEY, GEMINI_API_KEY, or OLLAMA_BASE_URL (same as ai add-on).

package/examples/blog/assets/content/posts/beach.md

@@ -1,12 +0,0 @@
----
-date: 2025-03-01
-title: "Day At The Beach"
-summary: "Had a great day at the beach in Hawaii"
-categories:
-  - Relaxing
-image: beach.jpg
----
-
-The morning sun painted the ocean in shimmering gold as I paddled out beyond the break, my surfboard gliding smoothly through the crystal-clear Hawaiian waters. The waves were perfect today - clean, consistent sets rolling in with just enough power to make things interesting without being intimidating. After catching several exhilarating rides, each one lasting what felt like an eternity, I found myself grinning from ear to ear, salt water dripping from my hair, and feeling completely in tune with the rhythm of the ocean.
-
-After my surf session, I found the perfect spot on the warm sand to soak in the midday sun. The gentle trade winds carried the sweet scent of plumeria, while palm trees swayed overhead providing occasional patches of shade. I alternated between reading my book, taking refreshing dips in the turquoise water, and simply watching the parade of beach life unfold around me - children building sandcastles, paddleboarders gliding by in the distance, and sea turtles occasionally popping their heads above the surface. It was one of those perfect Hawaiian days that remind you why these islands are called paradise.

package/examples/blog/assets/content/posts/jungle.md.ejs

@@ -1,12 +0,0 @@
-<% if (addOnOption.project?.bareBones) { ignoreFile() } %>---
-date: 2025-03-02
-title: "Hiking The Jungle"
-summary: "Picking our way through the jungle in Hawaii"
-categories:
-  - Hiking
-image: jungle.jpg
----
-
-The ascent through the Hawaiian jungle was a feast for the senses. Massive tree ferns unfurled their prehistoric fronds overhead, creating a living canopy that filtered the morning sunlight into ethereal green beams. The air was thick with humidity and alive with sound – the melodic calls of 'apapane birds echoed through the forest, while the distinctive cry of the 'i'iwi punctuated the constant background chorus of buzzing insects and rustling leaves.
-
-As we picked our way along the narrow trail, each step carefully placed on the rain-slicked earth, the dense jungle gradually began to thin. Through gaps in the vegetation, tantalizing glimpses of the valley below emerged, hinting at the spectacular vista that awaited us at the summit. The sweet scent of wild ginger mingled with the earthy aroma of damp soil, while delicate 'ōhi'a lehua blossoms dotted the path with splashes of crimson, their presence a hopeful sign of the forest's resilience against environmental challenges.

package/examples/blog/assets/content/posts/mountains.md.ejs

@@ -1,12 +0,0 @@
-<% if (addOnOption.project?.bareBones) { ignoreFile() } %>---
-date: 2025-03-02
-title: "Mountain Tops"
-summary: "Ending our hike with mountain views"
-categories:
-  - Hiking
-image: mountains.jpg
----
-
-The day's journey took an unexpected turn when we stumbled upon a hidden waterfall cascading down moss-covered rocks. The thundering sound of water drew us off our planned trail, and we spent a magical hour exploring the crystal-clear pool at its base, watching rainbow-like mist dance in the afternoon sun. What started as a simple jungle trek transformed into an adventure of discovery, with exotic birds calling from the canopy above and vibrant butterflies fluttering between patches of filtered sunlight.
-
-As dusk approached, we finally reached the summit, where jagged peaks pierced through a sea of clouds stretching endlessly toward the horizon. However, our triumph was short-lived as we realized we'd need to navigate the descent in fading light. Armed with only two headlamps between the four of us, we carefully picked our way down the rocky trail, our hearts racing with each uncertain step. The stars emerged one by one above us, and the distant lights of our hotel served as a welcome beacon, guiding us safely back just as true darkness settled over the mountains.

package/examples/blog/assets/content/posts/snorkeling.md.ejs

@@ -1,12 +0,0 @@
-<% if (addOnOption.project?.bareBones) { ignoreFile() } %>---
-date: 2025-03-01
-title: "Snorkeling"
-summary: "Snorkling with the fish in Hawaii"
-categories:
-  - Relaxing
-image: snorkeling.jpg
----
-
-As I glided through the crystal-clear waters off the Hawaiian coast, I found myself immersed in an underwater paradise. The warm Pacific waters, hovering around 80 degrees Fahrenheit, embraced me like a gentle blanket while visibility extended for what seemed like eternity. Each gentle wave brought new wonders into view, with sunlight dancing through the water creating mesmerizing patterns on the sandy ocean floor below.
-
-The vibrant marine life was absolutely breathtaking, with schools of yellow tang darting between clusters of coral and parrotfish methodically grazing on the reef. Brilliant butterfly fish, their distinctive patterns catching the sunlight, swam fearlessly past my mask, while iridescent humuhumunukunukuapua'a (Hawaii's state fish) investigated my presence with curious eyes. In every direction, the coral reefs teemed with life, creating a natural aquarium that made me feel like a privileged guest in this underwater world.

package/examples/blog/assets/content/posts/waterfall.md.ejs

@@ -1,12 +0,0 @@
-<% if (addOnOption.project?.bareBones) { ignoreFile() } %>---
-date: 2025-03-02
-title: "Waterfall Surprise"
-summary: "We weren't expecting this waterfall in Hawaii"
-categories:
-  - Hiking
-image: waterfall.jpg
----
-
-As we made our way through the dense Hawaiian rainforest, the humid air clung to our skin and the chirping of native birds provided a natural symphony to our adventure. The trail had been relatively straightforward, winding through groves of towering bamboo and past ancient lava flows, but nothing prepared us for what lay around the final bend. The sound hit us first - a distant rushing that grew louder with each step, until we emerged into a hidden grotto where a magnificent waterfall cascaded down moss-covered volcanic rocks.
-
-The secluded waterfall, easily sixty feet tall, created its own microclimate of cool mist and swirling breezes. Crystal clear water plunged into a pristine pool below, surrounded by delicate ferns and vibrant tropical flowers that seemed to thrive in this hidden paradise. We hadn't seen this waterfall mentioned in any of our guidebooks or trail maps, which made the discovery even more special. Standing there, with water droplets dancing in the filtered sunlight, we felt like we had stumbled upon one of Hawaii's best-kept secrets.

package/examples/blog/assets/content-collections.ts

@@ -1,30 +0,0 @@
-import { defineCollection, defineConfig } from '@content-collections/core'
-import { z } from 'zod'
-
-const posts = defineCollection({
-  name: 'posts',
-  directory: 'content/posts',
-  include: '**/*.md',
-  schema: z.object({
-    title: z.string(),
-    summary: z.string(),
-    categories: z.array(z.string()),
-    slug: z.string().optional(),
-    image: z.string(),
-    date: z.string(),
-    content: z.string(),
-  }),
-  transform: async (doc) => {
-    return {
-      ...doc,
-      slug: doc.title
-        .toLowerCase()
-        .replace('.md', '')
-        .replace(/[^\w-]+/g, '_'),
-    }
-  },
-})
-
-export default defineConfig({
-  collections: [posts],
-})