@tanstack/create 0.63.6 → 0.63.8

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @tanstack/create
 
+## 0.63.8
+
+### Patch Changes
+
+- fix(cli): require Node.js >=20 and surface a clear error on older runtimes ([#438](https://github.com/TanStack/cli/pull/438))
+
+  Older Node versions (e.g. Node 16) lack `events.addAbortListener`, which is
+  used transitively by the CLI. Running on those versions produced a cryptic
+  `SyntaxError: ... does not provide an export named 'addAbortListener'` during
+  module instantiation. Both packages now declare `engines.node: ">=20"` so
+  package managers warn at install time, and the CLI bin performs an early
+  runtime check that prints an actionable message before any modules load.
+
+  Closes #433
+
+## 0.63.7
+
+### Patch Changes
+
+- chore: bump solid base and example to vite 8 ([#437](https://github.com/TanStack/cli/pull/437))
+
 ## 0.63.6
 
 ### Patch Changes

package/dist/frameworks/react/add-ons/compiler/package.json

@@ -1,5 +1,6 @@
 {
   "devDependencies": {
+    "@rolldown/plugin-babel": "^0.2.3",
     "babel-plugin-react-compiler": "^1.0.0"
   }
 }

package/dist/frameworks/react/examples/events/package.json

@@ -18,6 +18,6 @@
   },
   "devDependencies": {
     "@content-collections/core": "^0.13.1",
-    "@content-collections/vite": "^0.2.8"
+    "@content-collections/vite": "^0.3.0"
   }
 }

package/dist/frameworks/react/examples/resume/package.json

@@ -22,6 +22,6 @@
   },
   "devDependencies": {
     "@content-collections/core": "^0.13.1",
-    "@content-collections/vite": "^0.2.8"
+    "@content-collections/vite": "^0.3.0"
   }
 }

package/dist/frameworks/react/project/base/package.json

@@ -32,7 +32,7 @@
     "jsdom": "^28.1.0",
     "typescript": "^6.0.2",
     "vite": "^8.0.0",
-    "vitest": "^3.0.5"
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

package/dist/frameworks/react/project/base/vite.config.ts.ejs

@@ -8,7 +8,12 @@ import { tanstackRouter } from '@tanstack/router-plugin/vite'
 <% } else { %>
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 <% } %>
+<% if (addOnEnabled.compiler) { -%>
+import viteReact, { reactCompilerPreset } from '@vitejs/plugin-react'
+import babel from '@rolldown/plugin-babel'
+<% } else { -%>
 import viteReact from '@vitejs/plugin-react'
+<% } -%>
 import tailwindcss from "@tailwindcss/vite"
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>
@@ -22,11 +27,8 @@ const config = defineConfig({
   }), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
     tailwindcss(),
     <% if (routerOnly) { %>tanstackRouter({ target: 'react', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
-    viteReact(<% if (addOnEnabled.compiler) { %>{
-      babel: {
-        plugins: ["babel-plugin-react-compiler"],
-      },
-    }<% } %>),
+    viteReact(),<% if (addOnEnabled.compiler) { %>
+    babel({ presets: [reactCompilerPreset()] }),<% } %>
   ],
 })
 

package/dist/frameworks/solid/project/base/package.json

@@ -14,14 +14,16 @@
     "@tanstack/solid-router-devtools": "latest",
     "@tanstack/solid-router-ssr-query": "latest",
     "@tanstack/solid-start": "latest",
-    "solid-js": "^1.9.11",
-    "vite-tsconfig-paths": "^5.1.4"
+    "solid-js": "^1.9.12"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^0.8.10",
     "@tanstack/devtools-vite": "latest",
-    "vite-plugin-solid": "^2.11.10",
+    "jsdom": "^28.1.0",
+    "vite-plugin-solid": "^2.11.12",
     "typescript": "^6.0.2",
-    "vite": "^7.3.1"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": ["esbuild", "lightningcss"]

package/dist/frameworks/solid/project/base/src/App.test.tsx.ejs

@@ -0,0 +1,10 @@
+<% if (fileRouter) { ignoreFile() } %>import { describe, expect, test } from "vitest";
+import { render, screen } from "@solidjs/testing-library";
+import App from "./App.<%= jsx %>";
+
+describe("App", () => {
+  test("renders", () => {
+    render(() => <App />);
+    expect(screen.getByText("Learn Solid")).toBeDefined();
+  });
+});

package/dist/frameworks/solid/project/base/vite.config.ts.ejs

@@ -1,6 +1,5 @@
 import { defineConfig } from "vite";
 import { devtools } from '@tanstack/devtools-vite'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from "@tailwindcss/vite"
 <% if (routerOnly) { %>
 import { tanstackRouter } from '@tanstack/router-plugin/vite'
@@ -12,11 +11,8 @@ import solidPlugin from 'vite-plugin-solid';
 <% } %>
 
 export default defineConfig({
+  resolve: { tsconfigPaths: true },
   plugins: [devtools(), <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
     tailwindcss(),
     <% if (routerOnly) { %>tanstackRouter({ target: 'solid', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
     solidPlugin(<% if (!routerOnly) { %>{ ssr: true }<% } %>),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/create",
-  "version": "0.63.6",
+  "version": "0.63.8",
   "description": "TanStack Application Builder Engine",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,6 +22,9 @@
   ],
   "author": "Jack Herrington <jherr@pobox.com>",
   "license": "MIT",
+  "engines": {
+    "node": ">=20"
+  },
   "dependencies": {
     "ejs": "^3.1.10",
     "execa": "^9.5.2",
@@ -36,10 +39,10 @@
     "@types/ejs": "^3.1.5",
     "@types/node": "^22.13.4",
     "@types/parse-gitignore": "^1.0.2",
-    "@vitest/coverage-v8": "3.1.1",
+    "@vitest/coverage-v8": "4.1.5",
     "eslint": "^9.20.0",
     "typescript": "^6.0.2",
-    "vitest": "^3.0.8",
+    "vitest": "^4.1.5",
     "vitest-fetch-mock": "^0.4.5"
   },
   "scripts": {

package/src/frameworks/react/add-ons/compiler/package.json

@@ -1,5 +1,6 @@
 {
   "devDependencies": {
+    "@rolldown/plugin-babel": "^0.2.3",
     "babel-plugin-react-compiler": "^1.0.0"
   }
 }

package/src/frameworks/react/examples/events/package.json

@@ -18,6 +18,6 @@
   },
   "devDependencies": {
     "@content-collections/core": "^0.13.1",
-    "@content-collections/vite": "^0.2.8"
+    "@content-collections/vite": "^0.3.0"
   }
 }

package/src/frameworks/react/examples/resume/package.json

@@ -22,6 +22,6 @@
   },
   "devDependencies": {
     "@content-collections/core": "^0.13.1",
-    "@content-collections/vite": "^0.2.8"
+    "@content-collections/vite": "^0.3.0"
   }
 }

package/src/frameworks/react/project/base/package.json

@@ -32,7 +32,7 @@
     "jsdom": "^28.1.0",
     "typescript": "^6.0.2",
     "vite": "^8.0.0",
-    "vitest": "^3.0.5"
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

package/src/frameworks/react/project/base/vite.config.ts.ejs

@@ -8,7 +8,12 @@ import { tanstackRouter } from '@tanstack/router-plugin/vite'
 <% } else { %>
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 <% } %>
+<% if (addOnEnabled.compiler) { -%>
+import viteReact, { reactCompilerPreset } from '@vitejs/plugin-react'
+import babel from '@rolldown/plugin-babel'
+<% } else { -%>
 import viteReact from '@vitejs/plugin-react'
+<% } -%>
 import tailwindcss from "@tailwindcss/vite"
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>
@@ -22,11 +27,8 @@ const config = defineConfig({
   }), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
     tailwindcss(),
     <% if (routerOnly) { %>tanstackRouter({ target: 'react', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
-    viteReact(<% if (addOnEnabled.compiler) { %>{
-      babel: {
-        plugins: ["babel-plugin-react-compiler"],
-      },
-    }<% } %>),
+    viteReact(),<% if (addOnEnabled.compiler) { %>
+    babel({ presets: [reactCompilerPreset()] }),<% } %>
   ],
 })
 

package/src/frameworks/solid/project/base/package.json

@@ -14,14 +14,16 @@
     "@tanstack/solid-router-devtools": "latest",
     "@tanstack/solid-router-ssr-query": "latest",
     "@tanstack/solid-start": "latest",
-    "solid-js": "^1.9.11",
-    "vite-tsconfig-paths": "^5.1.4"
+    "solid-js": "^1.9.12"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^0.8.10",
     "@tanstack/devtools-vite": "latest",
-    "vite-plugin-solid": "^2.11.10",
+    "jsdom": "^28.1.0",
+    "vite-plugin-solid": "^2.11.12",
     "typescript": "^6.0.2",
-    "vite": "^7.3.1"
+    "vite": "^8.0.0",
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": ["esbuild", "lightningcss"]

package/src/frameworks/solid/project/base/src/App.test.tsx.ejs

@@ -0,0 +1,10 @@
+<% if (fileRouter) { ignoreFile() } %>import { describe, expect, test } from "vitest";
+import { render, screen } from "@solidjs/testing-library";
+import App from "./App.<%= jsx %>";
+
+describe("App", () => {
+  test("renders", () => {
+    render(() => <App />);
+    expect(screen.getByText("Learn Solid")).toBeDefined();
+  });
+});

package/src/frameworks/solid/project/base/vite.config.ts.ejs

@@ -1,6 +1,5 @@
 import { defineConfig } from "vite";
 import { devtools } from '@tanstack/devtools-vite'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from "@tailwindcss/vite"
 <% if (routerOnly) { %>
 import { tanstackRouter } from '@tanstack/router-plugin/vite'
@@ -12,11 +11,8 @@ import solidPlugin from 'vite-plugin-solid';
 <% } %>
 
 export default defineConfig({
+  resolve: { tsconfigPaths: true },
   plugins: [devtools(), <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
     tailwindcss(),
     <% if (routerOnly) { %>tanstackRouter({ target: 'solid', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
     solidPlugin(<% if (!routerOnly) { %>{ ssr: true }<% } %>),