@tanstack/create 0.49.1 → 0.49.3

package/dist/frameworks/react/add-ons/ai/assets/src/routes/demo/api.ai.structured.js

@@ -1,116 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { chat } from '@tanstack/ai';
-import { openaiText } from '@tanstack/ai-openai';
-import { z } from 'zod';
-// Schema for structured recipe output
-const RecipeSchema = z.object({
-    name: z.string().describe('The name of the recipe'),
-    description: z.string().describe('A brief description of the dish'),
-    prepTime: z.string().describe('Preparation time (e.g., "15 minutes")'),
-    cookTime: z.string().describe('Cooking time (e.g., "30 minutes")'),
-    servings: z.number().describe('Number of servings'),
-    difficulty: z.enum(['easy', 'medium', 'hard']).describe('Difficulty level'),
-    ingredients: z
-        .array(z.object({
-        item: z.string().describe('Ingredient name'),
-        amount: z.string().describe('Amount needed (e.g., "2 cups")'),
-        notes: z.string().optional().describe('Optional preparation notes'),
-    }))
-        .describe('List of ingredients'),
-    instructions: z
-        .array(z.string())
-        .describe('Step-by-step cooking instructions'),
-    tips: z.array(z.string()).optional().describe('Optional cooking tips'),
-    nutritionPerServing: z
-        .object({
-        calories: z.number().optional(),
-        protein: z.string().optional(),
-        carbs: z.string().optional(),
-        fat: z.string().optional(),
-    })
-        .optional()
-        .describe('Nutritional information per serving'),
-});
-export const Route = createFileRoute('/demo/api/ai/structured')({
-    server: {
-        handlers: {
-            POST: async ({ request }) => {
-                const body = await request.json();
-                const { recipeName, mode = 'structured' } = body;
-                if (!recipeName || recipeName.trim().length === 0) {
-                    return new Response(JSON.stringify({
-                        error: 'Recipe name is required',
-                    }), {
-                        status: 400,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                try {
-                    if (mode === 'structured') {
-                        // Structured output mode - returns validated object
-                        const result = await chat({
-                            adapter: openaiText('gpt-4o'),
-                            messages: [
-                                {
-                                    role: 'user',
-                                    content: `Generate a complete recipe for: ${recipeName}. Include all ingredients with amounts, step-by-step instructions, prep/cook times, and difficulty level.`,
-                                },
-                            ],
-                            outputSchema: RecipeSchema,
-                        });
-                        return new Response(JSON.stringify({
-                            mode: 'structured',
-                            recipe: result,
-                            provider: 'openai',
-                            model: 'gpt-4o',
-                        }), {
-                            status: 200,
-                            headers: { 'Content-Type': 'application/json' },
-                        });
-                    }
-                    else {
-                        // One-shot markdown mode - returns text
-                        const markdown = await chat({
-                            adapter: openaiText('gpt-4o'),
-                            stream: false,
-                            messages: [
-                                {
-                                    role: 'user',
-                                    content: `Generate a complete recipe for: ${recipeName}.
-
-Format the recipe in beautiful markdown with:
-- A title with the recipe name
-- A brief description
-- Prep time, cook time, and servings
-- Ingredients list with amounts
-- Numbered step-by-step instructions
-- Optional tips section
-- Nutritional info if applicable
-
-Make it detailed and easy to follow.`,
-                                },
-                            ],
-                        });
-                        return new Response(JSON.stringify({
-                            mode: 'oneshot',
-                            markdown,
-                            provider: 'openai',
-                            model: 'gpt-4o',
-                        }), {
-                            status: 200,
-                            headers: { 'Content-Type': 'application/json' },
-                        });
-                    }
-                }
-                catch (error) {
-                    return new Response(JSON.stringify({
-                        error: error.message || 'An error occurred',
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-            },
-        },
-    },
-});

package/dist/frameworks/react/add-ons/ai/assets/src/routes/demo/api.ai.transcription.js

@@ -1,73 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { generateTranscription } from '@tanstack/ai';
-import { openaiTranscription } from '@tanstack/ai-openai';
-export const Route = createFileRoute('/demo/api/ai/transcription')({
-    server: {
-        handlers: {
-            POST: async ({ request }) => {
-                const formData = await request.formData();
-                const audioFile = formData.get('audio');
-                const audioBase64 = formData.get('audioBase64');
-                const model = formData.get('model') || 'whisper-1';
-                const language = formData.get('language');
-                const responseFormat = formData.get('responseFormat');
-                if (!audioFile && !audioBase64) {
-                    return new Response(JSON.stringify({
-                        error: 'Audio file or base64 data is required',
-                    }), {
-                        status: 400,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                if (!process.env.OPENAI_API_KEY) {
-                    return new Response(JSON.stringify({
-                        error: 'OPENAI_API_KEY is not configured',
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                try {
-                    const adapter = openaiTranscription(model);
-                    // Prepare audio data
-                    let audioData;
-                    if (audioFile) {
-                        audioData = audioFile;
-                    }
-                    else if (audioBase64) {
-                        audioData = audioBase64;
-                    }
-                    else {
-                        throw new Error('No audio data provided');
-                    }
-                    const result = await generateTranscription({
-                        adapter,
-                        audio: audioData,
-                        language: language || undefined,
-                        responseFormat: responseFormat || 'verbose_json',
-                    });
-                    return new Response(JSON.stringify({
-                        id: result.id,
-                        model: result.model,
-                        text: result.text,
-                        language: result.language,
-                        duration: result.duration,
-                        segments: result.segments,
-                        words: result.words,
-                    }), {
-                        status: 200,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                catch (error) {
-                    return new Response(JSON.stringify({
-                        error: error.message || 'An error occurred',
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-            },
-        },
-    },
-});

package/dist/frameworks/react/add-ons/ai/assets/src/routes/demo/api.ai.tts.js

@@ -1,58 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { generateSpeech } from '@tanstack/ai';
-import { openaiSpeech } from '@tanstack/ai-openai';
-export const Route = createFileRoute('/demo/api/ai/tts')({
-    server: {
-        handlers: {
-            POST: async ({ request }) => {
-                const body = await request.json();
-                const { text, voice = 'alloy', model = 'tts-1', format = 'mp3', speed = 1.0, } = body;
-                if (!text || text.trim().length === 0) {
-                    return new Response(JSON.stringify({
-                        error: 'Text is required',
-                    }), {
-                        status: 400,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                if (!process.env.OPENAI_API_KEY) {
-                    return new Response(JSON.stringify({
-                        error: 'OPENAI_API_KEY is not configured',
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                try {
-                    const adapter = openaiSpeech(model);
-                    const result = await generateSpeech({
-                        adapter,
-                        text,
-                        voice,
-                        format,
-                        speed,
-                    });
-                    return new Response(JSON.stringify({
-                        id: result.id,
-                        model: result.model,
-                        audio: result.audio,
-                        format: result.format,
-                        contentType: result.contentType,
-                        duration: result.duration,
-                    }), {
-                        status: 200,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-                catch (error) {
-                    return new Response(JSON.stringify({
-                        error: error.message || 'An error occurred',
-                    }), {
-                        status: 500,
-                        headers: { 'Content-Type': 'application/json' },
-                    });
-                }
-            },
-        },
-    },
-});

package/dist/frameworks/react/add-ons/better-auth/assets/src/lib/auth-client.js

@@ -1,2 +0,0 @@
-import { createAuthClient } from 'better-auth/react';
-export const authClient = createAuthClient();

package/dist/frameworks/react/add-ons/better-auth/assets/src/lib/auth.js

@@ -1,8 +0,0 @@
-import { betterAuth } from 'better-auth';
-import { tanstackStartCookies } from 'better-auth/tanstack-start';
-export const auth = betterAuth({
-    emailAndPassword: {
-        enabled: true,
-    },
-    plugins: [tanstackStartCookies()],
-});

package/dist/frameworks/react/add-ons/better-auth/assets/src/routes/api/auth/$.js

@@ -1,10 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { auth } from '@/lib/auth';
-export const Route = createFileRoute('/api/auth/$')({
-    server: {
-        handlers: {
-            GET: ({ request }) => auth.handler(request),
-            POST: ({ request }) => auth.handler(request),
-        },
-    },
-});

package/dist/frameworks/react/add-ons/convex/assets/convex/schema.js

@@ -1,13 +0,0 @@
-import { defineSchema, defineTable } from 'convex/server';
-import { v } from 'convex/values';
-export default defineSchema({
-    products: defineTable({
-        title: v.string(),
-        imageId: v.string(),
-        price: v.number(),
-    }),
-    todos: defineTable({
-        text: v.string(),
-        completed: v.boolean(),
-    }),
-});

package/dist/frameworks/react/add-ons/convex/assets/convex/todos.js

@@ -1,39 +0,0 @@
-import { mutation, query } from './_generated/server';
-import { v } from 'convex/values';
-export const list = query({
-    args: {},
-    handler: async (ctx) => {
-        return await ctx.db
-            .query('todos')
-            .withIndex('by_creation_time')
-            .order('desc')
-            .collect();
-    },
-});
-export const add = mutation({
-    args: { text: v.string() },
-    handler: async (ctx, args) => {
-        return await ctx.db.insert('todos', {
-            text: args.text,
-            completed: false,
-        });
-    },
-});
-export const toggle = mutation({
-    args: { id: v.id('todos') },
-    handler: async (ctx, args) => {
-        const todo = await ctx.db.get(args.id);
-        if (!todo) {
-            throw new Error('Todo not found');
-        }
-        return await ctx.db.patch(args.id, {
-            completed: !todo.completed,
-        });
-    },
-});
-export const remove = mutation({
-    args: { id: v.id('todos') },
-    handler: async (ctx, args) => {
-        return await ctx.db.delete(args.id);
-    },
-});

package/dist/frameworks/react/add-ons/db/assets/src/db-collections/index.js

@@ -1,11 +0,0 @@
-import { createCollection, localOnlyCollectionOptions, } from "@tanstack/react-db";
-import { z } from "zod";
-const MessageSchema = z.object({
-    id: z.number(),
-    text: z.string(),
-    user: z.string(),
-});
-export const messagesCollection = createCollection(localOnlyCollectionOptions({
-    getKey: (message) => message.id,
-    schema: MessageSchema,
-}));

package/dist/frameworks/react/add-ons/db/assets/src/hooks/demo.useChat.js

@@ -1,47 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useLiveQuery } from '@tanstack/react-db';
-import { messagesCollection } from '@/db-collections';
-function useStreamConnection(url, collection) {
-    const loadedRef = useRef(false);
-    useEffect(() => {
-        const fetchData = async () => {
-            if (loadedRef.current)
-                return;
-            loadedRef.current = true;
-            const response = await fetch(url);
-            const reader = response.body?.getReader();
-            if (!reader) {
-                return;
-            }
-            const decoder = new TextDecoder();
-            while (true) {
-                const { done, value } = await reader.read();
-                if (done)
-                    break;
-                for (const chunk of decoder
-                    .decode(value, { stream: true })
-                    .split('\n')
-                    .filter((chunk) => chunk.length > 0)) {
-                    collection.insert(JSON.parse(chunk));
-                }
-            }
-        };
-        fetchData();
-    }, []);
-}
-export function useChat() {
-    useStreamConnection('/demo/db-chat-api', messagesCollection);
-    const sendMessage = (message, user) => {
-        fetch('/demo/db-chat-api', {
-            method: 'POST',
-            body: JSON.stringify({ text: message.trim(), user: user.trim() }),
-        });
-    };
-    return { sendMessage };
-}
-export function useMessages() {
-    const { data: messages } = useLiveQuery((q) => q.from({ message: messagesCollection }).select(({ message }) => ({
-        ...message,
-    })));
-    return messages;
-}

package/dist/frameworks/react/add-ons/db/assets/src/routes/demo/db-chat-api.js

@@ -1,68 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { json } from '@tanstack/react-start';
-import { createCollection, localOnlyCollectionOptions, } from '@tanstack/react-db';
-import { z } from 'zod';
-const IncomingMessageSchema = z.object({
-    user: z.string(),
-    text: z.string(),
-});
-const MessageSchema = IncomingMessageSchema.extend({
-    id: z.number(),
-});
-export const serverMessagesCollection = createCollection(localOnlyCollectionOptions({
-    getKey: (message) => message.id,
-    schema: MessageSchema,
-}));
-let id = 0;
-serverMessagesCollection.insert({
-    id: id++,
-    user: 'Alice',
-    text: 'Hello, how are you?',
-});
-serverMessagesCollection.insert({
-    id: id++,
-    user: 'Bob',
-    text: "I'm fine, thank you!",
-});
-const sendMessage = (message) => {
-    serverMessagesCollection.insert({
-        id: id++,
-        user: message.user,
-        text: message.text,
-    });
-};
-export const Route = createFileRoute('/demo/db-chat-api')({
-    server: {
-        handlers: {
-            GET: () => {
-                const stream = new ReadableStream({
-                    start(controller) {
-                        for (const [_id, message] of serverMessagesCollection.state) {
-                            controller.enqueue(JSON.stringify(message) + '\n');
-                        }
-                        serverMessagesCollection.subscribeChanges((changes) => {
-                            for (const change of changes) {
-                                if (change.type === 'insert') {
-                                    controller.enqueue(JSON.stringify(change.value) + '\n');
-                                }
-                            }
-                        });
-                    },
-                });
-                return new Response(stream, {
-                    headers: {
-                        'Content-Type': 'application/x-ndjson',
-                    },
-                });
-            },
-            POST: async ({ request }) => {
-                const message = IncomingMessageSchema.safeParse(await request.json());
-                if (!message.success) {
-                    return new Response(message.error.message, { status: 400 });
-                }
-                sendMessage(message.data);
-                return json(message.data);
-            },
-        },
-    },
-});

package/dist/frameworks/react/add-ons/form/assets/src/hooks/demo.form-context.js

@@ -1,2 +0,0 @@
-import { createFormHookContexts } from '@tanstack/react-form';
-export const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();

package/dist/frameworks/react/add-ons/form/assets/src/hooks/demo.form.js

@@ -1,15 +0,0 @@
-import { createFormHook } from '@tanstack/react-form';
-import { Select, SubscribeButton, TextArea, TextField, } from '../components/demo.FormComponents';
-import { fieldContext, formContext } from './demo.form-context';
-export const { useAppForm } = createFormHook({
-    fieldComponents: {
-        TextField,
-        Select,
-        TextArea,
-    },
-    formComponents: {
-        SubscribeButton,
-    },
-    fieldContext,
-    formContext,
-});

package/dist/frameworks/react/add-ons/mcp/assets/src/mcp-todos.js

@@ -1,40 +0,0 @@
-import fs from 'node:fs';
-const todosPath = './mcp-todos.json';
-// In-memory todos storage
-const todos = fs.existsSync(todosPath)
-    ? JSON.parse(fs.readFileSync(todosPath, 'utf8'))
-    : [
-        {
-            id: 1,
-            title: 'Buy groceries',
-        },
-    ];
-// Subscription callbacks per userID
-let subscribers = [];
-// Get the todos for a user
-export function getTodos() {
-    return todos;
-}
-// Add an item to the todos
-export function addTodo(title) {
-    todos.push({ id: todos.length + 1, title });
-    fs.writeFileSync(todosPath, JSON.stringify(todos, null, 2));
-    notifySubscribers();
-}
-// Subscribe to cart changes for a user
-export function subscribeToTodos(callback) {
-    subscribers.push(callback);
-    callback(todos);
-    return () => {
-        subscribers = subscribers.filter((cb) => cb !== callback);
-    };
-}
-// Notify all subscribers of a user's cart
-function notifySubscribers() {
-    for (const cb of subscribers) {
-        try {
-            cb(todos);
-        }
-        catch { }
-    }
-}

package/dist/frameworks/react/add-ons/mcp/assets/src/routes/demo/api.mcp-todos.js

@@ -1,36 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router';
-import { addTodo, getTodos, subscribeToTodos } from '@/mcp-todos';
-export const Route = createFileRoute('/api/mcp-todos')({
-    server: {
-        handlers: {
-            GET: () => {
-                const stream = new ReadableStream({
-                    start(controller) {
-                        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`);
-                        });
-                        const todos = getTodos();
-                        controller.enqueue(`data: ${JSON.stringify(todos)}\n\n`);
-                        return () => unsubscribe();
-                    },
-                });
-                return new Response(stream, {
-                    headers: { 'Content-Type': 'text/event-stream' },
-                });
-            },
-            POST: async ({ request }) => {
-                const { title } = await request.json();
-                addTodo(title);
-                return Response.json(getTodos());
-            },
-        },
-    },
-});

package/dist/frameworks/react/add-ons/mcp/assets/src/utils/mcp-handler.js

@@ -1,41 +0,0 @@
-import { InMemoryTransport } from '@modelcontextprotocol/sdk/inMemory.js';
-export async function handleMcpRequest(request, server) {
-    try {
-        const jsonRpcRequest = (await request.json());
-        const [clientTransport, serverTransport] = InMemoryTransport.createLinkedPair();
-        let responseData = null;
-        clientTransport.onmessage = (message) => {
-            responseData = message;
-        };
-        await server.connect(serverTransport);
-        await clientTransport.start();
-        await serverTransport.start();
-        await clientTransport.send(jsonRpcRequest);
-        await new Promise((resolve) => setTimeout(resolve, 10));
-        await clientTransport.close();
-        await serverTransport.close();
-        return Response.json(responseData, {
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        });
-    }
-    catch (error) {
-        console.error('MCP handler error:', error);
-        // Return a JSON-RPC error response
-        return Response.json({
-            jsonrpc: '2.0',
-            error: {
-                code: -32603,
-                message: 'Internal server error',
-                data: error instanceof Error ? error.message : String(error),
-            },
-            id: null,
-        }, {
-            status: 500,
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        });
-    }
-}

package/dist/frameworks/react/add-ons/neon/assets/neon-vite-plugin.js

@@ -1,9 +0,0 @@
-import postgresPlugin from '@neondatabase/vite-plugin-postgres';
-export default postgresPlugin({
-    seed: {
-        type: 'sql-script',
-        path: 'db/init.sql',
-    },
-    referrer: 'create-tanstack',
-    dotEnvKey: 'VITE_DATABASE_URL',
-});

package/dist/frameworks/react/add-ons/neon/assets/src/db.js

@@ -1,11 +0,0 @@
-import { neon } from '@neondatabase/serverless';
-let client;
-export async function getClient() {
-    if (!process.env.VITE_DATABASE_URL) {
-        return undefined;
-    }
-    if (!client) {
-        client = await neon(process.env.VITE_DATABASE_URL);
-    }
-    return client;
-}

package/dist/frameworks/react/add-ons/oRPC/assets/src/orpc/client.js

@@ -1,21 +0,0 @@
-import { createRouterClient } from '@orpc/server';
-import { createORPCClient } from '@orpc/client';
-import { RPCLink } from '@orpc/client/fetch';
-import { createTanstackQueryUtils } from '@orpc/tanstack-query';
-import { getRequestHeaders } from '@tanstack/react-start/server';
-import { createIsomorphicFn } from '@tanstack/react-start';
-import router from '@/orpc/router';
-const getORPCClient = createIsomorphicFn()
-    .server(() => createRouterClient(router, {
-    context: () => ({
-        headers: getRequestHeaders(),
-    }),
-}))
-    .client(() => {
-    const link = new RPCLink({
-        url: `${window.location.origin}/api/rpc`,
-    });
-    return createORPCClient(link);
-});
-export const client = getORPCClient();
-export const orpc = createTanstackQueryUtils(client);

package/dist/frameworks/react/add-ons/oRPC/assets/src/orpc/router/index.js

@@ -1,5 +0,0 @@
-import { addTodo, listTodos } from './todos';
-export default {
-    listTodos,
-    addTodo,
-};

package/dist/frameworks/react/add-ons/oRPC/assets/src/orpc/router/todos.js

@@ -1,17 +0,0 @@
-import { os } from '@orpc/server';
-import * as z from 'zod';
-const todos = [
-    { id: 1, name: 'Get groceries' },
-    { id: 2, name: 'Buy a new phone' },
-    { id: 3, name: 'Finish the project' },
-];
-export const listTodos = os.input(z.object({})).handler(() => {
-    return todos;
-});
-export const addTodo = os
-    .input(z.object({ name: z.string() }))
-    .handler(({ input }) => {
-    const newTodo = { id: todos.length + 1, name: input.name };
-    todos.push(newTodo);
-    return newTodo;
-});