+
+
+ )
+}
+```
+
+## File Route Conventions
+
+Server routes in TanStack Start, follow the same file-based routing conventions as TanStack Router. This means that each file in your `routes` directory with a `ServerRoute` export will be treated as an API route. Here are a few examples:
+
+- `/routes/users.ts` will create an API route at `/users`
+- `/routes/users.index.ts` will **also** create an API route at `/users` (but will error if duplicate methods are defined)
+- `/routes/users/$id.ts` will create an API route at `/users/$id`
+- `/routes/users/$id/posts.ts` will create an API route at `/users/$id/posts`
+- `/routes/users.$id.posts.ts` will create an API route at `/users/$id/posts`
+- `/routes/file/$.ts` will create an API route at `/api/file/$`
+- `/routes/my-script[.]js.ts` will create an API route at `/my-script.js`
+
+## Unique Route Paths
+
+Each route can only have a single handler file associated with it. So, if you have a file named `routes/users.ts` which'd equal the request path of `/api/users`, you cannot have other files that'd also resolve to the same route. For example, the following files would all resolve to the same route and would error:
+
+- `/routes/users.index.ts`
+- `/routes/users.ts`
+- `/routes/users.index.ts`
+
+## Escaped Matching
+
+Just as with normal routes, server routes can match on escaped characters. For example, a file named `routes/users[.]ts` will create an API route at `/api/users[.]`.
+
+## Pathless Layout Routes and Break-out Routes
+
+Because of the unified routing system, pathless layout routes and break-out routes are supported for similar functionality around server route middleware.
+
+- Pathless layout routes can be used to add middleware to a group of routes
+- Break-out routes can be used to "break out" of parent middleware
+
+## Nested Directories vs File-names
+
+In the examples above, you may have noticed that the file naming conventions are flexible and allow you to mix and match directories and file names. This is intentional and allows you to organize your Server routes in a way that makes sense for your application. You can read more about this in the [TanStack Router File-based Routing Guide](/router/latest/docs/framework/react/routing/file-based-routing#s-or-s).
+
+## Handling Server Route Requests
+
+Server route requests are handled by Start's `createStartHandler` in your `server.ts` entry file.
+
+```tsx
+// server.ts
+import { createStartHandler } from '@tanstack/react-start/server'
+
+export default createStartHandler({
+ createRouter,
+ getRouterManifest,
+})(defaultStreamHandler)
+```
+
+The start handler is responsible for matching an incoming request to a server route and executing the appropriate middleware, validators and handler.
+
+Remember, if you need to customize the server handler, you can do so by creating a custom handler and then passing the event to the start handler:
+
+```tsx
+// server.ts
+import { createStartHandler } from '@tanstack/react-start/server'
+
+export default defineHandler((event) => {
+ const startHandler = createStartHandler({
+ createRouter,
+ getRouterManifest,
+ })(defaultStreamHandler)
+
+ return startHandler(event)
+})
+```
+
+## Defining an Server Route
+
+Server routes are created by exporting a `ServerRoute` from a route file. The `ServerRoute` export should be created by calling the `createServerFileRoute` function. The resulting builder object can then be used to:
+
+- Add route-level middleware
+- Define handlers for each HTTP method
+- Add middleware and validators to specific HTTP methods
+
+```ts
+// routes/hello.ts
+export const ServerRoute = createServerFileRoute().methods({
+ GET: async ({ request }) => {
+ return new Response('Hello, World! from ' + request.url)
+ },
+})
+```
+
+## Defining a Server Route Handler
+
+There are two ways to define a handler for a server route.
+
+- Provide a handler function directly to the method
+- By calling the `handler` method on the method builder object for more advanced use cases
+
+### Providing a handler function directly to the method
+
+For simple use cases, you can provide a handler function directly to the method.
+
+```ts
+// routes/hello.ts
+export const ServerRoute = createServerFileRoute().methods({
+ GET: async ({ request }) => {
+ return new Response('Hello, World! from ' + request.url)
+ },
+})
+```
+
+### Providing a handler function via the method builder object
+
+For more complex use cases, you can provide a handler function via the method builder object. This allows you to:
+
+- Add middleware to the method
+- Add a validator to the method
+
+```tsx
+// routes/hello.ts
+export const ServerRoute = createServerFileRoute().methods((api) => ({
+ GET: api
+ .middleware([loggerMiddleware])
+ .validator(z.object({ name: z.string() }))
+ .handler(async ({ request }) => {
+ return new Response('Hello, World! from ' + request.url)
+ }),
+}))
+```
+
+## Handler Context
+
+Each HTTP method handler receives an object with the following properties:
+
+- `request`: The incoming request object. You can read more about the `Request` object in the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/API/Request).
+- `params`: An object containing the dynamic path parameters of the route. For example, if the route path is `/users/$id`, and the request is made to `/users/123`, then `params` will be `{ id: '123' }`. We'll cover dynamic path parameters and wildcard parameters later in this guide.
+- `context`: An object containing the context of the request. This is useful for passing data between middleware.
+
+Once you've processed the request, you can return a `Response` object or `Promise/(group)/_layout!
diff --git a/e2e/react-router/basic-file-based/src/routes/(group)/inside.tsx b/e2e/react-router/basic-file-based/src/routes/(group)/inside.tsx
index 356ff96003..dd95cde83e 100644
--- a/e2e/react-router/basic-file-based/src/routes/(group)/inside.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/(group)/inside.tsx
@@ -4,7 +4,7 @@ import { zodValidator } from '@tanstack/zod-adapter'
const routeApi = getRouteApi('/(group)/inside')
-export const Route = createFileRoute('/(group)/inside')({
+export const Route = createFileRoute({
validateSearch: zodValidator(z.object({ hello: z.string().optional() })),
component: () => {
const searchViaHook = useSearch({ from: '/(group)/inside' })
diff --git a/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.lazy.tsx b/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.lazy.tsx
index 527be4f520..1597742495 100644
--- a/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.lazy.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.lazy.tsx
@@ -6,7 +6,7 @@ import {
const routeApi = getRouteApi('/(group)/lazyinside')
-export const Route = createLazyFileRoute('/(group)/lazyinside')({
+export const Route = createLazyFileRoute({
component: () => {
const searchViaHook = useSearch({ from: '/(group)/lazyinside' })
const searchViaRouteHook = Route.useSearch()
diff --git a/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.tsx b/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.tsx
index 0f52a40d98..7cb5fe027b 100644
--- a/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/(group)/lazyinside.tsx
@@ -2,6 +2,6 @@ import { createFileRoute } from '@tanstack/react-router'
import { z } from 'zod'
import { zodValidator } from '@tanstack/zod-adapter'
-export const Route = createFileRoute('/(group)/lazyinside')({
+export const Route = createFileRoute({
validateSearch: zodValidator(z.object({ hello: z.string().optional() })),
})
diff --git a/e2e/react-router/basic-file-based/src/routes/(group)/subfolder/inside.tsx b/e2e/react-router/basic-file-based/src/routes/(group)/subfolder/inside.tsx
index 3a4a051e8a..b148a408ae 100644
--- a/e2e/react-router/basic-file-based/src/routes/(group)/subfolder/inside.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/(group)/subfolder/inside.tsx
@@ -4,7 +4,7 @@ import { zodValidator } from '@tanstack/zod-adapter'
const routeApi = getRouteApi('/(group)/subfolder/inside')
-export const Route = createFileRoute('/(group)/subfolder/inside')({
+export const Route = createFileRoute({
validateSearch: zodValidator(z.object({ hello: z.string().optional() })),
component: () => {
const searchViaHook = useSearch({ from: '/(group)/subfolder/inside' })
diff --git a/e2e/react-router/basic-file-based/src/routes/_layout.tsx b/e2e/react-router/basic-file-based/src/routes/_layout.tsx
index 02ddbb1cd9..582cfef366 100644
--- a/e2e/react-router/basic-file-based/src/routes/_layout.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/_layout.tsx
@@ -1,6 +1,6 @@
import { Outlet, createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_layout')({
+export const Route = createFileRoute({
component: LayoutComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2.tsx b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2.tsx
index 3b7dbf2903..c4b1085ae0 100644
--- a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2.tsx
@@ -1,6 +1,6 @@
import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_layout/_layout-2')({
+export const Route = createFileRoute({
component: LayoutComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-a.tsx b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-a.tsx
index 61e19b4d9f..0eef1bea7d 100644
--- a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-a.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-a.tsx
@@ -1,6 +1,6 @@
import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_layout/_layout-2/layout-a')({
+export const Route = createFileRoute({
component: LayoutAComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-b.tsx b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-b.tsx
index cceed1fb9a..35e70a9a98 100644
--- a/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-b.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/_layout/_layout-2/layout-b.tsx
@@ -1,6 +1,6 @@
import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/_layout/_layout-2/layout-b')({
+export const Route = createFileRoute({
component: LayoutBComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/anchor.tsx b/e2e/react-router/basic-file-based/src/routes/anchor.tsx
index 93975ba621..d3ca808330 100644
--- a/e2e/react-router/basic-file-based/src/routes/anchor.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/anchor.tsx
@@ -6,7 +6,7 @@ import {
useNavigate,
} from '@tanstack/react-router'
-export const Route = createFileRoute('/anchor')({
+export const Route = createFileRoute({
component: AnchorComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/editing-a.tsx b/e2e/react-router/basic-file-based/src/routes/editing-a.tsx
index cecd0dfed1..0f65f8bf72 100644
--- a/e2e/react-router/basic-file-based/src/routes/editing-a.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/editing-a.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
import { createFileRoute, useBlocker } from '@tanstack/react-router'
-export const Route = createFileRoute('/editing-a')({
+export const Route = createFileRoute({
component: RouteComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/editing-b.tsx b/e2e/react-router/basic-file-based/src/routes/editing-b.tsx
index 1a85e72e26..ec883811f4 100644
--- a/e2e/react-router/basic-file-based/src/routes/editing-b.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/editing-b.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
import { createFileRoute, useBlocker } from '@tanstack/react-router'
-export const Route = createFileRoute('/editing-b')({
+export const Route = createFileRoute({
component: RouteComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/index.tsx b/e2e/react-router/basic-file-based/src/routes/index.tsx
index eac82a9174..b23956ae17 100644
--- a/e2e/react-router/basic-file-based/src/routes/index.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/index.tsx
@@ -1,7 +1,6 @@
import * as React from 'react'
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/')({
+export const Route = createFileRoute({
component: Home,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/params.single.$value.tsx b/e2e/react-router/basic-file-based/src/routes/params.single.$value.tsx
index b5761e839e..a2cd180ce8 100644
--- a/e2e/react-router/basic-file-based/src/routes/params.single.$value.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/params.single.$value.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
import { Link, createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/params/single/$value')({
+export const Route = createFileRoute({
component: RouteComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/posts.$postId.tsx b/e2e/react-router/basic-file-based/src/routes/posts.$postId.tsx
index df51873ddf..8401ba1e0f 100644
--- a/e2e/react-router/basic-file-based/src/routes/posts.$postId.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/posts.$postId.tsx
@@ -3,7 +3,7 @@ import { ErrorComponent, createFileRoute } from '@tanstack/react-router'
import { fetchPost } from '../posts'
import type { ErrorComponentProps } from '@tanstack/react-router'
-export const Route = createFileRoute('/posts/$postId')({
+export const Route = createFileRoute({
loader: async ({ params: { postId } }) => fetchPost(postId),
errorComponent: PostErrorComponent,
notFoundComponent: () => {
diff --git a/e2e/react-router/basic-file-based/src/routes/posts.index.tsx b/e2e/react-router/basic-file-based/src/routes/posts.index.tsx
index ab89fb5a62..8de87f515a 100644
--- a/e2e/react-router/basic-file-based/src/routes/posts.index.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/posts.index.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/posts/')({
+export const Route = createFileRoute({
component: PostsIndexComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/posts.tsx b/e2e/react-router/basic-file-based/src/routes/posts.tsx
index 9eabdd5b33..f8825e4c3e 100644
--- a/e2e/react-router/basic-file-based/src/routes/posts.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/posts.tsx
@@ -2,7 +2,7 @@ import * as React from 'react'
import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
import { fetchPosts } from '../posts'
-export const Route = createFileRoute('/posts')({
+export const Route = createFileRoute()({
head: () => ({
meta: [
{
diff --git a/e2e/react-router/basic-file-based/src/routes/posts_.$postId.edit.tsx b/e2e/react-router/basic-file-based/src/routes/posts_.$postId.edit.tsx
index 44a62b0004..b05da729bf 100644
--- a/e2e/react-router/basic-file-based/src/routes/posts_.$postId.edit.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/posts_.$postId.edit.tsx
@@ -1,6 +1,6 @@
import { createFileRoute, getRouteApi, useParams } from '@tanstack/react-router'
-export const Route = createFileRoute('/posts_/$postId/edit')({
+export const Route = createFileRoute({
component: PostEditPage,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/$target.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/$target.tsx
index 686f1c7056..c7c9b80108 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/$target.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/$target.tsx
@@ -1,7 +1,7 @@
import { createFileRoute, retainSearchParams } from '@tanstack/react-router'
import z from 'zod'
-export const Route = createFileRoute('/redirect/$target')({
+export const Route = createFileRoute({
params: {
parse: (p) =>
z
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/$target/index.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/$target/index.tsx
index 57760cec88..4069e261b1 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/$target/index.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/$target/index.tsx
@@ -1,6 +1,6 @@
import { Link, createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect/$target/')({
+export const Route = createFileRoute({
component: () => {
const preload = Route.useSearch({ select: (s) => s.preload })
return (
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-beforeLoad.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-beforeLoad.tsx
index 14a2492331..8ab3dff8e5 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-beforeLoad.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-beforeLoad.tsx
@@ -1,6 +1,6 @@
import { createFileRoute, redirect } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect/$target/via-beforeLoad')({
+export const Route = createFileRoute({
beforeLoad: ({
params: { target },
search: { reloadDocument, externalHost },
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-loader.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-loader.tsx
index 9e6a3fc9db..0269dc1fa7 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-loader.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/$target/via-loader.tsx
@@ -1,6 +1,6 @@
import { createFileRoute, redirect } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect/$target/via-loader')({
+export const Route = createFileRoute({
loaderDeps: ({ search: { reloadDocument, externalHost } }) => ({
reloadDocument,
externalHost,
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/index.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/index.tsx
index c0b26a1df4..a420a4ea61 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/index.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/index.tsx
@@ -1,6 +1,6 @@
import { Link, createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect/')({
+export const Route = createFileRoute({
component: () => (
{
await new Promise((r) => setTimeout(r, 1000))
throw redirect({ from: Route.fullPath, to: '../third' })
diff --git a/e2e/react-router/basic-file-based/src/routes/redirect/preload/third.tsx b/e2e/react-router/basic-file-based/src/routes/redirect/preload/third.tsx
index e882d29e69..4de62f9e03 100644
--- a/e2e/react-router/basic-file-based/src/routes/redirect/preload/third.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/redirect/preload/third.tsx
@@ -1,6 +1,6 @@
import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect/preload/third')({
+export const Route = createFileRoute({
component: RouteComponent,
})
diff --git a/e2e/react-router/basic-file-based/src/routes/structural-sharing.$enabled.tsx b/e2e/react-router/basic-file-based/src/routes/structural-sharing.$enabled.tsx
index 4a477f7ccd..8649bc38c1 100644
--- a/e2e/react-router/basic-file-based/src/routes/structural-sharing.$enabled.tsx
+++ b/e2e/react-router/basic-file-based/src/routes/structural-sharing.$enabled.tsx
@@ -17,7 +17,7 @@ const enabledSchema = {
}, z.boolean()),
}
-export const Route = createFileRoute('/structural-sharing/$enabled')({
+export const Route = createFileRoute({
component: RouteComponent,
params: {
parse: (p) => z.object(enabledSchema).parse(p),
diff --git a/e2e/react-start/basic-auth/.gitignore b/e2e/react-start/basic-auth/.gitignore
index b15fed94e2..75a469e80c 100644
--- a/e2e/react-start/basic-auth/.gitignore
+++ b/e2e/react-start/basic-auth/.gitignore
@@ -7,13 +7,11 @@ yarn.lock
.cache
.vercel
.output
-.vinxi
/build/
/api/
/server/build
/public/build
-.vinxi
# Sentry Config File
.env.sentry-build-plugin
/test-results/
diff --git a/e2e/react-start/basic-auth/package.json b/e2e/react-start/basic-auth/package.json
index bb04401e02..f0223cf4a1 100644
--- a/e2e/react-start/basic-auth/package.json
+++ b/e2e/react-start/basic-auth/package.json
@@ -4,10 +4,10 @@
"sideEffects": false,
"type": "module",
"scripts": {
- "dev": "vinxi dev --port 3000",
- "dev:e2e": "vinxi dev",
- "build": "vinxi build",
- "start": "vinxi start",
+ "dev": "vite dev --port 3000",
+ "dev:e2e": "vite dev",
+ "build": "vite build",
+ "start": "vite start",
"prisma-generate": "prisma generate",
"test:e2e": "exit 0; pnpm run prisma-generate && playwright test --project=chromium"
},
@@ -20,8 +20,7 @@
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
- "tailwind-merge": "^2.6.0",
- "vinxi": "0.5.3"
+ "tailwind-merge": "^2.6.0"
},
"devDependencies": {
"@playwright/test": "^1.50.1",
diff --git a/e2e/react-start/basic-auth/src/client.tsx b/e2e/react-start/basic-auth/src/client.tsx
deleted file mode 100644
index 1593d1b3c7..0000000000
--- a/e2e/react-start/basic-auth/src/client.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-///
)
}
diff --git a/e2e/react-start/server-functions/.gitignore b/e2e/react-start/server-functions/.gitignore
index be342025da..ca63f49885 100644
--- a/e2e/react-start/server-functions/.gitignore
+++ b/e2e/react-start/server-functions/.gitignore
@@ -7,14 +7,10 @@ yarn.lock
.env
.vercel
.output
-.vinxi
-
/build/
/api/
/server/build
-/public/build
-.vinxi
-# Sentry Config File
+/public/build# Sentry Config File
.env.sentry-build-plugin
/test-results/
/playwright-report/
diff --git a/e2e/react-start/server-functions/package.json b/e2e/react-start/server-functions/package.json
index 2107818357..4d48b8f7da 100644
--- a/e2e/react-start/server-functions/package.json
+++ b/e2e/react-start/server-functions/package.json
@@ -4,10 +4,10 @@
"sideEffects": false,
"type": "module",
"scripts": {
- "dev": "vinxi dev --port 3000",
- "dev:e2e": "vinxi dev",
- "build": "vinxi build && tsc --noEmit",
- "start": "vinxi start",
+ "dev": "vite dev --port 3000",
+ "dev:e2e": "vite dev",
+ "build": "vite build && tsc --noEmit",
+ "start": "vite start",
"test:e2e": "playwright test --project=chromium"
},
"dependencies": {
@@ -19,7 +19,6 @@
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"tailwind-merge": "^2.6.0",
- "vinxi": "0.5.3",
"zod": "^3.24.2"
},
"devDependencies": {
diff --git a/e2e/react-start/server-functions/src/client.tsx b/e2e/react-start/server-functions/src/client.tsx
deleted file mode 100644
index 1593d1b3c7..0000000000
--- a/e2e/react-start/server-functions/src/client.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-/// (
- 'https://jsonplaceholder.typicode.com/users/' + params.id,
- )
-
- return json({
- id: res.data.id,
- name: res.data.name,
- email: res.data.email,
- })
- } catch (e) {
- console.error(e)
- return json({ error: 'User not found' }, { status: 404 })
- }
- },
-})
diff --git a/examples/react/start-basic/src/routes/api/users.ts b/examples/react/start-basic/src/routes/api/users.ts
deleted file mode 100644
index 679eb9e8ab..0000000000
--- a/examples/react/start-basic/src/routes/api/users.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { json } from '@tanstack/react-start'
-import { createAPIFileRoute } from '@tanstack/react-start/api'
-import axios from 'redaxios'
-import type { User } from '../../utils/users'
-
-export const APIRoute = createAPIFileRoute('/api/users')({
- GET: async ({ request }) => {
- console.info('Fetching users... @', request.url)
- const res = await axios.get>(
- 'https://jsonplaceholder.typicode.com/users',
- )
-
- const list = res.data.slice(0, 10)
-
- return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })))
- },
-})
diff --git a/examples/react/start-basic/src/routes/deferred.tsx b/examples/react/start-basic/src/routes/deferred.tsx
index f3e09d1d4e..da895081df 100644
--- a/examples/react/start-basic/src/routes/deferred.tsx
+++ b/examples/react/start-basic/src/routes/deferred.tsx
@@ -1,4 +1,4 @@
-import { Await, createFileRoute } from '@tanstack/react-router'
+import { Await } from '@tanstack/react-router'
import { createServerFn } from '@tanstack/react-start'
import { Suspense, useState } from 'react'
@@ -15,7 +15,7 @@ const slowServerFn = createServerFn({ method: 'GET' })
return { name, randomNumber: Math.floor(Math.random() * 100) }
})
-export const Route = createFileRoute('/deferred')({
+export const Route = createFileRoute({
loader: async () => {
return {
deferredStuff: new Promise((r) =>
diff --git a/examples/react/start-basic/src/routes/index.tsx b/examples/react/start-basic/src/routes/index.tsx
index 09a907cb18..d5fdaf7e38 100644
--- a/examples/react/start-basic/src/routes/index.tsx
+++ b/examples/react/start-basic/src/routes/index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/')({
+
+export const Route = createFileRoute({
component: Home,
})
diff --git a/examples/react/start-basic/src/routes/posts.$postId.tsx b/examples/react/start-basic/src/routes/posts.$postId.tsx
index d6de7c9dc3..d409f1d056 100644
--- a/examples/react/start-basic/src/routes/posts.$postId.tsx
+++ b/examples/react/start-basic/src/routes/posts.$postId.tsx
@@ -1,9 +1,9 @@
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
import { fetchPost } from '../utils/posts'
import { NotFound } from '~/components/NotFound'
import { PostErrorComponent } from '~/components/PostError'
-export const Route = createFileRoute('/posts/$postId')({
+export const Route = createFileRoute({
loader: ({ params: { postId } }) => fetchPost({ data: postId }),
errorComponent: PostErrorComponent,
component: PostComponent,
diff --git a/examples/react/start-basic/src/routes/posts.index.tsx b/examples/react/start-basic/src/routes/posts.index.tsx
index 5b5f08f95b..d0d3b4f2f2 100644
--- a/examples/react/start-basic/src/routes/posts.index.tsx
+++ b/examples/react/start-basic/src/routes/posts.index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/posts/')({
+
+export const Route = createFileRoute({
component: PostsIndexComponent,
})
diff --git a/examples/react/start-basic/src/routes/posts.route.tsx b/examples/react/start-basic/src/routes/posts.tsx
similarity index 82%
rename from examples/react/start-basic/src/routes/posts.route.tsx
rename to examples/react/start-basic/src/routes/posts.tsx
index f29619363e..5bcd320911 100644
--- a/examples/react/start-basic/src/routes/posts.route.tsx
+++ b/examples/react/start-basic/src/routes/posts.tsx
@@ -1,12 +1,12 @@
-import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
+import { Link, Outlet } from '@tanstack/react-router'
import { fetchPosts } from '../utils/posts'
-export const Route = createFileRoute('/posts')({
+export const Route = createFileRoute({
loader: async () => fetchPosts(),
- component: PostsLayoutComponent,
+ component: PostsComponent,
})
-function PostsLayoutComponent() {
+function PostsComponent() {
const posts = Route.useLoaderData()
return (
diff --git a/examples/react/start-basic/src/routes/posts_.$postId.deep.tsx b/examples/react/start-basic/src/routes/posts_.$postId.deep.tsx
index 29e6c39b5a..624b76a6c1 100644
--- a/examples/react/start-basic/src/routes/posts_.$postId.deep.tsx
+++ b/examples/react/start-basic/src/routes/posts_.$postId.deep.tsx
@@ -1,8 +1,8 @@
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
import { fetchPost } from '../utils/posts'
import { PostErrorComponent } from '~/components/PostError'
-export const Route = createFileRoute('/posts_/$postId/deep')({
+export const Route = createFileRoute({
loader: async ({ params: { postId } }) =>
fetchPost({
data: postId,
diff --git a/examples/react/start-basic/src/routes/redirect.tsx b/examples/react/start-basic/src/routes/redirect.tsx
index c9286de13d..4c665e6c56 100644
--- a/examples/react/start-basic/src/routes/redirect.tsx
+++ b/examples/react/start-basic/src/routes/redirect.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
+import { redirect } from '@tanstack/react-router'
-export const Route = createFileRoute('/redirect')({
+export const Route = createFileRoute({
beforeLoad: async () => {
throw redirect({
to: '/posts',
diff --git a/examples/react/start-basic/src/routes/users.$userId.tsx b/examples/react/start-basic/src/routes/users.$userId.tsx
index 623698bd35..1ce5c2e259 100644
--- a/examples/react/start-basic/src/routes/users.$userId.tsx
+++ b/examples/react/start-basic/src/routes/users.$userId.tsx
@@ -1,15 +1,38 @@
-import { createFileRoute } from '@tanstack/react-router'
import axios from 'redaxios'
-import type { User } from '~/utils/users'
-import { DEPLOY_URL } from '~/utils/users'
-import { NotFound } from '~/components/NotFound'
-import { UserErrorComponent } from '~/components/UserError'
+import { NotFound } from 'src/components/NotFound'
+import { UserErrorComponent } from 'src/components/UserError'
+import { json } from '@tanstack/react-start'
+import type { User } from 'src/utils/users'
-export const Route = createFileRoute('/users/$userId')({
+export const ServerRoute = createServerFileRoute().methods({
+ GET: async ({ params, request }) => {
+ console.info(`Fetching users by id=${params.userId}... @`, request.url)
+ try {
+ const res = await axios.get(
+ 'https://jsonplaceholder.typicode.com/users/' + params.userId,
+ )
+
+ return json({
+ id: res.data.id,
+ name: res.data.name,
+ email: res.data.email,
+ })
+ } catch (e) {
+ console.error(e)
+ return json({ error: 'User not found' }, { status: 404 })
+ }
+ },
+})
+
+export const Route = createFileRoute({
loader: async ({ params: { userId } }) => {
- return await axios
- .get(DEPLOY_URL + '/api/users/' + userId)
- .then((r) => r.data)
+ return (await axios.get)(
+ '/api/users/' + userId,
+ )
+ .then((r) => {
+ if ('error' in r.data) throw new Error()
+ return r.data
+ })
.catch(() => {
throw new Error('Failed to fetch user')
})
diff --git a/examples/react/start-basic/src/routes/users.index.tsx b/examples/react/start-basic/src/routes/users.index.tsx
index b6b0ee67fb..0e79fc2e7a 100644
--- a/examples/react/start-basic/src/routes/users.index.tsx
+++ b/examples/react/start-basic/src/routes/users.index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/users/')({
+
+export const Route = createFileRoute({
component: UsersIndexComponent,
})
diff --git a/examples/react/start-basic/src/routes/users.route.tsx b/examples/react/start-basic/src/routes/users.route.tsx
deleted file mode 100644
index 76cf588f6a..0000000000
--- a/examples/react/start-basic/src/routes/users.route.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
-import axios from 'redaxios'
-import { DEPLOY_URL } from '../utils/users'
-import type { User } from '../utils/users'
-
-export const Route = createFileRoute('/users')({
- loader: async () => {
- return await axios
- .get>(DEPLOY_URL + '/api/users')
- .then((r) => r.data)
- .catch(() => {
- throw new Error('Failed to fetch users')
- })
- },
- component: UsersLayoutComponent,
-})
-
-function UsersLayoutComponent() {
- const users = Route.useLoaderData()
-
- return (
- >(
+ 'https://jsonplaceholder.typicode.com/users',
+ )
+
+ const list = res.data.slice(0, 10)
+
+ return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })))
+ },
+ POST: api
+ .validator((input: { body: { name: string; email: string } }) => input)
+ .handler(async ({ data }) => {
+ console.info('Creating user...', data)
+ return json({ id: '1', name: data.body.name, email: data.body.email })
+ }),
+}))
+
+export const Route = createFileRoute({
+ loader: () => {
+ return ServerRoute.client.get()
+ },
+ component: UsersComponent,
+})
+
+function UsersComponent() {
+ const users = Route.useLoaderData()
+
+ const addUser = (
+
+ )
+
+ return (
+ >('https://jsonplaceholder.typicode.com/posts')
- .then((r) => r.data.slice(0, 10))
- },
-)
+export const fetchPosts = createServerFn({
+ method: 'GET',
+ type: 'static',
+}).handler(async () => {
+ console.info('Fetching posts...')
+ return axios
+ .get>('https://jsonplaceholder.typicode.com/posts')
+ .then((r) => r.data.slice(0, 10))
+})
diff --git a/examples/react/start-basic/src/utils/users.tsx b/examples/react/start-basic/src/utils/users.tsx
index b810f455fe..7ba645b383 100644
--- a/examples/react/start-basic/src/utils/users.tsx
+++ b/examples/react/start-basic/src/utils/users.tsx
@@ -3,5 +3,3 @@ export type User = {
name: string
email: string
}
-
-export const DEPLOY_URL = 'http://localhost:3000'
diff --git a/examples/react/start-basic/vite.config.ts b/examples/react/start-basic/vite.config.ts
new file mode 100644
index 0000000000..0262ff7f77
--- /dev/null
+++ b/examples/react/start-basic/vite.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite'
+import tsConfigPaths from 'vite-tsconfig-paths'
+import { TanStackStartVitePlugin } from '@tanstack/react-start/plugin'
+
+export default defineConfig({
+ server: {
+ port: 3000,
+ },
+ plugins: [
+ tsConfigPaths({
+ projects: ['./tsconfig.json'],
+ }),
+ TanStackStartVitePlugin({
+ // prerender: {
+ // enabled: true,
+ // },
+ }),
+ ],
+})
diff --git a/examples/react/start-clerk-basic/.gitignore b/examples/react/start-clerk-basic/.gitignore
index b15fed94e2..2818549158 100644
--- a/examples/react/start-clerk-basic/.gitignore
+++ b/examples/react/start-clerk-basic/.gitignore
@@ -7,14 +7,10 @@ yarn.lock
.cache
.vercel
.output
-.vinxi
-
/build/
/api/
/server/build
-/public/build
-.vinxi
-# Sentry Config File
+/public/build# Sentry Config File
.env.sentry-build-plugin
/test-results/
/playwright-report/
diff --git a/examples/react/start-clerk-basic/package.json b/examples/react/start-clerk-basic/package.json
index 579d7c1513..50634be144 100644
--- a/examples/react/start-clerk-basic/package.json
+++ b/examples/react/start-clerk-basic/package.json
@@ -4,20 +4,19 @@
"sideEffects": false,
"type": "module",
"scripts": {
- "dev": "vinxi dev",
- "build": "vinxi build",
- "start": "vinxi start"
+ "dev": "vite dev",
+ "build": "vite build",
+ "start": "vite start"
},
"dependencies": {
"@clerk/tanstack-react-start": "0.12.0",
- "@tanstack/react-router": "^1.115.2",
- "@tanstack/react-router-devtools": "^1.115.2",
- "@tanstack/react-start": "^1.115.2",
+ "@tanstack/react-router": "^1.116.0",
+ "@tanstack/react-router-devtools": "^1.116.0",
+ "@tanstack/react-start": "^1.116.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
- "tailwind-merge": "^2.6.0",
- "vinxi": "0.5.3"
+ "tailwind-merge": "^2.6.0"
},
"devDependencies": {
"@types/node": "^22.5.4",
diff --git a/examples/react/start-clerk-basic/src/client.tsx b/examples/react/start-clerk-basic/src/client.tsx
deleted file mode 100644
index 1593d1b3c7..0000000000
--- a/examples/react/start-clerk-basic/src/client.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-/// ()({
head: () => ({
- links: [{ rel: 'stylesheet', href: appCss }],
+ links: [{ rel: 'stylesheet' }],
meta: [
{
charSet: 'utf-8',
diff --git a/examples/react/start-large/src/routes/absolute.tsx b/examples/react/start-large/src/routes/absolute.tsx
index ba1f875050..857515fa10 100644
--- a/examples/react/start-large/src/routes/absolute.tsx
+++ b/examples/react/start-large/src/routes/absolute.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
-export const Route = createFileRoute('/absolute')({
+export const Route = createFileRoute({
component: AbsoluteComponent,
})
diff --git a/examples/react/start-large/src/routes/index.tsx b/examples/react/start-large/src/routes/index.tsx
index eac82a9174..607fbf2506 100644
--- a/examples/react/start-large/src/routes/index.tsx
+++ b/examples/react/start-large/src/routes/index.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/')({
+
+export const Route = createFileRoute({
component: Home,
})
diff --git a/examples/react/start-large/src/routes/linkProps.tsx b/examples/react/start-large/src/routes/linkProps.tsx
index 4804161ccf..89ef1c2a36 100644
--- a/examples/react/start-large/src/routes/linkProps.tsx
+++ b/examples/react/start-large/src/routes/linkProps.tsx
@@ -1,5 +1,5 @@
import * as React from 'react'
-import { Link, createFileRoute, linkOptions } from '@tanstack/react-router'
+import { Link, linkOptions } from '@tanstack/react-router'
import {
customRedirect,
ListItems,
@@ -7,7 +7,7 @@ import {
useCustomNavigate,
} from '~/typePrimitives'
-export const Route = createFileRoute('/linkProps')({
+export const Route = createFileRoute({
component: LinkPropsPage,
loader: () => {
throw customRedirect({
diff --git a/examples/react/start-large/src/routes/params/$paramsPlaceholder.tsx b/examples/react/start-large/src/routes/params/$paramsPlaceholder.tsx
index 45c00d1837..2b68e4cf50 100644
--- a/examples/react/start-large/src/routes/params/$paramsPlaceholder.tsx
+++ b/examples/react/start-large/src/routes/params/$paramsPlaceholder.tsx
@@ -1,5 +1,5 @@
import * as React from 'react'
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
import * as v from 'valibot'
import { queryOptions } from '@tanstack/react-query'
import { createMiddleware, createServerFn } from '@tanstack/react-start'
@@ -44,7 +44,7 @@ const paramsQueryOptions = queryOptions({
},
})
-export const Route = createFileRoute('/params/$paramsPlaceholder')({
+export const Route = createFileRoute({
component: ParamsComponent,
context: () => ({
paramsQueryOptions: queryOptions({
diff --git a/examples/react/start-large/src/routes/params/route.tsx b/examples/react/start-large/src/routes/params/route.tsx
index 32f2b82024..5d39cf1d8d 100644
--- a/examples/react/start-large/src/routes/params/route.tsx
+++ b/examples/react/start-large/src/routes/params/route.tsx
@@ -1,6 +1,6 @@
import * as React from 'react'
-import { createFileRoute } from '@tanstack/react-router'
-export const Route = createFileRoute('/params')({
+
+export const Route = createFileRoute({
component: () => ({
client: createTRPCClient({
links: [
httpBatchLink({
- // since we are using Vinxi, the server is running on the same port,
+ // since we are using Vite, the server is running on the same port,
// this means in dev the url is `http://localhost:3000/trpc`
// and since its from the same origin, we don't need to explicitly set the full URL
url: '/trpc',
diff --git a/examples/react/with-trpc/.gitignore b/examples/react/with-trpc/.gitignore
index be342025da..ca63f49885 100644
--- a/examples/react/with-trpc/.gitignore
+++ b/examples/react/with-trpc/.gitignore
@@ -7,14 +7,10 @@ yarn.lock
.env
.vercel
.output
-.vinxi
-
/build/
/api/
/server/build
-/public/build
-.vinxi
-# Sentry Config File
+/public/build# Sentry Config File
.env.sentry-build-plugin
/test-results/
/playwright-report/
diff --git a/examples/react/with-trpc/app.config.js b/examples/react/with-trpc/app.config.js
index ef4eb87c7b..0f15246c33 100644
--- a/examples/react/with-trpc/app.config.js
+++ b/examples/react/with-trpc/app.config.js
@@ -1,8 +1,10 @@
-import { createApp } from 'vinxi'
+import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react'
import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
-export default createApp({
+// TODO: Need to migrate this to vite and the new TanStack Start plugin
+
+export default defineConfig({
server: {
preset: 'node-server', // change to 'netlify' or 'bun' or anyof the supported presets for nitro (nitro.unjs.io)
experimental: {
diff --git a/examples/react/with-trpc/package.json b/examples/react/with-trpc/package.json
index 537e90ec3d..c629e24552 100644
--- a/examples/react/with-trpc/package.json
+++ b/examples/react/with-trpc/package.json
@@ -3,15 +3,15 @@
"private": true,
"type": "module",
"scripts": {
- "dev": "vinxi dev",
- "build": "vinxi build",
- "start": "vinxi start"
+ "dev": "vite dev",
+ "build": "vite build",
+ "start": "vite start"
},
"dependencies": {
- "@tanstack/react-router": "^1.115.2",
- "@tanstack/react-router-devtools": "^1.115.2",
- "@tanstack/router-plugin": "^1.115.2",
- "@tanstack/react-start": "^1.115.2",
+ "@tanstack/react-router": "^1.116.0",
+ "@tanstack/react-router-devtools": "^1.116.0",
+ "@tanstack/router-plugin": "^1.116.0",
+ "@tanstack/react-start": "^1.116.0",
"@trpc/client": "11.0.0-rc.772",
"@trpc/server": "11.0.0-rc.772",
"react": "^19.0.0",
@@ -20,7 +20,6 @@
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
- "vinxi": "0.5.3",
"zod": "^3.24.2"
},
"devDependencies": {
diff --git a/examples/react/with-trpc/src/main.tsx b/examples/react/with-trpc/src/main.tsx
index 3cff783e4b..ff5d7de693 100644
--- a/examples/react/with-trpc/src/main.tsx
+++ b/examples/react/with-trpc/src/main.tsx
@@ -1,5 +1,3 @@
-/// ({
links: [
httpBatchLink({
- // since we are using Vinxi, the server is running on the same port,
+ // since we are using Vite, the server is running on the same port,
// this means in dev the url is `http://localhost:3000/trpc`
// and since its from the same origin, we don't need to explicitly set the full URL
url: '/trpc',
diff --git a/examples/solid/basic-devtools-panel/package.json b/examples/solid/basic-devtools-panel/package.json
index 29e4de0b7a..573590a39e 100644
--- a/examples/solid/basic-devtools-panel/package.json
+++ b/examples/solid/basic-devtools-panel/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"solid-js": "^1.9.5",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
diff --git a/examples/solid/basic-file-based/package.json b/examples/solid/basic-file-based/package.json
index 2623a3ccd8..5b558c268e 100644
--- a/examples/solid/basic-file-based/package.json
+++ b/examples/solid/basic-file-based/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"autoprefixer": "^10.4.20",
"postcss": "^8.5.1",
"redaxios": "^0.5.1",
@@ -19,7 +19,7 @@
"zod": "^3.24.2"
},
"devDependencies": {
- "@tanstack/router-plugin": "^1.115.2",
+ "@tanstack/router-plugin": "^1.116.0",
"typescript": "^5.7.2",
"vite": "^6.1.0",
"vite-plugin-solid": "^2.11.2"
diff --git a/examples/solid/basic-non-nested-devtools/package.json b/examples/solid/basic-non-nested-devtools/package.json
index 9d714b3c41..b1696e1e6d 100644
--- a/examples/solid/basic-non-nested-devtools/package.json
+++ b/examples/solid/basic-non-nested-devtools/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"solid-js": "^1.9.5",
diff --git a/examples/solid/basic-solid-query-file-based/package.json b/examples/solid/basic-solid-query-file-based/package.json
index 73c2287191..fb34e7a391 100644
--- a/examples/solid/basic-solid-query-file-based/package.json
+++ b/examples/solid/basic-solid-query-file-based/package.json
@@ -12,8 +12,8 @@
"dependencies": {
"@tanstack/solid-query": "^5.71.9",
"@tanstack/solid-query-devtools": "^5.71.9",
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"solid-js": "^1.9.5",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
@@ -22,7 +22,7 @@
"zod": "^3.24.2"
},
"devDependencies": {
- "@tanstack/router-plugin": "^1.115.2",
+ "@tanstack/router-plugin": "^1.116.0",
"typescript": "^5.7.2",
"vite": "^6.1.0",
"vite-plugin-solid": "^2.11.2"
diff --git a/examples/solid/basic-solid-query/package.json b/examples/solid/basic-solid-query/package.json
index 7aab951c8f..882c8ec95d 100644
--- a/examples/solid/basic-solid-query/package.json
+++ b/examples/solid/basic-solid-query/package.json
@@ -11,8 +11,8 @@
"dependencies": {
"@tanstack/solid-query": "^5.71.9",
"@tanstack/solid-query-devtools": "^5.71.9",
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"solid-js": "^1.9.5",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
@@ -20,7 +20,7 @@
"tailwindcss": "^3.4.17"
},
"devDependencies": {
- "@tanstack/router-plugin": "^1.115.2",
+ "@tanstack/router-plugin": "^1.116.0",
"typescript": "^5.7.2",
"vite": "^6.1.0",
"vite-plugin-solid": "^2.11.2"
diff --git a/examples/solid/basic/package.json b/examples/solid/basic/package.json
index 2c81c2414c..5fb59f2673 100644
--- a/examples/solid/basic/package.json
+++ b/examples/solid/basic/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"solid-js": "^1.9.5",
diff --git a/examples/solid/kitchen-sink-file-based/package.json b/examples/solid/kitchen-sink-file-based/package.json
index 9b8ddcab67..15899f4fe9 100644
--- a/examples/solid/kitchen-sink-file-based/package.json
+++ b/examples/solid/kitchen-sink-file-based/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"immer": "^10.1.1",
"solid-js": "^1.9.5",
"redaxios": "^0.5.1",
@@ -20,7 +20,7 @@
"zod": "^3.24.2"
},
"devDependencies": {
- "@tanstack/router-plugin": "^1.115.2",
+ "@tanstack/router-plugin": "^1.116.0",
"typescript": "^5.7.2",
"vite": "^6.1.0",
"vite-plugin-solid": "^2.11.2"
diff --git a/examples/solid/quickstart-file-based/package.json b/examples/solid/quickstart-file-based/package.json
index f05733c878..abb4193682 100644
--- a/examples/solid/quickstart-file-based/package.json
+++ b/examples/solid/quickstart-file-based/package.json
@@ -9,8 +9,8 @@
"start": "vite"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
"autoprefixer": "^10.4.20",
"postcss": "^8.5.1",
"redaxios": "^0.5.1",
@@ -19,7 +19,7 @@
"zod": "^3.24.2"
},
"devDependencies": {
- "@tanstack/router-plugin": "^1.115.2",
+ "@tanstack/router-plugin": "^1.116.0",
"typescript": "^5.7.2",
"vite": "^6.1.0",
"vite-plugin-solid": "^2.11.2"
diff --git a/examples/solid/start-bare/app.config.ts b/examples/solid/start-bare/app.config.ts
deleted file mode 100644
index 19c03a0458..0000000000
--- a/examples/solid/start-bare/app.config.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { defineConfig } from '@tanstack/solid-start/config'
-import tsConfigPaths from 'vite-tsconfig-paths'
-import tailwindcss from '@tailwindcss/vite'
-
-export default defineConfig({
- tsr: {
- appDirectory: 'src',
- },
- vite: {
- plugins: [
- tsConfigPaths({
- projects: ['./tsconfig.json'],
- }),
- tailwindcss(),
- ],
- },
-})
diff --git a/examples/solid/start-bare/package.json b/examples/solid/start-bare/package.json
index ed70bea57f..94f27bda20 100644
--- a/examples/solid/start-bare/package.json
+++ b/examples/solid/start-bare/package.json
@@ -4,18 +4,18 @@
"sideEffects": false,
"type": "module",
"scripts": {
- "dev": "vinxi dev",
- "build": "vinxi build",
- "start": "vinxi start"
+ "dev": "vite dev",
+ "build": "vite build",
+ "start": "vite start"
},
"dependencies": {
- "@tanstack/solid-router": "^1.115.0",
- "@tanstack/solid-router-devtools": "^1.115.0",
- "@tanstack/solid-start": "^1.115.2",
+ "@tanstack/solid-router": "^1.116.0",
+ "@tanstack/solid-router-devtools": "^1.116.0",
+ "@tanstack/solid-start": "^1.116.0",
"solid-js": "^1.9.5",
"redaxios": "^0.5.1",
"tailwind-merge": "^2.6.0",
- "vinxi": "0.5.3",
+ "vite": "6.1.5",
"zod": "^3.24.2"
},
"devDependencies": {
diff --git a/examples/solid/start-bare/src/client.tsx b/examples/solid/start-bare/src/client.tsx
deleted file mode 100644
index ba0f02fac0..0000000000
--- a/examples/solid/start-bare/src/client.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-///
+
+ )
+ },
notFoundComponent: () =>
+
+ )
+}
+
+function RootDocument({ children }: { children: Solid.JSX.Element }) {
return (
<>
+
+ {children} +(
- 'https://jsonplaceholder.typicode.com/users/' + params.id,
- )
-
- return json({
- id: res.data.id,
- name: res.data.name,
- email: res.data.email,
- })
- } catch (e) {
- console.error(e)
- return json({ error: 'User not found' }, { status: 404 })
- }
- },
-})
diff --git a/examples/solid/start-basic/src/routes/api/users.ts b/examples/solid/start-basic/src/routes/api/users.ts
deleted file mode 100644
index c10bcfc94a..0000000000
--- a/examples/solid/start-basic/src/routes/api/users.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { json } from '@tanstack/solid-start'
-import { createAPIFileRoute } from '@tanstack/solid-start/api'
-import axios from 'redaxios'
-import type { User } from '../../utils/users'
-
-export const APIRoute = createAPIFileRoute('/api/users')({
- GET: async ({ request }) => {
- console.info('Fetching users... @', request.url)
- const res = await axios.get>(
- 'https://jsonplaceholder.typicode.com/users',
- )
-
- const list = res.data.slice(0, 10)
-
- return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })))
- },
-})
diff --git a/examples/solid/start-basic/src/routes/deferred.tsx b/examples/solid/start-basic/src/routes/deferred.tsx
index 1860f3af9a..c510571e5d 100644
--- a/examples/solid/start-basic/src/routes/deferred.tsx
+++ b/examples/solid/start-basic/src/routes/deferred.tsx
@@ -1,6 +1,6 @@
-import { Await, createFileRoute } from '@tanstack/solid-router'
+import { Await } from '@tanstack/solid-router'
import { createServerFn } from '@tanstack/solid-start'
-import { createSignal, Suspense } from 'solid-js'
+import { Suspense, createSignal } from 'solid-js'
const personServerFn = createServerFn({ method: 'GET' })
.validator((d: string) => d)
@@ -15,7 +15,7 @@ const slowServerFn = createServerFn({ method: 'GET' })
return { name, randomNumber: Math.floor(Math.random() * 100) }
})
-export const Route = createFileRoute('/deferred')({
+export const Route = createFileRoute({
loader: async () => {
return {
deferredStuff: new Promise((r) =>
diff --git a/examples/solid/start-basic/src/routes/index.tsx b/examples/solid/start-basic/src/routes/index.tsx
index a128aeca0e..aa79ef4545 100644
--- a/examples/solid/start-basic/src/routes/index.tsx
+++ b/examples/solid/start-basic/src/routes/index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/solid-router'
-export const Route = createFileRoute('/')({
+
+export const Route = createFileRoute({
component: Home,
})
diff --git a/examples/solid/start-basic/src/routes/posts.$postId.tsx b/examples/solid/start-basic/src/routes/posts.$postId.tsx
index d13735a4db..7d06791adb 100644
--- a/examples/solid/start-basic/src/routes/posts.$postId.tsx
+++ b/examples/solid/start-basic/src/routes/posts.$postId.tsx
@@ -1,9 +1,9 @@
-import { Link, createFileRoute } from '@tanstack/solid-router'
+import { Link } from '@tanstack/solid-router'
import { fetchPost } from '../utils/posts'
import { NotFound } from '~/components/NotFound'
import { PostErrorComponent } from '~/components/PostError'
-export const Route = createFileRoute('/posts/$postId')({
+export const Route = createFileRoute({
loader: ({ params: { postId } }) => fetchPost({ data: postId }),
errorComponent: PostErrorComponent,
component: PostComponent,
diff --git a/examples/solid/start-basic/src/routes/posts.index.tsx b/examples/solid/start-basic/src/routes/posts.index.tsx
index 33d0386c19..d0d3b4f2f2 100644
--- a/examples/solid/start-basic/src/routes/posts.index.tsx
+++ b/examples/solid/start-basic/src/routes/posts.index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/solid-router'
-export const Route = createFileRoute('/posts/')({
+
+export const Route = createFileRoute({
component: PostsIndexComponent,
})
diff --git a/examples/solid/start-basic/src/routes/posts.tsx b/examples/solid/start-basic/src/routes/posts.tsx
index 326372478f..4f0b47fa08 100644
--- a/examples/solid/start-basic/src/routes/posts.tsx
+++ b/examples/solid/start-basic/src/routes/posts.tsx
@@ -1,7 +1,7 @@
-import { Link, Outlet, createFileRoute } from '@tanstack/solid-router'
+import { Link, Outlet } from '@tanstack/solid-router'
import { fetchPosts } from '../utils/posts'
-export const Route = createFileRoute('/posts')({
+export const Route = createFileRoute({
loader: async () => fetchPosts(),
component: PostsComponent,
})
diff --git a/examples/solid/start-basic/src/routes/posts_.$postId.deep.tsx b/examples/solid/start-basic/src/routes/posts_.$postId.deep.tsx
index 7c52bc19eb..87eeade3b3 100644
--- a/examples/solid/start-basic/src/routes/posts_.$postId.deep.tsx
+++ b/examples/solid/start-basic/src/routes/posts_.$postId.deep.tsx
@@ -1,8 +1,8 @@
-import { Link, createFileRoute } from '@tanstack/solid-router'
+import { Link } from '@tanstack/solid-router'
import { fetchPost } from '../utils/posts'
import { PostErrorComponent } from '~/components/PostError'
-export const Route = createFileRoute('/posts_/$postId/deep')({
+export const Route = createFileRoute({
loader: async ({ params: { postId } }) =>
fetchPost({
data: postId,
@@ -16,7 +16,10 @@ function PostDeepComponent() {
return (
-
-
- )
-}
diff --git a/examples/react/start-basic/src/routes/users.tsx b/examples/react/start-basic/src/routes/users.tsx
new file mode 100644
index 0000000000..9fe0b4f0c8
--- /dev/null
+++ b/examples/react/start-basic/src/routes/users.tsx
@@ -0,0 +1,80 @@
+import { Link, Outlet } from '@tanstack/react-router'
+import axios from 'redaxios'
+import { json } from '@tanstack/react-start'
+import type { User } from '../utils/users'
+
+export const ServerRoute = createServerFileRoute().methods((api) => ({
+ GET: async ({ request }) => {
+ console.info('Fetching users... @', request.url)
+ const res = await axios.get-
- {[
- ...users,
- { id: 'i-do-not-exist', name: 'Non-existent User', email: '' },
- ].map((user) => {
- return (
-
-
-
- {user.name}- -
- )
- })}
-
-
+
+
+ )
+}
diff --git a/examples/react/start-basic/src/ssr.tsx b/examples/react/start-basic/src/ssr.tsx
deleted file mode 100644
index 8981a9a338..0000000000
--- a/examples/react/start-basic/src/ssr.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-/// -
+ {[
+ ...users,
+ { id: 'i-do-not-exist', name: 'Non-existent User', email: '' },
+ ].map((user) => {
+ return (
+
-
+
+ {user.name}+ +
+ )
+ })}
+
+
Hello /params!
,
})
diff --git a/examples/react/start-large/src/routes/relative.tsx b/examples/react/start-large/src/routes/relative.tsx
index 6f6e581efd..cf25ec6f9f 100644
--- a/examples/react/start-large/src/routes/relative.tsx
+++ b/examples/react/start-large/src/routes/relative.tsx
@@ -1,7 +1,7 @@
import * as React from 'react'
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
-export const Route = createFileRoute('/relative')({
+export const Route = createFileRoute({
component: RelativeComponent,
})
diff --git a/examples/react/start-large/src/routes/search/route.tsx b/examples/react/start-large/src/routes/search/route.tsx
index 3bcbe420e1..9fd088aa4e 100644
--- a/examples/react/start-large/src/routes/search/route.tsx
+++ b/examples/react/start-large/src/routes/search/route.tsx
@@ -1,11 +1,11 @@
-import { createFileRoute } from '@tanstack/react-router'
+
import * as v from 'valibot'
const search = v.object({
rootSearch: v.number(),
})
-export const Route = createFileRoute('/search')({
+export const Route = createFileRoute({
component: () => Hello /search!
,
validateSearch: search,
})
diff --git a/examples/react/start-large/src/routes/search/searchPlaceholder.tsx b/examples/react/start-large/src/routes/search/searchPlaceholder.tsx
index 56dc0a2931..1957b019de 100644
--- a/examples/react/start-large/src/routes/search/searchPlaceholder.tsx
+++ b/examples/react/start-large/src/routes/search/searchPlaceholder.tsx
@@ -1,4 +1,4 @@
-import { Link, createFileRoute } from '@tanstack/react-router'
+import { Link } from '@tanstack/react-router'
import * as v from 'valibot'
import { queryOptions } from '@tanstack/react-query'
@@ -42,7 +42,19 @@ const fn = createServerFn()
return result
})
-export const Route = createFileRoute('/search/searchPlaceholder')({
+export const ServerRoute = createServerFileRoute().methods((api) => ({
+ GET: api
+ .validator(
+ v.object({
+ search: v.object({ searchPlaceholder: v.literal('searchPlaceholder') }),
+ }),
+ )
+ .handler((ctx) => {
+ return ctx.data
+ }),
+}))
+
+export const Route = createFileRoute({
component: SearchComponent,
validateSearch: search,
loaderDeps: ({ search }) => ({ search }),
@@ -51,9 +63,24 @@ export const Route = createFileRoute('/search/searchPlaceholder')({
queryKey: ['searchPlaceholder'],
queryFn: () => fn({ data: ctx.deps.search }),
}),
+ externalSearchQueryOptions: queryOptions({
+ queryKey: ['searchPlaceholder', 'external'],
+ queryFn: () => ServerRoute.client.get({ search: ctx.deps.search }),
+ }),
}),
- loader: (opts) =>
- opts.context.queryClient.ensureQueryData(opts.context.searchQueryOptions),
+ loader: async (opts) => {
+ const search = await opts.context.queryClient.ensureQueryData(
+ opts.context.searchQueryOptions,
+ )
+ const external = await opts.context.queryClient.ensureQueryData(
+ opts.context.externalSearchQueryOptions,
+ )
+
+ return {
+ search,
+ external,
+ }
+ },
})
function SearchComponent() {
diff --git a/examples/react/start-large/src/ssr.tsx b/examples/react/start-large/src/ssr.tsx
deleted file mode 100644
index a24fb32843..0000000000
--- a/examples/react/start-large/src/ssr.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-// src/ssr.tsx
-/// {props.error.stack}
, + errorComponent: (props) => { + return ( +
{' '}
- Deferred
+ Pathless Layout
{' '}
- redirect
+ Deferred
{' '}
- + {children} +
-
+
← All Posts
(
+ 'https://jsonplaceholder.typicode.com/users/' + params.userId,
+ )
+
+ return json({
+ id: res.data.id,
+ name: res.data.name,
+ email: res.data.email,
+ })
+ } catch (e) {
+ console.error(e)
+ return json({ error: 'User not found' }, { status: 404 })
+ }
+ },
+})
+
+export const Route = createFileRoute({
loader: async ({ params: { userId } }) => {
- return await axios
- .get(DEPLOY_URL + '/api/users/' + userId)
- .then((r) => r.data)
+ return (await axios.get)(
+ '/api/users/' + userId,
+ )
+ .then((r) => {
+ if ('error' in r.data) throw new Error()
+ return r.data
+ })
.catch(() => {
throw new Error('Failed to fetch user')
})
@@ -26,8 +49,8 @@ function UserComponent() {
return (
>(DEPLOY_URL + '/api/users')
- .then((r) => r.data)
- .catch(() => {
- throw new Error('Failed to fetch users')
- })
+export const ServerRoute = createServerFileRoute().methods((api) => ({
+ GET: async ({ request }) => {
+ console.info('Fetching users... @', request.url)
+ const res = await axios.get>(
+ 'https://jsonplaceholder.typicode.com/users',
+ )
+
+ const list = res.data.slice(0, 10)
+
+ return json(list.map((u) => ({ id: u.id, name: u.name, email: u.email })))
+ },
+ POST: api
+ .validator((input: { body: { name: string; email: string } }) => input)
+ .handler(async ({ data }) => {
+ console.info('Creating user...', data)
+ return json({ id: '1', name: data.body.name, email: data.body.email })
+ }),
+}))
+
+export const Route = createFileRoute({
+ loader: () => {
+ return ServerRoute.client.get().catch(() => {
+ throw new Error('Failed to fetch users')
+ })
},
component: UsersComponent,
})
@@ -18,6 +34,24 @@ export const Route = createFileRoute('/users')({
function UsersComponent() {
const users = Route.useLoaderData()
+ const addUser = (
+
+ )
+
return (
{post().title}
diff --git a/examples/solid/start-basic/src/routes/redirect.tsx b/examples/solid/start-basic/src/routes/redirect.tsx index ca017f0635..7e98edeb77 100644 --- a/examples/solid/start-basic/src/routes/redirect.tsx +++ b/examples/solid/start-basic/src/routes/redirect.tsx @@ -1,6 +1,6 @@ -import { createFileRoute, redirect } from '@tanstack/solid-router' +import { redirect } from '@tanstack/solid-router' -export const Route = createFileRoute('/redirect')({ +export const Route = createFileRoute({ beforeLoad: async () => { throw redirect({ to: '/posts', diff --git a/examples/solid/start-basic/src/routes/users.$userId.tsx b/examples/solid/start-basic/src/routes/users.$userId.tsx index a2d99fbf6b..4e3b3f659d 100644 --- a/examples/solid/start-basic/src/routes/users.$userId.tsx +++ b/examples/solid/start-basic/src/routes/users.$userId.tsx @@ -1,15 +1,38 @@ -import { createFileRoute } from '@tanstack/solid-router' import axios from 'redaxios' -import type { User } from '~/utils/users' -import { DEPLOY_URL } from '~/utils/users' -import { NotFound } from '~/components/NotFound' -import { UserErrorComponent } from '~/components/UserError' +import { NotFound } from 'src/components/NotFound' +import { UserErrorComponent } from 'src/components/UserError' +import { json } from '@tanstack/solid-start' +import type { User } from 'src/utils/users' -export const Route = createFileRoute('/users/$userId')({ +export const ServerRoute = createServerFileRoute().methods({ + GET: async ({ params, request }) => { + console.info(`Fetching users by id=${params.userId}... @`, request.url) + try { + const res = await axios.get
-
)
}
diff --git a/examples/solid/start-basic/src/routes/users.index.tsx b/examples/solid/start-basic/src/routes/users.index.tsx
index bbc96801a9..0e79fc2e7a 100644
--- a/examples/solid/start-basic/src/routes/users.index.tsx
+++ b/examples/solid/start-basic/src/routes/users.index.tsx
@@ -1,6 +1,6 @@
-import { createFileRoute } from '@tanstack/solid-router'
-export const Route = createFileRoute('/users/')({
+
+export const Route = createFileRoute({
component: UsersIndexComponent,
})
diff --git a/examples/solid/start-basic/src/routes/users.tsx b/examples/solid/start-basic/src/routes/users.tsx
index 2caca046e0..e8a5f080fb 100644
--- a/examples/solid/start-basic/src/routes/users.tsx
+++ b/examples/solid/start-basic/src/routes/users.tsx
@@ -1,16 +1,32 @@
-import { Link, Outlet, createFileRoute } from '@tanstack/solid-router'
+import { Link, Outlet } from '@tanstack/solid-router'
import axios from 'redaxios'
-import { DEPLOY_URL } from '../utils/users'
+import { json } from '@tanstack/solid-start'
import type { User } from '../utils/users'
-export const Route = createFileRoute('/users')({
- loader: async () => {
- return await axios
- .get{user().name}
-{user().email}
+ {user.name}
+{user.email}
-
diff --git a/examples/solid/start-basic/src/ssr.tsx b/examples/solid/start-basic/src/ssr.tsx
deleted file mode 100644
index 6d10bea05f..0000000000
--- a/examples/solid/start-basic/src/ssr.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import {
- createStartHandler,
- defaultStreamHandler,
-} from '@tanstack/solid-start/server'
-import { getRouterManifest } from '@tanstack/solid-start/router-manifest'
-
-import { createRouter } from './router'
-
-export default createStartHandler({
- createRouter,
- getRouterManifest,
-})(defaultStreamHandler)
diff --git a/examples/solid/start-basic/src/utils/posts.tsx b/examples/solid/start-basic/src/utils/posts.tsx
index 96eaa78afc..e29706d38c 100644
--- a/examples/solid/start-basic/src/utils/posts.tsx
+++ b/examples/solid/start-basic/src/utils/posts.tsx
@@ -8,7 +8,7 @@ export type PostType = {
body: string
}
-export const fetchPost = createServerFn({ method: 'GET' })
+export const fetchPost = createServerFn({ method: 'GET', type: 'static' })
.validator((d: string) => d)
.handler(async ({ data }) => {
console.info(`Fetching post with id ${data}...`)
@@ -26,11 +26,12 @@ export const fetchPost = createServerFn({ method: 'GET' })
return post
})
-export const fetchPosts = createServerFn({ method: 'GET' }).handler(
- async () => {
- console.info('Fetching posts...')
- return axios
- .get
-
-# TanStack Start
-
-
-
-🤖 Type-safe router w/ built-in caching & URL state management for React!
-
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
-
-Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/tannerlinsley/react-query), [React Table](https://github.com/tanstack/react-table), [React Charts](https://github.com/tannerlinsley/react-charts), [React Virtual](https://github.com/tannerlinsley/react-virtual)
-
-## Visit [tanstack.com/router](https://tanstack.com/router) for docs, guides, API and more!
diff --git a/packages/react-start-config/eslint.config.js b/packages/react-start-config/eslint.config.js
deleted file mode 100644
index 931f0ec774..0000000000
--- a/packages/react-start-config/eslint.config.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// @ts-check
-
-import pluginReact from '@eslint-react/eslint-plugin'
-import pluginReactHooks from 'eslint-plugin-react-hooks'
-import rootConfig from '../../eslint.config.js'
-
-export default [
- ...rootConfig,
- {
- ...pluginReact.configs.recommended,
- files: ['**/*.{ts,tsx}'],
- },
- {
- plugins: {
- 'react-hooks': pluginReactHooks,
- },
- rules: {
- '@eslint-react/no-unstable-context-value': 'off',
- '@eslint-react/no-unstable-default-props': 'off',
- '@eslint-react/dom/no-missing-button-type': 'off',
- 'react-hooks/exhaustive-deps': 'error',
- 'react-hooks/rules-of-hooks': 'error',
- },
- },
- {
- files: ['**/__tests__/**'],
- rules: {
- '@typescript-eslint/no-unnecessary-condition': 'off',
- },
- },
-]
diff --git a/packages/react-start-config/package.json b/packages/react-start-config/package.json
deleted file mode 100644
index 482b5bea32..0000000000
--- a/packages/react-start-config/package.json
+++ /dev/null
@@ -1,73 +0,0 @@
-{
- "name": "@tanstack/react-start-config",
- "version": "1.115.2",
- "description": "Modern and scalable routing for React applications",
- "author": "Tanner Linsley",
- "license": "MIT",
- "repository": {
- "type": "git",
- "url": "https://github.com/TanStack/router.git",
- "directory": "packages/react-start-config"
- },
- "homepage": "https://tanstack.com/start",
- "funding": {
- "type": "github",
- "url": "https://github.com/sponsors/tannerlinsley"
- },
- "keywords": [
- "react",
- "location",
- "router",
- "routing",
- "async",
- "async router",
- "typescript"
- ],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "build": "tsc",
- "test": "pnpm test:eslint && pnpm test:types && pnpm test:build && pnpm test:unit",
- "test:unit": "exit 0;vitest",
- "test:eslint": "eslint ./src",
- "test:types": "exit 0; vitest"
- },
- "type": "module",
- "types": "dist/esm/index.d.ts",
- "exports": {
- ".": {
- "import": {
- "types": "./dist/esm/index.d.ts",
- "default": "./dist/esm/index.js"
- }
- },
- "./package.json": "./package.json"
- },
- "sideEffects": false,
- "files": [
- "dist",
- "src"
- ],
- "engines": {
- "node": ">=12"
- },
- "dependencies": {
- "@tanstack/router-core": "workspace:^",
- "@tanstack/router-generator": "workspace:^",
- "@tanstack/router-plugin": "workspace:^",
- "@tanstack/server-functions-plugin": "workspace:^",
- "@tanstack/react-start-plugin": "workspace:^",
- "@tanstack/start-server-functions-handler": "workspace:^",
- "@vitejs/plugin-react": "^4.3.4",
- "import-meta-resolve": "^4.1.0",
- "nitropack": "^2.10.4",
- "ofetch": "^1.4.1",
- "vite": "^6.1.0",
- "vinxi": "0.5.3",
- "zod": "^3.24.2"
- },
- "peerDependencies": {
- "react": ">=18.0.0 || >=19.0.0",
- "react-dom": ">=18.0.0 || >=19.0.0",
- "vite": "^6.0.0"
- }
-}
diff --git a/packages/react-start-config/src/index.ts b/packages/react-start-config/src/index.ts
deleted file mode 100644
index 7d8c8475df..0000000000
--- a/packages/react-start-config/src/index.ts
+++ /dev/null
@@ -1,665 +0,0 @@
-import path from 'node:path'
-import { existsSync, readFileSync } from 'node:fs'
-import { readFile } from 'node:fs/promises'
-import { fileURLToPath } from 'node:url'
-import viteReact from '@vitejs/plugin-react'
-import { resolve } from 'import-meta-resolve'
-import { TanStackRouterVite } from '@tanstack/router-plugin/vite'
-import { getConfig } from '@tanstack/router-generator'
-import { createApp } from 'vinxi'
-import { config } from 'vinxi/plugins/config'
-// // @ts-expect-error
-// import { serverComponents } from '@vinxi/server-components/plugin'
-import { createTanStackServerFnPlugin } from '@tanstack/server-functions-plugin'
-import { createTanStackStartPlugin } from '@tanstack/react-start-plugin'
-import { createFetch } from 'ofetch'
-import { createNitro } from 'nitropack'
-import { tanstackStartVinxiFileRouter } from './vinxi-file-router.js'
-import {
- checkDeploymentPresetInput,
- getUserViteConfig,
- inlineConfigSchema,
- serverSchema,
-} from './schema.js'
-import type { configSchema } from '@tanstack/router-generator'
-import type { z } from 'zod'
-import type {
- TanStackStartInputConfig,
- TanStackStartOutputConfig,
-} from './schema.js'
-import type { App as VinxiApp } from 'vinxi'
-import type { Manifest } from '@tanstack/router-core'
-import type * as vite from 'vite'
-
-export type {
- TanStackStartInputConfig,
- TanStackStartOutputConfig,
-} from './schema.js'
-
-function setTsrDefaults(config: TanStackStartOutputConfig['tsr']) {
- // Normally these are `./src/___`, but we're using `./app/___` for Start stuff
- const appDirectory = config?.appDirectory ?? './app'
- return {
- ...config,
- appDirectory: config?.appDirectory ?? appDirectory,
- routesDirectory:
- config?.routesDirectory ?? path.join(appDirectory, 'routes'),
- generatedRouteTree:
- config?.generatedRouteTree ?? path.join(appDirectory, 'routeTree.gen.ts'),
- }
-}
-
-function mergeSsrOptions(options: Array
-
-# TanStack Start
-
-
-
-🤖 Type-safe router w/ built-in caching & URL state management for React!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/tannerlinsley/react-query), [React Table](https://github.com/tanstack/react-table), [React Charts](https://github.com/tannerlinsley/react-charts), [React Virtual](https://github.com/tannerlinsley/react-virtual)
-
-## Visit [tanstack.com/router](https://tanstack.com/router) for docs, guides, API and more!
diff --git a/packages/react-start-router-manifest/eslint.config.js b/packages/react-start-router-manifest/eslint.config.js
deleted file mode 100644
index 931f0ec774..0000000000
--- a/packages/react-start-router-manifest/eslint.config.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// @ts-check
-
-import pluginReact from '@eslint-react/eslint-plugin'
-import pluginReactHooks from 'eslint-plugin-react-hooks'
-import rootConfig from '../../eslint.config.js'
-
-export default [
- ...rootConfig,
- {
- ...pluginReact.configs.recommended,
- files: ['**/*.{ts,tsx}'],
- },
- {
- plugins: {
- 'react-hooks': pluginReactHooks,
- },
- rules: {
- '@eslint-react/no-unstable-context-value': 'off',
- '@eslint-react/no-unstable-default-props': 'off',
- '@eslint-react/dom/no-missing-button-type': 'off',
- 'react-hooks/exhaustive-deps': 'error',
- 'react-hooks/rules-of-hooks': 'error',
- },
- },
- {
- files: ['**/__tests__/**'],
- rules: {
- '@typescript-eslint/no-unnecessary-condition': 'off',
- },
- },
-]
diff --git a/packages/react-start-router-manifest/package.json b/packages/react-start-router-manifest/package.json
deleted file mode 100644
index 6f1e283e78..0000000000
--- a/packages/react-start-router-manifest/package.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
- "name": "@tanstack/react-start-router-manifest",
- "version": "1.115.0",
- "description": "Modern and scalable routing for React applications",
- "author": "Tanner Linsley",
- "license": "MIT",
- "repository": {
- "type": "git",
- "url": "https://github.com/TanStack/router.git",
- "directory": "packages/react-start-router-manifest"
- },
- "homepage": "https://tanstack.com/start",
- "funding": {
- "type": "github",
- "url": "https://github.com/sponsors/tannerlinsley"
- },
- "keywords": [
- "react",
- "location",
- "router",
- "routing",
- "async",
- "async router",
- "typescript"
- ],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "test": "pnpm test:eslint && pnpm test:types && pnpm test:build && pnpm test:unit",
- "test:unit": "exit 0; vitest",
- "test:eslint": "eslint ./src",
- "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
- "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js",
- "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js",
- "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
- "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
- "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
- "test:types:ts58": "tsc",
- "test:build": "publint --strict && attw --ignore-rules no-resolution --pack .",
- "build": "tsc"
- },
- "type": "module",
- "types": "dist/esm/index.d.ts",
- "exports": {
- ".": {
- "import": {
- "types": "./dist/esm/index.d.ts",
- "default": "./dist/esm/index.js"
- }
- },
- "./package.json": "./package.json"
- },
- "sideEffects": false,
- "files": [
- "dist",
- "src"
- ],
- "engines": {
- "node": ">=12"
- },
- "dependencies": {
- "@tanstack/router-core": "workspace:^",
- "tiny-invariant": "^1.3.3",
- "vinxi": "0.5.3"
- },
- "devDependencies": {
- "typescript": "^5.7.2"
- }
-}
diff --git a/packages/react-start-router-manifest/src/index.ts b/packages/react-start-router-manifest/src/index.ts
deleted file mode 100644
index 3f0a37f609..0000000000
--- a/packages/react-start-router-manifest/src/index.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-// @ts-expect-error
-import tsrGetManifest from 'tsr:routes-manifest'
-import { getManifest } from 'vinxi/manifest'
-import { default as invariant } from 'tiny-invariant'
-import type { Manifest } from '@tanstack/router-core'
-
-function sanitizeBase(base: string) {
- return base.replace(/^\/|\/$/g, '')
-}
-
-/**
- * @description Returns the full, unfiltered router manifest. This includes relationships
- * between routes, assets, and preloads and is NOT what you want to serialize and
- * send to the client.
- */
-export function getFullRouterManifest() {
- const routerManifest = tsrGetManifest() as Manifest
-
- const rootRoute = (routerManifest.routes.__root__ =
- routerManifest.routes.__root__ || {})
-
- rootRoute.assets = rootRoute.assets || []
-
- let script = ''
- // Always fake that HMR is ready
- if (process.env.NODE_ENV === 'development') {
- const CLIENT_BASE = sanitizeBase(process.env.TSS_CLIENT_BASE || '')
-
- if (!CLIENT_BASE) {
- throw new Error(
- 'tanstack/start-router-manifest: TSS_CLIENT_BASE must be defined in your environment for getFullRouterManifest()',
- )
- }
- script = `import RefreshRuntime from "/${CLIENT_BASE}/@react-refresh";
- RefreshRuntime.injectIntoGlobalHook(window)
- window.$RefreshReg$ = () => {}
- window.$RefreshSig$ = () => (type) => type
- window.__vite_plugin_react_preamble_installed__ = true;`
- }
-
- // Get the entry for the client from vinxi
- const vinxiClientManifest = getManifest('client')
-
- const importPath =
- vinxiClientManifest.inputs[vinxiClientManifest.handler]?.output.path
- if (!importPath) {
- invariant(importPath, 'Could not find client entry in vinxi manifest')
- }
-
- rootRoute.assets.push({
- tag: 'script',
- attrs: {
- type: 'module',
- suppressHydrationWarning: true,
- async: true,
- },
- children: `${script}import("${importPath}")`,
- })
-
- return routerManifest
-}
-
-/**
- * @description Returns the router manifest that should be sent to the client.
- * This includes only the assets and preloads for the current route and any
- * special assets that are needed for the client. It does not include relationships
- * between routes or any other data that is not needed for the client.
- */
-export function getRouterManifest() {
- const routerManifest = getFullRouterManifest()
-
- // Strip out anything that isn't needed for the client
- return {
- ...routerManifest,
- routes: Object.fromEntries(
- Object.entries(routerManifest.routes).map(([k, v]: any) => {
- const { preloads, assets } = v
- return [
- k,
- {
- preloads,
- assets,
- },
- ]
- }),
- ),
- }
-}
diff --git a/packages/react-start-router-manifest/tsconfig.json b/packages/react-start-router-manifest/tsconfig.json
deleted file mode 100644
index 940a9cce0a..0000000000
--- a/packages/react-start-router-manifest/tsconfig.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "extends": "../../tsconfig.json",
- "include": ["src/index.ts"],
- "compilerOptions": {
- "rootDir": "src",
- "outDir": "dist/esm",
- "target": "esnext",
- "noEmit": false
- }
-}
diff --git a/packages/react-start-router-manifest/vite.config.ts b/packages/react-start-router-manifest/vite.config.ts
deleted file mode 100644
index d6472068fb..0000000000
--- a/packages/react-start-router-manifest/vite.config.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { defineConfig, mergeConfig } from 'vitest/config'
-import { tanstackViteConfig } from '@tanstack/config/vite'
-import packageJson from './package.json'
-import type { ViteUserConfig } from 'vitest/config'
-
-const config = defineConfig({
- plugins: [] as ViteUserConfig['plugins'],
- test: {
- name: packageJson.name,
- watch: false,
- environment: 'jsdom',
- },
-})
-
-export default mergeConfig(
- config,
- tanstackViteConfig({
- entry: './src/index.ts',
- srcDir: './src',
- externalDeps: ['tsr:routes-manifest'],
- }),
-)
diff --git a/packages/react-start-server/package.json b/packages/react-start-server/package.json
index af582f9d2e..448f38785a 100644
--- a/packages/react-start-server/package.json
+++ b/packages/react-start-server/package.json
@@ -1,6 +1,6 @@
{
"name": "@tanstack/react-start-server",
- "version": "1.115.2",
+ "version": "1.116.0",
"description": "Modern and scalable routing for React applications",
"author": "Tanner Linsley",
"license": "MIT",
@@ -23,21 +23,7 @@
"async router",
"typescript"
],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "test": "pnpm test:eslint && pnpm test:types && pnpm test:build && pnpm test:unit",
- "test:unit": "exit 0; vitest",
- "test:eslint": "eslint ./src",
- "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
- "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js",
- "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js",
- "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
- "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
- "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
- "test:types:ts58": "tsc",
- "test:build": "publint --strict && attw --ignore-rules no-resolution --pack .",
- "build": "vite build"
- },
+ "scripts": {},
"type": "module",
"types": "dist/esm/index.d.ts",
"exports": {
@@ -68,6 +54,7 @@
"@tanstack/start-client-core": "workspace:^",
"@tanstack/start-server-core": "workspace:^",
"tiny-warning": "^1.0.3",
+ "tiny-invariant": "^1.3.3",
"h3": "1.13.0",
"isbot": "^5.1.22",
"jsesc": "^3.1.0",
diff --git a/packages/react-start-server/tsconfig.json b/packages/react-start-server/tsconfig.json
index 134e51f065..b447592593 100644
--- a/packages/react-start-server/tsconfig.json
+++ b/packages/react-start-server/tsconfig.json
@@ -8,6 +8,6 @@
"src",
"tests",
"vite.config.ts",
- "../start-client/src/tsrScript.ts"
+ "../start-server-core/src/server-functions-handler.ts"
]
}
diff --git a/packages/react-start-server/vite.config.ts b/packages/react-start-server/vite.config.ts
index e05e5cc394..983ae16f57 100644
--- a/packages/react-start-server/vite.config.ts
+++ b/packages/react-start-server/vite.config.ts
@@ -19,5 +19,6 @@ export default mergeConfig(
tanstackViteConfig({
srcDir: './src',
entry: './src/index.tsx',
+ externalDeps: ['tsr:server-fn-manifest', 'tsr:start-manifest'],
}),
)
diff --git a/packages/react-start/package.json b/packages/react-start/package.json
index e26ac09206..06628b4abe 100644
--- a/packages/react-start/package.json
+++ b/packages/react-start/package.json
@@ -1,6 +1,6 @@
{
"name": "@tanstack/react-start",
- "version": "1.115.2",
+ "version": "1.116.0",
"description": "Modern and scalable routing for React applications",
"author": "Tanner Linsley",
"license": "MIT",
@@ -23,12 +23,7 @@
"async router",
"typescript"
],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "test": "pnpm test:build",
- "test:build": "exit 0; vitest",
- "build": "vite build"
- },
+ "scripts": {},
"type": "module",
"types": "dist/esm/client.d.ts",
"exports": {
@@ -62,14 +57,14 @@
"default": "./dist/cjs/server.cjs"
}
},
- "./config": {
+ "./plugin": {
"import": {
- "types": "./dist/esm/config.d.ts",
- "default": "./dist/esm/config.js"
+ "types": "./dist/esm/plugin.d.ts",
+ "default": "./dist/esm/plugin.js"
},
"require": {
- "types": "./dist/cjs/config.d.cts",
- "default": "./dist/cjs/config.cjs"
+ "types": "./dist/cjs/plugin.d.cts",
+ "default": "./dist/cjs/plugin.cjs"
}
},
"./api": {
@@ -82,16 +77,6 @@
"default": "./dist/cjs/api.cjs"
}
},
- "./router-manifest": {
- "import": {
- "types": "./dist/esm/router-manifest.d.ts",
- "default": "./dist/esm/router-manifest.js"
- },
- "require": {
- "types": "./dist/cjs/router-manifest.d.cts",
- "default": "./dist/cjs/router-manifest.cjs"
- }
- },
"./server-functions-client": {
"import": {
"types": "./dist/esm/server-functions-client.d.ts",
@@ -112,16 +97,6 @@
"default": "./dist/cjs/server-functions-server.cjs"
}
},
- "./server-functions-handler": {
- "import": {
- "types": "./dist/esm/server-functions-handler.d.ts",
- "default": "./dist/esm/server-functions-handler.js"
- },
- "require": {
- "types": "./dist/cjs/server-functions-handler.d.cts",
- "default": "./dist/cjs/server-functions-handler.cjs"
- }
- },
"./server-functions-ssr": {
"import": {
"types": "./dist/esm/server-functions-ssr.d.ts",
@@ -145,11 +120,9 @@
"dependencies": {
"@tanstack/react-start-client": "workspace:^",
"@tanstack/react-start-server": "workspace:^",
- "@tanstack/react-start-config": "workspace:^",
- "@tanstack/react-start-router-manifest": "workspace:^",
+ "@tanstack/react-start-plugin": "workspace:^",
"@tanstack/start-server-functions-client": "workspace:^",
"@tanstack/start-server-functions-server": "workspace:^",
- "@tanstack/start-server-functions-handler": "workspace:^",
"@tanstack/start-server-functions-ssr": "workspace:^",
"@tanstack/start-api-routes": "workspace:^"
},
diff --git a/packages/react-start/src/config.tsx b/packages/react-start/src/config.tsx
deleted file mode 100644
index 57a7ae394d..0000000000
--- a/packages/react-start/src/config.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@tanstack/react-start-config'
diff --git a/packages/react-start/src/plugin.ts b/packages/react-start/src/plugin.ts
new file mode 100644
index 0000000000..d991c3b71c
--- /dev/null
+++ b/packages/react-start/src/plugin.ts
@@ -0,0 +1 @@
+export * from '@tanstack/react-start-plugin'
diff --git a/packages/react-start/src/router-manifest.tsx b/packages/react-start/src/router-manifest.tsx
deleted file mode 100644
index ce430d7884..0000000000
--- a/packages/react-start/src/router-manifest.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@tanstack/react-start-router-manifest'
diff --git a/packages/react-start/src/server-functions-handler.tsx b/packages/react-start/src/server-functions-handler.tsx
deleted file mode 100644
index c3cc9770d2..0000000000
--- a/packages/react-start/src/server-functions-handler.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@tanstack/start-server-functions-handler'
diff --git a/packages/react-start/vite.config.ts b/packages/react-start/vite.config.ts
index 46bc2ea875..36c303fb37 100644
--- a/packages/react-start/vite.config.ts
+++ b/packages/react-start/vite.config.ts
@@ -17,8 +17,7 @@ export default mergeConfig(
entry: [
'./src/client.tsx',
'./src/server.tsx',
- './src/config.tsx',
- './src/router-manifest.tsx',
+ './src/plugin.ts',
'./src/server-functions-client.tsx',
'./src/server-functions-server.tsx',
'./src/server-functions-ssr.tsx',
@@ -27,8 +26,7 @@ export default mergeConfig(
externalDeps: [
'@tanstack/react-start-client',
'@tanstack/react-start-server',
- '@tanstack/react-start-config',
- '@tanstack/react-start-router-manifest',
+ '@tanstack/react-start-plugin',
'@tanstack/start-server-functions-client',
'@tanstack/start-server-functions-server',
'@tanstack/start-server-functions-ssr',
diff --git a/packages/router-cli/package.json b/packages/router-cli/package.json
index 59e23bed71..05e70b0678 100644
--- a/packages/router-cli/package.json
+++ b/packages/router-cli/package.json
@@ -1,6 +1,6 @@
{
"name": "@tanstack/router-cli",
- "version": "1.115.2",
+ "version": "1.116.0",
"description": "Modern and scalable routing for React applications",
"author": "Tanner Linsley",
"license": "MIT",
@@ -23,19 +23,7 @@
"async router",
"typescript"
],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "test:eslint": "eslint ./src",
- "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
- "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js",
- "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js",
- "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
- "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
- "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
- "test:types:ts58": "tsc",
- "test:build": "publint --strict && attw --ignore-rules no-resolution --pack .",
- "build": "vite build"
- },
+ "scripts": {},
"type": "module",
"types": "dist/esm/index.d.ts",
"main": "dist/cjs/index.cjs",
diff --git a/packages/router-core/package.json b/packages/router-core/package.json
index 940b885ba5..826544bafa 100644
--- a/packages/router-core/package.json
+++ b/packages/router-core/package.json
@@ -1,6 +1,6 @@
{
"name": "@tanstack/router-core",
- "version": "1.115.0",
+ "version": "1.116.0",
"description": "Modern and scalable routing for React applications",
"author": "Tanner Linsley",
"license": "MIT",
@@ -18,21 +18,7 @@
"history",
"typescript"
],
- "scripts": {
- "clean": "rimraf ./dist && rimraf ./coverage",
- "test:eslint": "eslint ./src",
- "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
- "test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js",
- "test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js",
- "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
- "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
- "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
- "test:types:ts58": "tsc",
- "test:build": "publint --strict && attw --ignore-rules no-resolution --pack .",
- "test:unit": "vitest",
- "test:unit:dev": "pnpm run test:unit --watch",
- "build": "vite build"
- },
+ "scripts": {},
"type": "module",
"types": "dist/esm/index.d.ts",
"main": "dist/cjs/index.cjs",
diff --git a/packages/router-core/src/dev-html.ts b/packages/router-core/src/dev-html.ts
new file mode 100644
index 0000000000..ab6db327c1
--- /dev/null
+++ b/packages/router-core/src/dev-html.ts
@@ -0,0 +1,151 @@
+export interface ExtractedHtmlTagInfo {
+ attributes: Record