update tanstack start

Author: aulonm

apps/docs/package.json

@@ -31,8 +31,10 @@
     "@sanity/image-url": "^1.2.0",
     "@sanity/table": "2.0.0",
     "@sanity/vision": "4.11.0",
+    "@tanstack/nitro-v2-vite-plugin": "1.133.19",
     "@tanstack/react-router": "1.133.32",
     "@tanstack/react-start": "1.133.32",
+    "@vitejs/plugin-react": "5.1.0",
     "cva": "1.0.0-beta.4",
     "groq": "4.11.0",
     "prism-react-renderer": "2.4.1",

apps/docs/src/routeTree.gen.ts

@@ -8,21 +8,17 @@
 // 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 { createServerRootRoute } from '@tanstack/react-start/server'
-
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as DocsRouteImport } from './routes/_docs'
 import { Route as DocsIndexRouteImport } from './routes/_docs/index'
 import { Route as StudioSplatRouteImport } from './routes/studio/$'
+import { Route as ApiHealthRouteImport } from './routes/api/health'
 import { Route as DocsSlugRouteImport } from './routes/_docs/$slug'
 import { Route as DocsProfilIndexRouteImport } from './routes/_docs/profil/index'
 import { Route as DocsKomponenterIndexRouteImport } from './routes/_docs/komponenter/index'
 import { Route as DocsProfilIkonerRouteImport } from './routes/_docs/profil/ikoner'
 import { Route as DocsProfilFargerRouteImport } from './routes/_docs/profil/farger'
 import { Route as DocsKomponenterSlugRouteImport } from './routes/_docs/komponenter/$slug'
-import { ServerRoute as ApiHealthServerRouteImport } from './routes/api/health'
-
-const rootServerRouteImport = createServerRootRoute()
 
 const DocsRoute = DocsRouteImport.update({
   id: '/_docs',
@@ -38,6 +34,11 @@ const StudioSplatRoute = StudioSplatRouteImport.update({
   path: '/studio/$',
   getParentRoute: () => rootRouteImport,
 } as any)
+const ApiHealthRoute = ApiHealthRouteImport.update({
+  id: '/api/health',
+  path: '/api/health',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DocsSlugRoute = DocsSlugRouteImport.update({
   id: '/$slug',
   path: '/$slug',
@@ -68,15 +69,10 @@ const DocsKomponenterSlugRoute = DocsKomponenterSlugRouteImport.update({
   path: '/komponenter/$slug',
   getParentRoute: () => DocsRoute,
 } as any)
-const ApiHealthServerRoute = ApiHealthServerRouteImport.update({
-  id: '/api/health',
-  path: '/api/health',
-  getParentRoute: () => rootServerRouteImport,
-} as any)
 
 export interface FileRoutesByFullPath {
-  '': typeof DocsRouteWithChildren
   '/$slug': typeof DocsSlugRoute
+  '/api/health': typeof ApiHealthRoute
   '/studio/$': typeof StudioSplatRoute
   '/': typeof DocsIndexRoute
   '/komponenter/$slug': typeof DocsKomponenterSlugRoute
@@ -87,6 +83,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/$slug': typeof DocsSlugRoute
+  '/api/health': typeof ApiHealthRoute
   '/studio/$': typeof StudioSplatRoute
   '/': typeof DocsIndexRoute
   '/komponenter/$slug': typeof DocsKomponenterSlugRoute
@@ -99,6 +96,7 @@ export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/_docs': typeof DocsRouteWithChildren
   '/_docs/$slug': typeof DocsSlugRoute
+  '/api/health': typeof ApiHealthRoute
   '/studio/$': typeof StudioSplatRoute
   '/_docs/': typeof DocsIndexRoute
   '/_docs/komponenter/$slug': typeof DocsKomponenterSlugRoute
@@ -110,8 +108,8 @@ export interface FileRoutesById {
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
-    | ''
     | '/$slug'
+    | '/api/health'
     | '/studio/$'
     | '/'
     | '/komponenter/$slug'
@@ -122,6 +120,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/$slug'
+    | '/api/health'
     | '/studio/$'
     | '/'
     | '/komponenter/$slug'
@@ -133,6 +132,7 @@ export interface FileRouteTypes {
     | '__root__'
     | '/_docs'
     | '/_docs/$slug'
+    | '/api/health'
     | '/studio/$'
     | '/_docs/'
     | '/_docs/komponenter/$slug'
@@ -144,29 +144,9 @@ export interface FileRouteTypes {
 }
 export interface RootRouteChildren {
   DocsRoute: typeof DocsRouteWithChildren
+  ApiHealthRoute: typeof ApiHealthRoute
   StudioSplatRoute: typeof StudioSplatRoute
 }
-export interface FileServerRoutesByFullPath {
-  '/api/health': typeof ApiHealthServerRoute
-}
-export interface FileServerRoutesByTo {
-  '/api/health': typeof ApiHealthServerRoute
-}
-export interface FileServerRoutesById {
-  __root__: typeof rootServerRouteImport
-  '/api/health': typeof ApiHealthServerRoute
-}
-export interface FileServerRouteTypes {
-  fileServerRoutesByFullPath: FileServerRoutesByFullPath
-  fullPaths: '/api/health'
-  fileServerRoutesByTo: FileServerRoutesByTo
-  to: '/api/health'
-  id: '__root__' | '/api/health'
-  fileServerRoutesById: FileServerRoutesById
-}
-export interface RootServerRouteChildren {
-  ApiHealthServerRoute: typeof ApiHealthServerRoute
-}
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
@@ -177,53 +157,39 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DocsRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/_docs/$slug': {
-      id: '/_docs/$slug'
-      path: '/$slug'
-      fullPath: '/$slug'
-      preLoaderRoute: typeof DocsSlugRouteImport
+    '/_docs/': {
+      id: '/_docs/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof DocsIndexRouteImport
       parentRoute: typeof DocsRoute
     }
-    '/api/health': {
-      id: '/api/health'
-      path: ''
-      fullPath: '/api/health'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootRouteImport
-    }
     '/studio/$': {
       id: '/studio/$'
       path: '/studio/$'
       fullPath: '/studio/$'
       preLoaderRoute: typeof StudioSplatRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/_docs/': {
-      id: '/_docs/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof DocsIndexRouteImport
-      parentRoute: typeof DocsRoute
-    }
-    '/_docs/komponenter/$slug': {
-      id: '/_docs/komponenter/$slug'
-      path: '/komponenter/$slug'
-      fullPath: '/komponenter/$slug'
-      preLoaderRoute: typeof DocsKomponenterSlugRouteImport
-      parentRoute: typeof DocsRoute
+    '/api/health': {
+      id: '/api/health'
+      path: '/api/health'
+      fullPath: '/api/health'
+      preLoaderRoute: typeof ApiHealthRouteImport
+      parentRoute: typeof rootRouteImport
     }
-    '/_docs/profil/farger': {
-      id: '/_docs/profil/farger'
-      path: '/profil/farger'
-      fullPath: '/profil/farger'
-      preLoaderRoute: typeof DocsProfilFargerRouteImport
+    '/_docs/$slug': {
+      id: '/_docs/$slug'
+      path: '/$slug'
+      fullPath: '/$slug'
+      preLoaderRoute: typeof DocsSlugRouteImport
       parentRoute: typeof DocsRoute
     }
-    '/_docs/profil/ikoner': {
-      id: '/_docs/profil/ikoner'
-      path: '/profil/ikoner'
-      fullPath: '/profil/ikoner'
-      preLoaderRoute: typeof DocsProfilIkonerRouteImport
+    '/_docs/profil/': {
+      id: '/_docs/profil/'
+      path: '/profil'
+      fullPath: '/profil'
+      preLoaderRoute: typeof DocsProfilIndexRouteImport
       parentRoute: typeof DocsRoute
     }
     '/_docs/komponenter/': {
@@ -233,86 +199,26 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DocsKomponenterIndexRouteImport
       parentRoute: typeof DocsRoute
     }
-    '/_docs/profil/': {
-      id: '/_docs/profil/'
-      path: '/profil'
-      fullPath: '/profil'
-      preLoaderRoute: typeof DocsProfilIndexRouteImport
+    '/_docs/profil/ikoner': {
+      id: '/_docs/profil/ikoner'
+      path: '/profil/ikoner'
+      fullPath: '/profil/ikoner'
+      preLoaderRoute: typeof DocsProfilIkonerRouteImport
       parentRoute: typeof DocsRoute
     }
-  }
-}
-declare module '@tanstack/react-start/server' {
-  interface ServerFileRoutesByPath {
-    '/_docs': {
-      id: '/_docs'
-      path: ''
-      fullPath: ''
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/_docs/$slug': {
-      id: '/_docs/$slug'
-      path: '/$slug'
-      fullPath: '/$slug'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/api/health': {
-      id: '/api/health'
-      path: '/api/health'
-      fullPath: '/api/health'
-      preLoaderRoute: typeof ApiHealthServerRouteImport
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/studio/$': {
-      id: '/studio/$'
-      path: '/studio/$'
-      fullPath: '/studio/$'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/_docs/': {
-      id: '/_docs/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/_docs/komponenter/$slug': {
-      id: '/_docs/komponenter/$slug'
-      path: '/komponenter/$slug'
-      fullPath: '/komponenter/$slug'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
     '/_docs/profil/farger': {
       id: '/_docs/profil/farger'
       path: '/profil/farger'
       fullPath: '/profil/farger'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/_docs/profil/ikoner': {
-      id: '/_docs/profil/ikoner'
-      path: '/profil/ikoner'
-      fullPath: '/profil/ikoner'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
-    }
-    '/_docs/komponenter/': {
-      id: '/_docs/komponenter/'
-      path: '/komponenter'
-      fullPath: '/komponenter'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
+      preLoaderRoute: typeof DocsProfilFargerRouteImport
+      parentRoute: typeof DocsRoute
     }
-    '/_docs/profil/': {
-      id: '/_docs/profil/'
-      path: '/profil'
-      fullPath: '/profil'
-      preLoaderRoute: unknown
-      parentRoute: typeof rootServerRouteImport
+    '/_docs/komponenter/$slug': {
+      id: '/_docs/komponenter/$slug'
+      path: '/komponenter/$slug'
+      fullPath: '/komponenter/$slug'
+      preLoaderRoute: typeof DocsKomponenterSlugRouteImport
+      parentRoute: typeof DocsRoute
     }
   }
 }
@@ -341,14 +247,18 @@ const DocsRouteWithChildren = DocsRoute._addFileChildren(DocsRouteChildren)
 
 const rootRouteChildren: RootRouteChildren = {
   DocsRoute: DocsRouteWithChildren,
+  ApiHealthRoute: ApiHealthRoute,
   StudioSplatRoute: StudioSplatRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
-const rootServerRouteChildren: RootServerRouteChildren = {
-  ApiHealthServerRoute: ApiHealthServerRoute,
+
+import type { getRouter } from './router.tsx'
+import type { createStart } from '@tanstack/react-start'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+  }
 }
-export const serverRouteTree = rootServerRouteImport
-  ._addFileChildren(rootServerRouteChildren)
-  ._addFileTypes<FileServerRouteTypes>()

apps/docs/src/router.tsx

@@ -1,17 +1,11 @@
 import { createRouter as createTanStackRouter } from '@tanstack/react-router';
 import { routeTree } from './routeTree.gen';
 
-export function createRouter() {
+export function getRouter() {
   const router = createTanStackRouter({
     scrollRestoration: true,
     routeTree,
   });
 
   return router;
 }
-
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: ReturnType<typeof createRouter>;
-  }
-}

apps/docs/src/routes/_docs/$slug.tsx

@@ -1,7 +1,11 @@
 import { createFileRoute, notFound } from '@tanstack/react-router';
 import { defineQuery } from 'groq';
 import { sanityFetch } from '@/lib/sanity';
-import { ResourceLink, ResourceLinks } from '@/ui/resource-links';
+import {
+  ResourceLink,
+  type ResourceLinkProps,
+  ResourceLinks,
+} from '@/ui/resource-links';
 import { SanityContent } from '@/ui/sanity-content';
 import { ScrollToTop } from '@/ui/scroll-to-top';
 import { TableOfContentsNav } from '@/ui/table-of-contents-nav';
@@ -49,7 +53,7 @@ function Page() {
               url && (
                 <ResourceLink
                   key={_key}
-                  type={linkType}
+                  type={linkType as ResourceLinkProps['type']}
                   href={url}
                   text={text}
                 />

apps/docs/src/routes/api/health.ts

@@ -1,7 +1,11 @@
-import { createServerFileRoute } from '@tanstack/react-start/server';
+import { createFileRoute } from '@tanstack/react-router';
 
-export const ServerRoute = createServerFileRoute('/api/health').methods({
-  GET: () => {
-    return new Response('Im alive!');
+export const Route = createFileRoute('/api/health')({
+  server: {
+    handlers: {
+      GET: async () => {
+        return new Response('Im alive!');
+      },
+    },
   },
 });