@bleedingdev/modern-js-plugin-tanstack 3.5.0-ultramodern.30 → 3.5.0-ultramodern.31

package/dist/esm/cli/artifacts.mjs

@@ -0,0 +1,103 @@
+import node_path from "node:path";
+import { fs } from "@modern-js/utils";
+import { collectCanonicalRoutesForEntry, generateTanstackRouterTypesSourceForEntry } from "./tanstackTypes.mjs";
+const DEFAULT_GENERATED_DIR_NAME = 'modern-tanstack';
+async function writeFileIfChanged(filePath, content) {
+    try {
+        const previous = await fs.pathExists(filePath) ? await fs.readFile(filePath, 'utf-8') : null;
+        if (previous === content) return;
+    } catch  {}
+    await fs.outputFile(filePath, content, 'utf-8');
+}
+function createRegisterDtsContent(opts) {
+    const importStatements = opts.entries.map((entryName, index)=>`import type { router as router${index} } from './${entryName}/router.gen';`).join('\n');
+    const routerUnionType = opts.entries.map((_, index)=>`typeof router${index}`).join(' | ');
+    const canonicalEntries = Object.entries(opts.canonicalRoutes ?? {});
+    const canonicalRoutesAugmentation = canonicalEntries.length > 0 ? `
+declare module '${opts.i18nRuntimeModule || '@modern-js/plugin-i18n/runtime'}' {
+  interface UltramodernCanonicalRoutes {
+${canonicalEntries.map(([routePath, paramsType])=>`    '${routePath}': ${paramsType};`).join('\n')}
+  }
+}
+` : '';
+    return `// This file is auto-generated by Modern.js. Do not edit manually.
+
+${importStatements}
+
+declare module '${opts.runtimeModule}' {
+  interface Register {
+    router: ${routerUnionType};
+  }
+}
+${canonicalRoutesAugmentation}`;
+}
+async function writeTanstackRegisterFile(opts) {
+    const { entries, generatedDirName = DEFAULT_GENERATED_DIR_NAME, runtimeModule = '@modern-js/plugin-tanstack/runtime', srcDirectory, canonicalRoutes, i18nRuntimeModule } = opts;
+    if (0 === entries.length) return;
+    const registerDtsPath = node_path.join(srcDirectory, generatedDirName, 'register.gen.d.ts');
+    await writeFileIfChanged(registerDtsPath, createRegisterDtsContent({
+        entries,
+        runtimeModule,
+        canonicalRoutes,
+        i18nRuntimeModule
+    }));
+}
+async function writeTanstackRouterTypesForEntries(opts) {
+    const { appContext, generatedDirName = DEFAULT_GENERATED_DIR_NAME, routesByEntry, i18nPluginInstalled = false } = opts;
+    const entryNames = Object.keys(routesByEntry);
+    await Promise.all(entryNames.map(async (entryName)=>{
+        const { routerGenTs } = await generateTanstackRouterTypesSourceForEntry({
+            appContext,
+            entryName,
+            generatedDirName,
+            routes: routesByEntry[entryName]
+        });
+        await writeFileIfChanged(node_path.join(appContext.srcDirectory, generatedDirName, entryName, 'router.gen.ts'), routerGenTs);
+    }));
+    const mainEntryName = appContext.entrypoints?.find((entrypoint)=>entrypoint.isMainEntry)?.entryName;
+    const registerEntries = entryNames.sort((a, b)=>{
+        if (mainEntryName && a === mainEntryName) return -1;
+        if (mainEntryName && b === mainEntryName) return 1;
+        return a.localeCompare(b);
+    });
+    let canonicalRoutes = null;
+    if (i18nPluginInstalled) for (const entryName of registerEntries){
+        const entryCanonicalRoutes = collectCanonicalRoutesForEntry(routesByEntry[entryName], {
+            localeParamHeuristic: true
+        });
+        if (entryCanonicalRoutes) canonicalRoutes = {
+            ...entryCanonicalRoutes,
+            ...canonicalRoutes ?? {}
+        };
+    }
+    await writeTanstackRegisterFile({
+        entries: registerEntries,
+        generatedDirName,
+        srcDirectory: appContext.srcDirectory,
+        canonicalRoutes
+    });
+}
+async function generateTanstackRouteArtifacts(opts) {
+    const [{ createRunOptions }, { cli }, utils] = await Promise.all([
+        import("@modern-js/app-tools/cli/run"),
+        import("@modern-js/plugin/cli"),
+        import("@modern-js/utils")
+    ]);
+    process.env.MODERN_ARGV = 'node modern build';
+    process.env.NODE_ENV = process.env.NODE_ENV || 'production';
+    const { findExists, CONFIG_FILE_EXTENSIONS } = utils;
+    const configFileBase = node_path.resolve(opts.appDirectory, 'modern.config');
+    const resolvedConfigFile = findExists(CONFIG_FILE_EXTENSIONS.map((extension)=>`${configFileBase}${extension}`));
+    if (!resolvedConfigFile) throw new Error(`[plugin-tanstack] Unable to locate a Modern.js config file (modern.config.{${CONFIG_FILE_EXTENSIONS.map((extension)=>extension.slice(1)).join(',')}}) in ${opts.appDirectory}. TanStack route generation requires the app config to resolve its plugins.`);
+    const runOptions = await createRunOptions({
+        cwd: opts.appDirectory,
+        configFile: configFileBase,
+        version: opts.version || process.env.MODERN_JS_VERSION || '0.0.0-routes-generate',
+        internalPlugins: utils.INTERNAL_RUNTIME_PLUGINS
+    });
+    await cli.init({
+        ...runOptions,
+        command: 'build'
+    });
+}
+export { generateTanstackRouteArtifacts, writeTanstackRegisterFile, writeTanstackRouterTypesForEntries };

package/dist/esm/cli/index.mjs

@@ -1,7 +1,7 @@
 import node_path from "node:path";
-import { NESTED_ROUTE_SPEC_FILE, filterRoutesForServer, fs } from "@modern-js/utils";
+import { NESTED_ROUTE_SPEC_FILE, filterRoutesForServer } from "@modern-js/utils";
+import { generateTanstackRouteArtifacts, writeTanstackRegisterFile, writeTanstackRouterTypesForEntries } from "./artifacts.mjs";
 import { createTanstackRsbuildRouteSplittingProfile, resolveTanstackRouteCodeSplittingEnabled } from "./routeSplitting.mjs";
-import { collectCanonicalRoutesForEntry, generateTanstackRouterTypesSourceForEntry } from "./tanstackTypes.mjs";
 import { __webpack_require__ } from "../rslib-runtime.mjs";
 import * as __rspack_external__modern_js_runtime_cli_401ee077 from "@modern-js/runtime/cli";
 __webpack_require__.add({
@@ -22,81 +22,6 @@ function getRuntimeRouterCli() {
     }
     throw new Error('@modern-js/plugin-tanstack requires @modern-js/runtime/cli router helper exports.');
 }
-async function writeFileIfChanged(filePath, content) {
-    try {
-        const previous = await fs.pathExists(filePath) ? await fs.readFile(filePath, 'utf-8') : null;
-        if (previous === content) return;
-    } catch  {}
-    await fs.outputFile(filePath, content, 'utf-8');
-}
-function createRegisterDtsContent(opts) {
-    const importStatements = opts.entries.map((entryName, index)=>`import type { router as router${index} } from './${entryName}/router.gen';`).join('\n');
-    const routerUnionType = opts.entries.map((_, index)=>`typeof router${index}`).join(' | ');
-    const canonicalEntries = Object.entries(opts.canonicalRoutes ?? {});
-    const canonicalRoutesAugmentation = canonicalEntries.length > 0 ? `
-declare module '${opts.i18nRuntimeModule || '@modern-js/plugin-i18n/runtime'}' {
-  interface UltramodernCanonicalRoutes {
-${canonicalEntries.map(([routePath, paramsType])=>`    '${routePath}': ${paramsType};`).join('\n')}
-  }
-}
-` : '';
-    return `// This file is auto-generated by Modern.js. Do not edit manually.
-
-${importStatements}
-
-declare module '${opts.runtimeModule}' {
-  interface Register {
-    router: ${routerUnionType};
-  }
-}
-${canonicalRoutesAugmentation}`;
-}
-async function writeTanstackRegisterFile(opts) {
-    const { entries, generatedDirName = DEFAULT_GENERATED_DIR_NAME, runtimeModule = '@modern-js/plugin-tanstack/runtime', srcDirectory, canonicalRoutes, i18nRuntimeModule } = opts;
-    if (0 === entries.length) return;
-    const registerDtsPath = node_path.join(srcDirectory, generatedDirName, 'register.gen.d.ts');
-    await writeFileIfChanged(registerDtsPath, createRegisterDtsContent({
-        entries,
-        runtimeModule,
-        canonicalRoutes,
-        i18nRuntimeModule
-    }));
-}
-async function writeTanstackRouterTypesForEntries(opts) {
-    const { appContext, generatedDirName = DEFAULT_GENERATED_DIR_NAME, routesByEntry, i18nPluginInstalled = false } = opts;
-    const entryNames = Object.keys(routesByEntry);
-    await Promise.all(entryNames.map(async (entryName)=>{
-        const { routerGenTs } = await generateTanstackRouterTypesSourceForEntry({
-            appContext,
-            entryName,
-            generatedDirName,
-            routes: routesByEntry[entryName]
-        });
-        await writeFileIfChanged(node_path.join(appContext.srcDirectory, generatedDirName, entryName, 'router.gen.ts'), routerGenTs);
-    }));
-    const mainEntryName = appContext.entrypoints?.find((entrypoint)=>entrypoint.isMainEntry)?.entryName;
-    const registerEntries = entryNames.sort((a, b)=>{
-        if (mainEntryName && a === mainEntryName) return -1;
-        if (mainEntryName && b === mainEntryName) return 1;
-        return a.localeCompare(b);
-    });
-    let canonicalRoutes = null;
-    if (i18nPluginInstalled) for (const entryName of registerEntries){
-        const entryCanonicalRoutes = collectCanonicalRoutesForEntry(routesByEntry[entryName], {
-            localeParamHeuristic: true
-        });
-        if (entryCanonicalRoutes) canonicalRoutes = {
-            ...entryCanonicalRoutes,
-            ...canonicalRoutes ?? {}
-        };
-    }
-    await writeTanstackRegisterFile({
-        entries: registerEntries,
-        generatedDirName,
-        srcDirectory: appContext.srcDirectory,
-        canonicalRoutes
-    });
-}
 function tanstackRouterPlugin(options = {}) {
     const routesDir = options.routesDir || DEFAULT_ROUTES_DIR;
     const generatedDirName = options.generatedDirName || DEFAULT_GENERATED_DIR_NAME;
@@ -238,29 +163,7 @@ function tanstackRouterPlugin(options = {}) {
         }
     };
 }
-async function generateTanstackRouteArtifacts(opts) {
-    const [{ createRunOptions }, { cli }, utils] = await Promise.all([
-        import("@modern-js/app-tools/cli/run"),
-        import("@modern-js/plugin/cli"),
-        import("@modern-js/utils")
-    ]);
-    process.env.MODERN_ARGV = 'node modern build';
-    process.env.NODE_ENV = process.env.NODE_ENV || 'production';
-    const { findExists, CONFIG_FILE_EXTENSIONS } = utils;
-    const configFileBase = node_path.resolve(opts.appDirectory, 'modern.config');
-    const resolvedConfigFile = findExists(CONFIG_FILE_EXTENSIONS.map((extension)=>`${configFileBase}${extension}`));
-    if (!resolvedConfigFile) throw new Error(`[plugin-tanstack] Unable to locate a Modern.js config file (modern.config.{${CONFIG_FILE_EXTENSIONS.map((extension)=>extension.slice(1)).join(',')}}) in ${opts.appDirectory}. TanStack route generation requires the app config to resolve its plugins.`);
-    const runOptions = await createRunOptions({
-        cwd: opts.appDirectory,
-        configFile: configFileBase,
-        version: opts.version || process.env.MODERN_JS_VERSION || '0.0.0-routes-generate',
-        internalPlugins: utils.INTERNAL_RUNTIME_PLUGINS
-    });
-    await cli.init({
-        ...runOptions,
-        command: 'build'
-    });
-}
 const src_cli = tanstackRouterPlugin;
+export { collectCanonicalRoutesForEntry, generateTanstackRouterTypesSourceForEntry } from "./tanstackTypes.mjs";
 export default src_cli;
-export { collectCanonicalRoutesForEntry, createTanstackRsbuildRouteSplittingProfile, generateTanstackRouteArtifacts, generateTanstackRouterTypesSourceForEntry, resolveTanstackRouteCodeSplittingEnabled, tanstackRouterPlugin, writeTanstackRegisterFile, writeTanstackRouterTypesForEntries };
+export { createTanstackRsbuildRouteSplittingProfile, generateTanstackRouteArtifacts, resolveTanstackRouteCodeSplittingEnabled, tanstackRouterPlugin, writeTanstackRegisterFile, writeTanstackRouterTypesForEntries };

package/dist/esm/cli/tanstackTypes/canonicalRoutes.mjs

@@ -0,0 +1,75 @@
+import { toTanstackPath } from "./shared.mjs";
+const LOCALE_PARAM_SEGMENTS = new Set([
+    ':lang',
+    ':locale',
+    ':language',
+    '$lang',
+    '$locale',
+    '$language'
+]);
+function paramsTypeForCanonicalPath(canonicalPath) {
+    const fields = [];
+    for (const segment of canonicalPath.split('/'))if (segment) {
+        if ('*' === segment || '$' === segment) {
+            fields.push("'_splat'?: string");
+            continue;
+        }
+        if (segment.startsWith('{-$') && segment.endsWith('}')) {
+            fields.push(`${JSON.stringify(segment.slice(3, -1))}?: string`);
+            continue;
+        }
+        if (segment.startsWith('$')) {
+            fields.push(`${JSON.stringify(segment.slice(1))}: string`);
+            continue;
+        }
+        if (segment.startsWith(':')) {
+            const optional = segment.endsWith('?');
+            const name = segment.slice(1, optional ? void 0 : segment.length);
+            fields.push(`${JSON.stringify(optional ? name.slice(0, -1) : name)}${optional ? '?' : ''}: string`);
+        }
+    }
+    return fields.length > 0 ? `{ ${fields.join('; ')} }` : 'Record<string, never>';
+}
+function collectCanonicalRoutesForEntry(routes, options = {}) {
+    const { localeParamHeuristic = true } = options;
+    const canonicalParams = new Map();
+    let hasI18nSurface = false;
+    const normalizeJoined = (joined)=>{
+        const collapsed = joined.replace(/\/+/g, '/');
+        const withLeading = collapsed.startsWith('/') ? collapsed : `/${collapsed}`;
+        return withLeading.length > 1 ? withLeading.replace(/\/+$/, '') : withLeading;
+    };
+    const record = (canonicalPath)=>{
+        const normalized = normalizeJoined(canonicalPath || '/');
+        const key = toTanstackPath(normalized);
+        if (!canonicalParams.has(key)) canonicalParams.set(key, paramsTypeForCanonicalPath(normalized));
+    };
+    const visit = (route, parentPath)=>{
+        let currentPath = parentPath;
+        if ('string' == typeof route.modernCanonicalPath) {
+            hasI18nSurface = true;
+            currentPath = normalizeJoined(route.modernCanonicalPath);
+        } else if ('string' == typeof route.path && route.path.length > 0) {
+            const segments = route.path.replace(/\[(.+?)\]/g, ':$1').split('/').filter(Boolean);
+            if (localeParamHeuristic && '' === parentPath && LOCALE_PARAM_SEGMENTS.has(segments[0])) {
+                hasI18nSurface = true;
+                segments.shift();
+            }
+            currentPath = segments.length ? normalizeJoined(`${parentPath}/${segments.join('/')}`) : parentPath;
+        }
+        const children = route.children;
+        if (children && children.length > 0) {
+            for (const child of children)visit(child, currentPath);
+            return;
+        }
+        record(currentPath || '/');
+    };
+    const rootModern = routes.find((route)=>route.isRoot);
+    const topLevel = rootModern ? rootModern.children ?? [] : routes;
+    for (const route of topLevel)visit(route, '');
+    if (!hasI18nSurface || 0 === canonicalParams.size) return null;
+    return Object.fromEntries([
+        ...canonicalParams.entries()
+    ].sort(([a], [b])=>a.localeCompare(b)));
+}
+export { collectCanonicalRoutesForEntry };

package/dist/esm/cli/tanstackTypes/shared.mjs

@@ -0,0 +1,68 @@
+import { getPathWithoutExt } from "@modern-js/runtime/cli";
+import { findExists, formatImportPath, slash } from "@modern-js/utils";
+const JS_OR_TS_EXTS = [
+    '.js',
+    '.jsx',
+    '.ts',
+    '.tsx',
+    '.mjs',
+    '.mts',
+    '.cjs',
+    '.cts'
+];
+function toTanstackPath(pathname) {
+    return pathname.split('/').map((segment)=>{
+        if (!segment) return segment;
+        if ('*' === segment) return '$';
+        if (segment.startsWith(':')) {
+            const name = segment.slice(1);
+            if (name.endsWith('?')) return `{-$${name.slice(0, -1)}}`;
+            return `$${name}`;
+        }
+        return segment;
+    }).join('/');
+}
+async function resolveFileNoExt(inputNoExtPath) {
+    const file = findExists(JS_OR_TS_EXTS.map((ext)=>`${inputNoExtPath}${ext}`));
+    return file ? getPathWithoutExt(file) : null;
+}
+function quote(str) {
+    return JSON.stringify(str);
+}
+function normalizeRelativeImport(p) {
+    const normalized = formatImportPath(slash(p));
+    if (normalized.startsWith('.')) return normalized;
+    return `./${normalized}`;
+}
+function pickModernLoaderModule(route) {
+    const loaderPath = route.data || route.loader;
+    if (!loaderPath || 'string' != typeof loaderPath) return null;
+    const inline = Boolean(route.data);
+    return {
+        loaderPath,
+        inline
+    };
+}
+function pickRouteSearchContractModules(route) {
+    const validateSearchPath = route.validateSearch;
+    const loaderDepsPath = route.loaderDeps;
+    return {
+        validateSearchPath: 'string' == typeof validateSearchPath ? validateSearchPath : null,
+        loaderDepsPath: 'string' == typeof loaderDepsPath ? loaderDepsPath : null
+    };
+}
+function isPathlessLayout(route) {
+    return 'nested' === route.type && 'boolean' != typeof route.index && void 0 === route.path;
+}
+function isIndexRoute(route) {
+    return 'nested' === route.type && Boolean(route.index);
+}
+function createRouteStaticDataSnippet(opts) {
+    const staticDataLines = [];
+    if (opts.modernRouteId) staticDataLines.push(`modernRouteId: ${quote(opts.modernRouteId)},`);
+    if (opts.loaderName) staticDataLines.push(`modernRouteLoader: ${opts.loaderName},`);
+    if (opts.actionName) staticDataLines.push(`modernRouteAction: ${opts.actionName},`);
+    if (!staticDataLines.length) return null;
+    return `staticData: createRouteStaticData({\n    ${staticDataLines.join('\n    ')}\n  }),`;
+}
+export { createRouteStaticDataSnippet, isIndexRoute, isPathlessLayout, normalizeRelativeImport, pickModernLoaderModule, pickRouteSearchContractModules, quote, resolveFileNoExt, toTanstackPath };

package/dist/esm/cli/tanstackTypes/source.mjs

@@ -0,0 +1,203 @@
+import { makeLegalIdentifier } from "@modern-js/runtime/cli";
+import path from "path";
+import { createRouteStaticDataSnippet, isIndexRoute, isPathlessLayout, normalizeRelativeImport, pickModernLoaderModule, pickRouteSearchContractModules, quote, resolveFileNoExt, toTanstackPath } from "./shared.mjs";
+async function generateTanstackRouterTypesSourceForEntry(opts) {
+    const { appContext, entryName, generatedDirName = 'modern-tanstack', routes } = opts;
+    const outDir = path.join(appContext.srcDirectory, generatedDirName, entryName);
+    const rootModern = routes.find((r)=>r && 'nested' === r.type && r.isRoot);
+    const topLevel = rootModern ? rootModern.children || [] : routes;
+    const imports = [];
+    const statements = [];
+    const loaderImportMap = new Map();
+    const componentImportMap = new Map();
+    const searchContractImportMap = new Map();
+    const usedRouteVarNames = new Set();
+    let loaderIndex = 0;
+    let componentIndex = 0;
+    let validateSearchIndex = 0;
+    let loaderDepsIndex = 0;
+    let routeIndex = 0;
+    const getImportNameForComponent = (componentPath)=>{
+        if ('string' != typeof componentPath || 0 === componentPath.length) return Promise.resolve(null);
+        let pendingImportName = componentImportMap.get(componentPath);
+        if (!pendingImportName) {
+            pendingImportName = (async ()=>{
+                const resolvedNoExt = await resolveRouteModuleNoExt(componentPath);
+                if (!resolvedNoExt) return null;
+                const relImport = normalizeRelativeImport(path.relative(outDir, resolvedNoExt));
+                const componentName = `component_${componentIndex++}`;
+                imports.push(`import ${componentName} from ${quote(relImport)};`);
+                return componentName;
+            })();
+            componentImportMap.set(componentPath, pendingImportName);
+        }
+        return pendingImportName;
+    };
+    const resolveRouteModuleNoExt = async (aliasedNoExtPath)=>{
+        const prefix = `${appContext.internalSrcAlias}/`;
+        let absNoExt;
+        if (aliasedNoExtPath.startsWith(prefix)) {
+            const rel = aliasedNoExtPath.slice(prefix.length);
+            absNoExt = path.join(appContext.srcDirectory, rel);
+        } else absNoExt = path.isAbsolute(aliasedNoExtPath) ? aliasedNoExtPath : path.join(appContext.srcDirectory, aliasedNoExtPath);
+        return resolveFileNoExt(absNoExt);
+    };
+    const getImportNamesForLoader = async (aliasedNoExtPath, inline, hasAction)=>{
+        const key = `${inline ? 'inline' : 'default'}:${hasAction ? 'action' : 'loader'}:${aliasedNoExtPath}`;
+        const existing = loaderImportMap.get(key);
+        if (existing) return {
+            loaderName: existing,
+            actionName: hasAction ? existing.replace(/^loader_/, 'action_') : null
+        };
+        const resolvedNoExt = await resolveRouteModuleNoExt(aliasedNoExtPath);
+        if (!resolvedNoExt) return null;
+        const relImport = normalizeRelativeImport(path.relative(outDir, resolvedNoExt));
+        const importName = `loader_${loaderIndex++}`;
+        const actionName = hasAction ? importName.replace(/^loader_/, 'action_') : null;
+        if (inline) {
+            const specifiers = [
+                `loader as ${importName}`
+            ];
+            if (actionName) specifiers.push(`action as ${actionName}`);
+            imports.push(`import { ${specifiers.join(', ')} } from ${quote(relImport)};`);
+        } else imports.push(`import ${importName} from ${quote(relImport)};`);
+        loaderImportMap.set(key, importName);
+        return {
+            loaderName: importName,
+            actionName
+        };
+    };
+    const getImportNameForSearchContract = async (aliasedNoExtPath, exportName)=>{
+        const key = `${exportName}:${aliasedNoExtPath}`;
+        const existing = searchContractImportMap.get(key);
+        if (existing) return existing;
+        const resolvedNoExt = await resolveRouteModuleNoExt(aliasedNoExtPath);
+        if (!resolvedNoExt) return null;
+        const relImport = normalizeRelativeImport(path.relative(outDir, resolvedNoExt));
+        const importName = 'validateSearch' === exportName ? `validateSearch_${validateSearchIndex++}` : `loaderDeps_${loaderDepsIndex++}`;
+        imports.push(`import { ${exportName} as ${importName} } from ${quote(relImport)};`);
+        searchContractImportMap.set(key, importName);
+        return importName;
+    };
+    const reserveRouteVarName = (preferred)=>{
+        let candidate = preferred;
+        let suffix = 1;
+        while(usedRouteVarNames.has(candidate))candidate = `${preferred}_${suffix++}`;
+        usedRouteVarNames.add(candidate);
+        return candidate;
+    };
+    const createRouteVarName = (route)=>{
+        const id = route.id;
+        const base = id ? makeLegalIdentifier(id) : `r_${routeIndex++}`;
+        return reserveRouteVarName(`route_${base}`);
+    };
+    const buildRoute = async (opts)=>{
+        const { parentVar, route } = opts;
+        const varName = createRouteVarName(route);
+        const loaderInfo = pickModernLoaderModule(route);
+        const routeAction = route.action;
+        const loaderImports = loaderInfo ? await getImportNamesForLoader(loaderInfo.loaderPath, loaderInfo.inline, Boolean(loaderInfo.inline && routeAction === loaderInfo.loaderPath)) : null;
+        const loaderName = loaderImports?.loaderName || null;
+        const actionName = loaderImports?.actionName || null;
+        const searchContractInfo = pickRouteSearchContractModules(route);
+        const validateSearchName = searchContractInfo.validateSearchPath ? await getImportNameForSearchContract(searchContractInfo.validateSearchPath, 'validateSearch') : null;
+        const loaderDepsName = searchContractInfo.loaderDepsPath ? await getImportNameForSearchContract(searchContractInfo.loaderDepsPath, 'loaderDeps') : null;
+        const rawPath = route.path;
+        const hasSplat = 'string' == typeof rawPath && rawPath.includes('*');
+        const routeOpts = [
+            `getParentRoute: () => ${parentVar},`
+        ];
+        const componentName = await getImportNameForComponent(route._component);
+        if (componentName) routeOpts.push(`component: ${componentName},`);
+        if (isPathlessLayout(route)) {
+            const id = route.id;
+            routeOpts.push(`id: ${quote(id || 'pathless')},`);
+        } else {
+            const p = isIndexRoute(route) ? '/' : toTanstackPath(rawPath || '');
+            routeOpts.push(`path: ${quote(p)},`);
+        }
+        if (loaderName) routeOpts.push(`loader: modernLoaderToTanstack({ hasSplat: ${hasSplat} }, ${loaderName}),`);
+        if (validateSearchName) routeOpts.push(`validateSearch: ${validateSearchName},`);
+        if (loaderDepsName) routeOpts.push(`loaderDeps: ${loaderDepsName},`);
+        const staticDataSnippet = createRouteStaticDataSnippet({
+            modernRouteId: route.id,
+            loaderName,
+            actionName
+        });
+        if (staticDataSnippet) routeOpts.push(staticDataSnippet);
+        const children = route.children;
+        const hasChildren = Boolean(children && children.length > 0);
+        const routeCtorVarName = hasChildren ? reserveRouteVarName(`${varName}__base`) : varName;
+        statements.push(`const ${routeCtorVarName} = createRoute({\n  ${routeOpts.join('\n  ')}\n});`);
+        if (children && children.length > 0) {
+            const childVars = [];
+            for (const child of children)childVars.push(await buildRoute({
+                parentVar: routeCtorVarName,
+                route: child
+            }));
+            statements.push(`const ${varName} = ${routeCtorVarName}.addChildren([${childVars.join(', ')}]);`);
+        }
+        return varName;
+    };
+    const rootLoaderInfo = rootModern ? pickModernLoaderModule(rootModern) : null;
+    const rootAction = rootModern?.action;
+    const rootLoaderImports = rootLoaderInfo?.loaderPath ? await getImportNamesForLoader(rootLoaderInfo.loaderPath, rootLoaderInfo.inline, Boolean(rootLoaderInfo.inline && rootAction === rootLoaderInfo.loaderPath)) : null;
+    const rootLoaderName = rootLoaderImports?.loaderName || null;
+    const rootActionName = rootLoaderImports?.actionName || null;
+    const rootSearchContractInfo = rootModern ? pickRouteSearchContractModules(rootModern) : null;
+    const rootValidateSearchName = rootSearchContractInfo?.validateSearchPath ? await getImportNameForSearchContract(rootSearchContractInfo.validateSearchPath, 'validateSearch') : null;
+    const rootLoaderDepsName = rootSearchContractInfo?.loaderDepsPath ? await getImportNameForSearchContract(rootSearchContractInfo.loaderDepsPath, 'loaderDeps') : null;
+    const topLevelVars = [];
+    for (const route of topLevel)topLevelVars.push(await buildRoute({
+        parentVar: 'rootRoute',
+        route
+    }));
+    const rootOpts = [];
+    const rootComponentName = await getImportNameForComponent(rootModern?._component);
+    if (rootComponentName) rootOpts.push(`component: ${rootComponentName},`);
+    if (rootLoaderName) rootOpts.push(`loader: modernLoaderToTanstack({ hasSplat: false }, ${rootLoaderName}),`);
+    if (rootValidateSearchName) rootOpts.push(`validateSearch: ${rootValidateSearchName},`);
+    if (rootLoaderDepsName) rootOpts.push(`loaderDeps: ${rootLoaderDepsName},`);
+    const routerGenTs = `/* eslint-disable */
+// This file is auto-generated by Modern.js. Do not edit manually.
+
+import {
+  createMemoryHistory,
+  createRootRouteWithContext,
+  createRoute,
+  createRouter,
+  createRouteStaticData,
+  type ModernRouterContext,
+  modernLoaderToTanstack,
+  modernTanstackRouterFastDefaults,
+} from '@modern-js/plugin-tanstack/runtime';
+
+${imports.join('\n')}
+
+export const rootRoute = createRootRouteWithContext<ModernRouterContext>()({
+  ${rootOpts.join('\n  ')}
+  ${createRouteStaticDataSnippet({
+        modernRouteId: rootModern?.id,
+        loaderName: rootLoaderName,
+        actionName: rootActionName
+    }) || ''}
+});
+
+${statements.join('\n\n')}
+
+export const routeTree = rootRoute.addChildren([${topLevelVars.join(', ')}]);
+
+export const router = createRouter({
+  ...modernTanstackRouterFastDefaults,
+  routeTree,
+  history: createMemoryHistory({
+    initialEntries: ['/'],
+  }),
+  context: {} as ModernRouterContext,
+});
+`;
+    return {
+        routerGenTs
+    };
+}
+export { generateTanstackRouterTypesSourceForEntry };