chore: devinxi start example

examples/react/tanstack-start/.gitignore

@@ -7,16 +7,15 @@ yarn.lock
 .env
 .vercel
 .output
-.vinxi
 
 /build/
 /api/
 /server/build
 /public/build
-.vinxi
 # Sentry Config File
 .env.sentry-build-plugin
 /test-results/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+.tanstack

examples/react/tanstack-start/package.json

@@ -4,18 +4,17 @@
   "sideEffects": false,
   "type": "module",
   "scripts": {
-    "dev": "vinxi dev",
-    "_build": "vinxi build",
-    "start": "vinxi start"
+    "dev": "vite dev",
+    "_build": "vite build && tsc --noEmit",
+    "start": "node .output/server/index.mjs"
   },
   "dependencies": {
     "@tanstack/react-form": "^1.12.3",
-    "@tanstack/react-router": "^1.121.16",
-    "@tanstack/react-start": "^1.121.16",
+    "@tanstack/react-router": "^1.121.21",
+    "@tanstack/react-start": "^1.121.23",
     "@tanstack/react-store": "^0.7.1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "vinxi": "^0.5.7"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.6",

examples/react/tanstack-start/app/routeTree.gen.ts → examples/react/tanstack-start/src/routeTree.gen.ts

@@ -8,48 +8,25 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-// Import Routes
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as IndexRouteImport } from './routes/index'
 
-import { Route as rootRoute } from './routes/__root'
-import { Route as IndexImport } from './routes/index'
-
-// Create/Update Routes
-
-const IndexRoute = IndexImport.update({
+const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
-  getParentRoute: () => rootRoute,
+  getParentRoute: () => rootRouteImport,
 } as any)
 
-// Populate the FileRoutesByPath interface
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/': {
-      id: '/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof IndexImport
-      parentRoute: typeof rootRoute
-    }
-  }
-}
-
-// Create and export the route tree
-
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
 }
-
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
 }
-
 export interface FileRoutesById {
-  __root__: typeof rootRoute
+  __root__: typeof rootRouteImport
   '/': typeof IndexRoute
 }
-
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths: '/'
@@ -58,31 +35,25 @@ export interface FileRouteTypes {
   id: '__root__' | '/'
   fileRoutesById: FileRoutesById
 }
-
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
 }
 
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
 }
-
-export const routeTree = rootRoute
+export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
-
-/* ROUTE_MANIFEST_START
-{
-  "routes": {
-    "__root__": {
-      "filePath": "__root.tsx",
-      "children": [
-        "/"
-      ]
-    },
-    "/": {
-      "filePath": "index.tsx"
-    }
-  }
-}
-ROUTE_MANIFEST_END */

examples/react/tanstack-start/app/routes/__root.tsx → examples/react/tanstack-start/src/routes/__root.tsx

@@ -4,7 +4,6 @@ import {
   Scripts,
   createRootRoute,
 } from '@tanstack/react-router'
-
 import type { ReactNode } from 'react'
 
 export const Route = createRootRoute({

examples/react/tanstack-start/app/routes/index.tsx → examples/react/tanstack-start/src/routes/index.tsx

@@ -1,8 +1,8 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { mergeForm, useForm, useTransform } from '@tanstack/react-form'
 import { useStore } from '@tanstack/react-store'
-import { getFormDataFromServer, handleForm } from '~/utils/form'
-import { formOpts } from '~/utils/form-isomorphic'
+import { getFormDataFromServer, handleForm } from 'src/utils/form'
+import { formOpts } from 'src/utils/form-isomorphic'
 
 export const Route = createFileRoute('/')({
   component: Home,

examples/react/tanstack-start/tsconfig.json

@@ -15,7 +15,7 @@
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"]
+      "~/*": ["./src/*"]
     },
     "noEmit": true
   }

examples/react/tanstack-start/vite.config.ts

@@ -0,0 +1,15 @@
+import { tanstackStart } from '@tanstack/react-start/plugin/vite'
+import { defineConfig } from 'vite'
+import tsConfigPaths from 'vite-tsconfig-paths'
+
+export default defineConfig({
+  server: {
+    port: 3000,
+  },
+  plugins: [
+    tsConfigPaths({
+      projects: ['./tsconfig.json'],
+    }),
+    tanstackStart(),
+  ],
+})

knip.json

@@ -1,5 +1,5 @@
 {
   "$schema": "https://unpkg.com/knip@5/schema.json",
-  "ignoreDependencies": ["@tanstack/react-start", "vinxi"],
+  "ignoreDependencies": ["@tanstack/react-start"],
   "ignoreWorkspaces": ["examples/**"]
 }

packages/react-form/package.json

@@ -87,27 +87,22 @@
     "devalue": "^5.1.1"
   },
   "devDependencies": {
-    "@tanstack/react-start": "^1.121.16",
+    "@tanstack/react-start": "^1.121.23",
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.5.2",
     "eslint-plugin-react-compiler": "19.0.0-beta-ebf51a3-20250411",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "vinxi": "^0.5.7",
     "vite": "^6.3.5"
   },
   "peerDependencies": {
-    "@tanstack/react-start": "^1.112.0",
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "vinxi": "^0.5.0"
+    "@tanstack/react-start": "^1.121.23",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-start": {
       "optional": true
-    },
-    "vinxi": {
-      "optional": true
     }
   }
 }