@tanstack/create 0.49.2 → 0.59.4

package/src/add-to-app.ts

@@ -88,6 +88,41 @@ export async function writeFiles(
   },
   forced: boolean,
 ) {
+  const toRelativePath = (filePath: string) => {
+    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<
+    Record<string, string>
+  >((acc, filePath) => {
+    acc[toRelativePath(filePath)] = output.files[filePath]
+    return acc
+  }, {})
+
   const currentFiles = await recursivelyGatherFilesFromEnvironment(
     environment,
     cwd,
@@ -96,10 +131,9 @@ export async function writeFiles(
 
   const overwrittenFiles: Array<string> = []
   const changedFiles: Array<string> = []
-  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)
       }
     } else {
@@ -118,9 +152,10 @@ export async function writeFiles(
     }
   }
 
-  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))
     }
   }
 
@@ -132,7 +167,7 @@ export async function writeFiles(
 
   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)),

package/src/custom-add-ons/add-on.ts

@@ -50,7 +50,7 @@ export function templatize(routeCode: string, routeFile: string) {
   // Replace the import
   code = code.replace(
     /import { createFileRoute } from ['"]@tanstack\/react-router['"]/g,
-    `import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'`,
+    `import { createFileRoute } from '@tanstack/react-router'`,
   )
 
   // Extract route path and definition, then transform the route declaration
@@ -66,23 +66,8 @@ export function templatize(routeCode: string, routeFile: string) {
     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}})
-<% } %>`,
+      `export const Route = createFileRoute('${path}')({${routeDefinition}})`,
     )
-
-    code += `
-<% if (codeRouter) { %>
-export default (parentRoute: RootRoute) => createRoute({
-  path: '${path}',
-  ${routeDefinition}
-  getParentRoute: () => parentRoute,
-})
-<% } %>
-`
   } else {
     console.error(`No route found in the file: ${routeFile}`)
   }
@@ -108,20 +93,6 @@ export async function validateAddOnSetup(environment: Environment) {
     )
     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(
@@ -135,7 +106,6 @@ export async function readOrGenerateAddOnInfo(
         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: [],
@@ -152,7 +122,6 @@ export async function readOrGenerateAddOnInfo(
         },
         dependsOn: options.chosenAddOns,
       } as AddOnInfo)
-  info.tailwind = options.tailwind || true
   return info
 }
 

package/src/custom-add-ons/starter.ts

@@ -49,8 +49,7 @@ export async function readOrGenerateStarterInfo(
           devDependencies: {},
         },
         dependsOn: options.chosenAddOns,
-        typescript: options.typescript!,
-        tailwind: options.tailwind!,
+        typescript: true,
       }
 }
 

package/src/file-helpers.ts

@@ -37,13 +37,15 @@ export function getBinaryFile(content: string): string | 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: string, baseDir: string): string {
-  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
@@ -54,12 +56,11 @@ export function relativePath(
   to: string,
   stripExtension: boolean = 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('/')

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

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

package/src/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/src/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/src/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/src/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/src/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/src/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/src/frameworks/react/add-ons/mcp/info.json

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

package/src/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/src/frameworks/react/add-ons/neon/info.json

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

package/src/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/src/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/src/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/src/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/src/frameworks/react/add-ons/sentry/info.json

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

package/src/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/src/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/src/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/src/frameworks/react/hosts/cloudflare/info.json

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

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

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

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

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

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

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

package/src/frameworks/react/index.ts

@@ -34,14 +34,9 @@ export function createFrameworkDefinition(): FrameworkDefinition {
     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,
       },
     },