@tanstack/router-plugin 1.120.4-alpha.4 → 1.120.4

package/dist/esm/rspack.d.ts

@@ -16,29 +16,31 @@ declare const TanStackRouterGeneratorRspack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -61,29 +63,31 @@ declare const TanStackRouterCodeSplitterRspack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -106,29 +110,31 @@ declare const TanStackRouterRspack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;

package/dist/esm/vite.d.ts

@@ -12,29 +12,31 @@ declare const TanStackRouterGeneratorVite: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -53,29 +55,31 @@ declare const TanStackRouterCodeSplitterVite: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -94,66 +98,36 @@ declare const TanStackRouterVite: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
-    routeTreeFileFooter: string[];
-    enableRouteGeneration?: boolean | undefined;
-    codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
-    virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
-    routeFilePrefix?: string | undefined;
-    routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
-    customScaffolding?: {
-        routeTemplate?: string | undefined;
-        lazyRouteTemplate?: string | undefined;
-    } | undefined;
-    experimental?: {
-        enableCodeSplitting?: boolean | undefined;
-    } | undefined;
-}> | undefined) => import('vite').Plugin<any> | import('vite').Plugin<any>[];
-declare const tanstackRouter: (options?: Partial<{
-    target: "react" | "solid";
-    routeFileIgnorePrefix: string;
-    routesDirectory: string;
-    quoteStyle: "single" | "double";
-    semicolons: boolean;
-    disableLogging: boolean;
+    apiBase: string;
     routeTreeFileHeader: string[];
+    routeTreeFileFooter: string[];
     indexToken: string;
     routeToken: string;
-    generatedRouteTree: string;
-    disableTypes: boolean;
-    addExtensions: boolean;
-    disableManifestGeneration: boolean;
-    enableRouteTreeFormatting: boolean;
-    routeTreeFileFooter: string[];
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
     } | undefined;
 }> | undefined) => import('vite').Plugin<any> | import('vite').Plugin<any>[];
 export default TanStackRouterVite;
-export { configSchema, TanStackRouterGeneratorVite, TanStackRouterCodeSplitterVite, TanStackRouterVite, tanstackRouter, };
+export { configSchema, TanStackRouterGeneratorVite, TanStackRouterCodeSplitterVite, TanStackRouterVite, };
 export type { Config };

package/dist/esm/vite.js

@@ -10,13 +10,11 @@ const TanStackRouterCodeSplitterVite = createVitePlugin(
   unpluginRouterCodeSplitterFactory
 );
 const TanStackRouterVite = createVitePlugin(unpluginRouterComposedFactory);
-const tanstackRouter = TanStackRouterVite;
 export {
   TanStackRouterCodeSplitterVite,
   TanStackRouterGeneratorVite,
   TanStackRouterVite,
   configSchema,
-  TanStackRouterVite as default,
-  tanstackRouter
+  TanStackRouterVite as default
 };
 //# sourceMappingURL=vite.js.map

package/dist/esm/vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.js","sources":["../../src/vite.ts"],"sourcesContent":["import { createVitePlugin } from 'unplugin'\n\nimport { configSchema } from './core/config'\nimport { unpluginRouterCodeSplitterFactory } from './core/router-code-splitter-plugin'\nimport { unpluginRouterGeneratorFactory } from './core/router-generator-plugin'\nimport { unpluginRouterComposedFactory } from './core/router-composed-plugin'\n\nimport type { Config } from './core/config'\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterGeneratorVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterGeneratorVite = createVitePlugin(\n  unpluginRouterGeneratorFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterCodeSplitterVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterCodeSplitterVite = createVitePlugin(\n  unpluginRouterCodeSplitterFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterVite = createVitePlugin(unpluginRouterComposedFactory)\nconst tanstackRouter = TanStackRouterVite\n\nexport default TanStackRouterVite\nexport {\n  configSchema,\n  TanStackRouterGeneratorVite,\n  TanStackRouterCodeSplitterVite,\n  TanStackRouterVite,\n  tanstackRouter,\n}\n\nexport type { Config }\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,8BAA8B;AAAA,EAClC;AACF;AAWA,MAAM,iCAAiC;AAAA,EACrC;AACF;AAWM,MAAA,qBAAqB,iBAAiB,6BAA6B;AACzE,MAAM,iBAAiB;"}
+{"version":3,"file":"vite.js","sources":["../../src/vite.ts"],"sourcesContent":["import { createVitePlugin } from 'unplugin'\n\nimport { configSchema } from './core/config'\nimport { unpluginRouterCodeSplitterFactory } from './core/router-code-splitter-plugin'\nimport { unpluginRouterGeneratorFactory } from './core/router-generator-plugin'\nimport { unpluginRouterComposedFactory } from './core/router-composed-plugin'\n\nimport type { Config } from './core/config'\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterGeneratorVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterGeneratorVite = createVitePlugin(\n  unpluginRouterGeneratorFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterCodeSplitterVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterCodeSplitterVite = createVitePlugin(\n  unpluginRouterCodeSplitterFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   plugins: [TanStackRouterVite()],\n *   // ...\n * })\n * ```\n */\nconst TanStackRouterVite = createVitePlugin(unpluginRouterComposedFactory)\n\nexport default TanStackRouterVite\nexport {\n  configSchema,\n  TanStackRouterGeneratorVite,\n  TanStackRouterCodeSplitterVite,\n  TanStackRouterVite,\n}\nexport type { Config }\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,8BAA8B;AAAA,EAClC;AACF;AAWA,MAAM,iCAAiC;AAAA,EACrC;AACF;AAWM,MAAA,qBAAqB,iBAAiB,6BAA6B;"}

package/dist/esm/webpack.d.ts

@@ -12,29 +12,31 @@ declare const TanStackRouterGeneratorWebpack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -53,29 +55,31 @@ declare const TanStackRouterCodeSplitterWebpack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -94,29 +98,31 @@ declare const TanStackRouterWebpack: (options?: Partial<{
     target: "react" | "solid";
     routeFileIgnorePrefix: string;
     routesDirectory: string;
+    generatedRouteTree: string;
     quoteStyle: "single" | "double";
     semicolons: boolean;
-    disableLogging: boolean;
-    routeTreeFileHeader: string[];
-    indexToken: string;
-    routeToken: string;
-    generatedRouteTree: string;
     disableTypes: boolean;
     addExtensions: boolean;
+    disableLogging: boolean;
     disableManifestGeneration: boolean;
     enableRouteTreeFormatting: boolean;
+    apiBase: string;
+    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    indexToken: string;
+    routeToken: string;
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.js').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
-    verboseFileRoutes?: boolean | undefined;
+    __enableAPIRoutesGeneration?: boolean | undefined;
     autoCodeSplitting?: boolean | undefined;
+    pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
+        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/router-plugin",
-  "version": "1.120.4-alpha.4",
+  "version": "1.120.4",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -100,17 +100,17 @@
     "chokidar": "^3.6.0",
     "unplugin": "^2.1.2",
     "zod": "^3.24.2",
-    "@tanstack/router-core": "^1.120.4-alpha.1",
-    "@tanstack/router-generator": "^1.120.4-alpha.4",
-    "@tanstack/router-utils": "^1.120.4-alpha.1",
-    "@tanstack/virtual-file-routes": "^1.120.4-alpha.1"
+    "@tanstack/router-core": "^1.120.4",
+    "@tanstack/router-generator": "^1.120.4",
+    "@tanstack/virtual-file-routes": "^1.115.0",
+    "@tanstack/router-utils": "^1.115.0"
   },
   "peerDependencies": {
     "@rsbuild/core": ">=1.0.2",
     "vite": ">=5.0.0 || >=6.0.0",
     "vite-plugin-solid": "^2.11.2",
     "webpack": ">=5.92.0",
-    "@tanstack/react-router": "^1.120.4-alpha.1"
+    "@tanstack/react-router": "^1.120.4"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {

package/src/core/code-splitter/compilers.ts

@@ -7,7 +7,6 @@ import {
 } from 'babel-dead-code-elimination'
 import { generateFromAst, parseAst } from '@tanstack/router-utils'
 import { tsrSplit } from '../constants'
-import { routeHmrStatement } from '../route-hmr-statement'
 import { createIdentifier } from './path-ids'
 import { getFrameworkOptions } from './framework-options'
 import type { GeneratorResult, ParseAstOptions } from '@tanstack/router-utils'
@@ -118,8 +117,6 @@ export function compileCodeSplitReferenceRoute(
     runtimeEnv: 'dev' | 'prod'
     codeSplitGroupings: CodeSplitGroupings
     targetFramework: Config['target']
-    filename: string
-    id: string
   },
 ): GeneratorResult {
   const ast = parseAst(opts)
@@ -169,13 +166,18 @@ export function compileCodeSplitReferenceRoute(
                 return
               }
 
-              function babelHandleReference(routeOptions: t.Node | undefined) {
+              if (t.isCallExpression(path.parentPath.node)) {
+                const options = resolveIdentifier(
+                  path,
+                  path.parentPath.node.arguments[0],
+                )
+
                 const hasImportedOrDefinedIdentifier = (name: string) => {
                   return programPath.scope.hasBinding(name)
                 }
 
-                if (t.isObjectExpression(routeOptions)) {
-                  routeOptions.properties.forEach((prop) => {
+                if (t.isObjectExpression(options)) {
+                  options.properties.forEach((prop) => {
                     if (t.isObjectProperty(prop)) {
                       if (t.isIdentifier(prop.key)) {
                         // If the user has not specified a split grouping for this key
@@ -286,9 +288,18 @@ export function compileCodeSplitReferenceRoute(
                             )()
                           }
 
-                          // add HMR handling
-                          if (opts.runtimeEnv !== 'prod') {
-                            programPath.pushContainer('body', routeHmrStatement)
+                          // If the TSRDummyComponent is not defined, define it
+                          if (
+                            opts.runtimeEnv !== 'prod' && // only in development
+                            !hasImportedOrDefinedIdentifier(
+                              frameworkOptions.idents.dummyHMRComponent,
+                            )
+                          ) {
+                            programPath.pushContainer('body', [
+                              template.statement(
+                                frameworkOptions.dummyHMRComponent,
+                              )(),
+                            ])
                           }
                         }
 
@@ -358,27 +369,6 @@ export function compileCodeSplitReferenceRoute(
                   })
                 }
               }
-
-              if (t.isCallExpression(path.parentPath.node)) {
-                // createFileRoute('/')({ ... })
-                const options = resolveIdentifier(
-                  path,
-                  path.parentPath.node.arguments[0],
-                )
-
-                babelHandleReference(options)
-              } else if (t.isVariableDeclarator(path.parentPath.node)) {
-                // createFileRoute({ ... })
-                const caller = resolveIdentifier(
-                  path,
-                  path.parentPath.node.init,
-                )
-
-                if (t.isCallExpression(caller)) {
-                  const options = resolveIdentifier(path, caller.arguments[0])
-                  babelHandleReference(options)
-                }
-              }
             },
           },
           state,
@@ -416,7 +406,6 @@ export function compileCodeSplitReferenceRoute(
 export function compileCodeSplitVirtualRoute(
   opts: ParseAstOptions & {
     splitTargets: Array<SplitRouteIdentNodes>
-    filename: string
   },
 ): GeneratorResult {
   const ast = parseAst(opts)
@@ -459,7 +448,12 @@ export function compileCodeSplitVirtualRoute(
                 return
               }
 
-              function babelHandleVirtual(options: t.Node | undefined) {
+              if (t.isCallExpression(path.parentPath.node)) {
+                const options = resolveIdentifier(
+                  path,
+                  path.parentPath.node.arguments[0],
+                )
+
                 if (t.isObjectExpression(options)) {
                   options.properties.forEach((prop) => {
                     if (t.isObjectProperty(prop)) {
@@ -503,27 +497,6 @@ export function compileCodeSplitVirtualRoute(
                   options.properties = []
                 }
               }
-
-              if (t.isCallExpression(path.parentPath.node)) {
-                // createFileRoute('/')({ ... })
-                const options = resolveIdentifier(
-                  path,
-                  path.parentPath.node.arguments[0],
-                )
-
-                babelHandleVirtual(options)
-              } else if (t.isVariableDeclarator(path.parentPath.node)) {
-                // createFileRoute({ ... })
-                const caller = resolveIdentifier(
-                  path,
-                  path.parentPath.node.init,
-                )
-
-                if (t.isCallExpression(caller)) {
-                  const options = resolveIdentifier(path, caller.arguments[0])
-                  babelHandleVirtual(options)
-                }
-              }
             },
           },
           state,
@@ -868,7 +841,7 @@ function getImportSpecifierAndPathFromLocalName(
 }
 
 // Reusable function to get literal value or resolve variable to literal
-function resolveIdentifier(path: any, node: any): t.Node | undefined {
+function resolveIdentifier(path: any, node: any) {
   if (t.isIdentifier(node)) {
     const binding = path.scope.getBinding(node.name)
     if (

package/src/core/code-splitter/framework-options.ts

@@ -4,7 +4,9 @@ type FrameworkOptions = {
     createFileRoute: string
     lazyFn: string
     lazyRouteComponent: string
+    dummyHMRComponent: string
   }
+  dummyHMRComponent: string
 }
 
 export function getFrameworkOptions(framework: string): FrameworkOptions {
@@ -18,7 +20,9 @@ export function getFrameworkOptions(framework: string): FrameworkOptions {
           createFileRoute: 'createFileRoute',
           lazyFn: 'lazyFn',
           lazyRouteComponent: 'lazyRouteComponent',
+          dummyHMRComponent: 'TSRDummyComponent',
         },
+        dummyHMRComponent: `export function TSRDummyComponent() { return null }`,
       }
       break
     case 'solid':
@@ -28,7 +32,9 @@ export function getFrameworkOptions(framework: string): FrameworkOptions {
           createFileRoute: 'createFileRoute',
           lazyFn: 'lazyFn',
           lazyRouteComponent: 'lazyRouteComponent',
+          dummyHMRComponent: 'TSRDummyComponent',
         },
+        dummyHMRComponent: `export function TSRDummyComponent() { return null }`,
       }
       break
     default: