@tanstack/router-plugin 1.120.3 → 1.120.4-alpha.1

package/dist/cjs/rspack.d.cts

@@ -16,31 +16,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -63,31 +61,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -110,31 +106,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;

package/dist/cjs/vite.cjs

@@ -12,9 +12,11 @@ const TanStackRouterCodeSplitterVite = unplugin.createVitePlugin(
   routerCodeSplitterPlugin.unpluginRouterCodeSplitterFactory
 );
 const TanStackRouterVite = unplugin.createVitePlugin(routerComposedPlugin.unpluginRouterComposedFactory);
+const tanstackRouter = TanStackRouterVite;
 exports.configSchema = config.configSchema;
 exports.TanStackRouterCodeSplitterVite = TanStackRouterCodeSplitterVite;
 exports.TanStackRouterGeneratorVite = TanStackRouterGeneratorVite;
 exports.TanStackRouterVite = TanStackRouterVite;
 exports.default = TanStackRouterVite;
+exports.tanstackRouter = tanstackRouter;
 //# sourceMappingURL=vite.cjs.map

package/dist/cjs/vite.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vite.cjs","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":["createVitePlugin","unpluginRouterGeneratorFactory","unpluginRouterCodeSplitterFactory","unpluginRouterComposedFactory"],"mappings":";;;;;;;AAkBA,MAAM,8BAA8BA,SAAA;AAAA,EAClCC,sBAAAA;AACF;AAWA,MAAM,iCAAiCD,SAAA;AAAA,EACrCE,yBAAAA;AACF;AAWM,MAAA,qBAAqBF,0BAAiBG,qBAA6B,6BAAA;;;;;;"}
+{"version":3,"file":"vite.cjs","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":["createVitePlugin","unpluginRouterGeneratorFactory","unpluginRouterCodeSplitterFactory","unpluginRouterComposedFactory"],"mappings":";;;;;;;AAkBA,MAAM,8BAA8BA,SAAA;AAAA,EAClCC,sBAAAA;AACF;AAWA,MAAM,iCAAiCD,SAAA;AAAA,EACrCE,yBAAAA;AACF;AAWM,MAAA,qBAAqBF,0BAAiBG,qBAA6B,6BAAA;AACzE,MAAM,iBAAiB;;;;;;;"}

package/dist/cjs/vite.d.cts

@@ -12,31 +12,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -55,31 +53,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -98,36 +94,66 @@ 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;
-    apiBase: string;
-    routeTreeFileHeader: string[];
     routeTreeFileFooter: string[];
+    enableRouteGeneration?: boolean | undefined;
+    codeSplittingOptions?: import('./core/config.cjs').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;
+    routeTreeFileHeader: string[];
     indexToken: string;
     routeToken: string;
+    generatedRouteTree: string;
+    disableTypes: boolean;
+    addExtensions: boolean;
+    disableManifestGeneration: boolean;
+    enableRouteTreeFormatting: boolean;
+    routeTreeFileFooter: string[];
     enableRouteGeneration?: boolean | undefined;
     codeSplittingOptions?: import('./core/config.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | 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, };
+export { configSchema, TanStackRouterGeneratorVite, TanStackRouterCodeSplitterVite, TanStackRouterVite, tanstackRouter, };
 export type { Config };

package/dist/cjs/webpack.d.cts

@@ -12,31 +12,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -55,31 +53,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;
@@ -98,31 +94,29 @@ 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.cjs').CodeSplittingOptions | undefined;
     virtualRouteConfig?: string | import('@tanstack/virtual-file-routes').VirtualRootRoute | undefined;
     routeFilePrefix?: string | undefined;
     routeFileIgnorePattern?: string | undefined;
-    __enableAPIRoutesGeneration?: boolean | undefined;
-    autoCodeSplitting?: boolean | undefined;
     pathParamsAllowedCharacters?: (";" | ":" | "@" | "&" | "=" | "+" | "$" | ",")[] | undefined;
+    verboseFileRoutes?: boolean | undefined;
+    autoCodeSplitting?: boolean | undefined;
     customScaffolding?: {
         routeTemplate?: string | undefined;
         lazyRouteTemplate?: string | undefined;
-        apiTemplate?: string | undefined;
     } | undefined;
     experimental?: {
         enableCodeSplitting?: boolean | undefined;

package/dist/esm/core/code-splitter/compilers.d.ts

@@ -5,9 +5,12 @@ export declare function compileCodeSplitReferenceRoute(opts: ParseAstOptions & {
     runtimeEnv: 'dev' | 'prod';
     codeSplitGroupings: CodeSplitGroupings;
     targetFramework: Config['target'];
+    filename: string;
+    id: string;
 }): GeneratorResult;
 export declare function compileCodeSplitVirtualRoute(opts: ParseAstOptions & {
     splitTargets: Array<SplitRouteIdentNodes>;
+    filename: string;
 }): GeneratorResult;
 /**
  * This function should read get the options from by searching for the key `codeSplitGroupings`

package/dist/esm/core/code-splitter/compilers.js

@@ -4,6 +4,7 @@ import * as template from "@babel/template";
 import { findReferencedIdentifiers, deadCodeElimination } from "babel-dead-code-elimination";
 import { parseAst, generateFromAst } from "@tanstack/router-utils";
 import { tsrSplit } from "../constants.js";
+import { routeHmrStatement } from "../route-hmr-statement.js";
 import { createIdentifier } from "./path-ids.js";
 import { getFrameworkOptions } from "./framework-options.js";
 process.env.TSR_VITE_DEBUG;
@@ -111,16 +112,12 @@ function compileCodeSplitReferenceRoute(opts) {
               if (!(path.node.callee.name === "createRoute" || path.node.callee.name === "createFileRoute")) {
                 return;
               }
-              if (t.isCallExpression(path.parentPath.node)) {
-                const options = resolveIdentifier(
-                  path,
-                  path.parentPath.node.arguments[0]
-                );
+              function babelHandleReference(routeOptions) {
                 const hasImportedOrDefinedIdentifier = (name) => {
                   return programPath.scope.hasBinding(name);
                 };
-                if (t.isObjectExpression(options)) {
-                  options.properties.forEach((prop) => {
+                if (t.isObjectExpression(routeOptions)) {
+                  routeOptions.properties.forEach((prop) => {
                     if (t.isObjectProperty(prop)) {
                       if (t.isIdentifier(prop.key)) {
                         const codeSplitGroupingByKey = findIndexForSplitNode(
@@ -195,15 +192,8 @@ function compileCodeSplitReferenceRoute(opts) {
                               `${LAZY_ROUTE_COMPONENT_IDENT}(${splitNodeMeta.localImporterIdent}, '${splitNodeMeta.exporterIdent}')`
                             )();
                           }
-                          if (opts.runtimeEnv !== "prod" && // only in development
-                          !hasImportedOrDefinedIdentifier(
-                            frameworkOptions.idents.dummyHMRComponent
-                          )) {
-                            programPath.pushContainer("body", [
-                              template.statement(
-                                frameworkOptions.dummyHMRComponent
-                              )()
-                            ]);
+                          if (opts.runtimeEnv !== "prod") {
+                            programPath.pushContainer("body", routeHmrStatement);
                           }
                         }
                         if (splitNodeMeta.splitStrategy === "lazyFn") {
@@ -253,6 +243,22 @@ function compileCodeSplitReferenceRoute(opts) {
                   });
                 }
               }
+              if (t.isCallExpression(path.parentPath.node)) {
+                const options = resolveIdentifier(
+                  path,
+                  path.parentPath.node.arguments[0]
+                );
+                babelHandleReference(options);
+              } else if (t.isVariableDeclarator(path.parentPath.node)) {
+                const caller = resolveIdentifier(
+                  path,
+                  path.parentPath.node.init
+                );
+                if (t.isCallExpression(caller)) {
+                  const options = resolveIdentifier(path, caller.arguments[0]);
+                  babelHandleReference(options);
+                }
+              }
             }
           },
           state
@@ -302,11 +308,7 @@ function compileCodeSplitVirtualRoute(opts) {
               if (!(path.node.callee.name === "createRoute" || path.node.callee.name === "createFileRoute")) {
                 return;
               }
-              if (t.isCallExpression(path.parentPath.node)) {
-                const options = resolveIdentifier(
-                  path,
-                  path.parentPath.node.arguments[0]
-                );
+              function babelHandleVirtual(options) {
                 if (t.isObjectExpression(options)) {
                   options.properties.forEach((prop) => {
                     if (t.isObjectProperty(prop)) {
@@ -337,6 +339,22 @@ function compileCodeSplitVirtualRoute(opts) {
                   options.properties = [];
                 }
               }
+              if (t.isCallExpression(path.parentPath.node)) {
+                const options = resolveIdentifier(
+                  path,
+                  path.parentPath.node.arguments[0]
+                );
+                babelHandleVirtual(options);
+              } else if (t.isVariableDeclarator(path.parentPath.node)) {
+                const caller = resolveIdentifier(
+                  path,
+                  path.parentPath.node.init
+                );
+                if (t.isCallExpression(caller)) {
+                  const options = resolveIdentifier(path, caller.arguments[0]);
+                  babelHandleVirtual(options);
+                }
+              }
             }
           },
           state