feat: add support for client only lazy loading with dynamic

packages/tuono-fs-router-vite-plugin/src/constants.ts

@@ -1,3 +1,4 @@
 export const ROUTES_FOLDER = './src/routes/'
 export const LAYOUT_PATH_ID = '__layout'
 export const GENERATED_ROUTE_TREE = './.tuono/routeTree.gen.ts'
+export const DYNAMIC_FN = '__tuono__internal__lazyLoadRoute'

packages/tuono-fs-router-vite-plugin/src/generator.ts

@@ -22,6 +22,7 @@ import {
   ROUTES_FOLDER,
   LAYOUT_PATH_ID,
   GENERATED_ROUTE_TREE,
+  DYNAMIC_FN,
 } from './constants'
 
 import { sortRouteNodes } from './sort-route-nodes'
@@ -168,7 +169,7 @@ export async function routeGenerator(config = defaultConfig): Promise<void> {
       const extension = node.filePath.endsWith('mdx') ? '.mdx' : ''
       return `const ${
         node.variableName as string
-      }Import = dynamic(() => import('./${replaceBackslash(
+      }Import = ${DYNAMIC_FN}(() => import('./${replaceBackslash(
         removeExt(
           path.relative(
             path.dirname(config.generatedRouteTree),
@@ -214,7 +215,7 @@ export async function routeGenerator(config = defaultConfig): Promise<void> {
 
   const routeImports = [
     '// This file is auto-generated by Tuono',
-    "import { createRoute, dynamic } from 'tuono'",
+    `import { createRoute, ${DYNAMIC_FN} } from 'tuono'`,
     [
       `import RootLayoutImport from './${replaceBackslash(
         path.relative(

packages/tuono-fs-router-vite-plugin/tests/generator/catch_all/routeTree.expected.ts

@@ -1,11 +1,13 @@
 // This file is auto-generated by Tuono
 
-import { createRoute, dynamic } from 'tuono'
+import { createRoute, __tuono__internal__lazyLoadRoute } from 'tuono'
 
 import RootLayoutImport from './routes/__layout'
 
-const IndexImport = dynamic(() => import('./routes/index'))
-const PostscatchallImport = dynamic(
+const IndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/index'),
+)
+const PostscatchallImport = __tuono__internal__lazyLoadRoute(
   () => import('./routes/posts/[...catch_all]'),
 )
 

packages/tuono-fs-router-vite-plugin/tests/generator/mdx/routeTree.expected.ts

@@ -1,11 +1,15 @@
 // This file is auto-generated by Tuono
 
-import { createRoute, dynamic } from 'tuono'
+import { createRoute, __tuono__internal__lazyLoadRoute } from 'tuono'
 
 import RootLayoutImport from './routes/__layout'
 
-const AboutImport = dynamic(() => import('./routes/about.mdx'))
-const IndexImport = dynamic(() => import('./routes/index'))
+const AboutImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/about.mdx'),
+)
+const IndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/index'),
+)
 
 const rootRoute = createRoute({ isRoot: true, component: RootLayoutImport })
 

packages/tuono-fs-router-vite-plugin/tests/generator/multi-level-root-dynamic/routeTree.expected.ts

@@ -1,15 +1,27 @@
 // This file is auto-generated by Tuono
 
-import { createRoute, dynamic } from 'tuono'
+import { createRoute, __tuono__internal__lazyLoadRoute } from 'tuono'
 
 import RootLayoutImport from './routes/__layout'
 
-const PostslayoutImport = dynamic(() => import('./routes/posts/__layout'))
-const AboutImport = dynamic(() => import('./routes/about'))
-const IndexImport = dynamic(() => import('./routes/index'))
-const PostspostImport = dynamic(() => import('./routes/posts/[post]'))
-const PostsIndexImport = dynamic(() => import('./routes/posts/index'))
-const PostsMyPostImport = dynamic(() => import('./routes/posts/my-post'))
+const PostslayoutImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/posts/__layout'),
+)
+const AboutImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/about'),
+)
+const IndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/index'),
+)
+const PostspostImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/posts/[post]'),
+)
+const PostsIndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/posts/index'),
+)
+const PostsMyPostImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/posts/my-post'),
+)
 
 const rootRoute = createRoute({ isRoot: true, component: RootLayoutImport })
 

packages/tuono-fs-router-vite-plugin/tests/generator/multi-level/routeTree.expected.ts

@@ -1,12 +1,18 @@
 // This file is auto-generated by Tuono
 
-import { createRoute, dynamic } from 'tuono'
+import { createRoute, __tuono__internal__lazyLoadRoute } from 'tuono'
 
 import RootLayoutImport from './routes/__layout'
 
-const AboutImport = dynamic(() => import('./routes/about'))
-const IndexImport = dynamic(() => import('./routes/index'))
-const PostsMyPostImport = dynamic(() => import('./routes/posts/my-post'))
+const AboutImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/about'),
+)
+const IndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/index'),
+)
+const PostsMyPostImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/posts/my-post'),
+)
 
 const rootRoute = createRoute({ isRoot: true, component: RootLayoutImport })
 

packages/tuono-fs-router-vite-plugin/tests/generator/single-level/routeTree.expected.ts

@@ -1,11 +1,15 @@
 // This file is auto-generated by Tuono
 
-import { createRoute, dynamic } from 'tuono'
+import { createRoute, __tuono__internal__lazyLoadRoute } from 'tuono'
 
 import RootLayoutImport from './routes/__layout'
 
-const AboutImport = dynamic(() => import('./routes/about'))
-const IndexImport = dynamic(() => import('./routes/index'))
+const AboutImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/about'),
+)
+const IndexImport = __tuono__internal__lazyLoadRoute(
+  () => import('./routes/index'),
+)
 
 const rootRoute = createRoute({ isRoot: true, component: RootLayoutImport })