@tanstack/router-generator 1.141.5 → 1.141.7

package/dist/esm/generator.js

@@ -7,7 +7,7 @@ import { logging } from "./logger.js";
 import { getRouteNodes as getRouteNodes$1, isVirtualConfigFile } from "./filesystem/physical/getRouteNodes.js";
 import { getRouteNodes } from "./filesystem/virtual/getRouteNodes.js";
 import { rootPathId } from "./filesystem/physical/rootPathId.js";
-import { multiSortBy, format, getImportForRouteNode, isRouteNodeValidForAugmentation, buildRouteTreeConfig, findParent, replaceBackslash, removeExt, createRouteNodesByFullPath, createRouteNodesByTo, createRouteNodesById, getResolvedRouteNodeVariableName, buildFileRoutesByPathInterface, checkRouteFullPathUniqueness, mergeImportDeclarations, buildImportString, checkFileExists, resetRegex, hasParentRoute, determineNodePath, trimPathLeft, removeGroups, removeLeadingUnderscores, removeLayoutSegments, removeUnderscores, removeTrailingSlash, removeLastSegmentFromPath, getImportPath } from "./utils.js";
+import { multiSortBy, RoutePrefixMap, format, getImportForRouteNode, isRouteNodeValidForAugmentation, buildRouteTreeConfig, findParent, replaceBackslash, removeExt, createRouteNodesByFullPath, createRouteNodesByTo, createRouteNodesById, getResolvedRouteNodeVariableName, buildFileRoutesByPathInterface, checkRouteFullPathUniqueness, mergeImportDeclarations, buildImportString, checkFileExists, hasParentRoute, determineNodePath, trimPathLeft, removeGroups, removeLeadingUnderscores, removeLayoutSegments, removeUnderscores, removeTrailingSlash, removeLastSegmentFromPath, getImportPath } from "./utils.js";
 import { getTargetTemplate, fillTemplate } from "./template.js";
 import { transform } from "./transform/transform.js";
 const DefaultFileSystem = {
@@ -63,6 +63,8 @@ const _Generator = class _Generator {
     this.targetTemplate = getTargetTemplate(this.config);
     this.routesDirectoryPath = this.getRoutesDirectoryPath();
     this.plugins.push(...opts.config.plugins || []);
+    this.indexTokenRegex = new RegExp(`[./]${this.config.indexToken}[.]`);
+    this.routeTokenRegex = new RegExp(`[./]${this.config.routeToken}[.]`);
     for (const plugin of this.plugins) {
       plugin.init?.({ generator: this });
     }
@@ -175,11 +177,9 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
     const preRouteNodes = multiSortBy(beforeRouteNodes, [
       (d) => d.routePath === "/" ? -1 : 1,
       (d) => d.routePath?.split("/").length,
-      (d) => d.filePath.match(new RegExp(`[./]${this.config.indexToken}[.]`)) ? 1 : -1,
-      (d) => d.filePath.match(
-        /[./](component|errorComponent|notFoundComponent|pendingComponent|loader|lazy)[.]/
-      ) ? 1 : -1,
-      (d) => d.filePath.match(new RegExp(`[./]${this.config.routeToken}[.]`)) ? -1 : 1,
+      (d) => d.filePath.match(this.indexTokenRegex) ? 1 : -1,
+      (d) => d.filePath.match(_Generator.componentPieceRegex) ? 1 : -1,
+      (d) => d.filePath.match(this.routeTokenRegex) ? -1 : 1,
       (d) => d.routePath?.endsWith("/") ? -1 : 1,
       (d) => d.routePath
     ]).filter((d) => {
@@ -220,8 +220,9 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
       routePiecesByPath: {},
       routeNodesByPath: /* @__PURE__ */ new Map()
     };
+    const prefixMap = new RoutePrefixMap(routeFileResult);
     for (const node of routeFileResult) {
-      _Generator.handleNode(node, acc, this.config);
+      _Generator.handleNode(node, acc, prefixMap, this.config);
     }
     this.crawlingResult = { rootRouteNode, routeFileResult, acc };
     if (!this.routeTreeFileCache) {
@@ -329,30 +330,45 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
       (d) => d.routePath?.endsWith(config.indexToken) ? -1 : 1,
       (d) => d
     ]);
-    const routeImports = sortedRouteNodes.filter((d) => !d.isVirtual).flatMap(
-      (node) => getImportForRouteNode(
-        node,
-        config,
-        this.generatedRouteTreePath,
-        this.root
-      )
-    );
-    const virtualRouteNodes = sortedRouteNodes.filter((d) => d.isVirtual).map((node) => {
-      return `const ${node.variableName}RouteImport = createFileRoute('${node.routePath}')()`;
-    });
+    const routeImports = [];
+    const virtualRouteNodes = [];
+    for (const node of sortedRouteNodes) {
+      if (node.isVirtual) {
+        virtualRouteNodes.push(
+          `const ${node.variableName}RouteImport = createFileRoute('${node.routePath}')()`
+        );
+      } else {
+        routeImports.push(
+          getImportForRouteNode(
+            node,
+            config,
+            this.generatedRouteTreePath,
+            this.root
+          )
+        );
+      }
+    }
     const imports = [];
-    if (acc.routeNodes.some((n) => n.isVirtual)) {
+    if (virtualRouteNodes.length > 0) {
       imports.push({
         specifiers: [{ imported: "createFileRoute" }],
         source: this.targetTemplate.fullPkg
       });
     }
-    const hasComponentPieces = sortedRouteNodes.some(
-      (node) => acc.routePiecesByPath[node.routePath]?.component || acc.routePiecesByPath[node.routePath]?.errorComponent || acc.routePiecesByPath[node.routePath]?.notFoundComponent || acc.routePiecesByPath[node.routePath]?.pendingComponent
-    );
-    const hasLoaderPieces = sortedRouteNodes.some(
-      (node) => acc.routePiecesByPath[node.routePath]?.loader
-    );
+    let hasComponentPieces = false;
+    let hasLoaderPieces = false;
+    for (const node of sortedRouteNodes) {
+      const pieces = acc.routePiecesByPath[node.routePath];
+      if (pieces) {
+        if (pieces.component || pieces.errorComponent || pieces.notFoundComponent || pieces.pendingComponent) {
+          hasComponentPieces = true;
+        }
+        if (pieces.loader) {
+          hasLoaderPieces = true;
+        }
+        if (hasComponentPieces && hasLoaderPieces) break;
+      }
+    }
     if (hasComponentPieces || hasLoaderPieces) {
       const runtimeImport = {
         specifiers: [],
@@ -372,14 +388,23 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
         source: this.targetTemplate.fullPkg,
         importKind: "type"
       };
-      if (sortedRouteNodes.some(
-        (d) => isRouteNodeValidForAugmentation(d) && d._fsRouteType !== "lazy"
-      )) {
+      let needsCreateFileRoute = false;
+      let needsCreateLazyFileRoute = false;
+      for (const node of sortedRouteNodes) {
+        if (isRouteNodeValidForAugmentation(node)) {
+          if (node._fsRouteType !== "lazy") {
+            needsCreateFileRoute = true;
+          }
+          if (acc.routePiecesByPath[node.routePath]?.lazy) {
+            needsCreateLazyFileRoute = true;
+          }
+        }
+        if (needsCreateFileRoute && needsCreateLazyFileRoute) break;
+      }
+      if (needsCreateFileRoute) {
         typeImport.specifiers.push({ imported: "CreateFileRoute" });
       }
-      if (sortedRouteNodes.some(
-        (node) => acc.routePiecesByPath[node.routePath]?.lazy && isRouteNodeValidForAugmentation(node)
-      )) {
+      if (needsCreateLazyFileRoute) {
         typeImport.specifiers.push({ imported: "CreateLazyFileRoute" });
       }
       if (typeImport.specifiers.length > 0) {
@@ -392,12 +417,13 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
       config.disableTypes
     );
     const createUpdateRoutes = sortedRouteNodes.map((node) => {
-      const loaderNode = acc.routePiecesByPath[node.routePath]?.loader;
-      const componentNode = acc.routePiecesByPath[node.routePath]?.component;
-      const errorComponentNode = acc.routePiecesByPath[node.routePath]?.errorComponent;
-      const notFoundComponentNode = acc.routePiecesByPath[node.routePath]?.notFoundComponent;
-      const pendingComponentNode = acc.routePiecesByPath[node.routePath]?.pendingComponent;
-      const lazyComponentNode = acc.routePiecesByPath[node.routePath]?.lazy;
+      const pieces = acc.routePiecesByPath[node.routePath];
+      const loaderNode = pieces?.loader;
+      const componentNode = pieces?.component;
+      const errorComponentNode = pieces?.errorComponent;
+      const notFoundComponentNode = pieces?.notFoundComponent;
+      const pendingComponentNode = pieces?.pendingComponent;
+      const lazyComponentNode = pieces?.lazy;
       return [
         [
           `const ${node.variableName}Route = ${node.variableName}RouteImport.update({
@@ -473,10 +499,11 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
       ].join("\n\n");
     });
     const rootRoutePath = `/${rootPathId}`;
-    const rootComponentNode = acc.routePiecesByPath[rootRoutePath]?.component;
-    const rootErrorComponentNode = acc.routePiecesByPath[rootRoutePath]?.errorComponent;
-    const rootNotFoundComponentNode = acc.routePiecesByPath[rootRoutePath]?.notFoundComponent;
-    const rootPendingComponentNode = acc.routePiecesByPath[rootRoutePath]?.pendingComponent;
+    const rootPieces = acc.routePiecesByPath[rootRoutePath];
+    const rootComponentNode = rootPieces?.component;
+    const rootErrorComponentNode = rootPieces?.errorComponent;
+    const rootNotFoundComponentNode = rootPieces?.notFoundComponent;
+    const rootPendingComponentNode = rootPieces?.pendingComponent;
     let rootRouteUpdate = "";
     if (rootComponentNode || rootErrorComponentNode || rootNotFoundComponentNode || rootPendingComponentNode) {
       rootRouteUpdate = `const rootRouteWithChildren = rootRouteImport${rootComponentNode || rootErrorComponentNode || rootNotFoundComponentNode || rootPendingComponentNode ? `.update({
@@ -510,29 +537,35 @@ Add the file in: "${this.config.routesDirectory}/${rootPathId}.${this.config.dis
     let fileRoutesByPathInterface = "";
     let fileRoutesByFullPath = "";
     if (!config.disableTypes) {
+      const routeNodesByFullPath = createRouteNodesByFullPath(
+        acc.routeNodes,
+        config
+      );
+      const routeNodesByTo = createRouteNodesByTo(acc.routeNodes, config);
+      const routeNodesById = createRouteNodesById(acc.routeNodes);
       fileRoutesByFullPath = [
         `export interface FileRoutesByFullPath {
-${[...createRouteNodesByFullPath(acc.routeNodes, config).entries()].filter(([fullPath]) => fullPath).map(([fullPath, routeNode]) => {
+${[...routeNodesByFullPath.entries()].filter(([fullPath]) => fullPath).map(([fullPath, routeNode]) => {
           return `'${fullPath}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
         })}
 }`,
         `export interface FileRoutesByTo {
-${[...createRouteNodesByTo(acc.routeNodes, config).entries()].filter(([to]) => to).map(([to, routeNode]) => {
+${[...routeNodesByTo.entries()].filter(([to]) => to).map(([to, routeNode]) => {
           return `'${to}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
         })}
 }`,
         `export interface FileRoutesById {
 '${rootRouteId}': typeof rootRouteImport,
-${[...createRouteNodesById(acc.routeNodes).entries()].map(([id, routeNode]) => {
+${[...routeNodesById.entries()].map(([id, routeNode]) => {
           return `'${id}': typeof ${getResolvedRouteNodeVariableName(routeNode)}`;
         })}
 }`,
         `export interface FileRouteTypes {
 fileRoutesByFullPath: FileRoutesByFullPath
-fullPaths: ${acc.routeNodes.length > 0 ? [...createRouteNodesByFullPath(acc.routeNodes, config).keys()].filter((fullPath) => fullPath).map((fullPath) => `'${fullPath}'`).join("|") : "never"}
+fullPaths: ${acc.routeNodes.length > 0 ? [...routeNodesByFullPath.keys()].filter((fullPath) => fullPath).map((fullPath) => `'${fullPath}'`).join("|") : "never"}
 fileRoutesByTo: FileRoutesByTo
-to: ${acc.routeNodes.length > 0 ? [...createRouteNodesByTo(acc.routeNodes, config).keys()].filter((to) => to).map((to) => `'${to}'`).join("|") : "never"}
-id: ${[`'${rootRouteId}'`, ...[...createRouteNodesById(acc.routeNodes).keys()].map((id) => `'${id}'`)].join("|")}
+to: ${acc.routeNodes.length > 0 ? [...routeNodesByTo.keys()].filter((to) => to).map((to) => `'${to}'`).join("|") : "never"}
+id: ${[`'${rootRouteId}'`, ...[...routeNodesById.keys()].map((id) => `'${id}'`)].join("|")}
 fileRoutesById: FileRoutesById
 }`,
         `export interface RootRouteChildren {
@@ -896,11 +929,10 @@ ${acc.routeTree.map((child) => `${child.variableName}Route: typeof ${getResolved
     await this.runPromise;
     return this.crawlingResult;
   }
-  static handleNode(node, acc, config) {
+  static handleNode(node, acc, prefixMap, config) {
     const useExperimentalNonNestedRoutes = config?.experimental?.nonNestedRoutes ?? false;
-    resetRegex(this.routeGroupPatternRegex);
     const parentRoute = hasParentRoute(
-      acc.routeNodes,
+      prefixMap,
       node,
       node.routePath,
       node.originalRoutePath
@@ -940,6 +972,7 @@ ${acc.routeTree.map((child) => `${child.variableName}Route: typeof ${getResolved
             _fsRouteType: "static"
           },
           acc,
+          prefixMap,
           config
         );
       }
@@ -953,9 +986,10 @@ ${acc.routeTree.map((child) => `${child.variableName}Route: typeof ${getResolved
         const candidate = acc.routeNodesByPath.get(searchPath);
         if (candidate && !candidate.isVirtual && candidate.path !== "/") {
           node.parent = candidate;
-          node.path = node.routePath;
+          node.path = node.routePath?.replace(candidate.routePath ?? "", "") || "/";
+          const pathRelativeToParent = immediateParentPath.replace(candidate.routePath ?? "", "") || "/";
           node.cleanedPath = removeGroups(
-            removeUnderscores(removeLayoutSegments(immediateParentPath)) ?? ""
+            removeUnderscores(removeLayoutSegments(pathRelativeToParent)) ?? ""
           );
           break;
         }
@@ -997,7 +1031,8 @@ ${acc.routeTree.map((child) => `${child.variableName}Route: typeof ${getResolved
     return false;
   }
 };
-_Generator.routeGroupPatternRegex = /\(.+\)/g;
+_Generator.routeGroupPatternRegex = /\(.+\)/;
+_Generator.componentPieceRegex = /[./](component|errorComponent|notFoundComponent|pendingComponent|loader|lazy)[.]/;
 let Generator = _Generator;
 export {
   Generator