@tanstack/cta-framework-react-cra 0.22.1 → 0.22.2

package/add-ons/mcp/assets/src/mcp-todos.ts

@@ -43,5 +43,9 @@ export function subscribeToTodos(callback: (todos: Todo[]) => void) {
 
 // Notify all subscribers of a user's cart
 function notifySubscribers() {
-  subscribers.forEach((cb) => cb(todos))
+  for (const cb of subscribers) {
+    try {
+      cb(todos)
+    } catch {}
+  }
 }

package/add-ons/mcp/assets/src/routes/api.mcp-todos.ts

@@ -8,9 +8,13 @@ export const Route = createFileRoute('/api/mcp-todos')({
       GET: () => {
         const stream = new ReadableStream({
           start(controller) {
-            setInterval(() => {
-              controller.enqueue(`event: ping\n\n`)
-            }, 1000)
+            function ping() {
+              try {
+                controller.enqueue(`event: ping\n\n`)
+                setTimeout(ping, 1000)
+              } catch {}
+            }
+            ping()
             const unsubscribe = subscribeToTodos((todos) => {
               controller.enqueue(`data: ${JSON.stringify(todos)}\n\n`)
             })

package/add-ons/mcp/assets/src/utils/mcp-handler.ts

@@ -31,8 +31,6 @@ export async function handleMcpRequest(
     await clientTransport.close()
     await serverTransport.close()
 
-    console.log('responseData', JSON.stringify(responseData, null, 2))
-
     return Response.json(responseData, {
       headers: {
         'Content-Type': 'application/json',

package/add-ons/neon/assets/_dot_env.example.append

@@ -1,3 +1,4 @@
 # These will be automatically created by Neon Launchpad (https://neon.new).
-DATABASE_URL=
-DATABASE_URL_POOLER=
+# You will also need to 
+VITE_DATABASE_URL=
+VITE_DATABASE_URL_POOLER=

package/add-ons/neon/assets/src/db.ts

@@ -3,11 +3,11 @@ import { neon } from '@neondatabase/serverless'
 let client: ReturnType<typeof neon>
 
 export async function getClient() {
-  if (!process.env.DATABASE_URL) {
+  if (!process.env.VITE_DATABASE_URL) {
     return undefined
   }
   if (!client) {
-    client = await neon(process.env.DATABASE_URL!)
+    client = await neon(process.env.VITE_DATABASE_URL!)
   }
   return client
 }

package/add-ons/start/assets/vite.config.ts.ejs

@@ -16,7 +16,8 @@ const config = defineConfig({
             type: "sql-script",
             path: "db/init.sql"
           },
-          referrer: 'create-tanstack'
+          referrer: 'create-tanstack',
+          dotEnvKey: 'VITE_DATABASE_URL',
         }),
       <% } %>
       // this is the plugin that enables path aliases

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cta-framework-react-cra",
-  "version": "0.22.1",
+  "version": "0.22.2",
   "description": "CTA Framework for React (Create React App)",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
   "author": "Jack Herrington <jherr@pobox.com>",
   "license": "MIT",
   "dependencies": {
-    "@tanstack/cta-engine": "0.22.1"
+    "@tanstack/cta-engine": "0.22.2"
   },
   "devDependencies": {
     "@types/node": "^22.13.4",