create-tsrouter-app 0.6.8 → 0.6.9

package/dist/create-app.js

@@ -251,7 +251,10 @@ export async function createApp(options, { silent = false, environment, }) {
     if (!options.tailwind) {
         await copyFiles(templateDirBase, ['./src/App.css']);
     }
-    await templateFile(templateDirBase, './vite.config.js.ejs');
+    // Don't create a vite.config.js file if we are building a Start app
+    if (!isAddOnEnabled('start')) {
+        await templateFile(templateDirBase, './vite.config.js.ejs');
+    }
     await templateFile(templateDirBase, './src/styles.css.ejs');
     copyFiles(templateDirBase, ['./src/logo.svg']);
     if (options.toolchain === 'biome') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-tsrouter-app",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "Tanstack Application Builder",
   "bin": "./dist/index.js",
   "type": "module",

package/src/create-app.ts

@@ -385,7 +385,12 @@ export async function createApp(
   if (!options.tailwind) {
     await copyFiles(templateDirBase, ['./src/App.css'])
   }
-  await templateFile(templateDirBase, './vite.config.js.ejs')
+
+  // Don't create a vite.config.js file if we are building a Start app
+  if (!isAddOnEnabled('start')) {
+    await templateFile(templateDirBase, './vite.config.js.ejs')
+  }
+
   await templateFile(templateDirBase, './src/styles.css.ejs')
 
   copyFiles(templateDirBase, ['./src/logo.svg'])

package/templates/react/add-on/start/assets/{app.config.ts → app.config.ts.ejs}

@@ -1,5 +1,7 @@
 import { defineConfig } from '@tanstack/react-start/config'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
+import viteTsConfigPaths from 'vite-tsconfig-paths'<% if (tailwind) { %>
+import tailwindcss from "@tailwindcss/vite"
+<% } %>
 
 export default defineConfig({
   tsr: {
@@ -11,6 +13,7 @@ export default defineConfig({
       viteTsConfigPaths({
         projects: ['./tsconfig.json'],
       }),
+      <% if (tailwind) { %>tailwindcss(),<% } %>
     ],
   },
 })

package/templates/react/base/vite.config.js.ejs

@@ -3,7 +3,7 @@ import viteReact from "@vitejs/plugin-react";<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite";
 <% } %><%if (fileRouter) { %>
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite";<% } %><% if (addOnEnabled['module-federation']) { %>
-import {federation} from "@module-federation/vite";<% } %><% if (addOnEnabled.shadcn) { %>
+import { federation } from "@module-federation/vite";<% } %><% if (addOnEnabled.shadcn) { %>
 import { resolve } from "node:path";<% } %><% if (addOnEnabled['module-federation']) { %>
 import federationConfig from "./module-federation.config.js";
 <% } %>

package/templates/solid/base/README.md.ejs

@@ -132,7 +132,7 @@ Here is an example layout that includes a header:
 
 ```tsx
 import { Outlet, createRootRoute } from '@tanstack/solid-router'
-import { TanStackRouterDevtools } from '@tanstack/router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
 
 import { Link } from "@tanstack/solid-router";
 

package/templates/solid/base/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tanstack/solid-router": "^1.110.0",
-    "@tanstack/router-devtools": "^1.109.2",
+    "@tanstack/solid-router-devtools": "^1.109.2",
     "@tanstack/router-plugin": "^1.109.2",
     "solid-js": "^1.9.4"
   },

package/templates/solid/code-router/src/main.tsx.ejs

@@ -5,7 +5,7 @@ import {
   createRoute,
   createRouter,
 } from "@tanstack/solid-router";
-// import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import { TanStackRouterDevtools } from "@tanstack/solid-router-devtools";
 import { render } from 'solid-js/web'
 <% for(const route of routes) { %>import <%= route.name %> from "<%= route.path %>";
 <% } %><% if (routes.length > 0) { %>
@@ -26,7 +26,7 @@ const rootRoute = createRootRoute({
     <% } %>
       <% if (routes.length > 0) { %><Header /><% } %>
       <Outlet />
-      {/* <TanStackRouterDevtools /> */}
+      <TanStackRouterDevtools />
       <% for(const integration of integrations.filter(i => i.type === 'layout')) { %>
         <<%= integration.name %> />
       <% } %>

package/templates/solid/file-router/src/routes/__root.tsx.ejs

@@ -1,5 +1,5 @@
 import { Outlet, createRootRouteWithContext } from '@tanstack/solid-router'
-// import { TanStackRouterDevtools } from '@tanstack/router-devtools'<% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider')) { %>
+import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'<% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider')) { %>
 import <%= integration.name %> from "../<%= integration.path %>";
 <% } %>
 <% if (addOnEnabled['solid-ui']) { %>