@tanstack/create 0.49.3 → 0.60.0

package/dist/add-ons.js

@@ -15,16 +15,23 @@ export async function finalizeAddOns(framework, mode, chosenAddOnIDs) {
     const addOns = getAllAddOns(framework, mode);
     for (const addOnID of finalAddOnIDs) {
         let addOn;
-        const localAddOn = addOns.find((a) => a.id === addOnID);
+        const localAddOn = addOns.find((a) => a.id === addOnID) ??
+            addOns.find((a) => a.id.toLowerCase() === addOnID.toLowerCase());
         if (localAddOn) {
             addOn = loadAddOn(localAddOn);
+            if (localAddOn.id !== addOnID) {
+                // Replace the mistyped ID with the canonical one
+                finalAddOnIDs.delete(addOnID);
+                finalAddOnIDs.add(localAddOn.id);
+            }
         }
         else if (addOnID.startsWith('http')) {
             addOn = await loadRemoteAddOn(addOnID);
             addOns.push(addOn);
         }
         else {
-            throw new Error(`Add-on ${addOnID} not found`);
+            const suggestion = findClosestAddOn(addOnID, addOns);
+            throw new Error(`Add-on ${addOnID} not found${suggestion ? `. Did you mean "${suggestion}"?` : ''}`);
         }
         for (const dependsOn of addOn.dependsOn || []) {
             const dep = addOns.find((a) => a.id === dependsOn);
@@ -40,6 +47,39 @@ export async function finalizeAddOns(framework, mode, chosenAddOnIDs) {
 function loadAddOn(addOn) {
     return addOn;
 }
+function findClosestAddOn(input, addOns) {
+    const inputLower = input.toLowerCase();
+    let bestMatch;
+    let bestDistance = Infinity;
+    for (const addOn of addOns) {
+        const d = levenshtein(inputLower, addOn.id.toLowerCase());
+        if (d < bestDistance) {
+            bestDistance = d;
+            bestMatch = addOn.id;
+        }
+    }
+    // Only suggest if the distance is reasonable (less than half the input length)
+    if (bestMatch && bestDistance <= Math.max(Math.floor(input.length / 2), 2)) {
+        return bestMatch;
+    }
+    return undefined;
+}
+function levenshtein(a, b) {
+    const m = a.length;
+    const n = b.length;
+    let prev = Array.from({ length: n + 1 }, (_, j) => j);
+    for (let i = 1; i <= m; i++) {
+        const curr = [i];
+        for (let j = 1; j <= n; j++) {
+            curr[j] =
+                a[i - 1] === b[j - 1]
+                    ? prev[j - 1]
+                    : 1 + Math.min(prev[j], curr[j - 1], prev[j - 1]);
+        }
+        prev = curr;
+    }
+    return prev[n];
+}
 export function populateAddOnOptionsDefaults(chosenAddOns) {
     const addOnOptions = {};
     for (const addOn of chosenAddOns) {

package/dist/add-to-app.js

@@ -45,13 +45,41 @@ export async function getCurrentConfiguration(environment, cwd) {
     return persistedOptions;
 }
 export async function writeFiles(environment, cwd, output, forced) {
+    const toRelativePath = (filePath) => {
+        const normalizedFilePath = filePath.replace(/\\/g, '/');
+        const normalizedCwd = cwd.replace(/\\/g, '/');
+        const cwdWithoutDrive = normalizedCwd.replace(/^[a-zA-Z]:/, '');
+        const cwdWithoutDriveNoLeading = cwdWithoutDrive.replace(/^\/+/, '');
+        if (normalizedFilePath === normalizedCwd) {
+            return '';
+        }
+        if (normalizedFilePath.startsWith(`${normalizedCwd}/`)) {
+            return normalizedFilePath.slice(normalizedCwd.length + 1);
+        }
+        if (normalizedFilePath === cwdWithoutDrive) {
+            return '';
+        }
+        if (normalizedFilePath.startsWith(`${cwdWithoutDrive}/`)) {
+            return normalizedFilePath.slice(cwdWithoutDrive.length + 1);
+        }
+        if (normalizedFilePath === cwdWithoutDriveNoLeading) {
+            return '';
+        }
+        if (normalizedFilePath.startsWith(`${cwdWithoutDriveNoLeading}/`)) {
+            return normalizedFilePath.slice(cwdWithoutDriveNoLeading.length + 1);
+        }
+        return normalizedFilePath.replace(/^\/+/, '');
+    };
+    const relativeOutputFiles = Object.keys(output.files).reduce((acc, filePath) => {
+        acc[toRelativePath(filePath)] = output.files[filePath];
+        return acc;
+    }, {});
     const currentFiles = await recursivelyGatherFilesFromEnvironment(environment, cwd, false);
     const overwrittenFiles = [];
     const changedFiles = [];
-    for (const file of Object.keys(output.files)) {
-        const relativeFile = file.replace(cwd, '');
+    for (const relativeFile of Object.keys(relativeOutputFiles)) {
         if (currentFiles[relativeFile]) {
-            if (currentFiles[relativeFile] !== output.files[file]) {
+            if (currentFiles[relativeFile] !== relativeOutputFiles[relativeFile]) {
                 overwrittenFiles.push(relativeFile);
             }
         }
@@ -66,9 +94,10 @@ export async function writeFiles(environment, cwd, output, forced) {
             throw new Error('User cancelled');
         }
     }
-    for (const file of output.deletedFiles) {
-        if (environment.exists(resolve(cwd, file))) {
-            await environment.deleteFile(resolve(cwd, file));
+    for (const filePath of output.deletedFiles) {
+        const relativeFilePath = toRelativePath(filePath);
+        if (environment.exists(resolve(cwd, relativeFilePath))) {
+            await environment.deleteFile(resolve(cwd, relativeFilePath));
         }
     }
     environment.startStep({
@@ -78,7 +107,7 @@ export async function writeFiles(environment, cwd, output, forced) {
     });
     for (const file of [...changedFiles, ...overwrittenFiles]) {
         const fName = basename(file);
-        const contents = output.files[file];
+        const contents = relativeOutputFiles[file];
         if (fName === 'package.json') {
             const currentJson = JSON.parse(await environment.readFile(resolve(cwd, file)));
             const newJSON = mergePackageJSON(currentJson, JSON.parse(contents));

package/dist/custom-add-ons/add-on.js

@@ -25,7 +25,7 @@ export function camelCase(str) {
 export function templatize(routeCode, routeFile) {
     let code = routeCode;
     // Replace the import
-    code = code.replace(/import { createFileRoute } from ['"]@tanstack\/react-router['"]/g, `import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'`);
+    code = code.replace(/import { createFileRoute } from ['"]@tanstack\/react-router['"]/g, `import { createFileRoute } from '@tanstack/react-router'`);
     // Extract route path and definition, then transform the route declaration
     const routeMatch = code.match(/export\s+const\s+Route\s*=\s*createFileRoute\(['"]([^'"]+)['"]\)\s*\(\{([^}]+)\}\)/);
     let path = '';
@@ -33,21 +33,7 @@ export function templatize(routeCode, routeFile) {
         const fullMatch = routeMatch[0];
         path = routeMatch[1];
         const routeDefinition = routeMatch[2];
-        code = code.replace(fullMatch, `<% if (codeRouter) { %>
-import type { RootRoute } from '@tanstack/react-router'
-import tailwind from '@tailwindcss/vite';
-<% } else { %>
-export const Route = createFileRoute('${path}')({${routeDefinition}})
-<% } %>`);
-        code += `
-<% if (codeRouter) { %>
-export default (parentRoute: RootRoute) => createRoute({
-  path: '${path}',
-  ${routeDefinition}
-  getParentRoute: () => parentRoute,
-})
-<% } %>
-`;
+        code = code.replace(fullMatch, `export const Route = createFileRoute('${path}')({${routeDefinition}})`);
     }
     else {
         console.error(`No route found in the file: ${routeFile}`);
@@ -66,14 +52,6 @@ export async function validateAddOnSetup(environment) {
         environment.error('This project is using code-router mode.', 'To create an add-on, the project must not use code-router mode.');
         process.exit(1);
     }
-    if (!options.tailwind) {
-        environment.error('This project is not using Tailwind CSS.', 'To create an add-on, the project must be created with Tailwind CSS.');
-        process.exit(1);
-    }
-    if (!options.typescript) {
-        environment.error('This project is not using TypeScript.', 'To create an add-on, the project must be created with TypeScript.');
-        process.exit(1);
-    }
 }
 export async function readOrGenerateAddOnInfo(options) {
     const info = existsSync(INFO_FILE)
@@ -84,7 +62,6 @@ export async function readOrGenerateAddOnInfo(options) {
             version: '0.0.1',
             description: 'Add-on',
             author: 'Jane Smith <jane.smith@example.com>',
-            tailwind: options.tailwind || true,
             license: 'MIT',
             link: `https://github.com/jane-smith/${options.projectName}-add-on`,
             shadcnComponents: [],
@@ -101,7 +78,6 @@ export async function readOrGenerateAddOnInfo(options) {
             },
             dependsOn: options.chosenAddOns,
         };
-    info.tailwind = options.tailwind || true;
     return info;
 }
 export async function generateProject(persistedOptions) {

package/dist/custom-add-ons/starter.js

@@ -29,8 +29,7 @@ export async function readOrGenerateStarterInfo(options) {
                 devDependencies: {},
             },
             dependsOn: options.chosenAddOns,
-            typescript: options.typescript,
-            tailwind: options.tailwind,
+            typescript: true,
         };
 }
 async function loadCurrentStarterInfo(environment) {

package/dist/file-helpers.js

@@ -29,24 +29,25 @@ export function getBinaryFile(content) {
     return null;
 }
 /**
- * Convert an absolute path to a clean relative path by removing a base directory.
  * Returns a path without leading ./ or / prefix.
  */
 export function toCleanPath(absolutePath, baseDir) {
-    let cleanPath = absolutePath.replace(baseDir, '');
-    // Handle both Unix (/) and Windows (\) path separators
-    if (cleanPath.startsWith('/') || cleanPath.startsWith('\\')) {
+    // Normalize both paths to use forward slashes for consistent comparison
+    const normalizedPath = absolutePath.replace(/\\/g, '/');
+    const normalizedBase = baseDir.replace(/\\/g, '/');
+    let cleanPath = normalizedPath.replace(normalizedBase, '');
+    // Handle leading path separator
+    if (cleanPath.startsWith('/')) {
         cleanPath = cleanPath.slice(1);
     }
     return cleanPath;
 }
 export function relativePath(from, to, stripExtension = false) {
-    const fixedOnWindows = from.startsWith('.\\')
-        ? from.replace(/\\/g, '/')
-        : from;
-    const cleanedFrom = fixedOnWindows.startsWith('./')
-        ? fixedOnWindows.slice(2)
-        : from;
+    // Always normalize backslashes to forward slashes for Windows compatibility
+    const normalized = from.replace(/\\/g, '/');
+    const cleanedFrom = normalized.startsWith('./')
+        ? normalized.slice(2)
+        : normalized;
     const cleanedTo = to.startsWith('./') ? to.slice(2) : to;
     const fromSegments = cleanedFrom.split('/');
     const toSegments = cleanedTo.split('/');

package/dist/frameworks/react/add-ons/ai/info.json

@@ -43,6 +43,6 @@
       "jsName": "AiDevtools"
     }
   ],
-  "dependsOn": ["start", "store"],
+  "dependsOn": ["store"],
   "variables": []
 }

package/dist/frameworks/react/add-ons/apollo-client/info.json

@@ -8,7 +8,7 @@
   "color": "#311C87",
   "priority": 15,
   "link": "https://github.com/apollographql/apollo-client-integrations/tree/main/packages/tanstack-start",
-  "dependsOn": ["start"],
+  
   "routes": [
     {
       "icon": "Network",

package/dist/frameworks/react/add-ons/better-auth/info.json

@@ -9,8 +9,6 @@
   "priority": 26,
   "link": "https://www.better-auth.com",
   "modes": ["file-router"],
-  "tailwind": true,
-  "dependsOn": ["start"],
   "routes": [
     {
       "url": "/demo/better-auth",

package/dist/frameworks/react/add-ons/clerk/info.json

@@ -9,7 +9,6 @@
   "color": "#6C47FF",
   "priority": 150,
   "link": "https://clerk.com",
-  "tailwind": true,
   "routes": [
     {
       "url": "/demo/clerk",

package/dist/frameworks/react/add-ons/db/info.json

@@ -8,7 +8,7 @@
   "priority": 48,
   "modes": ["file-router"],
   "link": "https://tanstack.com/db/latest",
-  "dependsOn": ["tanstack-query", "start"],
+  "dependsOn": ["tanstack-query"],
   "routes": [
     {
       "icon": "Database",

package/dist/frameworks/react/add-ons/drizzle/info.json

@@ -9,7 +9,7 @@
   "priority": 46,
   "link": "https://orm.drizzle.team/",
   "modes": ["file-router"],
-  "dependsOn": ["start"],
+  
   "options": {
     "database": {
       "type": "select",

package/dist/frameworks/react/add-ons/drizzle/package.json.ejs

@@ -18,5 +18,9 @@
     "db:push": "drizzle-kit push",
     "db:pull": "drizzle-kit pull",
     "db:studio": "drizzle-kit studio"
+  }<% if (addOnOption.drizzle.database === 'sqlite') { %>,
+  "pnpm": {
+    "onlyBuiltDependencies": ["better-sqlite3"]
   }
+  <% } %>
 }

package/dist/frameworks/react/add-ons/mcp/info.json

@@ -17,6 +17,5 @@
       "path": "src/routes/demo.mcp-todos.tsx",
       "jsName": "MCPTodosDemo"
     }
-  ],
-  "dependsOn": ["start"]
+  ]
 }

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

@@ -1,4 +1,4 @@
-import postgresPlugin from '@neondatabase/vite-plugin-postgres'
+import { postgresPlugin } from '@neondatabase/vite-plugin-postgres'
 
 export default postgresPlugin({
   seed: {

package/dist/frameworks/react/add-ons/neon/info.json

@@ -24,6 +24,5 @@
       "jsName": "neon",
       "path": "neon-vite-plugin.ts"
     }
-  ],
-  "dependsOn": ["start"]
+  ]
 }

package/dist/frameworks/react/add-ons/oRPC/info.json

@@ -4,7 +4,7 @@
   "phase": "add-on",
   "modes": ["file-router"],
   "link": "https://orpc.unnoq.com/",
-  "dependsOn": ["tanstack-query", "start"],
+  "dependsOn": ["tanstack-query"],
   "type": "add-on",
   "category": "api",
   "color": "#FF6B6B",

package/dist/frameworks/react/add-ons/paraglide/info.json

@@ -7,7 +7,7 @@
   "category": "i18n",
   "color": "#14B8A6",
   "priority": 30,
-  "link": "https://github.com/paraglidejs/paraglide-js",
+  "link": "https://github.com/opral/paraglide-js",
   "routes": [
     {
       "icon": "Languages",

package/dist/frameworks/react/add-ons/prisma/info.json

@@ -9,7 +9,7 @@
   "priority": 120,
   "link": "https://www.prisma.io/",
   "modes": ["file-router"],
-  "dependsOn": ["start"],
+  
   "postInitSpecialSteps": ["post-init-script"],
   "options": {
     "database": {

package/dist/frameworks/react/add-ons/prisma/package.json.ejs

@@ -17,5 +17,9 @@
     "db:migrate": "dotenv -e .env.local -- prisma migrate dev",
     "db:studio": "dotenv -e .env.local -- prisma studio",
     "db:seed": "dotenv -e .env.local -- prisma db seed"
+  }<% if (addOnOption.prisma.database === 'sqlite') { %>,
+  "pnpm": {
+    "onlyBuiltDependencies": ["better-sqlite3"]
   }
+  <% } %>
 }

package/dist/frameworks/react/add-ons/sentry/info.json

@@ -15,6 +15,5 @@
       "path": "src/routes/demo.sentry.testing.tsx",
       "jsName": "SentryDemo"
     }
-  ],
-  "dependsOn": ["start"]
+  ]
 }

package/dist/frameworks/react/add-ons/tRPC/info.json

@@ -4,7 +4,7 @@
   "phase": "add-on",
   "modes": ["file-router"],
   "link": "https://trpc.io/",
-  "dependsOn": ["tanstack-query", "start"],
+  "dependsOn": ["tanstack-query"],
   "type": "add-on",
   "category": "api",
   "color": "#2596BE",

package/dist/frameworks/react/add-ons/tanstack-query/assets/src/integrations/tanstack-query/root-provider.tsx.ejs

@@ -6,8 +6,6 @@ import { createTRPCOptionsProxy } from "@trpc/tanstack-react-query";
 
 import type { TRPCRouter } from "@/integrations/trpc/router";
 
-import { TRPCProvider } from "@/integrations/trpc/react";
-
 function getUrl() {
   const base = (() => {
     if (typeof window !== "undefined") return "";
@@ -42,22 +40,8 @@ export function getContext() {
     trpc: serverHelpers,
   };
 }
-
-export function Provider({
-  children,
-  queryClient,
-}: {
-  children: React.ReactNode;
-  queryClient: QueryClient;
-}) {
-  return (
-    <TRPCProvider trpcClient={trpcClient} queryClient={queryClient}>
-      {children}
-    </TRPCProvider>
-  );
-}
 <% } else { %>
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { QueryClient } from '@tanstack/react-query'
 
 export function getContext() {
   const queryClient = new QueryClient();
@@ -65,16 +49,4 @@ export function getContext() {
     queryClient,
   };
 }
-
-export function Provider({
-  children,
-  queryClient,
-}: {
-  children: React.ReactNode;
-  queryClient: QueryClient;
-}) {
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-}
 <% } %>

package/dist/frameworks/react/add-ons/workos/info.json

@@ -9,7 +9,6 @@
   "color": "#6363F1",
   "priority": 160,
   "link": "https://workos.com",
-  "tailwind": true,
   "routes": [
     {
       "icon": "CircleUserRound",

package/dist/frameworks/react/hosts/cloudflare/info.json

@@ -9,7 +9,6 @@
   "exclusive": ["deploy"],
   "color": "#F38020",
   "priority": 200,
-  "tailwind": false,
   "integrations": [
     {
       "type": "vite-plugin",

package/dist/frameworks/react/hosts/netlify/info.json

@@ -9,7 +9,6 @@
   "exclusive": ["deploy"],
   "color": "#00C7B7",
   "priority": 180,
-  "tailwind": false,
   "integrations": [
     {
       "type": "vite-plugin",

package/dist/frameworks/react/hosts/nitro/info.json

@@ -9,7 +9,6 @@
   "exclusive": ["deploy"],
   "color": "#ECDC5A",
   "priority": 0,
-  "tailwind": false,
   "integrations": [
     {
       "type": "vite-plugin",

package/dist/frameworks/react/hosts/railway/info.json

@@ -9,7 +9,6 @@
   "exclusive": ["deploy"],
   "color": "#9B4DCA",
   "priority": 160,
-  "tailwind": false,
   "integrations": [
     {
       "type": "vite-plugin",

package/dist/frameworks/react/index.js

@@ -20,14 +20,9 @@ export function createFrameworkDefinition() {
         basePackageJSON,
         optionalPackages,
         supportedModes: {
-            'code-router': {
-                displayName: 'Code Router',
-                description: 'TanStack Router using code to define routes',
-                forceTypescript: false,
-            },
             'file-router': {
                 displayName: 'File Router',
-                description: 'TanStack Router using files to define routes',
+                description: 'TanStack Start with file-based routing',
                 forceTypescript: true,
             },
         },