@tanstack/start-plugin-core 1.121.20 → 1.121.22

package/dist/esm/start-router-plugin/generator-plugins/server-routes-plugin.js

@@ -0,0 +1,121 @@
+import { hasChildWithExport, checkRouteFullPathUniqueness, ensureStringArgument } from "@tanstack/router-generator";
+const EXPORT_NAME = "ServerRoute";
+function serverRoutesPlugin() {
+  return {
+    name: "server-routes-plugin",
+    transformPlugin: {
+      name: "server-routes-transform",
+      exportName: EXPORT_NAME,
+      imports: (ctx) => {
+        const targetModule = `@tanstack/${ctx.target}-start/server`;
+        const imports = {};
+        if (ctx.verboseFileRoutes === false) {
+          imports.banned = [
+            {
+              source: targetModule,
+              specifiers: [{ imported: "createServerFileRoute" }]
+            }
+          ];
+        } else {
+          imports.required = [
+            {
+              source: targetModule,
+              specifiers: [{ imported: "createServerFileRoute" }]
+            }
+          ];
+        }
+        return imports;
+      },
+      onExportFound: ({ ctx, decl }) => {
+        var _a;
+        let appliedChanges = false;
+        if (((_a = decl.init) == null ? void 0 : _a.type) === "CallExpression") {
+          let call = decl.init;
+          let callee = call.callee;
+          while (callee.type === "MemberExpression" && callee.object.type === "CallExpression") {
+            call = callee.object;
+            callee = call.callee;
+          }
+          if (call.callee.type === "Identifier" && call.callee.name === "createServerFileRoute") {
+            if (!ctx.verboseFileRoutes) {
+              if (call.arguments.length) {
+                call.arguments = [];
+                appliedChanges = true;
+              }
+            } else {
+              appliedChanges = ensureStringArgument(
+                call,
+                ctx.routeId,
+                ctx.preferredQuote
+              );
+            }
+          } else {
+            throw new Error(
+              `Expected "createServerFileRoute" call, but got "${call.callee.type}"`
+            );
+          }
+        }
+        return appliedChanges;
+      }
+    },
+    moduleAugmentation: ({ generator }) => ({
+      module: `@tanstack/${generator.config.target}-start/server`,
+      interfaceName: "ServerFileRoutesByPath"
+    }),
+    onRouteTreesChanged: ({ routeTrees, generator }) => {
+      const tree = routeTrees.find((tree2) => tree2.exportName === EXPORT_NAME);
+      if (tree) {
+        checkRouteFullPathUniqueness(tree.sortedRouteNodes, generator.config);
+      }
+    },
+    imports: (ctx) => {
+      var _a;
+      const imports = [];
+      const targetModule = `@tanstack/${ctx.generator.config.target}-start/server`;
+      if (ctx.generator.config.verboseFileRoutes === false) {
+        imports.push({
+          specifiers: [
+            { imported: "CreateServerFileRoute" },
+            { imported: "ServerFileRoutesByPath" }
+          ],
+          source: targetModule,
+          importKind: "type"
+        });
+      }
+      const hasMatchingRouteFiles = ctx.acc.routeNodes.length > 0;
+      if (hasMatchingRouteFiles) {
+        if (!((_a = ctx.rootRouteNode.exports) == null ? void 0 : _a.includes(EXPORT_NAME))) {
+          imports.push({
+            specifiers: [{ imported: "createServerRootRoute" }],
+            source: targetModule
+          });
+        }
+      }
+      return imports;
+    },
+    routeModuleAugmentation: ({ routeNode }) => {
+      if (routeNode._fsRouteType === "lazy") {
+        return void 0;
+      }
+      return `const createServerFileRoute: CreateServerFileRoute<
+          ServerFileRoutesByPath['${routeNode.routePath}']['parentRoute'],
+          ServerFileRoutesByPath['${routeNode.routePath}']['id'],
+          ServerFileRoutesByPath['${routeNode.routePath}']['path'],
+          ServerFileRoutesByPath['${routeNode.routePath}']['fullPath'],
+          ${hasChildWithExport(routeNode, "ServerRoute") ? `${routeNode.variableName}ServerRouteChildren` : "unknown"}
+        >`;
+    },
+    createRootRouteCode: () => `createServerRootRoute()`,
+    createVirtualRouteCode: ({ node }) => `createServerFileRoute('${node.routePath}')`,
+    config: ({ sortedRouteNodes }) => {
+      const hasMatchingRouteFiles = sortedRouteNodes.length > 0;
+      return {
+        virtualRootRoute: hasMatchingRouteFiles
+      };
+    }
+  };
+}
+export {
+  serverRoutesPlugin
+};
+//# sourceMappingURL=server-routes-plugin.js.map

package/dist/esm/start-router-plugin/generator-plugins/server-routes-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-routes-plugin.js","sources":["../../../../src/start-router-plugin/generator-plugins/server-routes-plugin.ts"],"sourcesContent":["import {\n  checkRouteFullPathUniqueness,\n  ensureStringArgument,\n  hasChildWithExport,\n} from '@tanstack/router-generator'\n\nimport type {\n  GeneratorPluginWithTransform,\n  ImportDeclaration,\n  TransformImportsConfig,\n} from '@tanstack/router-generator'\n\nconst EXPORT_NAME = 'ServerRoute'\nexport function serverRoutesPlugin(): GeneratorPluginWithTransform {\n  return {\n    name: 'server-routes-plugin',\n    transformPlugin: {\n      name: 'server-routes-transform',\n      exportName: EXPORT_NAME,\n      imports: (ctx) => {\n        const targetModule = `@tanstack/${ctx.target}-start/server`\n        const imports: TransformImportsConfig = {}\n        if (ctx.verboseFileRoutes === false) {\n          imports.banned = [\n            {\n              source: targetModule,\n              specifiers: [{ imported: 'createServerFileRoute' }],\n            },\n          ]\n        } else {\n          imports.required = [\n            {\n              source: targetModule,\n              specifiers: [{ imported: 'createServerFileRoute' }],\n            },\n          ]\n        }\n        return imports\n      },\n      onExportFound: ({ ctx, decl }) => {\n        let appliedChanges = false\n        if (decl.init?.type === 'CallExpression') {\n          let call = decl.init\n          let callee = call.callee\n\n          while (\n            callee.type === 'MemberExpression' &&\n            callee.object.type === 'CallExpression'\n          ) {\n            call = callee.object\n            callee = call.callee\n          }\n          if (\n            call.callee.type === 'Identifier' &&\n            call.callee.name === 'createServerFileRoute'\n          ) {\n            if (!ctx.verboseFileRoutes) {\n              if (call.arguments.length) {\n                call.arguments = []\n                appliedChanges = true\n              }\n            } else {\n              appliedChanges = ensureStringArgument(\n                call,\n                ctx.routeId,\n                ctx.preferredQuote,\n              )\n            }\n          } else {\n            throw new Error(\n              `Expected \"createServerFileRoute\" call, but got \"${call.callee.type}\"`,\n            )\n          }\n        }\n        return appliedChanges\n      },\n    },\n    moduleAugmentation: ({ generator }) => ({\n      module: `@tanstack/${generator.config.target}-start/server`,\n      interfaceName: 'ServerFileRoutesByPath',\n    }),\n    onRouteTreesChanged: ({ routeTrees, generator }) => {\n      const tree = routeTrees.find((tree) => tree.exportName === EXPORT_NAME)\n      if (tree) {\n        checkRouteFullPathUniqueness(tree.sortedRouteNodes, generator.config)\n      }\n    },\n    imports: (ctx) => {\n      const imports: Array<ImportDeclaration> = []\n\n      const targetModule = `@tanstack/${ctx.generator.config.target}-start/server`\n      if (ctx.generator.config.verboseFileRoutes === false) {\n        imports.push({\n          specifiers: [\n            { imported: 'CreateServerFileRoute' },\n            { imported: 'ServerFileRoutesByPath' },\n          ],\n          source: targetModule,\n          importKind: 'type',\n        })\n      }\n      // don't add the import if there are no server routes defined\n      const hasMatchingRouteFiles = ctx.acc.routeNodes.length > 0\n      if (hasMatchingRouteFiles) {\n        // needs a virtual root route\n        if (!ctx.rootRouteNode.exports?.includes(EXPORT_NAME)) {\n          imports.push({\n            specifiers: [{ imported: 'createServerRootRoute' }],\n            source: targetModule,\n          })\n        }\n      }\n      return imports\n    },\n    routeModuleAugmentation: ({ routeNode }) => {\n      // server routes don't support lazy routes\n      if (routeNode._fsRouteType === 'lazy') {\n        return undefined\n      }\n      return `const createServerFileRoute: CreateServerFileRoute<\n          ServerFileRoutesByPath['${routeNode.routePath}']['parentRoute'],\n          ServerFileRoutesByPath['${routeNode.routePath}']['id'],\n          ServerFileRoutesByPath['${routeNode.routePath}']['path'],\n          ServerFileRoutesByPath['${routeNode.routePath}']['fullPath'],\n          ${hasChildWithExport(routeNode, 'ServerRoute') ? `${routeNode.variableName}ServerRouteChildren` : 'unknown'}\n        >`\n    },\n    createRootRouteCode: () => `createServerRootRoute()`,\n    createVirtualRouteCode: ({ node }) =>\n      `createServerFileRoute('${node.routePath}')`,\n    config: ({ sortedRouteNodes }) => {\n      const hasMatchingRouteFiles = sortedRouteNodes.length > 0\n      return {\n        virtualRootRoute: hasMatchingRouteFiles,\n      }\n    },\n  }\n}\n"],"names":["tree"],"mappings":";AAYA,MAAM,cAAc;AACb,SAAS,qBAAmD;AAC1D,SAAA;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,SAAS,CAAC,QAAQ;AACV,cAAA,eAAe,aAAa,IAAI,MAAM;AAC5C,cAAM,UAAkC,CAAC;AACrC,YAAA,IAAI,sBAAsB,OAAO;AACnC,kBAAQ,SAAS;AAAA,YACf;AAAA,cACE,QAAQ;AAAA,cACR,YAAY,CAAC,EAAE,UAAU,wBAAyB,CAAA;AAAA,YAAA;AAAA,UAEtD;AAAA,QAAA,OACK;AACL,kBAAQ,WAAW;AAAA,YACjB;AAAA,cACE,QAAQ;AAAA,cACR,YAAY,CAAC,EAAE,UAAU,wBAAyB,CAAA;AAAA,YAAA;AAAA,UAEtD;AAAA,QAAA;AAEK,eAAA;AAAA,MACT;AAAA,MACA,eAAe,CAAC,EAAE,KAAK,WAAW;;AAChC,YAAI,iBAAiB;AACjB,cAAA,UAAK,SAAL,mBAAW,UAAS,kBAAkB;AACxC,cAAI,OAAO,KAAK;AAChB,cAAI,SAAS,KAAK;AAElB,iBACE,OAAO,SAAS,sBAChB,OAAO,OAAO,SAAS,kBACvB;AACA,mBAAO,OAAO;AACd,qBAAS,KAAK;AAAA,UAAA;AAEhB,cACE,KAAK,OAAO,SAAS,gBACrB,KAAK,OAAO,SAAS,yBACrB;AACI,gBAAA,CAAC,IAAI,mBAAmB;AACtB,kBAAA,KAAK,UAAU,QAAQ;AACzB,qBAAK,YAAY,CAAC;AACD,iCAAA;AAAA,cAAA;AAAA,YACnB,OACK;AACY,+BAAA;AAAA,gBACf;AAAA,gBACA,IAAI;AAAA,gBACJ,IAAI;AAAA,cACN;AAAA,YAAA;AAAA,UACF,OACK;AACL,kBAAM,IAAI;AAAA,cACR,mDAAmD,KAAK,OAAO,IAAI;AAAA,YACrE;AAAA,UAAA;AAAA,QACF;AAEK,eAAA;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,oBAAoB,CAAC,EAAE,iBAAiB;AAAA,MACtC,QAAQ,aAAa,UAAU,OAAO,MAAM;AAAA,MAC5C,eAAe;AAAA,IAAA;AAAA,IAEjB,qBAAqB,CAAC,EAAE,YAAY,gBAAgB;AAClD,YAAM,OAAO,WAAW,KAAK,CAACA,UAASA,MAAK,eAAe,WAAW;AACtE,UAAI,MAAM;AACqB,qCAAA,KAAK,kBAAkB,UAAU,MAAM;AAAA,MAAA;AAAA,IAExE;AAAA,IACA,SAAS,CAAC,QAAQ;;AAChB,YAAM,UAAoC,CAAC;AAE3C,YAAM,eAAe,aAAa,IAAI,UAAU,OAAO,MAAM;AAC7D,UAAI,IAAI,UAAU,OAAO,sBAAsB,OAAO;AACpD,gBAAQ,KAAK;AAAA,UACX,YAAY;AAAA,YACV,EAAE,UAAU,wBAAwB;AAAA,YACpC,EAAE,UAAU,yBAAyB;AAAA,UACvC;AAAA,UACA,QAAQ;AAAA,UACR,YAAY;AAAA,QAAA,CACb;AAAA,MAAA;AAGH,YAAM,wBAAwB,IAAI,IAAI,WAAW,SAAS;AAC1D,UAAI,uBAAuB;AAEzB,YAAI,GAAC,SAAI,cAAc,YAAlB,mBAA2B,SAAS,eAAc;AACrD,kBAAQ,KAAK;AAAA,YACX,YAAY,CAAC,EAAE,UAAU,yBAAyB;AAAA,YAClD,QAAQ;AAAA,UAAA,CACT;AAAA,QAAA;AAAA,MACH;AAEK,aAAA;AAAA,IACT;AAAA,IACA,yBAAyB,CAAC,EAAE,gBAAgB;AAEtC,UAAA,UAAU,iBAAiB,QAAQ;AAC9B,eAAA;AAAA,MAAA;AAEF,aAAA;AAAA,oCACuB,UAAU,SAAS;AAAA,oCACnB,UAAU,SAAS;AAAA,oCACnB,UAAU,SAAS;AAAA,oCACnB,UAAU,SAAS;AAAA,YAC3C,mBAAmB,WAAW,aAAa,IAAI,GAAG,UAAU,YAAY,wBAAwB,SAAS;AAAA;AAAA,IAEjH;AAAA,IACA,qBAAqB,MAAM;AAAA,IAC3B,wBAAwB,CAAC,EAAE,KACzB,MAAA,0BAA0B,KAAK,SAAS;AAAA,IAC1C,QAAQ,CAAC,EAAE,uBAAuB;AAC1B,YAAA,wBAAwB,iBAAiB,SAAS;AACjD,aAAA;AAAA,QACL,kBAAkB;AAAA,MACpB;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/start-router-plugin/plugin.d.ts

@@ -0,0 +1,3 @@
+import { PluginOption } from 'vite';
+import { Config } from '@tanstack/router-generator';
+export declare function tanStackStartRouter(config: Config): Array<PluginOption>;

package/dist/esm/start-router-plugin/plugin.js

@@ -0,0 +1,21 @@
+import { tanstackRouterGenerator, tanStackRouterCodeSplitter, tanstackRouterAutoImport } from "@tanstack/router-plugin/vite";
+import { routeTreeClientPlugin } from "./route-tree-client-plugin.js";
+import { virtualRouteTreePlugin } from "./virtual-route-tree-plugin.js";
+import { routesManifestPlugin } from "./generator-plugins/routes-manifest-plugin.js";
+import { serverRoutesPlugin } from "./generator-plugins/server-routes-plugin.js";
+function tanStackStartRouter(config) {
+  return [
+    tanstackRouterGenerator({
+      ...config,
+      plugins: [serverRoutesPlugin(), routesManifestPlugin()]
+    }),
+    tanStackRouterCodeSplitter(config),
+    tanstackRouterAutoImport(config),
+    routeTreeClientPlugin(config),
+    virtualRouteTreePlugin(config)
+  ];
+}
+export {
+  tanStackStartRouter
+};
+//# sourceMappingURL=plugin.js.map

package/dist/esm/start-router-plugin/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["../../../src/start-router-plugin/plugin.ts"],"sourcesContent":["/*\nwhat is this plugin doing, especially compared to one already existing in the @tanstack/router-plugin package?\n\nit configures:\n1. the generator to generate both the render-route-tree as well as the server-route-tree\n2. the code-splitter plugin, so it could possibly be enabled per environment (e.g. disable on the server)\n3. the auto import plugin for both environments\n4. the route tree client plugin, which removes the server part from the generated route tree\n5. the virtual route tree plugin, which provides the route tree to the server\n*/\n\nimport {\n  tanStackRouterCodeSplitter,\n  tanstackRouterAutoImport,\n  tanstackRouterGenerator,\n} from '@tanstack/router-plugin/vite'\nimport { routeTreeClientPlugin } from './route-tree-client-plugin'\nimport { virtualRouteTreePlugin } from './virtual-route-tree-plugin'\nimport { routesManifestPlugin } from './generator-plugins/routes-manifest-plugin'\nimport { serverRoutesPlugin } from './generator-plugins/server-routes-plugin'\nimport type { PluginOption } from 'vite'\nimport type { Config } from '@tanstack/router-generator'\n\nexport function tanStackStartRouter(config: Config): Array<PluginOption> {\n  return [\n    tanstackRouterGenerator({\n      ...config,\n      plugins: [serverRoutesPlugin(), routesManifestPlugin()],\n    }),\n    tanStackRouterCodeSplitter(config),\n    tanstackRouterAutoImport(config),\n    routeTreeClientPlugin(config),\n    virtualRouteTreePlugin(config),\n  ]\n}\n"],"names":[],"mappings":";;;;;AAuBO,SAAS,oBAAoB,QAAqC;AAChE,SAAA;AAAA,IACL,wBAAwB;AAAA,MACtB,GAAG;AAAA,MACH,SAAS,CAAC,mBAAmB,GAAG,qBAAsB,CAAA;AAAA,IAAA,CACvD;AAAA,IACD,2BAA2B,MAAM;AAAA,IACjC,yBAAyB,MAAM;AAAA,IAC/B,sBAAsB,MAAM;AAAA,IAC5B,uBAAuB,MAAM;AAAA,EAC/B;AACF;"}

package/dist/esm/start-router-plugin/route-tree-client-plugin.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'vite';
+import { Config } from '@tanstack/router-generator';
+/**
+ * This removes the server part from the generated route tree so that it can be used on the client.
+ */
+export declare function routeTreeClientPlugin(config: Config): Plugin;

package/dist/esm/start-router-plugin/route-tree-client-plugin.js

@@ -0,0 +1,55 @@
+import path from "node:path";
+import * as t from "@babel/types";
+import { parseAst, generateFromAst, logDiff } from "@tanstack/router-utils";
+import { normalizePath } from "vite";
+import { deadCodeElimination } from "babel-dead-code-elimination";
+import { debug } from "../debug.js";
+function routeTreeClientPlugin(config) {
+  const generatedRouteTreePath = normalizePath(
+    path.resolve(config.generatedRouteTree)
+  );
+  return {
+    name: "tanstack-start:route-tree-client-plugin",
+    enforce: "pre",
+    // only run this plugin in the client environment
+    applyToEnvironment: (env) => env.config.consumer === "client",
+    transform: {
+      filter: { id: generatedRouteTreePath },
+      handler(code, id) {
+        if (id !== generatedRouteTreePath) {
+          return null;
+        }
+        if (debug) console.info(`Compiling route tree for the client`, id);
+        const ast = parseAst({ code, sourceFilename: id });
+        const filteredBody = ast.program.body.filter((node) => {
+          if (t.isExportNamedDeclaration(node)) {
+            if (node.declaration && t.isVariableDeclaration(node.declaration) && node.declaration.declarations.length === 1 && node.declaration.declarations[0] && t.isVariableDeclarator(node.declaration.declarations[0]) && t.isIdentifier(node.declaration.declarations[0].id) && node.declaration.declarations[0].id.name === "routeTree") {
+              return true;
+            }
+            return false;
+          }
+          if (t.isTSInterfaceDeclaration(node) || t.isTSModuleDeclaration(node)) {
+            return false;
+          }
+          return true;
+        });
+        ast.program.body = filteredBody;
+        deadCodeElimination(ast);
+        const compiled = generateFromAst(ast, {
+          sourceMaps: true,
+          sourceFileName: id,
+          filename: id
+        });
+        if (debug) {
+          logDiff(code, compiled.code);
+          console.log("Output:\n", compiled.code, "\n\n");
+        }
+        return compiled;
+      }
+    }
+  };
+}
+export {
+  routeTreeClientPlugin
+};
+//# sourceMappingURL=route-tree-client-plugin.js.map

package/dist/esm/start-router-plugin/route-tree-client-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-tree-client-plugin.js","sources":["../../../src/start-router-plugin/route-tree-client-plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport * as t from '@babel/types'\nimport { generateFromAst, logDiff, parseAst } from '@tanstack/router-utils'\nimport { normalizePath } from 'vite'\nimport { deadCodeElimination } from 'babel-dead-code-elimination'\nimport { debug } from '../debug'\nimport type { Plugin } from 'vite'\nimport type { Config } from '@tanstack/router-generator'\n\n/**\n * This removes the server part from the generated route tree so that it can be used on the client.\n */\nexport function routeTreeClientPlugin(config: Config): Plugin {\n  const generatedRouteTreePath = normalizePath(\n    path.resolve(config.generatedRouteTree),\n  )\n\n  return {\n    name: 'tanstack-start:route-tree-client-plugin',\n    enforce: 'pre',\n    // only run this plugin in the client environment\n    applyToEnvironment: (env) => env.config.consumer === 'client',\n    transform: {\n      filter: { id: generatedRouteTreePath },\n      handler(code, id) {\n        if (id !== generatedRouteTreePath) {\n          return null\n        }\n        if (debug) console.info(`Compiling route tree for the client`, id)\n        const ast = parseAst({ code, sourceFilename: id })\n\n        // only keep `export const routeTree = ...  `\n        const filteredBody = ast.program.body.filter((node) => {\n          if (t.isExportNamedDeclaration(node)) {\n            if (\n              node.declaration &&\n              t.isVariableDeclaration(node.declaration) &&\n              node.declaration.declarations.length === 1 &&\n              node.declaration.declarations[0] &&\n              t.isVariableDeclarator(node.declaration.declarations[0]) &&\n              t.isIdentifier(node.declaration.declarations[0].id) &&\n              node.declaration.declarations[0].id.name === 'routeTree'\n            ) {\n              return true\n            }\n            return false\n          }\n          // strip off the typescript interface & module declarations since they also reference the server routes\n          if (\n            t.isTSInterfaceDeclaration(node) ||\n            t.isTSModuleDeclaration(node)\n          ) {\n            return false\n          }\n          return true\n        })\n\n        ast.program.body = filteredBody\n\n        deadCodeElimination(ast)\n\n        const compiled = generateFromAst(ast, {\n          sourceMaps: true,\n          sourceFileName: id,\n          filename: id,\n        })\n        if (debug) {\n          logDiff(code, compiled.code)\n          console.log('Output:\\n', compiled.code, '\\n\\n')\n        }\n\n        return compiled\n      },\n    },\n  }\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,sBAAsB,QAAwB;AAC5D,QAAM,yBAAyB;AAAA,IAC7B,KAAK,QAAQ,OAAO,kBAAkB;AAAA,EACxC;AAEO,SAAA;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,IAET,oBAAoB,CAAC,QAAQ,IAAI,OAAO,aAAa;AAAA,IACrD,WAAW;AAAA,MACT,QAAQ,EAAE,IAAI,uBAAuB;AAAA,MACrC,QAAQ,MAAM,IAAI;AAChB,YAAI,OAAO,wBAAwB;AAC1B,iBAAA;AAAA,QAAA;AAET,YAAI,MAAO,SAAQ,KAAK,uCAAuC,EAAE;AACjE,cAAM,MAAM,SAAS,EAAE,MAAM,gBAAgB,IAAI;AAGjD,cAAM,eAAe,IAAI,QAAQ,KAAK,OAAO,CAAC,SAAS;AACjD,cAAA,EAAE,yBAAyB,IAAI,GAAG;AACpC,gBACE,KAAK,eACL,EAAE,sBAAsB,KAAK,WAAW,KACxC,KAAK,YAAY,aAAa,WAAW,KACzC,KAAK,YAAY,aAAa,CAAC,KAC/B,EAAE,qBAAqB,KAAK,YAAY,aAAa,CAAC,CAAC,KACvD,EAAE,aAAa,KAAK,YAAY,aAAa,CAAC,EAAE,EAAE,KAClD,KAAK,YAAY,aAAa,CAAC,EAAE,GAAG,SAAS,aAC7C;AACO,qBAAA;AAAA,YAAA;AAEF,mBAAA;AAAA,UAAA;AAGT,cACE,EAAE,yBAAyB,IAAI,KAC/B,EAAE,sBAAsB,IAAI,GAC5B;AACO,mBAAA;AAAA,UAAA;AAEF,iBAAA;AAAA,QAAA,CACR;AAED,YAAI,QAAQ,OAAO;AAEnB,4BAAoB,GAAG;AAEjB,cAAA,WAAW,gBAAgB,KAAK;AAAA,UACpC,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,UAAU;AAAA,QAAA,CACX;AACD,YAAI,OAAO;AACD,kBAAA,MAAM,SAAS,IAAI;AAC3B,kBAAQ,IAAI,aAAa,SAAS,MAAM,MAAM;AAAA,QAAA;AAGzC,eAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ;AACF;"}

package/dist/esm/start-router-plugin/virtual-route-tree-plugin.d.ts

@@ -0,0 +1,4 @@
+import { Config } from '@tanstack/router-generator';
+import { Plugin } from 'vite';
+export declare const moduleId = "tanstack-start-route-tree:v";
+export declare function virtualRouteTreePlugin(config: Config): Plugin;

package/dist/esm/start-router-plugin/virtual-route-tree-plugin.js

@@ -0,0 +1,30 @@
+import path from "node:path";
+import { normalizePath } from "vite";
+import { debug } from "../debug.js";
+const moduleId = "tanstack-start-route-tree:v";
+function virtualRouteTreePlugin(config) {
+  const generatedRouteTreePath = normalizePath(
+    path.resolve(config.generatedRouteTree)
+  );
+  return {
+    name: "tanstack-start:virtual-route-tree",
+    enforce: "pre",
+    sharedDuringBuild: true,
+    resolveId: {
+      filter: { id: new RegExp(moduleId) },
+      handler(id) {
+        let resolvedId = null;
+        if (id === moduleId) {
+          if (debug) console.info("resolving id", id, generatedRouteTreePath);
+          resolvedId = generatedRouteTreePath;
+        }
+        return resolvedId;
+      }
+    }
+  };
+}
+export {
+  moduleId,
+  virtualRouteTreePlugin
+};
+//# sourceMappingURL=virtual-route-tree-plugin.js.map

package/dist/esm/start-router-plugin/virtual-route-tree-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-route-tree-plugin.js","sources":["../../../src/start-router-plugin/virtual-route-tree-plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { normalizePath } from 'vite'\nimport { debug } from '../debug'\nimport type { Config } from '@tanstack/router-generator'\nimport type { Plugin } from 'vite'\n\nexport const moduleId = 'tanstack-start-route-tree:v'\n\nexport function virtualRouteTreePlugin(config: Config): Plugin {\n  const generatedRouteTreePath = normalizePath(\n    path.resolve(config.generatedRouteTree),\n  )\n\n  return {\n    name: 'tanstack-start:virtual-route-tree',\n    enforce: 'pre',\n    sharedDuringBuild: true,\n    resolveId: {\n      filter: { id: new RegExp(moduleId) },\n      handler(id) {\n        let resolvedId: string | null = null\n        if (id === moduleId) {\n          if (debug) console.info('resolving id', id, generatedRouteTreePath)\n          resolvedId = generatedRouteTreePath\n        }\n        return resolvedId\n      },\n    },\n  }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,WAAW;AAEjB,SAAS,uBAAuB,QAAwB;AAC7D,QAAM,yBAAyB;AAAA,IAC7B,KAAK,QAAQ,OAAO,kBAAkB;AAAA,EACxC;AAEO,SAAA;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,mBAAmB;AAAA,IACnB,WAAW;AAAA,MACT,QAAQ,EAAE,IAAI,IAAI,OAAO,QAAQ,EAAE;AAAA,MACnC,QAAQ,IAAI;AACV,YAAI,aAA4B;AAChC,YAAI,OAAO,UAAU;AACnB,cAAI,MAAO,SAAQ,KAAK,gBAAgB,IAAI,sBAAsB;AACrD,uBAAA;AAAA,QAAA;AAER,eAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAEJ;AACF;"}

package/dist/esm/utils.d.ts

@@ -0,0 +1,8 @@
+export declare function resolveViteId(id: string): string;
+export declare function createLogger(prefix: string): {
+    log: (...args: any) => void;
+    debug: (...args: any) => void;
+    info: (...args: any) => void;
+    warn: (...args: any) => void;
+    error: (...args: any) => void;
+};

package/dist/esm/utils.js

@@ -0,0 +1,18 @@
+function resolveViteId(id) {
+  return `\0${id}`;
+}
+function createLogger(prefix) {
+  const label = `[${prefix}]`;
+  return {
+    log: (...args) => console.log(label, ...args),
+    debug: (...args) => console.debug(label, ...args),
+    info: (...args) => console.info(label, ...args),
+    warn: (...args) => console.warn(label, ...args),
+    error: (...args) => console.error(label, ...args)
+  };
+}
+export {
+  createLogger,
+  resolveViteId
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["export function resolveViteId(id: string) {\n  return `\\0${id}`\n}\n\nexport function createLogger(prefix: string) {\n  const label = `[${prefix}]`\n  return {\n    log: (...args: any) => console.log(label, ...args),\n    debug: (...args: any) => console.debug(label, ...args),\n    info: (...args: any) => console.info(label, ...args),\n    warn: (...args: any) => console.warn(label, ...args),\n    error: (...args: any) => console.error(label, ...args),\n  }\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,IAAY;AACxC,SAAO,KAAK,EAAE;AAChB;AAEO,SAAS,aAAa,QAAgB;AACrC,QAAA,QAAQ,IAAI,MAAM;AACjB,SAAA;AAAA,IACL,KAAK,IAAI,SAAc,QAAQ,IAAI,OAAO,GAAG,IAAI;AAAA,IACjD,OAAO,IAAI,SAAc,QAAQ,MAAM,OAAO,GAAG,IAAI;AAAA,IACrD,MAAM,IAAI,SAAc,QAAQ,KAAK,OAAO,GAAG,IAAI;AAAA,IACnD,MAAM,IAAI,SAAc,QAAQ,KAAK,OAAO,GAAG,IAAI;AAAA,IACnD,OAAO,IAAI,SAAc,QAAQ,MAAM,OAAO,GAAG,IAAI;AAAA,EACvD;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/start-plugin-core",
-  "version": "1.121.20",
+  "version": "1.121.22",
   "description": "Modern and scalable routing for React applications",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -63,12 +63,12 @@
     "ufo": "^1.5.4",
     "xmlbuilder2": "^3.1.1",
     "zod": "^3.24.2",
-    "@tanstack/router-core": "^1.121.20",
-    "@tanstack/router-plugin": "^1.121.20",
-    "@tanstack/router-generator": "^1.121.20",
-    "@tanstack/router-utils": "^1.121.20",
-    "@tanstack/start-server-core": "^1.121.20",
-    "@tanstack/server-functions-plugin": "^1.121.20"
+    "@tanstack/router-core": "^1.121.21",
+    "@tanstack/router-plugin": "^1.121.22",
+    "@tanstack/router-utils": "^1.121.21",
+    "@tanstack/router-generator": "^1.121.21",
+    "@tanstack/server-functions-plugin": "^1.121.21",
+    "@tanstack/start-server-core": "^1.121.21"
   },
   "devDependencies": {
     "vite": "^6.0.0"

package/src/global.d.ts

@@ -1,8 +1,10 @@
 import type { Manifest } from '@tanstack/router-core'
+import type { Rollup } from 'vite'
 
 /* eslint-disable no-var */
 declare global {
   var TSS_APP_BASE: string
   var TSS_ROUTES_MANIFEST: Manifest
+  var TSS_CLIENT_BUNDLE: Rollup.OutputBundle
 }
 export {}

package/src/plugin.ts

@@ -221,6 +221,16 @@ export function TanStackStartVitePluginCore(
     startManifestPlugin(startConfig),
     devServerPlugin(),
     nitroPlugin(startConfig, () => ssrBundle),
+    {
+      name: 'tanstack-start:core:capture-client-bundle',
+      applyToEnvironment(e) {
+        return e.config.consumer === 'client'
+      },
+      enforce: 'post',
+      generateBundle(_options, bundle) {
+        globalThis.TSS_CLIENT_BUNDLE = bundle
+      },
+    },
   ]
 }
 

package/src/start-manifest-plugin/plugin.ts

@@ -1,28 +1,22 @@
-import { readFileSync } from 'node:fs'
 import path from 'node:path'
 import { joinURL } from 'ufo'
 import { rootRouteId } from '@tanstack/router-core'
 import { VIRTUAL_MODULES } from '@tanstack/start-server-core'
+import { tsrSplit } from '@tanstack/router-plugin'
 import { resolveViteId } from '../utils'
-import { CLIENT_DIST_DIR } from '../constants'
-import type {
-  PluginOption,
-  ResolvedConfig,
-  Manifest as ViteManifest,
-  ManifestChunk as ViteManifestChunk,
-} from 'vite'
+import type { PluginOption, ResolvedConfig, Rollup } from 'vite'
 import type { RouterManagedTag } from '@tanstack/router-core'
 import type { TanStackStartOutputConfig } from '../plugin'
 
-const getCSSRecursively = (
-  file: ViteManifestChunk,
-  filesByRouteFilePath: ViteManifest,
+export const getCSSRecursively = (
+  chunk: Rollup.OutputChunk,
+  chunksByFileName: Map<string, Rollup.OutputChunk>,
   basePath: string,
 ) => {
   const result: Array<RouterManagedTag> = []
 
   // Get all css imports from the file
-  for (const cssFile of file.css ?? []) {
+  for (const cssFile of chunk.viteMetadata?.importedCss ?? []) {
     result.push({
       tag: 'link',
       attrs: {
@@ -34,11 +28,11 @@ const getCSSRecursively = (
   }
 
   // Recursively get CSS from imports
-  for (const imp of file.imports ?? []) {
-    const importInfo = filesByRouteFilePath[imp]
-    if (importInfo) {
+  for (const importedFileName of chunk.imports) {
+    const importedChunk = chunksByFileName.get(importedFileName)
+    if (importedChunk) {
       result.push(
-        ...getCSSRecursively(importInfo, filesByRouteFilePath, basePath),
+        ...getCSSRecursively(importedChunk, chunksByFileName, basePath),
       )
     }
   }
@@ -59,9 +53,6 @@ export function startManifestPlugin(
     configResolved(resolvedConfig) {
       config = resolvedConfig
     },
-    // configEnvironment(env, envConfig) {
-    //   config = envConfig.
-    // },
     resolveId: {
       filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },
       handler(id) {
@@ -93,106 +84,110 @@ export function startManifestPlugin(
           // This is the basepath for the application
           const APP_BASE = globalThis.TSS_APP_BASE
 
-          const clientViteManifestPath = path.resolve(
-            opts.root,
-            CLIENT_DIST_DIR,
-            '.vite',
-            'manifest.json',
-          )
-
-          let viteManifest: ViteManifest
-          try {
-            viteManifest = JSON.parse(
-              readFileSync(clientViteManifestPath, 'utf-8'),
-            )
-          } catch (err) {
-            console.error(err)
-            throw new Error(
-              `Could not find the production client vite manifest at '${clientViteManifestPath}'!`,
-            )
-          }
-
           // This the manifest pulled from the generated route tree and later used by the Router.
-          // i.e what's located in `src/generatedRouteTree.gen.ts`
+          // i.e what's located in `src/routeTree.gen.ts`
           const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes
 
           // This is where hydration will start, from when the SSR'd page reaches the browser.
           // By default, this'd be the virtual entry of `/~start/default-client-entry.tsx`, unless a custom entry is provided.
-          let entryFile: ViteManifestChunk | undefined
-
-          const filesByRouteFilePath: ViteManifest = Object.fromEntries(
-            Object.entries(viteManifest).map(([k, v]) => {
-              if (v.isEntry) {
-                if (entryFile !== undefined) {
-                  console.error(
-                    `multiple entries detected`,
-                    entryFile.file,
-                    v.file,
+          let entryFile: Rollup.OutputChunk | undefined
+
+          const clientBundle = globalThis.TSS_CLIENT_BUNDLE
+          const chunksByFileName = new Map<string, Rollup.OutputChunk>()
+
+          const routeChunks: Record<
+            string /** fullPath of route file **/,
+            Array<Rollup.OutputChunk>
+          > = {}
+          for (const bundleEntry of Object.values(clientBundle)) {
+            if (bundleEntry.type === 'chunk') {
+              chunksByFileName.set(bundleEntry.fileName, bundleEntry)
+              if (bundleEntry.isEntry) {
+                if (entryFile) {
+                  throw new Error(
+                    `multiple entries detected: ${entryFile.fileName} ${bundleEntry.fileName}`,
                   )
                 }
-                entryFile = v
+                entryFile = bundleEntry
               }
-
-              const rPath = k.split('?')[0]
-
-              return [rPath, v]
-            }, {}),
-          )
-
-          const routesDirectoryFromRoot = path.relative(
-            opts.root,
-            opts.tsr.routesDirectory,
-          )
+              const routePieces = bundleEntry.moduleIds.flatMap((m) => {
+                const [id, query] = m.split('?')
+                if (id === undefined) {
+                  throw new Error('expected id to be defined')
+                }
+                if (query === undefined) {
+                  return []
+                }
+                const searchParams = new URLSearchParams(query)
+                const split = searchParams.get(tsrSplit)
+
+                if (split !== null) {
+                  return {
+                    id,
+                    split,
+                  }
+                }
+                return []
+              })
+              if (routePieces.length > 0) {
+                routePieces.forEach((r) => {
+                  let array = routeChunks[r.id]
+                  if (array === undefined) {
+                    array = []
+                    routeChunks[r.id] = array
+                  }
+                  array.push(bundleEntry)
+                })
+              }
+            }
+          }
 
           // Add preloads to the routes from the vite manifest
           Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {
-            const file =
-              filesByRouteFilePath[
-                path.posix.join(routesDirectoryFromRoot, v.filePath as string)
-              ]
-
-            if (file) {
-              // Map the relevant imports to their route paths,
-              // so that it can be imported in the browser.
-              const preloads = (file.imports ?? []).map((d) => {
-                const assetPath = joinURL(APP_BASE, viteManifest[d]!.file)
-                return assetPath
+            if (!v.filePath) {
+              throw new Error(`expected filePath to be set for ${routeId}`)
+            }
+            const chunks = routeChunks[v.filePath]
+            if (chunks) {
+              chunks.forEach((chunk) => {
+                // Map the relevant imports to their route paths,
+                // so that it can be imported in the browser.
+                const preloads = chunk.imports.map((d) => {
+                  const assetPath = joinURL(APP_BASE, d)
+                  return assetPath
+                })
+
+                // Since this is the most important JS entry for the route,
+                // it should be moved to the front of the preloads so that
+                // it has the best chance of being loaded first.
+                preloads.unshift(path.join(APP_BASE, chunk.fileName))
+
+                const cssAssetsList = getCSSRecursively(
+                  chunk,
+                  chunksByFileName,
+                  APP_BASE,
+                )
+
+                routeTreeRoutes[routeId] = {
+                  ...v,
+                  assets: [...(v.assets || []), ...cssAssetsList],
+                  preloads: [...(v.preloads || []), ...preloads],
+                }
               })
-
-              // Since this is the most important JS entry for the route,
-              // it should be moved to the front of the preloads so that
-              // it has the best chance of being loaded first.
-              if (file.file) {
-                preloads.unshift(path.join(APP_BASE, file.file))
-              }
-
-              const cssAssetsList = getCSSRecursively(
-                file,
-                filesByRouteFilePath,
-                APP_BASE,
-              )
-
-              routeTreeRoutes[routeId] = {
-                ...v,
-                assets: [...(v.assets || []), ...cssAssetsList],
-                preloads,
-              }
             }
           })
 
           if (entryFile) {
             routeTreeRoutes[rootRouteId]!.preloads = [
-              joinURL(APP_BASE, entryFile.file),
-              ...(entryFile.imports?.map((d) =>
-                joinURL(APP_BASE, viteManifest[d]!.file),
-              ) || []),
+              joinURL(APP_BASE, entryFile.fileName),
+              ...entryFile.imports.map((d) => joinURL(APP_BASE, d)),
             ]
 
             // Gather all the CSS files from the entry file in
             // the `css` key and add them to the root route
             const entryCssAssetsList = getCSSRecursively(
               entryFile,
-              filesByRouteFilePath,
+              chunksByFileName,
               APP_BASE,
             )
 
@@ -202,7 +197,7 @@ export function startManifestPlugin(
               {
                 tag: 'script',
                 attrs: {
-                  src: joinURL(APP_BASE, entryFile.file),
+                  src: joinURL(APP_BASE, entryFile.fileName),
                   type: 'module',
                 },
               },
@@ -232,8 +227,7 @@ export function startManifestPlugin(
             }
           }
 
-          // @ts-expect-error
-          recurseRoute(routeTreeRoutes[rootRouteId])
+          recurseRoute(routeTreeRoutes[rootRouteId]!)
 
           const routesManifest = {
             routes: routeTreeRoutes,