@tanstack/start-plugin-core 1.121.21 → 1.121.23

package/dist/cjs/plugin.cjs

@@ -182,9 +182,19 @@ function TanStackStartVitePluginCore(opts, startConfig) {
       }
     }),
     plugin$2.loadEnvPlugin(startConfig),
-    plugin$3.startManifestPlugin(startConfig),
+    plugin$3.startManifestPlugin(),
     plugin$4.devServerPlugin(),
-    plugin$5.nitroPlugin(startConfig, () => ssrBundle)
+    plugin$5.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;
+      }
+    }
   ];
 }
 function defineReplaceEnv(key, value) {

package/dist/cjs/plugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs","sources":["../../src/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { createNitro } from 'nitropack'\nimport { trimPathRight } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { TanStackServerFnPluginEnv } from '@tanstack/server-functions-plugin'\nimport * as vite from 'vite'\nimport { createTanStackConfig } from './schema'\nimport { nitroPlugin } from './nitro-plugin/plugin'\nimport { startManifestPlugin } from './start-manifest-plugin/plugin'\nimport { startCompilerPlugin } from './start-compiler-plugin'\nimport {\n  CLIENT_DIST_DIR,\n  SSR_ENTRY_FILE,\n  VITE_ENVIRONMENT_NAMES,\n} from './constants'\nimport { tanStackStartRouter } from './start-router-plugin/plugin'\nimport { loadEnvPlugin } from './load-env-plugin/plugin'\nimport { devServerPlugin } from './dev-server-plugin/plugin'\nimport { resolveVirtualEntriesPlugin } from './resolve-virtual-entries-plugin/plugin'\nimport type { createTanStackStartOptionsSchema } from './schema'\nimport type { PluginOption, Rollup } from 'vite'\nimport type { z } from 'zod'\nimport type { CompileStartFrameworkOptions } from './compilers'\n\nexport type TanStackStartInputConfig = z.input<\n  ReturnType<typeof createTanStackStartOptionsSchema>\n>\n\nconst defaultConfig = createTanStackConfig()\nexport function getTanStackStartOptions(opts?: TanStackStartInputConfig) {\n  return defaultConfig.parse(opts)\n}\n\nexport type TanStackStartOutputConfig = ReturnType<\n  typeof getTanStackStartOptions\n>\n\nexport interface TanStackStartVitePluginCoreOptions {\n  framework: CompileStartFrameworkOptions\n  getVirtualServerRootHandler: (ctx: {\n    routerFilepath: string\n    serverEntryFilepath: string\n  }) => string\n  getVirtualServerEntry: (ctx: { routerFilepath: string }) => string\n  getVirtualClientEntry: (ctx: { routerFilepath: string }) => string\n}\n// this needs to live outside of the TanStackStartVitePluginCore since it will be invoked multiple times by vite\nlet ssrBundle: Rollup.OutputBundle\n\nexport function TanStackStartVitePluginCore(\n  opts: TanStackStartVitePluginCoreOptions,\n  startConfig: TanStackStartOutputConfig,\n): Array<PluginOption> {\n  return [\n    tanStackStartRouter({\n      ...startConfig.tsr,\n      target: opts.framework,\n      autoCodeSplitting: true,\n    }),\n    resolveVirtualEntriesPlugin(opts, startConfig),\n    {\n      name: 'tanstack-start-core:config-client',\n      async config(viteConfig) {\n        const viteAppBase = trimPathRight(viteConfig.base || '/')\n        globalThis.TSS_APP_BASE = viteAppBase\n\n        const nitroOutputPublicDir = await (async () => {\n          // Create a dummy nitro app to get the resolved public output path\n          const dummyNitroApp = await createNitro({\n            preset: startConfig.target,\n            compatibilityDate: '2024-12-01',\n          })\n\n          const nitroOutputPublicDir = dummyNitroApp.options.output.publicDir\n          await dummyNitroApp.close()\n\n          return nitroOutputPublicDir\n        })()\n\n        const getClientEntryPath = (startConfig: TanStackStartOutputConfig) => {\n          // when the user specifies a custom client entry path, we need to resolve it\n          // relative to the root of the project, keeping in mind that if not specified\n          // it will be /~start/default-client-entry which is a virtual path\n          // that is resolved by vite to the actual client entry path\n          const entry = startConfig.clientEntryPath.startsWith(\n            '/~start/default-client-entry',\n          )\n            ? startConfig.clientEntryPath\n            : vite.normalizePath(\n                path.join(\n                  '/@fs',\n                  path.resolve(startConfig.root, startConfig.clientEntryPath),\n                ),\n              )\n\n          return entry\n        }\n\n        return {\n          base: viteAppBase,\n          environments: {\n            [VITE_ENVIRONMENT_NAMES.client]: {\n              consumer: 'client',\n              build: {\n                manifest: true,\n                rollupOptions: {\n                  input: {\n                    main: getClientEntryPath(startConfig),\n                  },\n                  output: {\n                    dir: path.resolve(startConfig.root, CLIENT_DIST_DIR),\n                  },\n                  // TODO: this should be removed\n                  external: ['node:fs', 'node:path', 'node:os', 'node:crypto'],\n                },\n              },\n            },\n            [VITE_ENVIRONMENT_NAMES.server]: {\n              consumer: 'server',\n              build: {\n                ssr: true,\n                // we don't write to the file system as the below 'capture-output' plugin will\n                // capture the output and write it to the virtual file system\n                write: false,\n                copyPublicDir: false,\n                rollupOptions: {\n                  output: {\n                    entryFileNames: SSR_ENTRY_FILE,\n                  },\n                  plugins: [\n                    {\n                      name: 'capture-output',\n                      generateBundle(_options, bundle) {\n                        // TODO: can this hook be called more than once?\n                        ssrBundle = bundle\n                      },\n                    },\n                  ],\n                },\n                commonjsOptions: {\n                  include: [/node_modules/],\n                },\n              },\n            },\n          },\n          resolve: {\n            noExternal: [\n              '@tanstack/start-client',\n              '@tanstack/start-client-core',\n              '@tanstack/start-server',\n              '@tanstack/start-server-core',\n              '@tanstack/start-server-functions-fetcher',\n              '@tanstack/start-server-functions-client',\n              '@tanstack/start-server-functions-server',\n              '@tanstack/start-router-manifest',\n              '@tanstack/start-config',\n              '@tanstack/server-functions-plugin',\n              'nitropack',\n              '@tanstack/**start**',\n              ...Object.values(VIRTUAL_MODULES),\n            ],\n          },\n          optimizeDeps: {\n            exclude: [...Object.values(VIRTUAL_MODULES)],\n          },\n          /* prettier-ignore */\n          define: {\n            // define is an esbuild function that replaces the any instances of given keys with the given values\n            // i.e: __FRAMEWORK_NAME__ can be replaced with JSON.stringify(\"TanStack Start\")\n            // This is not the same as injecting environment variables.\n\n            ...defineReplaceEnv('TSS_CLIENT_ENTRY', getClientEntryPath(startConfig)), // This is consumed by the router-manifest, where the entry point is imported after the dev refresh runtime is resolved\n            ...defineReplaceEnv('TSS_SERVER_FN_BASE', startConfig.serverFns.base),\n            ...defineReplaceEnv('TSS_OUTPUT_PUBLIC_DIR', nitroOutputPublicDir),\n            ...defineReplaceEnv('TSS_APP_BASE', viteAppBase)\n          },\n        }\n      },\n    },\n    // N.B. TanStackStartCompilerPlugin must be before the TanStackServerFnPluginEnv\n    startCompilerPlugin(opts.framework, {\n      client: { envName: VITE_ENVIRONMENT_NAMES.client },\n      server: { envName: VITE_ENVIRONMENT_NAMES.server },\n    }),\n    TanStackServerFnPluginEnv({\n      // This is the ID that will be available to look up and import\n      // our server function manifest and resolve its module\n      manifestVirtualImportId: VIRTUAL_MODULES.serverFnManifest,\n      manifestOutputFilename: path.join(\n        '.tanstack',\n        'start',\n        'build',\n        'server',\n        'server-functions-manifest.json',\n      ),\n      client: {\n        getRuntimeCode: () =>\n          `import { createClientRpc } from '@tanstack/${opts.framework}-start/server-functions-client'`,\n        replacer: (d) =>\n          `createClientRpc('${d.functionId}', '${startConfig.serverFns.base}')`,\n        envName: VITE_ENVIRONMENT_NAMES.client,\n      },\n      server: {\n        getRuntimeCode: () =>\n          `import { createServerRpc } from '@tanstack/${opts.framework}-start/server-functions-server'`,\n        replacer: (d) =>\n          `createServerRpc('${d.functionId}', '${startConfig.serverFns.base}', ${d.fn})`,\n        envName: VITE_ENVIRONMENT_NAMES.server,\n      },\n      importer: (fn) => {\n        const serverEnv = (globalThis as any).viteDevServer.environments[\n          VITE_ENVIRONMENT_NAMES.server\n        ]\n        if (!serverEnv) {\n          throw new Error(`'ssr' vite dev environment not found`)\n        }\n        return serverEnv.runner.import(fn.extractedFilename)\n      },\n    }),\n    loadEnvPlugin(startConfig),\n    startManifestPlugin(startConfig),\n    devServerPlugin(),\n    nitroPlugin(startConfig, () => ssrBundle),\n  ]\n}\n\nfunction defineReplaceEnv<TKey extends string, TValue extends string>(\n  key: TKey,\n  value: TValue,\n): { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue } {\n  return {\n    [`process.env.${key}`]: JSON.stringify(value),\n    [`import.meta.env.${key}`]: JSON.stringify(value),\n  } as { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue }\n}\n"],"names":["createTanStackConfig","tanStackStartRouter","resolveVirtualEntriesPlugin","trimPathRight","createNitro","nitroOutputPublicDir","startConfig","vite","VITE_ENVIRONMENT_NAMES","CLIENT_DIST_DIR","SSR_ENTRY_FILE","VIRTUAL_MODULES","startCompilerPlugin","TanStackServerFnPluginEnv","loadEnvPlugin","startManifestPlugin","devServerPlugin","nitroPlugin"],"mappings":"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"}
+{"version":3,"file":"plugin.cjs","sources":["../../src/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { createNitro } from 'nitropack'\nimport { trimPathRight } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { TanStackServerFnPluginEnv } from '@tanstack/server-functions-plugin'\nimport * as vite from 'vite'\nimport { createTanStackConfig } from './schema'\nimport { nitroPlugin } from './nitro-plugin/plugin'\nimport { startManifestPlugin } from './start-manifest-plugin/plugin'\nimport { startCompilerPlugin } from './start-compiler-plugin'\nimport {\n  CLIENT_DIST_DIR,\n  SSR_ENTRY_FILE,\n  VITE_ENVIRONMENT_NAMES,\n} from './constants'\nimport { tanStackStartRouter } from './start-router-plugin/plugin'\nimport { loadEnvPlugin } from './load-env-plugin/plugin'\nimport { devServerPlugin } from './dev-server-plugin/plugin'\nimport { resolveVirtualEntriesPlugin } from './resolve-virtual-entries-plugin/plugin'\nimport type { createTanStackStartOptionsSchema } from './schema'\nimport type { PluginOption, Rollup } from 'vite'\nimport type { z } from 'zod'\nimport type { CompileStartFrameworkOptions } from './compilers'\n\nexport type TanStackStartInputConfig = z.input<\n  ReturnType<typeof createTanStackStartOptionsSchema>\n>\n\nconst defaultConfig = createTanStackConfig()\nexport function getTanStackStartOptions(opts?: TanStackStartInputConfig) {\n  return defaultConfig.parse(opts)\n}\n\nexport type TanStackStartOutputConfig = ReturnType<\n  typeof getTanStackStartOptions\n>\n\nexport interface TanStackStartVitePluginCoreOptions {\n  framework: CompileStartFrameworkOptions\n  getVirtualServerRootHandler: (ctx: {\n    routerFilepath: string\n    serverEntryFilepath: string\n  }) => string\n  getVirtualServerEntry: (ctx: { routerFilepath: string }) => string\n  getVirtualClientEntry: (ctx: { routerFilepath: string }) => string\n}\n// this needs to live outside of the TanStackStartVitePluginCore since it will be invoked multiple times by vite\nlet ssrBundle: Rollup.OutputBundle\n\nexport function TanStackStartVitePluginCore(\n  opts: TanStackStartVitePluginCoreOptions,\n  startConfig: TanStackStartOutputConfig,\n): Array<PluginOption> {\n  return [\n    tanStackStartRouter({\n      ...startConfig.tsr,\n      target: opts.framework,\n      autoCodeSplitting: true,\n    }),\n    resolveVirtualEntriesPlugin(opts, startConfig),\n    {\n      name: 'tanstack-start-core:config-client',\n      async config(viteConfig) {\n        const viteAppBase = trimPathRight(viteConfig.base || '/')\n        globalThis.TSS_APP_BASE = viteAppBase\n\n        const nitroOutputPublicDir = await (async () => {\n          // Create a dummy nitro app to get the resolved public output path\n          const dummyNitroApp = await createNitro({\n            preset: startConfig.target,\n            compatibilityDate: '2024-12-01',\n          })\n\n          const nitroOutputPublicDir = dummyNitroApp.options.output.publicDir\n          await dummyNitroApp.close()\n\n          return nitroOutputPublicDir\n        })()\n\n        const getClientEntryPath = (startConfig: TanStackStartOutputConfig) => {\n          // when the user specifies a custom client entry path, we need to resolve it\n          // relative to the root of the project, keeping in mind that if not specified\n          // it will be /~start/default-client-entry which is a virtual path\n          // that is resolved by vite to the actual client entry path\n          const entry = startConfig.clientEntryPath.startsWith(\n            '/~start/default-client-entry',\n          )\n            ? startConfig.clientEntryPath\n            : vite.normalizePath(\n                path.join(\n                  '/@fs',\n                  path.resolve(startConfig.root, startConfig.clientEntryPath),\n                ),\n              )\n\n          return entry\n        }\n\n        return {\n          base: viteAppBase,\n          environments: {\n            [VITE_ENVIRONMENT_NAMES.client]: {\n              consumer: 'client',\n              build: {\n                manifest: true,\n                rollupOptions: {\n                  input: {\n                    main: getClientEntryPath(startConfig),\n                  },\n                  output: {\n                    dir: path.resolve(startConfig.root, CLIENT_DIST_DIR),\n                  },\n                  // TODO: this should be removed\n                  external: ['node:fs', 'node:path', 'node:os', 'node:crypto'],\n                },\n              },\n            },\n            [VITE_ENVIRONMENT_NAMES.server]: {\n              consumer: 'server',\n              build: {\n                ssr: true,\n                // we don't write to the file system as the below 'capture-output' plugin will\n                // capture the output and write it to the virtual file system\n                write: false,\n                copyPublicDir: false,\n                rollupOptions: {\n                  output: {\n                    entryFileNames: SSR_ENTRY_FILE,\n                  },\n                  plugins: [\n                    {\n                      name: 'capture-output',\n                      generateBundle(_options, bundle) {\n                        // TODO: can this hook be called more than once?\n                        ssrBundle = bundle\n                      },\n                    },\n                  ],\n                },\n                commonjsOptions: {\n                  include: [/node_modules/],\n                },\n              },\n            },\n          },\n          resolve: {\n            noExternal: [\n              '@tanstack/start-client',\n              '@tanstack/start-client-core',\n              '@tanstack/start-server',\n              '@tanstack/start-server-core',\n              '@tanstack/start-server-functions-fetcher',\n              '@tanstack/start-server-functions-client',\n              '@tanstack/start-server-functions-server',\n              '@tanstack/start-router-manifest',\n              '@tanstack/start-config',\n              '@tanstack/server-functions-plugin',\n              'nitropack',\n              '@tanstack/**start**',\n              ...Object.values(VIRTUAL_MODULES),\n            ],\n          },\n          optimizeDeps: {\n            exclude: [...Object.values(VIRTUAL_MODULES)],\n          },\n          /* prettier-ignore */\n          define: {\n            // define is an esbuild function that replaces the any instances of given keys with the given values\n            // i.e: __FRAMEWORK_NAME__ can be replaced with JSON.stringify(\"TanStack Start\")\n            // This is not the same as injecting environment variables.\n\n            ...defineReplaceEnv('TSS_CLIENT_ENTRY', getClientEntryPath(startConfig)), // This is consumed by the router-manifest, where the entry point is imported after the dev refresh runtime is resolved\n            ...defineReplaceEnv('TSS_SERVER_FN_BASE', startConfig.serverFns.base),\n            ...defineReplaceEnv('TSS_OUTPUT_PUBLIC_DIR', nitroOutputPublicDir),\n            ...defineReplaceEnv('TSS_APP_BASE', viteAppBase)\n          },\n        }\n      },\n    },\n    // N.B. TanStackStartCompilerPlugin must be before the TanStackServerFnPluginEnv\n    startCompilerPlugin(opts.framework, {\n      client: { envName: VITE_ENVIRONMENT_NAMES.client },\n      server: { envName: VITE_ENVIRONMENT_NAMES.server },\n    }),\n    TanStackServerFnPluginEnv({\n      // This is the ID that will be available to look up and import\n      // our server function manifest and resolve its module\n      manifestVirtualImportId: VIRTUAL_MODULES.serverFnManifest,\n      manifestOutputFilename: path.join(\n        '.tanstack',\n        'start',\n        'build',\n        'server',\n        'server-functions-manifest.json',\n      ),\n      client: {\n        getRuntimeCode: () =>\n          `import { createClientRpc } from '@tanstack/${opts.framework}-start/server-functions-client'`,\n        replacer: (d) =>\n          `createClientRpc('${d.functionId}', '${startConfig.serverFns.base}')`,\n        envName: VITE_ENVIRONMENT_NAMES.client,\n      },\n      server: {\n        getRuntimeCode: () =>\n          `import { createServerRpc } from '@tanstack/${opts.framework}-start/server-functions-server'`,\n        replacer: (d) =>\n          `createServerRpc('${d.functionId}', '${startConfig.serverFns.base}', ${d.fn})`,\n        envName: VITE_ENVIRONMENT_NAMES.server,\n      },\n      importer: (fn) => {\n        const serverEnv = (globalThis as any).viteDevServer.environments[\n          VITE_ENVIRONMENT_NAMES.server\n        ]\n        if (!serverEnv) {\n          throw new Error(`'ssr' vite dev environment not found`)\n        }\n        return serverEnv.runner.import(fn.extractedFilename)\n      },\n    }),\n    loadEnvPlugin(startConfig),\n    startManifestPlugin(startConfig),\n    devServerPlugin(),\n    nitroPlugin(startConfig, () => ssrBundle),\n    {\n      name: 'tanstack-start:core:capture-client-bundle',\n      applyToEnvironment(e) {\n        return e.config.consumer === 'client'\n      },\n      enforce: 'post',\n      generateBundle(_options, bundle) {\n        globalThis.TSS_CLIENT_BUNDLE = bundle\n      },\n    },\n  ]\n}\n\nfunction defineReplaceEnv<TKey extends string, TValue extends string>(\n  key: TKey,\n  value: TValue,\n): { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue } {\n  return {\n    [`process.env.${key}`]: JSON.stringify(value),\n    [`import.meta.env.${key}`]: JSON.stringify(value),\n  } as { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue }\n}\n"],"names":["createTanStackConfig","tanStackStartRouter","resolveVirtualEntriesPlugin","trimPathRight","createNitro","nitroOutputPublicDir","startConfig","vite","VITE_ENVIRONMENT_NAMES","CLIENT_DIST_DIR","SSR_ENTRY_FILE","VIRTUAL_MODULES","startCompilerPlugin","TanStackServerFnPluginEnv","loadEnvPlugin","startManifestPlugin","devServerPlugin","nitroPlugin"],"mappings":"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"}

package/dist/cjs/start-manifest-plugin/plugin.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const node_fs = require("node:fs");
 const path = require("node:path");
 const ufo = require("ufo");
 const routerCore = require("@tanstack/router-core");
 const startServerCore = require("@tanstack/start-server-core");
+const routerPlugin = require("@tanstack/router-plugin");
 const utils = require("../utils.cjs");
-const constants = require("../constants.cjs");
-const getCSSRecursively = (file, filesByRouteFilePath, basePath) => {
+const getCSSRecursively = (chunk, chunksByFileName, basePath) => {
+  var _a;
   const result = [];
-  for (const cssFile of file.css ?? []) {
+  for (const cssFile of ((_a = chunk.viteMetadata) == null ? void 0 : _a.importedCss) ?? []) {
     result.push({
       tag: "link",
       attrs: {
@@ -19,11 +19,11 @@ const getCSSRecursively = (file, filesByRouteFilePath, basePath) => {
       }
     });
   }
-  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)
       );
     }
   }
@@ -38,9 +38,6 @@ function startManifestPlugin(opts) {
     configResolved(resolvedConfig) {
       config = resolvedConfig;
     },
-    // configEnvironment(env, envConfig) {
-    //   config = envConfig.
-    // },
     resolveId: {
       filter: { id: new RegExp(startServerCore.VIRTUAL_MODULES.startManifest) },
       handler(id) {
@@ -55,7 +52,6 @@ function startManifestPlugin(opts) {
         id: new RegExp(resolvedModuleId)
       },
       handler(id) {
-        var _a;
         if (id === resolvedModuleId) {
           if (this.environment.config.consumer !== "server") {
             return `export default {}`;
@@ -66,77 +62,85 @@ function startManifestPlugin(opts) {
           })`;
           }
           const APP_BASE = globalThis.TSS_APP_BASE;
-          const clientViteManifestPath = path.resolve(
-            opts.root,
-            constants.CLIENT_DIST_DIR,
-            ".vite",
-            "manifest.json"
-          );
-          let viteManifest;
-          try {
-            viteManifest = JSON.parse(
-              node_fs.readFileSync(clientViteManifestPath, "utf-8")
-            );
-          } catch (err) {
-            console.error(err);
-            throw new Error(
-              `Could not find the production client vite manifest at '${clientViteManifestPath}'!`
-            );
-          }
           const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes;
           let entryFile;
-          const filesByRouteFilePath = Object.fromEntries(
-            Object.entries(viteManifest).map(([k, v]) => {
-              if (v.isEntry) {
-                if (entryFile !== void 0) {
-                  console.error(
-                    `multiple entries detected`,
-                    entryFile.file,
-                    v.file
+          const clientBundle = globalThis.TSS_CLIENT_BUNDLE;
+          const chunksByFileName = /* @__PURE__ */ new Map();
+          const routeChunks = {};
+          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
-          );
-          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {
-            const file = filesByRouteFilePath[path.posix.join(routesDirectoryFromRoot, v.filePath)];
-            if (file) {
-              const preloads = (file.imports ?? []).map((d) => {
-                const assetPath = ufo.joinURL(APP_BASE, viteManifest[d].file);
-                return assetPath;
+              const routePieces = bundleEntry.moduleIds.flatMap((m) => {
+                const [id2, query] = m.split("?");
+                if (id2 === void 0) {
+                  throw new Error("expected id to be defined");
+                }
+                if (query === void 0) {
+                  return [];
+                }
+                const searchParams = new URLSearchParams(query);
+                const split = searchParams.get(routerPlugin.tsrSplit);
+                if (split !== null) {
+                  return {
+                    id: id2,
+                    split
+                  };
+                }
+                return [];
               });
-              if (file.file) {
-                preloads.unshift(path.join(APP_BASE, file.file));
+              if (routePieces.length > 0) {
+                routePieces.forEach((r) => {
+                  let array = routeChunks[r.id];
+                  if (array === void 0) {
+                    array = [];
+                    routeChunks[r.id] = array;
+                  }
+                  array.push(bundleEntry);
+                });
               }
-              const cssAssetsList = getCSSRecursively(
-                file,
-                filesByRouteFilePath,
-                APP_BASE
-              );
-              routeTreeRoutes[routeId] = {
-                ...v,
-                assets: [...v.assets || [], ...cssAssetsList],
-                preloads
-              };
+            }
+          }
+          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {
+            if (!v.filePath) {
+              throw new Error(`expected filePath to be set for ${routeId}`);
+            }
+            const chunks = routeChunks[v.filePath];
+            if (chunks) {
+              chunks.forEach((chunk) => {
+                const preloads = chunk.imports.map((d) => {
+                  const assetPath = ufo.joinURL(APP_BASE, d);
+                  return assetPath;
+                });
+                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]
+                };
+              });
             }
           });
           if (entryFile) {
             routeTreeRoutes[routerCore.rootRouteId].preloads = [
-              ufo.joinURL(APP_BASE, entryFile.file),
-              ...((_a = entryFile.imports) == null ? void 0 : _a.map(
-                (d) => ufo.joinURL(APP_BASE, viteManifest[d].file)
-              )) || []
+              ufo.joinURL(APP_BASE, entryFile.fileName),
+              ...entryFile.imports.map((d) => ufo.joinURL(APP_BASE, d))
             ];
             const entryCssAssetsList = getCSSRecursively(
               entryFile,
-              filesByRouteFilePath,
+              chunksByFileName,
               APP_BASE
             );
             routeTreeRoutes[routerCore.rootRouteId].assets = [
@@ -145,15 +149,15 @@ function startManifestPlugin(opts) {
               {
                 tag: "script",
                 attrs: {
-                  src: ufo.joinURL(APP_BASE, entryFile.file),
+                  src: ufo.joinURL(APP_BASE, entryFile.fileName),
                   type: "module"
                 }
               }
             ];
           }
           const recurseRoute = (route, seenPreloads = {}) => {
-            var _a2;
-            route.preloads = (_a2 = route.preloads) == null ? void 0 : _a2.filter((preload) => {
+            var _a;
+            route.preloads = (_a = route.preloads) == null ? void 0 : _a.filter((preload) => {
               if (seenPreloads[preload]) {
                 return false;
               }
@@ -178,5 +182,6 @@ function startManifestPlugin(opts) {
     }
   };
 }
+exports.getCSSRecursively = getCSSRecursively;
 exports.startManifestPlugin = startManifestPlugin;
 //# sourceMappingURL=plugin.cjs.map

package/dist/cjs/start-manifest-plugin/plugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs","sources":["../../../src/start-manifest-plugin/plugin.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport path from 'node:path'\nimport { joinURL } from 'ufo'\nimport { rootRouteId } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { resolveViteId } from '../utils'\nimport { CLIENT_DIST_DIR } from '../constants'\nimport type {\n  PluginOption,\n  ResolvedConfig,\n  Manifest as ViteManifest,\n  ManifestChunk as ViteManifestChunk,\n} from 'vite'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { TanStackStartOutputConfig } from '../plugin'\n\nconst getCSSRecursively = (\n  file: ViteManifestChunk,\n  filesByRouteFilePath: ViteManifest,\n  basePath: string,\n) => {\n  const result: Array<RouterManagedTag> = []\n\n  // Get all css imports from the file\n  for (const cssFile of file.css ?? []) {\n    result.push({\n      tag: 'link',\n      attrs: {\n        rel: 'stylesheet',\n        href: joinURL(basePath, cssFile),\n        type: 'text/css',\n      },\n    })\n  }\n\n  // Recursively get CSS from imports\n  for (const imp of file.imports ?? []) {\n    const importInfo = filesByRouteFilePath[imp]\n    if (importInfo) {\n      result.push(\n        ...getCSSRecursively(importInfo, filesByRouteFilePath, basePath),\n      )\n    }\n  }\n\n  return result\n}\n\nconst resolvedModuleId = resolveViteId(VIRTUAL_MODULES.startManifest)\nexport function startManifestPlugin(\n  opts: TanStackStartOutputConfig,\n): PluginOption {\n  let config: ResolvedConfig\n\n  return {\n    name: 'tanstack-start:start-manifest-plugin',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      config = resolvedConfig\n    },\n    // configEnvironment(env, envConfig) {\n    //   config = envConfig.\n    // },\n    resolveId: {\n      filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },\n      handler(id) {\n        if (id === VIRTUAL_MODULES.startManifest) {\n          return resolvedModuleId\n        }\n        return undefined\n      },\n    },\n    load: {\n      filter: {\n        id: new RegExp(resolvedModuleId),\n      },\n      handler(id) {\n        if (id === resolvedModuleId) {\n          if (this.environment.config.consumer !== 'server') {\n            // this will ultimately fail the build if the plugin is used outside the server environment\n            // TODO: do we need special handling for `serve`?\n            return `export default {}`\n          }\n\n          // If we're in development, return a dummy manifest\n          if (config.command === 'serve') {\n            return `export const tsrStartManifest = () => ({\n            routes: {}\n          })`\n          }\n\n          // This is the basepath for the application\n          const APP_BASE = globalThis.TSS_APP_BASE\n\n          const clientViteManifestPath = path.resolve(\n            opts.root,\n            CLIENT_DIST_DIR,\n            '.vite',\n            'manifest.json',\n          )\n\n          let viteManifest: ViteManifest\n          try {\n            viteManifest = JSON.parse(\n              readFileSync(clientViteManifestPath, 'utf-8'),\n            )\n          } catch (err) {\n            console.error(err)\n            throw new Error(\n              `Could not find the production client vite manifest at '${clientViteManifestPath}'!`,\n            )\n          }\n\n          // This the manifest pulled from the generated route tree and later used by the Router.\n          // i.e what's located in `src/generatedRouteTree.gen.ts`\n          const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes\n\n          // This is where hydration will start, from when the SSR'd page reaches the browser.\n          // By default, this'd be the virtual entry of `/~start/default-client-entry.tsx`, unless a custom entry is provided.\n          let entryFile: ViteManifestChunk | undefined\n\n          const filesByRouteFilePath: ViteManifest = Object.fromEntries(\n            Object.entries(viteManifest).map(([k, v]) => {\n              if (v.isEntry) {\n                if (entryFile !== undefined) {\n                  console.error(\n                    `multiple entries detected`,\n                    entryFile.file,\n                    v.file,\n                  )\n                }\n                entryFile = v\n              }\n\n              const rPath = k.split('?')[0]\n\n              return [rPath, v]\n            }, {}),\n          )\n\n          const routesDirectoryFromRoot = path.relative(\n            opts.root,\n            opts.tsr.routesDirectory,\n          )\n\n          // Add preloads to the routes from the vite manifest\n          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {\n            const file =\n              filesByRouteFilePath[\n                path.posix.join(routesDirectoryFromRoot, v.filePath as string)\n              ]\n\n            if (file) {\n              // Map the relevant imports to their route paths,\n              // so that it can be imported in the browser.\n              const preloads = (file.imports ?? []).map((d) => {\n                const assetPath = joinURL(APP_BASE, viteManifest[d]!.file)\n                return assetPath\n              })\n\n              // Since this is the most important JS entry for the route,\n              // it should be moved to the front of the preloads so that\n              // it has the best chance of being loaded first.\n              if (file.file) {\n                preloads.unshift(path.join(APP_BASE, file.file))\n              }\n\n              const cssAssetsList = getCSSRecursively(\n                file,\n                filesByRouteFilePath,\n                APP_BASE,\n              )\n\n              routeTreeRoutes[routeId] = {\n                ...v,\n                assets: [...(v.assets || []), ...cssAssetsList],\n                preloads,\n              }\n            }\n          })\n\n          if (entryFile) {\n            routeTreeRoutes[rootRouteId]!.preloads = [\n              joinURL(APP_BASE, entryFile.file),\n              ...(entryFile.imports?.map((d) =>\n                joinURL(APP_BASE, viteManifest[d]!.file),\n              ) || []),\n            ]\n\n            // Gather all the CSS files from the entry file in\n            // the `css` key and add them to the root route\n            const entryCssAssetsList = getCSSRecursively(\n              entryFile,\n              filesByRouteFilePath,\n              APP_BASE,\n            )\n\n            routeTreeRoutes[rootRouteId]!.assets = [\n              ...(routeTreeRoutes[rootRouteId]!.assets || []),\n              ...entryCssAssetsList,\n              {\n                tag: 'script',\n                attrs: {\n                  src: joinURL(APP_BASE, entryFile.file),\n                  type: 'module',\n                },\n              },\n            ]\n          }\n\n          const recurseRoute = (\n            route: {\n              preloads?: Array<string>\n              children?: Array<any>\n            },\n            seenPreloads = {} as Record<string, true>,\n          ) => {\n            route.preloads = route.preloads?.filter((preload) => {\n              if (seenPreloads[preload]) {\n                return false\n              }\n              seenPreloads[preload] = true\n              return true\n            })\n\n            if (route.children) {\n              route.children.forEach((child) => {\n                const childRoute = routeTreeRoutes[child]!\n                recurseRoute(childRoute, { ...seenPreloads })\n              })\n            }\n          }\n\n          // @ts-expect-error\n          recurseRoute(routeTreeRoutes[rootRouteId])\n\n          const routesManifest = {\n            routes: routeTreeRoutes,\n          }\n\n          return `export const tsrStartManifest = () => (${JSON.stringify(routesManifest)})`\n        }\n\n        return undefined\n      },\n    },\n  }\n}\n"],"names":["joinURL","resolveViteId","VIRTUAL_MODULES","CLIENT_DIST_DIR","readFileSync","rootRouteId","_a"],"mappings":"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"}
+{"version":3,"file":"plugin.cjs","sources":["../../../src/start-manifest-plugin/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { joinURL } from 'ufo'\nimport { rootRouteId } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { tsrSplit } from '@tanstack/router-plugin'\nimport { resolveViteId } from '../utils'\nimport type { PluginOption, ResolvedConfig, Rollup } from 'vite'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { TanStackStartOutputConfig } from '../plugin'\n\nexport const getCSSRecursively = (\n  chunk: Rollup.OutputChunk,\n  chunksByFileName: Map<string, Rollup.OutputChunk>,\n  basePath: string,\n) => {\n  const result: Array<RouterManagedTag> = []\n\n  // Get all css imports from the file\n  for (const cssFile of chunk.viteMetadata?.importedCss ?? []) {\n    result.push({\n      tag: 'link',\n      attrs: {\n        rel: 'stylesheet',\n        href: joinURL(basePath, cssFile),\n        type: 'text/css',\n      },\n    })\n  }\n\n  // Recursively get CSS from imports\n  for (const importedFileName of chunk.imports) {\n    const importedChunk = chunksByFileName.get(importedFileName)\n    if (importedChunk) {\n      result.push(\n        ...getCSSRecursively(importedChunk, chunksByFileName, basePath),\n      )\n    }\n  }\n\n  return result\n}\n\nconst resolvedModuleId = resolveViteId(VIRTUAL_MODULES.startManifest)\nexport function startManifestPlugin(\n  opts: TanStackStartOutputConfig,\n): PluginOption {\n  let config: ResolvedConfig\n\n  return {\n    name: 'tanstack-start:start-manifest-plugin',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      config = resolvedConfig\n    },\n    resolveId: {\n      filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },\n      handler(id) {\n        if (id === VIRTUAL_MODULES.startManifest) {\n          return resolvedModuleId\n        }\n        return undefined\n      },\n    },\n    load: {\n      filter: {\n        id: new RegExp(resolvedModuleId),\n      },\n      handler(id) {\n        if (id === resolvedModuleId) {\n          if (this.environment.config.consumer !== 'server') {\n            // this will ultimately fail the build if the plugin is used outside the server environment\n            // TODO: do we need special handling for `serve`?\n            return `export default {}`\n          }\n\n          // If we're in development, return a dummy manifest\n          if (config.command === 'serve') {\n            return `export const tsrStartManifest = () => ({\n            routes: {}\n          })`\n          }\n\n          // This is the basepath for the application\n          const APP_BASE = globalThis.TSS_APP_BASE\n\n          // This the manifest pulled from the generated route tree and later used by the Router.\n          // i.e what's located in `src/routeTree.gen.ts`\n          const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes\n\n          // This is where hydration will start, from when the SSR'd page reaches the browser.\n          // By default, this'd be the virtual entry of `/~start/default-client-entry.tsx`, unless a custom entry is provided.\n          let entryFile: Rollup.OutputChunk | undefined\n\n          const clientBundle = globalThis.TSS_CLIENT_BUNDLE\n          const chunksByFileName = new Map<string, Rollup.OutputChunk>()\n\n          const routeChunks: Record<\n            string /** fullPath of route file **/,\n            Array<Rollup.OutputChunk>\n          > = {}\n          for (const bundleEntry of Object.values(clientBundle)) {\n            if (bundleEntry.type === 'chunk') {\n              chunksByFileName.set(bundleEntry.fileName, bundleEntry)\n              if (bundleEntry.isEntry) {\n                if (entryFile) {\n                  throw new Error(\n                    `multiple entries detected: ${entryFile.fileName} ${bundleEntry.fileName}`,\n                  )\n                }\n                entryFile = bundleEntry\n              }\n              const routePieces = bundleEntry.moduleIds.flatMap((m) => {\n                const [id, query] = m.split('?')\n                if (id === undefined) {\n                  throw new Error('expected id to be defined')\n                }\n                if (query === undefined) {\n                  return []\n                }\n                const searchParams = new URLSearchParams(query)\n                const split = searchParams.get(tsrSplit)\n\n                if (split !== null) {\n                  return {\n                    id,\n                    split,\n                  }\n                }\n                return []\n              })\n              if (routePieces.length > 0) {\n                routePieces.forEach((r) => {\n                  let array = routeChunks[r.id]\n                  if (array === undefined) {\n                    array = []\n                    routeChunks[r.id] = array\n                  }\n                  array.push(bundleEntry)\n                })\n              }\n            }\n          }\n\n          // Add preloads to the routes from the vite manifest\n          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {\n            if (!v.filePath) {\n              throw new Error(`expected filePath to be set for ${routeId}`)\n            }\n            const chunks = routeChunks[v.filePath]\n            if (chunks) {\n              chunks.forEach((chunk) => {\n                // Map the relevant imports to their route paths,\n                // so that it can be imported in the browser.\n                const preloads = chunk.imports.map((d) => {\n                  const assetPath = joinURL(APP_BASE, d)\n                  return assetPath\n                })\n\n                // Since this is the most important JS entry for the route,\n                // it should be moved to the front of the preloads so that\n                // it has the best chance of being loaded first.\n                preloads.unshift(path.join(APP_BASE, chunk.fileName))\n\n                const cssAssetsList = getCSSRecursively(\n                  chunk,\n                  chunksByFileName,\n                  APP_BASE,\n                )\n\n                routeTreeRoutes[routeId] = {\n                  ...v,\n                  assets: [...(v.assets || []), ...cssAssetsList],\n                  preloads: [...(v.preloads || []), ...preloads],\n                }\n              })\n            }\n          })\n\n          if (entryFile) {\n            routeTreeRoutes[rootRouteId]!.preloads = [\n              joinURL(APP_BASE, entryFile.fileName),\n              ...entryFile.imports.map((d) => joinURL(APP_BASE, d)),\n            ]\n\n            // Gather all the CSS files from the entry file in\n            // the `css` key and add them to the root route\n            const entryCssAssetsList = getCSSRecursively(\n              entryFile,\n              chunksByFileName,\n              APP_BASE,\n            )\n\n            routeTreeRoutes[rootRouteId]!.assets = [\n              ...(routeTreeRoutes[rootRouteId]!.assets || []),\n              ...entryCssAssetsList,\n              {\n                tag: 'script',\n                attrs: {\n                  src: joinURL(APP_BASE, entryFile.fileName),\n                  type: 'module',\n                },\n              },\n            ]\n          }\n\n          const recurseRoute = (\n            route: {\n              preloads?: Array<string>\n              children?: Array<any>\n            },\n            seenPreloads = {} as Record<string, true>,\n          ) => {\n            route.preloads = route.preloads?.filter((preload) => {\n              if (seenPreloads[preload]) {\n                return false\n              }\n              seenPreloads[preload] = true\n              return true\n            })\n\n            if (route.children) {\n              route.children.forEach((child) => {\n                const childRoute = routeTreeRoutes[child]!\n                recurseRoute(childRoute, { ...seenPreloads })\n              })\n            }\n          }\n\n          recurseRoute(routeTreeRoutes[rootRouteId]!)\n\n          const routesManifest = {\n            routes: routeTreeRoutes,\n          }\n\n          return `export const tsrStartManifest = () => (${JSON.stringify(routesManifest)})`\n        }\n\n        return undefined\n      },\n    },\n  }\n}\n"],"names":["joinURL","resolveViteId","VIRTUAL_MODULES","id","tsrSplit","rootRouteId"],"mappings":"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"}

package/dist/cjs/start-manifest-plugin/plugin.d.cts

@@ -1,3 +1,5 @@
-import { PluginOption } from 'vite';
+import { PluginOption, Rollup } from 'vite';
+import { RouterManagedTag } from '@tanstack/router-core';
 import { TanStackStartOutputConfig } from '../plugin.cjs';
+export declare const getCSSRecursively: (chunk: Rollup.OutputChunk, chunksByFileName: Map<string, Rollup.OutputChunk>, basePath: string) => RouterManagedTag[];
 export declare function startManifestPlugin(opts: TanStackStartOutputConfig): PluginOption;

package/dist/cjs/start-router-plugin/generator-plugins/routes-manifest-plugin.cjs

@@ -13,7 +13,7 @@ function routesManifestPlugin() {
       }
       const routesManifest = {
         [routerCore.rootRouteId]: {
-          filePath: rootRouteNode.filePath,
+          filePath: rootRouteNode.fullPath,
           children: routeTree.acc.routeTree.map((d) => d.routePath)
         },
         ...Object.fromEntries(
@@ -23,7 +23,7 @@ function routesManifestPlugin() {
             return [
               filePathId,
               {
-                filePath: d.filePath,
+                filePath: d.fullPath,
                 parent: ((_a = d.parent) == null ? void 0 : _a.routePath) ? d.parent.routePath : void 0,
                 children: (_b = d.children) == null ? void 0 : _b.map((childRoute) => childRoute.routePath)
               }

package/dist/cjs/start-router-plugin/generator-plugins/routes-manifest-plugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"routes-manifest-plugin.cjs","sources":["../../../../src/start-router-plugin/generator-plugins/routes-manifest-plugin.ts"],"sourcesContent":["import { rootRouteId } from '@tanstack/router-core'\n\nimport type { GeneratorPlugin } from '@tanstack/router-generator'\n\n/**\n * this plugin builds the routes manifest and stores it on globalThis\n * so that it can be accessed later (e.g. from a vite plugin)\n */\nexport function routesManifestPlugin(): GeneratorPlugin {\n  return {\n    name: 'routes-manifest-plugin',\n    onRouteTreesChanged: ({ routeTrees, rootRouteNode }) => {\n      const routeTree = routeTrees.find((tree) => tree.exportName === 'Route')\n      if (!routeTree) {\n        throw new Error(\n          'No route tree found with export name \"Route\". Please ensure your routes are correctly defined.',\n        )\n      }\n      const routesManifest = {\n        [rootRouteId]: {\n          filePath: rootRouteNode.filePath,\n          children: routeTree.acc.routeTree.map((d) => d.routePath),\n        },\n        ...Object.fromEntries(\n          routeTree.acc.routeNodes.map((d) => {\n            const filePathId = d.routePath\n\n            return [\n              filePathId,\n              {\n                filePath: d.filePath,\n                parent: d.parent?.routePath ? d.parent.routePath : undefined,\n                children: d.children?.map((childRoute) => childRoute.routePath),\n              },\n            ]\n          }),\n        ),\n      }\n\n      globalThis.TSS_ROUTES_MANIFEST = { routes: routesManifest }\n    },\n  }\n}\n"],"names":["rootRouteId"],"mappings":";;;AAQO,SAAS,uBAAwC;AAC/C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,qBAAqB,CAAC,EAAE,YAAY,oBAAoB;AACtD,YAAM,YAAY,WAAW,KAAK,CAAC,SAAS,KAAK,eAAe,OAAO;AACvE,UAAI,CAAC,WAAW;AACd,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,MAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB,CAACA,sBAAW,GAAG;AAAA,UACb,UAAU,cAAc;AAAA,UACxB,UAAU,UAAU,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,SAAS;AAAA,QAC1D;AAAA,QACA,GAAG,OAAO;AAAA,UACR,UAAU,IAAI,WAAW,IAAI,CAAC,MAAM;;AAClC,kBAAM,aAAa,EAAE;AAEd,mBAAA;AAAA,cACL;AAAA,cACA;AAAA,gBACE,UAAU,EAAE;AAAA,gBACZ,UAAQ,OAAE,WAAF,mBAAU,aAAY,EAAE,OAAO,YAAY;AAAA,gBACnD,WAAU,OAAE,aAAF,mBAAY,IAAI,CAAC,eAAe,WAAW;AAAA,cAAS;AAAA,YAElE;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MAEL;AAEW,iBAAA,sBAAsB,EAAE,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE9D;AACF;;"}
+{"version":3,"file":"routes-manifest-plugin.cjs","sources":["../../../../src/start-router-plugin/generator-plugins/routes-manifest-plugin.ts"],"sourcesContent":["import { rootRouteId } from '@tanstack/router-core'\n\nimport type { GeneratorPlugin } from '@tanstack/router-generator'\n\n/**\n * this plugin builds the routes manifest and stores it on globalThis\n * so that it can be accessed later (e.g. from a vite plugin)\n */\nexport function routesManifestPlugin(): GeneratorPlugin {\n  return {\n    name: 'routes-manifest-plugin',\n    onRouteTreesChanged: ({ routeTrees, rootRouteNode }) => {\n      const routeTree = routeTrees.find((tree) => tree.exportName === 'Route')\n      if (!routeTree) {\n        throw new Error(\n          'No route tree found with export name \"Route\". Please ensure your routes are correctly defined.',\n        )\n      }\n      const routesManifest = {\n        [rootRouteId]: {\n          filePath: rootRouteNode.fullPath,\n          children: routeTree.acc.routeTree.map((d) => d.routePath),\n        },\n        ...Object.fromEntries(\n          routeTree.acc.routeNodes.map((d) => {\n            const filePathId = d.routePath\n\n            return [\n              filePathId,\n              {\n                filePath: d.fullPath,\n                parent: d.parent?.routePath ? d.parent.routePath : undefined,\n                children: d.children?.map((childRoute) => childRoute.routePath),\n              },\n            ]\n          }),\n        ),\n      }\n\n      globalThis.TSS_ROUTES_MANIFEST = { routes: routesManifest }\n    },\n  }\n}\n"],"names":["rootRouteId"],"mappings":";;;AAQO,SAAS,uBAAwC;AAC/C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,qBAAqB,CAAC,EAAE,YAAY,oBAAoB;AACtD,YAAM,YAAY,WAAW,KAAK,CAAC,SAAS,KAAK,eAAe,OAAO;AACvE,UAAI,CAAC,WAAW;AACd,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,MAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB,CAACA,sBAAW,GAAG;AAAA,UACb,UAAU,cAAc;AAAA,UACxB,UAAU,UAAU,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,SAAS;AAAA,QAC1D;AAAA,QACA,GAAG,OAAO;AAAA,UACR,UAAU,IAAI,WAAW,IAAI,CAAC,MAAM;;AAClC,kBAAM,aAAa,EAAE;AAEd,mBAAA;AAAA,cACL;AAAA,cACA;AAAA,gBACE,UAAU,EAAE;AAAA,gBACZ,UAAQ,OAAE,WAAF,mBAAU,aAAY,EAAE,OAAO,YAAY;AAAA,gBACnD,WAAU,OAAE,aAAF,mBAAY,IAAI,CAAC,eAAe,WAAW;AAAA,cAAS;AAAA,YAElE;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MAEL;AAEW,iBAAA,sBAAsB,EAAE,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE9D;AACF;;"}

package/dist/esm/plugin.js

@@ -163,9 +163,19 @@ function TanStackStartVitePluginCore(opts, startConfig) {
       }
     }),
     loadEnvPlugin(startConfig),
-    startManifestPlugin(startConfig),
+    startManifestPlugin(),
     devServerPlugin(),
-    nitroPlugin(startConfig, () => ssrBundle)
+    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;
+      }
+    }
   ];
 }
 function defineReplaceEnv(key, value) {

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { createNitro } from 'nitropack'\nimport { trimPathRight } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { TanStackServerFnPluginEnv } from '@tanstack/server-functions-plugin'\nimport * as vite from 'vite'\nimport { createTanStackConfig } from './schema'\nimport { nitroPlugin } from './nitro-plugin/plugin'\nimport { startManifestPlugin } from './start-manifest-plugin/plugin'\nimport { startCompilerPlugin } from './start-compiler-plugin'\nimport {\n  CLIENT_DIST_DIR,\n  SSR_ENTRY_FILE,\n  VITE_ENVIRONMENT_NAMES,\n} from './constants'\nimport { tanStackStartRouter } from './start-router-plugin/plugin'\nimport { loadEnvPlugin } from './load-env-plugin/plugin'\nimport { devServerPlugin } from './dev-server-plugin/plugin'\nimport { resolveVirtualEntriesPlugin } from './resolve-virtual-entries-plugin/plugin'\nimport type { createTanStackStartOptionsSchema } from './schema'\nimport type { PluginOption, Rollup } from 'vite'\nimport type { z } from 'zod'\nimport type { CompileStartFrameworkOptions } from './compilers'\n\nexport type TanStackStartInputConfig = z.input<\n  ReturnType<typeof createTanStackStartOptionsSchema>\n>\n\nconst defaultConfig = createTanStackConfig()\nexport function getTanStackStartOptions(opts?: TanStackStartInputConfig) {\n  return defaultConfig.parse(opts)\n}\n\nexport type TanStackStartOutputConfig = ReturnType<\n  typeof getTanStackStartOptions\n>\n\nexport interface TanStackStartVitePluginCoreOptions {\n  framework: CompileStartFrameworkOptions\n  getVirtualServerRootHandler: (ctx: {\n    routerFilepath: string\n    serverEntryFilepath: string\n  }) => string\n  getVirtualServerEntry: (ctx: { routerFilepath: string }) => string\n  getVirtualClientEntry: (ctx: { routerFilepath: string }) => string\n}\n// this needs to live outside of the TanStackStartVitePluginCore since it will be invoked multiple times by vite\nlet ssrBundle: Rollup.OutputBundle\n\nexport function TanStackStartVitePluginCore(\n  opts: TanStackStartVitePluginCoreOptions,\n  startConfig: TanStackStartOutputConfig,\n): Array<PluginOption> {\n  return [\n    tanStackStartRouter({\n      ...startConfig.tsr,\n      target: opts.framework,\n      autoCodeSplitting: true,\n    }),\n    resolveVirtualEntriesPlugin(opts, startConfig),\n    {\n      name: 'tanstack-start-core:config-client',\n      async config(viteConfig) {\n        const viteAppBase = trimPathRight(viteConfig.base || '/')\n        globalThis.TSS_APP_BASE = viteAppBase\n\n        const nitroOutputPublicDir = await (async () => {\n          // Create a dummy nitro app to get the resolved public output path\n          const dummyNitroApp = await createNitro({\n            preset: startConfig.target,\n            compatibilityDate: '2024-12-01',\n          })\n\n          const nitroOutputPublicDir = dummyNitroApp.options.output.publicDir\n          await dummyNitroApp.close()\n\n          return nitroOutputPublicDir\n        })()\n\n        const getClientEntryPath = (startConfig: TanStackStartOutputConfig) => {\n          // when the user specifies a custom client entry path, we need to resolve it\n          // relative to the root of the project, keeping in mind that if not specified\n          // it will be /~start/default-client-entry which is a virtual path\n          // that is resolved by vite to the actual client entry path\n          const entry = startConfig.clientEntryPath.startsWith(\n            '/~start/default-client-entry',\n          )\n            ? startConfig.clientEntryPath\n            : vite.normalizePath(\n                path.join(\n                  '/@fs',\n                  path.resolve(startConfig.root, startConfig.clientEntryPath),\n                ),\n              )\n\n          return entry\n        }\n\n        return {\n          base: viteAppBase,\n          environments: {\n            [VITE_ENVIRONMENT_NAMES.client]: {\n              consumer: 'client',\n              build: {\n                manifest: true,\n                rollupOptions: {\n                  input: {\n                    main: getClientEntryPath(startConfig),\n                  },\n                  output: {\n                    dir: path.resolve(startConfig.root, CLIENT_DIST_DIR),\n                  },\n                  // TODO: this should be removed\n                  external: ['node:fs', 'node:path', 'node:os', 'node:crypto'],\n                },\n              },\n            },\n            [VITE_ENVIRONMENT_NAMES.server]: {\n              consumer: 'server',\n              build: {\n                ssr: true,\n                // we don't write to the file system as the below 'capture-output' plugin will\n                // capture the output and write it to the virtual file system\n                write: false,\n                copyPublicDir: false,\n                rollupOptions: {\n                  output: {\n                    entryFileNames: SSR_ENTRY_FILE,\n                  },\n                  plugins: [\n                    {\n                      name: 'capture-output',\n                      generateBundle(_options, bundle) {\n                        // TODO: can this hook be called more than once?\n                        ssrBundle = bundle\n                      },\n                    },\n                  ],\n                },\n                commonjsOptions: {\n                  include: [/node_modules/],\n                },\n              },\n            },\n          },\n          resolve: {\n            noExternal: [\n              '@tanstack/start-client',\n              '@tanstack/start-client-core',\n              '@tanstack/start-server',\n              '@tanstack/start-server-core',\n              '@tanstack/start-server-functions-fetcher',\n              '@tanstack/start-server-functions-client',\n              '@tanstack/start-server-functions-server',\n              '@tanstack/start-router-manifest',\n              '@tanstack/start-config',\n              '@tanstack/server-functions-plugin',\n              'nitropack',\n              '@tanstack/**start**',\n              ...Object.values(VIRTUAL_MODULES),\n            ],\n          },\n          optimizeDeps: {\n            exclude: [...Object.values(VIRTUAL_MODULES)],\n          },\n          /* prettier-ignore */\n          define: {\n            // define is an esbuild function that replaces the any instances of given keys with the given values\n            // i.e: __FRAMEWORK_NAME__ can be replaced with JSON.stringify(\"TanStack Start\")\n            // This is not the same as injecting environment variables.\n\n            ...defineReplaceEnv('TSS_CLIENT_ENTRY', getClientEntryPath(startConfig)), // This is consumed by the router-manifest, where the entry point is imported after the dev refresh runtime is resolved\n            ...defineReplaceEnv('TSS_SERVER_FN_BASE', startConfig.serverFns.base),\n            ...defineReplaceEnv('TSS_OUTPUT_PUBLIC_DIR', nitroOutputPublicDir),\n            ...defineReplaceEnv('TSS_APP_BASE', viteAppBase)\n          },\n        }\n      },\n    },\n    // N.B. TanStackStartCompilerPlugin must be before the TanStackServerFnPluginEnv\n    startCompilerPlugin(opts.framework, {\n      client: { envName: VITE_ENVIRONMENT_NAMES.client },\n      server: { envName: VITE_ENVIRONMENT_NAMES.server },\n    }),\n    TanStackServerFnPluginEnv({\n      // This is the ID that will be available to look up and import\n      // our server function manifest and resolve its module\n      manifestVirtualImportId: VIRTUAL_MODULES.serverFnManifest,\n      manifestOutputFilename: path.join(\n        '.tanstack',\n        'start',\n        'build',\n        'server',\n        'server-functions-manifest.json',\n      ),\n      client: {\n        getRuntimeCode: () =>\n          `import { createClientRpc } from '@tanstack/${opts.framework}-start/server-functions-client'`,\n        replacer: (d) =>\n          `createClientRpc('${d.functionId}', '${startConfig.serverFns.base}')`,\n        envName: VITE_ENVIRONMENT_NAMES.client,\n      },\n      server: {\n        getRuntimeCode: () =>\n          `import { createServerRpc } from '@tanstack/${opts.framework}-start/server-functions-server'`,\n        replacer: (d) =>\n          `createServerRpc('${d.functionId}', '${startConfig.serverFns.base}', ${d.fn})`,\n        envName: VITE_ENVIRONMENT_NAMES.server,\n      },\n      importer: (fn) => {\n        const serverEnv = (globalThis as any).viteDevServer.environments[\n          VITE_ENVIRONMENT_NAMES.server\n        ]\n        if (!serverEnv) {\n          throw new Error(`'ssr' vite dev environment not found`)\n        }\n        return serverEnv.runner.import(fn.extractedFilename)\n      },\n    }),\n    loadEnvPlugin(startConfig),\n    startManifestPlugin(startConfig),\n    devServerPlugin(),\n    nitroPlugin(startConfig, () => ssrBundle),\n  ]\n}\n\nfunction defineReplaceEnv<TKey extends string, TValue extends string>(\n  key: TKey,\n  value: TValue,\n): { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue } {\n  return {\n    [`process.env.${key}`]: JSON.stringify(value),\n    [`import.meta.env.${key}`]: JSON.stringify(value),\n  } as { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue }\n}\n"],"names":["nitroOutputPublicDir","startConfig"],"mappings":"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"}
+{"version":3,"file":"plugin.js","sources":["../../src/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { createNitro } from 'nitropack'\nimport { trimPathRight } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { TanStackServerFnPluginEnv } from '@tanstack/server-functions-plugin'\nimport * as vite from 'vite'\nimport { createTanStackConfig } from './schema'\nimport { nitroPlugin } from './nitro-plugin/plugin'\nimport { startManifestPlugin } from './start-manifest-plugin/plugin'\nimport { startCompilerPlugin } from './start-compiler-plugin'\nimport {\n  CLIENT_DIST_DIR,\n  SSR_ENTRY_FILE,\n  VITE_ENVIRONMENT_NAMES,\n} from './constants'\nimport { tanStackStartRouter } from './start-router-plugin/plugin'\nimport { loadEnvPlugin } from './load-env-plugin/plugin'\nimport { devServerPlugin } from './dev-server-plugin/plugin'\nimport { resolveVirtualEntriesPlugin } from './resolve-virtual-entries-plugin/plugin'\nimport type { createTanStackStartOptionsSchema } from './schema'\nimport type { PluginOption, Rollup } from 'vite'\nimport type { z } from 'zod'\nimport type { CompileStartFrameworkOptions } from './compilers'\n\nexport type TanStackStartInputConfig = z.input<\n  ReturnType<typeof createTanStackStartOptionsSchema>\n>\n\nconst defaultConfig = createTanStackConfig()\nexport function getTanStackStartOptions(opts?: TanStackStartInputConfig) {\n  return defaultConfig.parse(opts)\n}\n\nexport type TanStackStartOutputConfig = ReturnType<\n  typeof getTanStackStartOptions\n>\n\nexport interface TanStackStartVitePluginCoreOptions {\n  framework: CompileStartFrameworkOptions\n  getVirtualServerRootHandler: (ctx: {\n    routerFilepath: string\n    serverEntryFilepath: string\n  }) => string\n  getVirtualServerEntry: (ctx: { routerFilepath: string }) => string\n  getVirtualClientEntry: (ctx: { routerFilepath: string }) => string\n}\n// this needs to live outside of the TanStackStartVitePluginCore since it will be invoked multiple times by vite\nlet ssrBundle: Rollup.OutputBundle\n\nexport function TanStackStartVitePluginCore(\n  opts: TanStackStartVitePluginCoreOptions,\n  startConfig: TanStackStartOutputConfig,\n): Array<PluginOption> {\n  return [\n    tanStackStartRouter({\n      ...startConfig.tsr,\n      target: opts.framework,\n      autoCodeSplitting: true,\n    }),\n    resolveVirtualEntriesPlugin(opts, startConfig),\n    {\n      name: 'tanstack-start-core:config-client',\n      async config(viteConfig) {\n        const viteAppBase = trimPathRight(viteConfig.base || '/')\n        globalThis.TSS_APP_BASE = viteAppBase\n\n        const nitroOutputPublicDir = await (async () => {\n          // Create a dummy nitro app to get the resolved public output path\n          const dummyNitroApp = await createNitro({\n            preset: startConfig.target,\n            compatibilityDate: '2024-12-01',\n          })\n\n          const nitroOutputPublicDir = dummyNitroApp.options.output.publicDir\n          await dummyNitroApp.close()\n\n          return nitroOutputPublicDir\n        })()\n\n        const getClientEntryPath = (startConfig: TanStackStartOutputConfig) => {\n          // when the user specifies a custom client entry path, we need to resolve it\n          // relative to the root of the project, keeping in mind that if not specified\n          // it will be /~start/default-client-entry which is a virtual path\n          // that is resolved by vite to the actual client entry path\n          const entry = startConfig.clientEntryPath.startsWith(\n            '/~start/default-client-entry',\n          )\n            ? startConfig.clientEntryPath\n            : vite.normalizePath(\n                path.join(\n                  '/@fs',\n                  path.resolve(startConfig.root, startConfig.clientEntryPath),\n                ),\n              )\n\n          return entry\n        }\n\n        return {\n          base: viteAppBase,\n          environments: {\n            [VITE_ENVIRONMENT_NAMES.client]: {\n              consumer: 'client',\n              build: {\n                manifest: true,\n                rollupOptions: {\n                  input: {\n                    main: getClientEntryPath(startConfig),\n                  },\n                  output: {\n                    dir: path.resolve(startConfig.root, CLIENT_DIST_DIR),\n                  },\n                  // TODO: this should be removed\n                  external: ['node:fs', 'node:path', 'node:os', 'node:crypto'],\n                },\n              },\n            },\n            [VITE_ENVIRONMENT_NAMES.server]: {\n              consumer: 'server',\n              build: {\n                ssr: true,\n                // we don't write to the file system as the below 'capture-output' plugin will\n                // capture the output and write it to the virtual file system\n                write: false,\n                copyPublicDir: false,\n                rollupOptions: {\n                  output: {\n                    entryFileNames: SSR_ENTRY_FILE,\n                  },\n                  plugins: [\n                    {\n                      name: 'capture-output',\n                      generateBundle(_options, bundle) {\n                        // TODO: can this hook be called more than once?\n                        ssrBundle = bundle\n                      },\n                    },\n                  ],\n                },\n                commonjsOptions: {\n                  include: [/node_modules/],\n                },\n              },\n            },\n          },\n          resolve: {\n            noExternal: [\n              '@tanstack/start-client',\n              '@tanstack/start-client-core',\n              '@tanstack/start-server',\n              '@tanstack/start-server-core',\n              '@tanstack/start-server-functions-fetcher',\n              '@tanstack/start-server-functions-client',\n              '@tanstack/start-server-functions-server',\n              '@tanstack/start-router-manifest',\n              '@tanstack/start-config',\n              '@tanstack/server-functions-plugin',\n              'nitropack',\n              '@tanstack/**start**',\n              ...Object.values(VIRTUAL_MODULES),\n            ],\n          },\n          optimizeDeps: {\n            exclude: [...Object.values(VIRTUAL_MODULES)],\n          },\n          /* prettier-ignore */\n          define: {\n            // define is an esbuild function that replaces the any instances of given keys with the given values\n            // i.e: __FRAMEWORK_NAME__ can be replaced with JSON.stringify(\"TanStack Start\")\n            // This is not the same as injecting environment variables.\n\n            ...defineReplaceEnv('TSS_CLIENT_ENTRY', getClientEntryPath(startConfig)), // This is consumed by the router-manifest, where the entry point is imported after the dev refresh runtime is resolved\n            ...defineReplaceEnv('TSS_SERVER_FN_BASE', startConfig.serverFns.base),\n            ...defineReplaceEnv('TSS_OUTPUT_PUBLIC_DIR', nitroOutputPublicDir),\n            ...defineReplaceEnv('TSS_APP_BASE', viteAppBase)\n          },\n        }\n      },\n    },\n    // N.B. TanStackStartCompilerPlugin must be before the TanStackServerFnPluginEnv\n    startCompilerPlugin(opts.framework, {\n      client: { envName: VITE_ENVIRONMENT_NAMES.client },\n      server: { envName: VITE_ENVIRONMENT_NAMES.server },\n    }),\n    TanStackServerFnPluginEnv({\n      // This is the ID that will be available to look up and import\n      // our server function manifest and resolve its module\n      manifestVirtualImportId: VIRTUAL_MODULES.serverFnManifest,\n      manifestOutputFilename: path.join(\n        '.tanstack',\n        'start',\n        'build',\n        'server',\n        'server-functions-manifest.json',\n      ),\n      client: {\n        getRuntimeCode: () =>\n          `import { createClientRpc } from '@tanstack/${opts.framework}-start/server-functions-client'`,\n        replacer: (d) =>\n          `createClientRpc('${d.functionId}', '${startConfig.serverFns.base}')`,\n        envName: VITE_ENVIRONMENT_NAMES.client,\n      },\n      server: {\n        getRuntimeCode: () =>\n          `import { createServerRpc } from '@tanstack/${opts.framework}-start/server-functions-server'`,\n        replacer: (d) =>\n          `createServerRpc('${d.functionId}', '${startConfig.serverFns.base}', ${d.fn})`,\n        envName: VITE_ENVIRONMENT_NAMES.server,\n      },\n      importer: (fn) => {\n        const serverEnv = (globalThis as any).viteDevServer.environments[\n          VITE_ENVIRONMENT_NAMES.server\n        ]\n        if (!serverEnv) {\n          throw new Error(`'ssr' vite dev environment not found`)\n        }\n        return serverEnv.runner.import(fn.extractedFilename)\n      },\n    }),\n    loadEnvPlugin(startConfig),\n    startManifestPlugin(startConfig),\n    devServerPlugin(),\n    nitroPlugin(startConfig, () => ssrBundle),\n    {\n      name: 'tanstack-start:core:capture-client-bundle',\n      applyToEnvironment(e) {\n        return e.config.consumer === 'client'\n      },\n      enforce: 'post',\n      generateBundle(_options, bundle) {\n        globalThis.TSS_CLIENT_BUNDLE = bundle\n      },\n    },\n  ]\n}\n\nfunction defineReplaceEnv<TKey extends string, TValue extends string>(\n  key: TKey,\n  value: TValue,\n): { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue } {\n  return {\n    [`process.env.${key}`]: JSON.stringify(value),\n    [`import.meta.env.${key}`]: JSON.stringify(value),\n  } as { [P in `process.env.${TKey}` | `import.meta.env.${TKey}`]: TValue }\n}\n"],"names":["nitroOutputPublicDir","startConfig"],"mappings":"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"}

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

@@ -1,3 +1,5 @@
-import { PluginOption } from 'vite';
+import { PluginOption, Rollup } from 'vite';
+import { RouterManagedTag } from '@tanstack/router-core';
 import { TanStackStartOutputConfig } from '../plugin.js';
+export declare const getCSSRecursively: (chunk: Rollup.OutputChunk, chunksByFileName: Map<string, Rollup.OutputChunk>, basePath: string) => RouterManagedTag[];
 export declare function startManifestPlugin(opts: TanStackStartOutputConfig): PluginOption;

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

@@ -1,13 +1,13 @@
-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.js";
-import { CLIENT_DIST_DIR } from "../constants.js";
-const getCSSRecursively = (file, filesByRouteFilePath, basePath) => {
+const getCSSRecursively = (chunk, chunksByFileName, basePath) => {
+  var _a;
   const result = [];
-  for (const cssFile of file.css ?? []) {
+  for (const cssFile of ((_a = chunk.viteMetadata) == null ? void 0 : _a.importedCss) ?? []) {
     result.push({
       tag: "link",
       attrs: {
@@ -17,11 +17,11 @@ const getCSSRecursively = (file, filesByRouteFilePath, basePath) => {
       }
     });
   }
-  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)
       );
     }
   }
@@ -36,9 +36,6 @@ function startManifestPlugin(opts) {
     configResolved(resolvedConfig) {
       config = resolvedConfig;
     },
-    // configEnvironment(env, envConfig) {
-    //   config = envConfig.
-    // },
     resolveId: {
       filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },
       handler(id) {
@@ -53,7 +50,6 @@ function startManifestPlugin(opts) {
         id: new RegExp(resolvedModuleId)
       },
       handler(id) {
-        var _a;
         if (id === resolvedModuleId) {
           if (this.environment.config.consumer !== "server") {
             return `export default {}`;
@@ -64,77 +60,85 @@ function startManifestPlugin(opts) {
           })`;
           }
           const APP_BASE = globalThis.TSS_APP_BASE;
-          const clientViteManifestPath = path.resolve(
-            opts.root,
-            CLIENT_DIST_DIR,
-            ".vite",
-            "manifest.json"
-          );
-          let 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}'!`
-            );
-          }
           const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes;
           let entryFile;
-          const filesByRouteFilePath = Object.fromEntries(
-            Object.entries(viteManifest).map(([k, v]) => {
-              if (v.isEntry) {
-                if (entryFile !== void 0) {
-                  console.error(
-                    `multiple entries detected`,
-                    entryFile.file,
-                    v.file
+          const clientBundle = globalThis.TSS_CLIENT_BUNDLE;
+          const chunksByFileName = /* @__PURE__ */ new Map();
+          const routeChunks = {};
+          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
-          );
-          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {
-            const file = filesByRouteFilePath[path.posix.join(routesDirectoryFromRoot, v.filePath)];
-            if (file) {
-              const preloads = (file.imports ?? []).map((d) => {
-                const assetPath = joinURL(APP_BASE, viteManifest[d].file);
-                return assetPath;
+              const routePieces = bundleEntry.moduleIds.flatMap((m) => {
+                const [id2, query] = m.split("?");
+                if (id2 === void 0) {
+                  throw new Error("expected id to be defined");
+                }
+                if (query === void 0) {
+                  return [];
+                }
+                const searchParams = new URLSearchParams(query);
+                const split = searchParams.get(tsrSplit);
+                if (split !== null) {
+                  return {
+                    id: id2,
+                    split
+                  };
+                }
+                return [];
               });
-              if (file.file) {
-                preloads.unshift(path.join(APP_BASE, file.file));
+              if (routePieces.length > 0) {
+                routePieces.forEach((r) => {
+                  let array = routeChunks[r.id];
+                  if (array === void 0) {
+                    array = [];
+                    routeChunks[r.id] = array;
+                  }
+                  array.push(bundleEntry);
+                });
               }
-              const cssAssetsList = getCSSRecursively(
-                file,
-                filesByRouteFilePath,
-                APP_BASE
-              );
-              routeTreeRoutes[routeId] = {
-                ...v,
-                assets: [...v.assets || [], ...cssAssetsList],
-                preloads
-              };
+            }
+          }
+          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {
+            if (!v.filePath) {
+              throw new Error(`expected filePath to be set for ${routeId}`);
+            }
+            const chunks = routeChunks[v.filePath];
+            if (chunks) {
+              chunks.forEach((chunk) => {
+                const preloads = chunk.imports.map((d) => {
+                  const assetPath = joinURL(APP_BASE, d);
+                  return assetPath;
+                });
+                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]
+                };
+              });
             }
           });
           if (entryFile) {
             routeTreeRoutes[rootRouteId].preloads = [
-              joinURL(APP_BASE, entryFile.file),
-              ...((_a = entryFile.imports) == null ? void 0 : _a.map(
-                (d) => joinURL(APP_BASE, viteManifest[d].file)
-              )) || []
+              joinURL(APP_BASE, entryFile.fileName),
+              ...entryFile.imports.map((d) => joinURL(APP_BASE, d))
             ];
             const entryCssAssetsList = getCSSRecursively(
               entryFile,
-              filesByRouteFilePath,
+              chunksByFileName,
               APP_BASE
             );
             routeTreeRoutes[rootRouteId].assets = [
@@ -143,15 +147,15 @@ function startManifestPlugin(opts) {
               {
                 tag: "script",
                 attrs: {
-                  src: joinURL(APP_BASE, entryFile.file),
+                  src: joinURL(APP_BASE, entryFile.fileName),
                   type: "module"
                 }
               }
             ];
           }
           const recurseRoute = (route, seenPreloads = {}) => {
-            var _a2;
-            route.preloads = (_a2 = route.preloads) == null ? void 0 : _a2.filter((preload) => {
+            var _a;
+            route.preloads = (_a = route.preloads) == null ? void 0 : _a.filter((preload) => {
               if (seenPreloads[preload]) {
                 return false;
               }
@@ -177,6 +181,7 @@ function startManifestPlugin(opts) {
   };
 }
 export {
+  getCSSRecursively,
   startManifestPlugin
 };
 //# sourceMappingURL=plugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../../src/start-manifest-plugin/plugin.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport path from 'node:path'\nimport { joinURL } from 'ufo'\nimport { rootRouteId } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { resolveViteId } from '../utils'\nimport { CLIENT_DIST_DIR } from '../constants'\nimport type {\n  PluginOption,\n  ResolvedConfig,\n  Manifest as ViteManifest,\n  ManifestChunk as ViteManifestChunk,\n} from 'vite'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { TanStackStartOutputConfig } from '../plugin'\n\nconst getCSSRecursively = (\n  file: ViteManifestChunk,\n  filesByRouteFilePath: ViteManifest,\n  basePath: string,\n) => {\n  const result: Array<RouterManagedTag> = []\n\n  // Get all css imports from the file\n  for (const cssFile of file.css ?? []) {\n    result.push({\n      tag: 'link',\n      attrs: {\n        rel: 'stylesheet',\n        href: joinURL(basePath, cssFile),\n        type: 'text/css',\n      },\n    })\n  }\n\n  // Recursively get CSS from imports\n  for (const imp of file.imports ?? []) {\n    const importInfo = filesByRouteFilePath[imp]\n    if (importInfo) {\n      result.push(\n        ...getCSSRecursively(importInfo, filesByRouteFilePath, basePath),\n      )\n    }\n  }\n\n  return result\n}\n\nconst resolvedModuleId = resolveViteId(VIRTUAL_MODULES.startManifest)\nexport function startManifestPlugin(\n  opts: TanStackStartOutputConfig,\n): PluginOption {\n  let config: ResolvedConfig\n\n  return {\n    name: 'tanstack-start:start-manifest-plugin',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      config = resolvedConfig\n    },\n    // configEnvironment(env, envConfig) {\n    //   config = envConfig.\n    // },\n    resolveId: {\n      filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },\n      handler(id) {\n        if (id === VIRTUAL_MODULES.startManifest) {\n          return resolvedModuleId\n        }\n        return undefined\n      },\n    },\n    load: {\n      filter: {\n        id: new RegExp(resolvedModuleId),\n      },\n      handler(id) {\n        if (id === resolvedModuleId) {\n          if (this.environment.config.consumer !== 'server') {\n            // this will ultimately fail the build if the plugin is used outside the server environment\n            // TODO: do we need special handling for `serve`?\n            return `export default {}`\n          }\n\n          // If we're in development, return a dummy manifest\n          if (config.command === 'serve') {\n            return `export const tsrStartManifest = () => ({\n            routes: {}\n          })`\n          }\n\n          // This is the basepath for the application\n          const APP_BASE = globalThis.TSS_APP_BASE\n\n          const clientViteManifestPath = path.resolve(\n            opts.root,\n            CLIENT_DIST_DIR,\n            '.vite',\n            'manifest.json',\n          )\n\n          let viteManifest: ViteManifest\n          try {\n            viteManifest = JSON.parse(\n              readFileSync(clientViteManifestPath, 'utf-8'),\n            )\n          } catch (err) {\n            console.error(err)\n            throw new Error(\n              `Could not find the production client vite manifest at '${clientViteManifestPath}'!`,\n            )\n          }\n\n          // This the manifest pulled from the generated route tree and later used by the Router.\n          // i.e what's located in `src/generatedRouteTree.gen.ts`\n          const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes\n\n          // This is where hydration will start, from when the SSR'd page reaches the browser.\n          // By default, this'd be the virtual entry of `/~start/default-client-entry.tsx`, unless a custom entry is provided.\n          let entryFile: ViteManifestChunk | undefined\n\n          const filesByRouteFilePath: ViteManifest = Object.fromEntries(\n            Object.entries(viteManifest).map(([k, v]) => {\n              if (v.isEntry) {\n                if (entryFile !== undefined) {\n                  console.error(\n                    `multiple entries detected`,\n                    entryFile.file,\n                    v.file,\n                  )\n                }\n                entryFile = v\n              }\n\n              const rPath = k.split('?')[0]\n\n              return [rPath, v]\n            }, {}),\n          )\n\n          const routesDirectoryFromRoot = path.relative(\n            opts.root,\n            opts.tsr.routesDirectory,\n          )\n\n          // Add preloads to the routes from the vite manifest\n          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {\n            const file =\n              filesByRouteFilePath[\n                path.posix.join(routesDirectoryFromRoot, v.filePath as string)\n              ]\n\n            if (file) {\n              // Map the relevant imports to their route paths,\n              // so that it can be imported in the browser.\n              const preloads = (file.imports ?? []).map((d) => {\n                const assetPath = joinURL(APP_BASE, viteManifest[d]!.file)\n                return assetPath\n              })\n\n              // Since this is the most important JS entry for the route,\n              // it should be moved to the front of the preloads so that\n              // it has the best chance of being loaded first.\n              if (file.file) {\n                preloads.unshift(path.join(APP_BASE, file.file))\n              }\n\n              const cssAssetsList = getCSSRecursively(\n                file,\n                filesByRouteFilePath,\n                APP_BASE,\n              )\n\n              routeTreeRoutes[routeId] = {\n                ...v,\n                assets: [...(v.assets || []), ...cssAssetsList],\n                preloads,\n              }\n            }\n          })\n\n          if (entryFile) {\n            routeTreeRoutes[rootRouteId]!.preloads = [\n              joinURL(APP_BASE, entryFile.file),\n              ...(entryFile.imports?.map((d) =>\n                joinURL(APP_BASE, viteManifest[d]!.file),\n              ) || []),\n            ]\n\n            // Gather all the CSS files from the entry file in\n            // the `css` key and add them to the root route\n            const entryCssAssetsList = getCSSRecursively(\n              entryFile,\n              filesByRouteFilePath,\n              APP_BASE,\n            )\n\n            routeTreeRoutes[rootRouteId]!.assets = [\n              ...(routeTreeRoutes[rootRouteId]!.assets || []),\n              ...entryCssAssetsList,\n              {\n                tag: 'script',\n                attrs: {\n                  src: joinURL(APP_BASE, entryFile.file),\n                  type: 'module',\n                },\n              },\n            ]\n          }\n\n          const recurseRoute = (\n            route: {\n              preloads?: Array<string>\n              children?: Array<any>\n            },\n            seenPreloads = {} as Record<string, true>,\n          ) => {\n            route.preloads = route.preloads?.filter((preload) => {\n              if (seenPreloads[preload]) {\n                return false\n              }\n              seenPreloads[preload] = true\n              return true\n            })\n\n            if (route.children) {\n              route.children.forEach((child) => {\n                const childRoute = routeTreeRoutes[child]!\n                recurseRoute(childRoute, { ...seenPreloads })\n              })\n            }\n          }\n\n          // @ts-expect-error\n          recurseRoute(routeTreeRoutes[rootRouteId])\n\n          const routesManifest = {\n            routes: routeTreeRoutes,\n          }\n\n          return `export const tsrStartManifest = () => (${JSON.stringify(routesManifest)})`\n        }\n\n        return undefined\n      },\n    },\n  }\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"plugin.js","sources":["../../../src/start-manifest-plugin/plugin.ts"],"sourcesContent":["import path from 'node:path'\nimport { joinURL } from 'ufo'\nimport { rootRouteId } from '@tanstack/router-core'\nimport { VIRTUAL_MODULES } from '@tanstack/start-server-core'\nimport { tsrSplit } from '@tanstack/router-plugin'\nimport { resolveViteId } from '../utils'\nimport type { PluginOption, ResolvedConfig, Rollup } from 'vite'\nimport type { RouterManagedTag } from '@tanstack/router-core'\nimport type { TanStackStartOutputConfig } from '../plugin'\n\nexport const getCSSRecursively = (\n  chunk: Rollup.OutputChunk,\n  chunksByFileName: Map<string, Rollup.OutputChunk>,\n  basePath: string,\n) => {\n  const result: Array<RouterManagedTag> = []\n\n  // Get all css imports from the file\n  for (const cssFile of chunk.viteMetadata?.importedCss ?? []) {\n    result.push({\n      tag: 'link',\n      attrs: {\n        rel: 'stylesheet',\n        href: joinURL(basePath, cssFile),\n        type: 'text/css',\n      },\n    })\n  }\n\n  // Recursively get CSS from imports\n  for (const importedFileName of chunk.imports) {\n    const importedChunk = chunksByFileName.get(importedFileName)\n    if (importedChunk) {\n      result.push(\n        ...getCSSRecursively(importedChunk, chunksByFileName, basePath),\n      )\n    }\n  }\n\n  return result\n}\n\nconst resolvedModuleId = resolveViteId(VIRTUAL_MODULES.startManifest)\nexport function startManifestPlugin(\n  opts: TanStackStartOutputConfig,\n): PluginOption {\n  let config: ResolvedConfig\n\n  return {\n    name: 'tanstack-start:start-manifest-plugin',\n    enforce: 'pre',\n\n    configResolved(resolvedConfig) {\n      config = resolvedConfig\n    },\n    resolveId: {\n      filter: { id: new RegExp(VIRTUAL_MODULES.startManifest) },\n      handler(id) {\n        if (id === VIRTUAL_MODULES.startManifest) {\n          return resolvedModuleId\n        }\n        return undefined\n      },\n    },\n    load: {\n      filter: {\n        id: new RegExp(resolvedModuleId),\n      },\n      handler(id) {\n        if (id === resolvedModuleId) {\n          if (this.environment.config.consumer !== 'server') {\n            // this will ultimately fail the build if the plugin is used outside the server environment\n            // TODO: do we need special handling for `serve`?\n            return `export default {}`\n          }\n\n          // If we're in development, return a dummy manifest\n          if (config.command === 'serve') {\n            return `export const tsrStartManifest = () => ({\n            routes: {}\n          })`\n          }\n\n          // This is the basepath for the application\n          const APP_BASE = globalThis.TSS_APP_BASE\n\n          // This the manifest pulled from the generated route tree and later used by the Router.\n          // i.e what's located in `src/routeTree.gen.ts`\n          const routeTreeRoutes = globalThis.TSS_ROUTES_MANIFEST.routes\n\n          // This is where hydration will start, from when the SSR'd page reaches the browser.\n          // By default, this'd be the virtual entry of `/~start/default-client-entry.tsx`, unless a custom entry is provided.\n          let entryFile: Rollup.OutputChunk | undefined\n\n          const clientBundle = globalThis.TSS_CLIENT_BUNDLE\n          const chunksByFileName = new Map<string, Rollup.OutputChunk>()\n\n          const routeChunks: Record<\n            string /** fullPath of route file **/,\n            Array<Rollup.OutputChunk>\n          > = {}\n          for (const bundleEntry of Object.values(clientBundle)) {\n            if (bundleEntry.type === 'chunk') {\n              chunksByFileName.set(bundleEntry.fileName, bundleEntry)\n              if (bundleEntry.isEntry) {\n                if (entryFile) {\n                  throw new Error(\n                    `multiple entries detected: ${entryFile.fileName} ${bundleEntry.fileName}`,\n                  )\n                }\n                entryFile = bundleEntry\n              }\n              const routePieces = bundleEntry.moduleIds.flatMap((m) => {\n                const [id, query] = m.split('?')\n                if (id === undefined) {\n                  throw new Error('expected id to be defined')\n                }\n                if (query === undefined) {\n                  return []\n                }\n                const searchParams = new URLSearchParams(query)\n                const split = searchParams.get(tsrSplit)\n\n                if (split !== null) {\n                  return {\n                    id,\n                    split,\n                  }\n                }\n                return []\n              })\n              if (routePieces.length > 0) {\n                routePieces.forEach((r) => {\n                  let array = routeChunks[r.id]\n                  if (array === undefined) {\n                    array = []\n                    routeChunks[r.id] = array\n                  }\n                  array.push(bundleEntry)\n                })\n              }\n            }\n          }\n\n          // Add preloads to the routes from the vite manifest\n          Object.entries(routeTreeRoutes).forEach(([routeId, v]) => {\n            if (!v.filePath) {\n              throw new Error(`expected filePath to be set for ${routeId}`)\n            }\n            const chunks = routeChunks[v.filePath]\n            if (chunks) {\n              chunks.forEach((chunk) => {\n                // Map the relevant imports to their route paths,\n                // so that it can be imported in the browser.\n                const preloads = chunk.imports.map((d) => {\n                  const assetPath = joinURL(APP_BASE, d)\n                  return assetPath\n                })\n\n                // Since this is the most important JS entry for the route,\n                // it should be moved to the front of the preloads so that\n                // it has the best chance of being loaded first.\n                preloads.unshift(path.join(APP_BASE, chunk.fileName))\n\n                const cssAssetsList = getCSSRecursively(\n                  chunk,\n                  chunksByFileName,\n                  APP_BASE,\n                )\n\n                routeTreeRoutes[routeId] = {\n                  ...v,\n                  assets: [...(v.assets || []), ...cssAssetsList],\n                  preloads: [...(v.preloads || []), ...preloads],\n                }\n              })\n            }\n          })\n\n          if (entryFile) {\n            routeTreeRoutes[rootRouteId]!.preloads = [\n              joinURL(APP_BASE, entryFile.fileName),\n              ...entryFile.imports.map((d) => joinURL(APP_BASE, d)),\n            ]\n\n            // Gather all the CSS files from the entry file in\n            // the `css` key and add them to the root route\n            const entryCssAssetsList = getCSSRecursively(\n              entryFile,\n              chunksByFileName,\n              APP_BASE,\n            )\n\n            routeTreeRoutes[rootRouteId]!.assets = [\n              ...(routeTreeRoutes[rootRouteId]!.assets || []),\n              ...entryCssAssetsList,\n              {\n                tag: 'script',\n                attrs: {\n                  src: joinURL(APP_BASE, entryFile.fileName),\n                  type: 'module',\n                },\n              },\n            ]\n          }\n\n          const recurseRoute = (\n            route: {\n              preloads?: Array<string>\n              children?: Array<any>\n            },\n            seenPreloads = {} as Record<string, true>,\n          ) => {\n            route.preloads = route.preloads?.filter((preload) => {\n              if (seenPreloads[preload]) {\n                return false\n              }\n              seenPreloads[preload] = true\n              return true\n            })\n\n            if (route.children) {\n              route.children.forEach((child) => {\n                const childRoute = routeTreeRoutes[child]!\n                recurseRoute(childRoute, { ...seenPreloads })\n              })\n            }\n          }\n\n          recurseRoute(routeTreeRoutes[rootRouteId]!)\n\n          const routesManifest = {\n            routes: routeTreeRoutes,\n          }\n\n          return `export const tsrStartManifest = () => (${JSON.stringify(routesManifest)})`\n        }\n\n        return undefined\n      },\n    },\n  }\n}\n"],"names":["id"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ function routesManifestPlugin() {
       }
       const routesManifest = {
         [rootRouteId]: {
-          filePath: rootRouteNode.filePath,
+          filePath: rootRouteNode.fullPath,
           children: routeTree.acc.routeTree.map((d) => d.routePath)
         },
         ...Object.fromEntries(
@@ -21,7 +21,7 @@ function routesManifestPlugin() {
             return [
               filePathId,
               {
-                filePath: d.filePath,
+                filePath: d.fullPath,
                 parent: ((_a = d.parent) == null ? void 0 : _a.routePath) ? d.parent.routePath : void 0,
                 children: (_b = d.children) == null ? void 0 : _b.map((childRoute) => childRoute.routePath)
               }

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

@@ -1 +1 @@
-{"version":3,"file":"routes-manifest-plugin.js","sources":["../../../../src/start-router-plugin/generator-plugins/routes-manifest-plugin.ts"],"sourcesContent":["import { rootRouteId } from '@tanstack/router-core'\n\nimport type { GeneratorPlugin } from '@tanstack/router-generator'\n\n/**\n * this plugin builds the routes manifest and stores it on globalThis\n * so that it can be accessed later (e.g. from a vite plugin)\n */\nexport function routesManifestPlugin(): GeneratorPlugin {\n  return {\n    name: 'routes-manifest-plugin',\n    onRouteTreesChanged: ({ routeTrees, rootRouteNode }) => {\n      const routeTree = routeTrees.find((tree) => tree.exportName === 'Route')\n      if (!routeTree) {\n        throw new Error(\n          'No route tree found with export name \"Route\". Please ensure your routes are correctly defined.',\n        )\n      }\n      const routesManifest = {\n        [rootRouteId]: {\n          filePath: rootRouteNode.filePath,\n          children: routeTree.acc.routeTree.map((d) => d.routePath),\n        },\n        ...Object.fromEntries(\n          routeTree.acc.routeNodes.map((d) => {\n            const filePathId = d.routePath\n\n            return [\n              filePathId,\n              {\n                filePath: d.filePath,\n                parent: d.parent?.routePath ? d.parent.routePath : undefined,\n                children: d.children?.map((childRoute) => childRoute.routePath),\n              },\n            ]\n          }),\n        ),\n      }\n\n      globalThis.TSS_ROUTES_MANIFEST = { routes: routesManifest }\n    },\n  }\n}\n"],"names":[],"mappings":";AAQO,SAAS,uBAAwC;AAC/C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,qBAAqB,CAAC,EAAE,YAAY,oBAAoB;AACtD,YAAM,YAAY,WAAW,KAAK,CAAC,SAAS,KAAK,eAAe,OAAO;AACvE,UAAI,CAAC,WAAW;AACd,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,MAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB,CAAC,WAAW,GAAG;AAAA,UACb,UAAU,cAAc;AAAA,UACxB,UAAU,UAAU,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,SAAS;AAAA,QAC1D;AAAA,QACA,GAAG,OAAO;AAAA,UACR,UAAU,IAAI,WAAW,IAAI,CAAC,MAAM;;AAClC,kBAAM,aAAa,EAAE;AAEd,mBAAA;AAAA,cACL;AAAA,cACA;AAAA,gBACE,UAAU,EAAE;AAAA,gBACZ,UAAQ,OAAE,WAAF,mBAAU,aAAY,EAAE,OAAO,YAAY;AAAA,gBACnD,WAAU,OAAE,aAAF,mBAAY,IAAI,CAAC,eAAe,WAAW;AAAA,cAAS;AAAA,YAElE;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MAEL;AAEW,iBAAA,sBAAsB,EAAE,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE9D;AACF;"}
+{"version":3,"file":"routes-manifest-plugin.js","sources":["../../../../src/start-router-plugin/generator-plugins/routes-manifest-plugin.ts"],"sourcesContent":["import { rootRouteId } from '@tanstack/router-core'\n\nimport type { GeneratorPlugin } from '@tanstack/router-generator'\n\n/**\n * this plugin builds the routes manifest and stores it on globalThis\n * so that it can be accessed later (e.g. from a vite plugin)\n */\nexport function routesManifestPlugin(): GeneratorPlugin {\n  return {\n    name: 'routes-manifest-plugin',\n    onRouteTreesChanged: ({ routeTrees, rootRouteNode }) => {\n      const routeTree = routeTrees.find((tree) => tree.exportName === 'Route')\n      if (!routeTree) {\n        throw new Error(\n          'No route tree found with export name \"Route\". Please ensure your routes are correctly defined.',\n        )\n      }\n      const routesManifest = {\n        [rootRouteId]: {\n          filePath: rootRouteNode.fullPath,\n          children: routeTree.acc.routeTree.map((d) => d.routePath),\n        },\n        ...Object.fromEntries(\n          routeTree.acc.routeNodes.map((d) => {\n            const filePathId = d.routePath\n\n            return [\n              filePathId,\n              {\n                filePath: d.fullPath,\n                parent: d.parent?.routePath ? d.parent.routePath : undefined,\n                children: d.children?.map((childRoute) => childRoute.routePath),\n              },\n            ]\n          }),\n        ),\n      }\n\n      globalThis.TSS_ROUTES_MANIFEST = { routes: routesManifest }\n    },\n  }\n}\n"],"names":[],"mappings":";AAQO,SAAS,uBAAwC;AAC/C,SAAA;AAAA,IACL,MAAM;AAAA,IACN,qBAAqB,CAAC,EAAE,YAAY,oBAAoB;AACtD,YAAM,YAAY,WAAW,KAAK,CAAC,SAAS,KAAK,eAAe,OAAO;AACvE,UAAI,CAAC,WAAW;AACd,cAAM,IAAI;AAAA,UACR;AAAA,QACF;AAAA,MAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB,CAAC,WAAW,GAAG;AAAA,UACb,UAAU,cAAc;AAAA,UACxB,UAAU,UAAU,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,SAAS;AAAA,QAC1D;AAAA,QACA,GAAG,OAAO;AAAA,UACR,UAAU,IAAI,WAAW,IAAI,CAAC,MAAM;;AAClC,kBAAM,aAAa,EAAE;AAEd,mBAAA;AAAA,cACL;AAAA,cACA;AAAA,gBACE,UAAU,EAAE;AAAA,gBACZ,UAAQ,OAAE,WAAF,mBAAU,aAAY,EAAE,OAAO,YAAY;AAAA,gBACnD,WAAU,OAAE,aAAF,mBAAY,IAAI,CAAC,eAAe,WAAW;AAAA,cAAS;AAAA,YAElE;AAAA,UACD,CAAA;AAAA,QAAA;AAAA,MAEL;AAEW,iBAAA,sBAAsB,EAAE,QAAQ,eAAe;AAAA,IAAA;AAAA,EAE9D;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/start-plugin-core",
-  "version": "1.121.21",
+  "version": "1.121.23",
   "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.21",
-    "@tanstack/router-plugin": "^1.121.21",
-    "@tanstack/router-utils": "^1.121.21",
-    "@tanstack/server-functions-plugin": "^1.121.21",
-    "@tanstack/start-server-core": "^1.121.21",
-    "@tanstack/router-generator": "^1.121.21"
+    "@tanstack/router-core": "1.121.21",
+    "@tanstack/router-generator": "1.121.21",
+    "@tanstack/router-plugin": "1.121.22",
+    "@tanstack/router-utils": "1.121.21",
+    "@tanstack/start-server-core": "1.121.23",
+    "@tanstack/server-functions-plugin": "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,

package/src/start-router-plugin/generator-plugins/routes-manifest-plugin.ts

@@ -18,7 +18,7 @@ export function routesManifestPlugin(): GeneratorPlugin {
       }
       const routesManifest = {
         [rootRouteId]: {
-          filePath: rootRouteNode.filePath,
+          filePath: rootRouteNode.fullPath,
           children: routeTree.acc.routeTree.map((d) => d.routePath),
         },
         ...Object.fromEntries(
@@ -28,7 +28,7 @@ export function routesManifestPlugin(): GeneratorPlugin {
             return [
               filePathId,
               {
-                filePath: d.filePath,
+                filePath: d.fullPath,
                 parent: d.parent?.routePath ? d.parent.routePath : undefined,
                 children: d.children?.map((childRoute) => childRoute.routePath),
               },