chore: devinxi start example (#1584)

* chore: devinxi start example

* feat: update to latest start version

* fix: return raw response

Author: Balastrong

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/app.config.ts

@@ -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.17.0",
-    "@tanstack/react-router": "^1.121.16",
-    "@tanstack/react-start": "^1.121.16",
+    "@tanstack/react-router": "^1.130.10",
+    "@tanstack/react-start": "^1.130.10",
     "@tanstack/react-store": "^0.7.3",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "vinxi": "^0.5.7"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^24.1.0",

examples/react/tanstack-start/app/client.tsx

@@ -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/ssr.tsx

@@ -1,11 +1,4 @@
-import {
-  HeadContent,
-  Outlet,
-  Scripts,
-  createRootRoute,
-} from '@tanstack/react-router'
-
-import type { ReactNode } from 'react'
+import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
 
 export const Route = createRootRoute({
   head: () => ({
@@ -22,18 +15,10 @@ export const Route = createRootRoute({
       },
     ],
   }),
-  component: RootComponent,
+  shellComponent: RootDocument,
 })
 
-function RootComponent() {
-  return (
-    <RootDocument>
-      <Outlet />
-    </RootDocument>
-  )
-}
-
-function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
+function RootDocument({ children }: { children: React.ReactNode }) {
   return (
     <html>
       <head>

examples/react/tanstack-start/package.json

@@ -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,