chore: update tanchat

Author: jherr

frameworks/react-cra/examples/tanchat/assets/src/routes/api.demo-chat.ts

@@ -1,4 +1,4 @@
-import { createServerFileRoute } from '@tanstack/react-start/server'
+import { createFileRoute } from '@tanstack/react-router'
 import { anthropic } from '@ai-sdk/anthropic'
 import { convertToModelMessages, stepCountIs, streamText } from 'ai'
 
@@ -12,32 +12,36 @@ You can use the following tools to help the user:
 - recommendGuitar: Recommend a guitar to the user
 `
 
-export const ServerRoute = createServerFileRoute('/api/demo-chat').methods({
-  POST: async ({ request }) => {
-    try {
-      const { messages } = await request.json()
-
-      const tools = await getTools()
-
-      const result = await streamText({
-        model: anthropic('claude-3-5-sonnet-latest'),
-        messages: convertToModelMessages(messages),
-        temperature: 0.7,
-        stopWhen: stepCountIs(5),
-        system: SYSTEM_PROMPT,
-        tools,
-      })
-
-      return result.toUIMessageStreamResponse()
-    } catch (error) {
-      console.error('Chat API error:', error)
-      return new Response(
-        JSON.stringify({ error: 'Failed to process chat request' }),
-        {
-          status: 500,
-          headers: { 'Content-Type': 'application/json' },
-        },
-      )
-    }
+export const Route = createFileRoute('/api/demo-chat')({
+  server: {
+    handlers: {
+      POST: async ({ request }) => {
+        try {
+          const { messages } = await request.json()
+
+          const tools = await getTools()
+
+          const result = await streamText({
+            model: anthropic('claude-3-5-sonnet-latest'),
+            messages: convertToModelMessages(messages),
+            temperature: 0.7,
+            stopWhen: stepCountIs(5),
+            system: SYSTEM_PROMPT,
+            tools,
+          })
+
+          return result.toUIMessageStreamResponse()
+        } catch (error) {
+          console.error('Chat API error:', error)
+          return new Response(
+            JSON.stringify({ error: 'Failed to process chat request' }),
+            {
+              status: 500,
+              headers: { 'Content-Type': 'application/json' },
+            },
+          )
+        }
+      },
+    },
   },
 })

frameworks/react-cra/examples/tanchat/assets/src/routes/api.messages.ts

@@ -1,21 +1,26 @@
 import { transports } from '@/utils/demo.sse'
+import { createFileRoute } from '@tanstack/react-router'
 
-export const ServerRoute = createServerFileRoute('/api/messages').methods({
-  // @ts-ignore
-  POST: async ({ request }) => {
-    const body = await request.json()
-    const url = new URL(request.url)
-    const sessionId = url.searchParams.get('sessionId') as string
-    const transport = transports[sessionId]
-    if (transport) {
-      try {
-        await transport.handleMessage(body)
-        return new Response(null, { status: 200 })
-      } catch (error) {
-        return new Response(null, { status: 500 })
-      }
-    } else {
-      return new Response(null, { status: 404 })
-    }
+export const Route = createFileRoute('/api/messages')({
+  server: {
+    handlers: {
+      // @ts-ignore
+      POST: async ({ request }) => {
+        const body = await request.json()
+        const url = new URL(request.url)
+        const sessionId = url.searchParams.get('sessionId') as string
+        const transport = transports[sessionId]
+        if (transport) {
+          try {
+            await transport.handleMessage(body)
+            return new Response(null, { status: 200 })
+          } catch (error) {
+            return new Response(null, { status: 500 })
+          }
+        } else {
+          return new Response(null, { status: 404 })
+        }
+      },
+    },
   },
 })

frameworks/react-cra/examples/tanchat/assets/src/routes/api.sse.ts

@@ -1,40 +1,44 @@
 import { SSEServerTransport } from '@modelcontextprotocol/sdk/server/sse.js'
-
+import { createFileRoute } from '@tanstack/react-router'
 import { transports, server } from '@/utils/demo.sse'
 
-export const ServerRoute = createServerFileRoute('/api/sse').methods({
-  // @ts-ignore
-  GET: async ({}) => {
-    let body = ''
-    let headers: Record<string, string> = {}
-    let statusCode = 200
-    const resp = {
-      on: (event: string, callback: () => void) => {
-        if (event === 'close') {
-          callback()
+export const Route = createFileRoute('/api/sse')({
+  server: {
+    handlers: {
+      // @ts-ignore
+      GET: async ({}) => {
+        let body = ''
+        let headers: Record<string, string> = {}
+        let statusCode = 200
+        const resp = {
+          on: (event: string, callback: () => void) => {
+            if (event === 'close') {
+              callback()
+            }
+          },
+          writeHead: (statusCode: number, headers: Record<string, string>) => {
+            headers = headers
+            statusCode = statusCode
+          },
+          write: (data: string) => {
+            body += data + '\n'
+          },
         }
+        const transport = new SSEServerTransport('/api/messages', resp as any)
+        transports[transport.sessionId] = transport
+        transport.onerror = (error) => {
+          console.error(error)
+        }
+        resp.on('close', () => {
+          delete transports[transport.sessionId]
+        })
+        await server.connect(transport)
+        const response = new Response(body, {
+          status: statusCode,
+          headers: headers,
+        })
+        return response
       },
-      writeHead: (statusCode: number, headers: Record<string, string>) => {
-        headers = headers
-        statusCode = statusCode
-      },
-      write: (data: string) => {
-        body += data + '\n'
-      },
-    }
-    const transport = new SSEServerTransport('/api/messages', resp as any)
-    transports[transport.sessionId] = transport
-    transport.onerror = (error) => {
-      console.error(error)
-    }
-    resp.on('close', () => {
-      delete transports[transport.sessionId]
-    })
-    await server.connect(transport)
-    const response = new Response(body, {
-      status: statusCode,
-      headers: headers,
-    })
-    return response
+    },
   },
 })

packages/cta-engine/src/create-app.ts

@@ -234,7 +234,7 @@ Use the following commands to start your app:
       getPackageManagerScriptCommand(options.packageManager, ['dev']),
     )}
 
-Please read the README.md for information on testing, styling, adding routes, etc.${errorStatement}`,
+Please check the README.md for information on testing, styling, adding routes, etc.${errorStatement}`,
   )
 }