@tanstack/router-plugin 1.43.5 → 1.43.9

package/dist/esm/composed.js.map

@@ -1 +1 @@
-{"version":3,"file":"composed.js","sources":["../../src/composed.ts"],"sourcesContent":["import { unpluginRouterGeneratorFactory } from './router-generator'\nimport { unpluginRouterCodeSplitterFactory } from './code-splitter'\n\nimport type { Config } from './config'\nimport type { UnpluginFactory } from 'unplugin'\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n  Partial<Config> | undefined\n> = (options = {}, meta) => {\n  const routerGenerator = unpluginRouterGeneratorFactory(options, meta)\n\n  const routerGeneratorOptions = Array.isArray(routerGenerator)\n    ? routerGenerator\n    : [routerGenerator]\n\n  const routerCodeSplitter = unpluginRouterCodeSplitterFactory(options, meta)\n  let routerCodeSplitterOptions = Array.isArray(routerCodeSplitter)\n    ? routerCodeSplitter\n    : [routerCodeSplitter]\n\n  // Rspack doesn't support the `resolveId` and `transform` hooks provided by unplugin\n  // so we need to disable the code splitter for it\n  // If you're using Rspack, and know how to implement the code splitting, please let us know\n  // We'd love to support it, but we're not sure how to do it yet\n  if (meta.framework === 'rspack') {\n    routerCodeSplitterOptions = []\n  }\n\n  return [...routerGeneratorOptions, ...routerCodeSplitterOptions]\n}\n"],"names":[],"mappings":";;AAMO,MAAM,gCAET,CAAC,UAAU,IAAI,SAAS;AACpB,QAAA,kBAAkB,+BAA+B,OAAa;AAEpE,QAAM,yBAAyB,MAAM,QAAQ,eAAe,IACxD,kBACA,CAAC,eAAe;AAEd,QAAA,qBAAqB,kCAAkC,SAAS,IAAI;AAC1E,MAAI,4BAA4B,MAAM,QAAQ,kBAAkB,IAC5D,qBACA,CAAC,kBAAkB;AAMnB,MAAA,KAAK,cAAc,UAAU;AAC/B,gCAA4B,CAAA;AAAA,EAC9B;AAEA,SAAO,CAAC,GAAG,wBAAwB,GAAG,yBAAyB;AACjE;"}
+{"version":3,"file":"composed.js","sources":["../../src/composed.ts"],"sourcesContent":["import { unpluginRouterGeneratorFactory } from './router-generator'\nimport { unpluginRouterCodeSplitterFactory } from './code-splitter'\n\nimport type { Config } from './config'\nimport type { UnpluginFactory } from 'unplugin'\n\nexport const unpluginRouterComposedFactory: UnpluginFactory<\n  Partial<Config> | undefined\n> = (options = {}, meta) => {\n  const routerGenerator = unpluginRouterGeneratorFactory(options, meta)\n\n  const routerGeneratorOptions = Array.isArray(routerGenerator)\n    ? routerGenerator\n    : [routerGenerator]\n\n  const routerCodeSplitter = unpluginRouterCodeSplitterFactory(options, meta)\n  const routerCodeSplitterOptions = Array.isArray(routerCodeSplitter)\n    ? routerCodeSplitter\n    : [routerCodeSplitter]\n\n  return [...routerGeneratorOptions, ...routerCodeSplitterOptions]\n}\n"],"names":[],"mappings":";;AAMO,MAAM,gCAET,CAAC,UAAU,IAAI,SAAS;AACpB,QAAA,kBAAkB,+BAA+B,OAAa;AAEpE,QAAM,yBAAyB,MAAM,QAAQ,eAAe,IACxD,kBACA,CAAC,eAAe;AAEd,QAAA,qBAAqB,kCAAkC,SAAS,IAAI;AAC1E,QAAM,4BAA4B,MAAM,QAAQ,kBAAkB,IAC9D,qBACA,CAAC,kBAAkB;AAEvB,SAAO,CAAC,GAAG,wBAAwB,GAAG,yBAAyB;AACjE;"}

package/dist/esm/router-generator.js

@@ -1,4 +1,4 @@
-import { normalize, join, resolve, isAbsolute } from "node:path";
+import { isAbsolute, join, normalize, resolve } from "node:path";
 import { generator } from "@tanstack/router-generator";
 import { getConfig } from "./config.js";
 import { CONFIG_FILE_NAME } from "./constants.js";
@@ -11,6 +11,9 @@ const PLUGIN_NAME = "unplugin:router-generator";
 const unpluginRouterGeneratorFactory = (options = {}) => {
   let ROOT = process.cwd();
   let userConfig = options;
+  const getRoutesDirectoryPath = () => {
+    return isAbsolute(userConfig.routesDirectory) ? userConfig.routesDirectory : join(ROOT, userConfig.routesDirectory);
+  };
   const generate = async () => {
     if (checkLock()) {
       return;
@@ -34,7 +37,7 @@ const unpluginRouterGeneratorFactory = (options = {}) => {
     if (event === "update" && filePath === resolve(userConfig.generatedRouteTree)) {
       return;
     }
-    const routesDirectoryPath = isAbsolute(userConfig.routesDirectory) ? userConfig.routesDirectory : join(ROOT, userConfig.routesDirectory);
+    const routesDirectoryPath = getRoutesDirectoryPath();
     if (filePath.startsWith(routesDirectoryPath)) {
       await generate();
     }
@@ -60,10 +63,35 @@ const unpluginRouterGeneratorFactory = (options = {}) => {
     },
     async rspack(compiler) {
       userConfig = await getConfig(options, ROOT);
-      await run(generate);
-      compiler.hooks.watchRun.tap(PLUGIN_NAME, async () => {
+      if (compiler.options.mode === "production") {
         await run(generate);
-      });
+      } else {
+        const routesDirectoryPath = getRoutesDirectoryPath();
+        const chokidar = await import("chokidar");
+        chokidar.watch(routesDirectoryPath).on("add", async () => {
+          await run(generate);
+        });
+      }
+    },
+    async webpack(compiler) {
+      userConfig = await getConfig(options, ROOT);
+      if (compiler.options.mode === "production") {
+        await run(generate);
+      } else {
+        const routesDirectoryPath = getRoutesDirectoryPath();
+        const chokidar = await import("chokidar");
+        chokidar.watch(routesDirectoryPath).on("add", async () => {
+          await run(generate);
+        });
+      }
+      if (compiler.options.mode === "production") {
+        compiler.hooks.done.tap(PLUGIN_NAME, (stats) => {
+          console.log("✅ " + PLUGIN_NAME + ": route-tree generation done");
+          setTimeout(() => {
+            process.exit(0);
+          });
+        });
+      }
     }
   };
 };

package/dist/esm/router-generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"router-generator.js","sources":["../../src/router-generator.ts"],"sourcesContent":["import { isAbsolute, join, normalize, resolve } from 'node:path'\nimport { generator } from '@tanstack/router-generator'\n\nimport { getConfig } from './config'\nimport { CONFIG_FILE_NAME } from './constants'\nimport type { UnpluginFactory } from 'unplugin'\nimport type { Config } from './config'\n\nlet lock = false\nconst checkLock = () => lock\nconst setLock = (bool: boolean) => {\n  lock = bool\n}\n\nconst PLUGIN_NAME = 'unplugin:router-generator'\n\nexport const unpluginRouterGeneratorFactory: UnpluginFactory<\n  Partial<Config> | undefined\n> = (options = {}) => {\n  let ROOT: string = process.cwd()\n  let userConfig = options as Config\n\n  const generate = async () => {\n    if (checkLock()) {\n      return\n    }\n\n    setLock(true)\n\n    try {\n      await generator(userConfig)\n    } catch (err) {\n      console.error(err)\n      console.info()\n    } finally {\n      setLock(false)\n    }\n  }\n\n  const handleFile = async (\n    file: string,\n    event: 'create' | 'update' | 'delete',\n  ) => {\n    const filePath = normalize(file)\n\n    if (filePath === join(ROOT, CONFIG_FILE_NAME)) {\n      userConfig = await getConfig(options, ROOT)\n      return\n    }\n\n    if (\n      event === 'update' &&\n      filePath === resolve(userConfig.generatedRouteTree)\n    ) {\n      // skip generating routes if the generated route tree is updated\n      return\n    }\n\n    const routesDirectoryPath = isAbsolute(userConfig.routesDirectory)\n      ? userConfig.routesDirectory\n      : join(ROOT, userConfig.routesDirectory)\n\n    if (filePath.startsWith(routesDirectoryPath)) {\n      await generate()\n    }\n  }\n\n  const run: (cb: () => Promise<void> | void) => Promise<void> = async (cb) => {\n    if (userConfig.enableRouteGeneration ?? true) {\n      await cb()\n    }\n  }\n\n  return {\n    name: 'router-generator-plugin',\n    async watchChange(id, { event }) {\n      await run(async () => {\n        await handleFile(id, event)\n      })\n    },\n    vite: {\n      async configResolved(config) {\n        ROOT = config.root\n        userConfig = await getConfig(options, ROOT)\n\n        await run(generate)\n      },\n    },\n    async rspack(compiler) {\n      userConfig = await getConfig(options, ROOT)\n\n      await run(generate)\n\n      compiler.hooks.watchRun.tap(PLUGIN_NAME, async () => {\n        await run(generate)\n      })\n    },\n  }\n}\n"],"names":[],"mappings":";;;;AAQA,IAAI,OAAO;AACX,MAAM,YAAY,MAAM;AACxB,MAAM,UAAU,CAAC,SAAkB;AAC1B,SAAA;AACT;AAEA,MAAM,cAAc;AAEb,MAAM,iCAET,CAAC,UAAU,OAAO;AAChB,MAAA,OAAe,QAAQ;AAC3B,MAAI,aAAa;AAEjB,QAAM,WAAW,YAAY;AAC3B,QAAI,aAAa;AACf;AAAA,IACF;AAEA,YAAQ,IAAI;AAER,QAAA;AACF,YAAM,UAAU,UAAU;AAAA,aACnB,KAAK;AACZ,cAAQ,MAAM,GAAG;AACjB,cAAQ,KAAK;AAAA,IAAA,UACb;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EAAA;AAGI,QAAA,aAAa,OACjB,MACA,UACG;AACG,UAAA,WAAW,UAAU,IAAI;AAE/B,QAAI,aAAa,KAAK,MAAM,gBAAgB,GAAG;AAChC,mBAAA,MAAM,UAAU,SAAS,IAAI;AAC1C;AAAA,IACF;AAEA,QACE,UAAU,YACV,aAAa,QAAQ,WAAW,kBAAkB,GAClD;AAEA;AAAA,IACF;AAEM,UAAA,sBAAsB,WAAW,WAAW,eAAe,IAC7D,WAAW,kBACX,KAAK,MAAM,WAAW,eAAe;AAErC,QAAA,SAAS,WAAW,mBAAmB,GAAG;AAC5C,YAAM,SAAS;AAAA,IACjB;AAAA,EAAA;AAGI,QAAA,MAAyD,OAAO,OAAO;AACvE,QAAA,WAAW,yBAAyB,MAAM;AAC5C,YAAM,GAAG;AAAA,IACX;AAAA,EAAA;AAGK,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,YAAY,IAAI,EAAE,SAAS;AAC/B,YAAM,IAAI,YAAY;AACd,cAAA,WAAW,IAAI,KAAK;AAAA,MAAA,CAC3B;AAAA,IACH;AAAA,IACA,MAAM;AAAA,MACJ,MAAM,eAAe,QAAQ;AAC3B,eAAO,OAAO;AACD,qBAAA,MAAM,UAAU,SAAS,IAAI;AAE1C,cAAM,IAAI,QAAQ;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM,OAAO,UAAU;AACR,mBAAA,MAAM,UAAU,SAAS,IAAI;AAE1C,YAAM,IAAI,QAAQ;AAElB,eAAS,MAAM,SAAS,IAAI,aAAa,YAAY;AACnD,cAAM,IAAI,QAAQ;AAAA,MAAA,CACnB;AAAA,IACH;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"router-generator.js","sources":["../../src/router-generator.ts"],"sourcesContent":["import { isAbsolute, join, normalize, resolve } from 'node:path'\nimport { generator } from '@tanstack/router-generator'\n\nimport { getConfig } from './config'\nimport { CONFIG_FILE_NAME } from './constants'\nimport type { UnpluginFactory } from 'unplugin'\nimport type { Config } from './config'\n\nlet lock = false\nconst checkLock = () => lock\nconst setLock = (bool: boolean) => {\n  lock = bool\n}\n\nconst PLUGIN_NAME = 'unplugin:router-generator'\n\nexport const unpluginRouterGeneratorFactory: UnpluginFactory<\n  Partial<Config> | undefined\n> = (options = {}) => {\n  let ROOT: string = process.cwd()\n  let userConfig = options as Config\n\n  const getRoutesDirectoryPath = () => {\n    return isAbsolute(userConfig.routesDirectory)\n      ? userConfig.routesDirectory\n      : join(ROOT, userConfig.routesDirectory)\n  }\n\n  const generate = async () => {\n    if (checkLock()) {\n      return\n    }\n\n    setLock(true)\n\n    try {\n      await generator(userConfig)\n    } catch (err) {\n      console.error(err)\n      console.info()\n    } finally {\n      setLock(false)\n    }\n  }\n\n  const handleFile = async (\n    file: string,\n    event: 'create' | 'update' | 'delete',\n  ) => {\n    const filePath = normalize(file)\n\n    if (filePath === join(ROOT, CONFIG_FILE_NAME)) {\n      userConfig = await getConfig(options, ROOT)\n      return\n    }\n\n    if (\n      event === 'update' &&\n      filePath === resolve(userConfig.generatedRouteTree)\n    ) {\n      // skip generating routes if the generated route tree is updated\n      return\n    }\n\n    const routesDirectoryPath = getRoutesDirectoryPath()\n    if (filePath.startsWith(routesDirectoryPath)) {\n      await generate()\n    }\n  }\n\n  const run: (cb: () => Promise<void> | void) => Promise<void> = async (cb) => {\n    if (userConfig.enableRouteGeneration ?? true) {\n      await cb()\n    }\n  }\n\n  return {\n    name: 'router-generator-plugin',\n    async watchChange(id, { event }) {\n      await run(async () => {\n        await handleFile(id, event)\n      })\n    },\n    vite: {\n      async configResolved(config) {\n        ROOT = config.root\n        userConfig = await getConfig(options, ROOT)\n\n        await run(generate)\n      },\n    },\n    async rspack(compiler) {\n      userConfig = await getConfig(options, ROOT)\n\n      // rspack watcher doesn't register newly created files\n      if (compiler.options.mode === 'production') {\n        await run(generate)\n      } else {\n        const routesDirectoryPath = getRoutesDirectoryPath()\n        const chokidar = await import('chokidar')\n        chokidar.watch(routesDirectoryPath).on('add', async () => {\n          await run(generate)\n        })\n      }\n    },\n    async webpack(compiler) {\n      userConfig = await getConfig(options, ROOT)\n\n      // webpack watcher doesn't register newly created files\n      if (compiler.options.mode === 'production') {\n        await run(generate)\n      } else {\n        const routesDirectoryPath = getRoutesDirectoryPath()\n        const chokidar = await import('chokidar')\n        chokidar.watch(routesDirectoryPath).on('add', async () => {\n          await run(generate)\n        })\n      }\n\n      if (compiler.options.mode === 'production') {\n        compiler.hooks.done.tap(PLUGIN_NAME, (stats) => {\n          console.log('✅ ' + PLUGIN_NAME + ': route-tree generation done')\n          setTimeout(() => {\n            process.exit(0)\n          })\n        })\n      }\n    },\n  }\n}\n"],"names":[],"mappings":";;;;AAQA,IAAI,OAAO;AACX,MAAM,YAAY,MAAM;AACxB,MAAM,UAAU,CAAC,SAAkB;AAC1B,SAAA;AACT;AAEA,MAAM,cAAc;AAEb,MAAM,iCAET,CAAC,UAAU,OAAO;AAChB,MAAA,OAAe,QAAQ;AAC3B,MAAI,aAAa;AAEjB,QAAM,yBAAyB,MAAM;AAC5B,WAAA,WAAW,WAAW,eAAe,IACxC,WAAW,kBACX,KAAK,MAAM,WAAW,eAAe;AAAA,EAAA;AAG3C,QAAM,WAAW,YAAY;AAC3B,QAAI,aAAa;AACf;AAAA,IACF;AAEA,YAAQ,IAAI;AAER,QAAA;AACF,YAAM,UAAU,UAAU;AAAA,aACnB,KAAK;AACZ,cAAQ,MAAM,GAAG;AACjB,cAAQ,KAAK;AAAA,IAAA,UACb;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EAAA;AAGI,QAAA,aAAa,OACjB,MACA,UACG;AACG,UAAA,WAAW,UAAU,IAAI;AAE/B,QAAI,aAAa,KAAK,MAAM,gBAAgB,GAAG;AAChC,mBAAA,MAAM,UAAU,SAAS,IAAI;AAC1C;AAAA,IACF;AAEA,QACE,UAAU,YACV,aAAa,QAAQ,WAAW,kBAAkB,GAClD;AAEA;AAAA,IACF;AAEA,UAAM,sBAAsB;AACxB,QAAA,SAAS,WAAW,mBAAmB,GAAG;AAC5C,YAAM,SAAS;AAAA,IACjB;AAAA,EAAA;AAGI,QAAA,MAAyD,OAAO,OAAO;AACvE,QAAA,WAAW,yBAAyB,MAAM;AAC5C,YAAM,GAAG;AAAA,IACX;AAAA,EAAA;AAGK,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,YAAY,IAAI,EAAE,SAAS;AAC/B,YAAM,IAAI,YAAY;AACd,cAAA,WAAW,IAAI,KAAK;AAAA,MAAA,CAC3B;AAAA,IACH;AAAA,IACA,MAAM;AAAA,MACJ,MAAM,eAAe,QAAQ;AAC3B,eAAO,OAAO;AACD,qBAAA,MAAM,UAAU,SAAS,IAAI;AAE1C,cAAM,IAAI,QAAQ;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM,OAAO,UAAU;AACR,mBAAA,MAAM,UAAU,SAAS,IAAI;AAGtC,UAAA,SAAS,QAAQ,SAAS,cAAc;AAC1C,cAAM,IAAI,QAAQ;AAAA,MAAA,OACb;AACL,cAAM,sBAAsB;AACtB,cAAA,WAAW,MAAM,OAAO,UAAU;AACxC,iBAAS,MAAM,mBAAmB,EAAE,GAAG,OAAO,YAAY;AACxD,gBAAM,IAAI,QAAQ;AAAA,QAAA,CACnB;AAAA,MACH;AAAA,IACF;AAAA,IACA,MAAM,QAAQ,UAAU;AACT,mBAAA,MAAM,UAAU,SAAS,IAAI;AAGtC,UAAA,SAAS,QAAQ,SAAS,cAAc;AAC1C,cAAM,IAAI,QAAQ;AAAA,MAAA,OACb;AACL,cAAM,sBAAsB;AACtB,cAAA,WAAW,MAAM,OAAO,UAAU;AACxC,iBAAS,MAAM,mBAAmB,EAAE,GAAG,OAAO,YAAY;AACxD,gBAAM,IAAI,QAAQ;AAAA,QAAA,CACnB;AAAA,MACH;AAEI,UAAA,SAAS,QAAQ,SAAS,cAAc;AAC1C,iBAAS,MAAM,KAAK,IAAI,aAAa,CAAC,UAAU;AACtC,kBAAA,IAAI,OAAO,cAAc,8BAA8B;AAC/D,qBAAW,MAAM;AACf,oBAAQ,KAAK,CAAC;AAAA,UAAA,CACf;AAAA,QAAA,CACF;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/esm/rspack.d.ts

@@ -32,28 +32,19 @@ declare const TanStackRouterGeneratorRspack: (options?: Partial<{
     routeFileIgnorePattern?: string | undefined;
 }> | undefined) => _rspack_core_dist_config_zod.RspackPluginInstance;
 /**
- * @experimental Do not use this plugin yet
- *
- * Unplugin's Rspack integration doesn't support the `resolveId` and `transform` hooks.
- * The code-splitter won't work with Rspack and will probably break your dev and build.
- *
- * If you're familiar with Rspack and know how to overcome our `resolveId` and `transform`
- * limitations, please let us know.
- * We'd love to support it, but we're not sure how to do it yet 😅.
- *
  * @example
  * ```ts
  * export default defineConfig({
  *   // ...
  *   tools: {
  *     rspack: {
- *       plugins: [unstable_TanStackRouterCodeSplitterRspack()],
+ *       plugins: [TanStackRouterCodeSplitterRspack()],
  *     },
  *   },
  * })
  * ```
  */
-declare const unstable_TanStackRouterCodeSplitterRspack: (options?: Partial<{
+declare const TanStackRouterCodeSplitterRspack: (options?: Partial<{
     routeFileIgnorePrefix: string;
     routesDirectory: string;
     generatedRouteTree: string;
@@ -103,5 +94,5 @@ declare const TanStackRouterRspack: (options?: Partial<{
     routeFileIgnorePattern?: string | undefined;
 }> | undefined) => _rspack_core_dist_config_zod.RspackPluginInstance;
 export default TanStackRouterRspack;
-export { configSchema, TanStackRouterRspack, TanStackRouterGeneratorRspack, unstable_TanStackRouterCodeSplitterRspack, };
+export { configSchema, TanStackRouterRspack, TanStackRouterGeneratorRspack, TanStackRouterCodeSplitterRspack, };
 export type { Config };

package/dist/esm/rspack.js

@@ -6,15 +6,17 @@ import { unpluginRouterComposedFactory } from "./composed.js";
 const TanStackRouterGeneratorRspack = /* @__PURE__ */ createRspackPlugin(
   unpluginRouterGeneratorFactory
 );
-const unstable_TanStackRouterCodeSplitterRspack = /* @__PURE__ */ createRspackPlugin(unpluginRouterCodeSplitterFactory);
+const TanStackRouterCodeSplitterRspack = /* @__PURE__ */ createRspackPlugin(
+  unpluginRouterCodeSplitterFactory
+);
 const TanStackRouterRspack = /* @__PURE__ */ createRspackPlugin(
   unpluginRouterComposedFactory
 );
 export {
+  TanStackRouterCodeSplitterRspack,
   TanStackRouterGeneratorRspack,
   TanStackRouterRspack,
   configSchema,
-  TanStackRouterRspack as default,
-  unstable_TanStackRouterCodeSplitterRspack
+  TanStackRouterRspack as default
 };
 //# sourceMappingURL=rspack.js.map

package/dist/esm/rspack.js.map

@@ -1 +1 @@
-{"version":3,"file":"rspack.js","sources":["../../src/rspack.ts"],"sourcesContent":["import { createRspackPlugin } from 'unplugin'\nimport { unpluginRouterCodeSplitterFactory } from './code-splitter'\nimport { configSchema } from './config'\nimport { unpluginRouterGeneratorFactory } from './router-generator'\nimport { unpluginRouterComposedFactory } from './composed'\nimport type { Config } from './config'\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [TanStackRouterGeneratorRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst TanStackRouterGeneratorRspack = /* #__PURE__ */ createRspackPlugin(\n  unpluginRouterGeneratorFactory,\n)\n\n/**\n * @experimental Do not use this plugin yet\n *\n * Unplugin's Rspack integration doesn't support the `resolveId` and `transform` hooks.\n * The code-splitter won't work with Rspack and will probably break your dev and build.\n *\n * If you're familiar with Rspack and know how to overcome our `resolveId` and `transform`\n * limitations, please let us know.\n * We'd love to support it, but we're not sure how to do it yet 😅.\n *\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [unstable_TanStackRouterCodeSplitterRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst unstable_TanStackRouterCodeSplitterRspack =\n  /* #__PURE__ */ createRspackPlugin(unpluginRouterCodeSplitterFactory)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [TanStackRouterRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst TanStackRouterRspack = /* #__PURE__ */ createRspackPlugin(\n  unpluginRouterComposedFactory,\n)\n\nexport default TanStackRouterRspack\nexport {\n  configSchema,\n  TanStackRouterRspack,\n  TanStackRouterGeneratorRspack,\n  unstable_TanStackRouterCodeSplitterRspack,\n}\nexport type { Config }\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,gCAAgD;AAAA,EACpD;AACF;AAwBM,MAAA,+EAC+B,iCAAiC;AAetE,MAAM,uBAAuC;AAAA,EAC3C;AACF;"}
+{"version":3,"file":"rspack.js","sources":["../../src/rspack.ts"],"sourcesContent":["import { createRspackPlugin } from 'unplugin'\nimport { unpluginRouterCodeSplitterFactory } from './code-splitter'\nimport { configSchema } from './config'\nimport { unpluginRouterGeneratorFactory } from './router-generator'\nimport { unpluginRouterComposedFactory } from './composed'\nimport type { Config } from './config'\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [TanStackRouterGeneratorRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst TanStackRouterGeneratorRspack = /* #__PURE__ */ createRspackPlugin(\n  unpluginRouterGeneratorFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [TanStackRouterCodeSplitterRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst TanStackRouterCodeSplitterRspack = /* #__PURE__ */ createRspackPlugin(\n  unpluginRouterCodeSplitterFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default defineConfig({\n *   // ...\n *   tools: {\n *     rspack: {\n *       plugins: [TanStackRouterRspack()],\n *     },\n *   },\n * })\n * ```\n */\nconst TanStackRouterRspack = /* #__PURE__ */ createRspackPlugin(\n  unpluginRouterComposedFactory,\n)\n\nexport default TanStackRouterRspack\nexport {\n  configSchema,\n  TanStackRouterRspack,\n  TanStackRouterGeneratorRspack,\n  TanStackRouterCodeSplitterRspack,\n}\nexport type { Config }\n"],"names":[],"mappings":";;;;;AAoBA,MAAM,gCAAgD;AAAA,EACpD;AACF;AAeA,MAAM,mCAAmD;AAAA,EACvD;AACF;AAeA,MAAM,uBAAuC;AAAA,EAC3C;AACF;"}

package/dist/esm/webpack.d.ts

@@ -0,0 +1,86 @@
+import { configSchema, Config } from './config.js';
+
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterGeneratorWebpack()],
+ * }
+ * ```
+ */
+declare const TanStackRouterGeneratorWebpack: (options?: Partial<{
+    routeFileIgnorePrefix: string;
+    routesDirectory: string;
+    generatedRouteTree: string;
+    quoteStyle: "single" | "double";
+    semicolons: boolean;
+    disableTypes: boolean;
+    addExtensions: boolean;
+    disableLogging: boolean;
+    routeTreeFileHeader: string[];
+    routeTreeFileFooter: string[];
+    enableRouteGeneration?: boolean | undefined;
+    experimental?: {
+        enableCodeSplitting?: boolean | undefined;
+    } | undefined;
+    routeFilePrefix?: string | undefined;
+    routeFileIgnorePattern?: string | undefined;
+}> | undefined) => import('unplugin').WebpackPluginInstance;
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterCodeSplitterWebpack()],
+ * }
+ * ```
+ */
+declare const TanStackRouterCodeSplitterWebpack: (options?: Partial<{
+    routeFileIgnorePrefix: string;
+    routesDirectory: string;
+    generatedRouteTree: string;
+    quoteStyle: "single" | "double";
+    semicolons: boolean;
+    disableTypes: boolean;
+    addExtensions: boolean;
+    disableLogging: boolean;
+    routeTreeFileHeader: string[];
+    routeTreeFileFooter: string[];
+    enableRouteGeneration?: boolean | undefined;
+    experimental?: {
+        enableCodeSplitting?: boolean | undefined;
+    } | undefined;
+    routeFilePrefix?: string | undefined;
+    routeFileIgnorePattern?: string | undefined;
+}> | undefined) => import('unplugin').WebpackPluginInstance;
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterWebpack()],
+ * }
+ * ```
+ */
+declare const TanStackRouterWebpack: (options?: Partial<{
+    routeFileIgnorePrefix: string;
+    routesDirectory: string;
+    generatedRouteTree: string;
+    quoteStyle: "single" | "double";
+    semicolons: boolean;
+    disableTypes: boolean;
+    addExtensions: boolean;
+    disableLogging: boolean;
+    routeTreeFileHeader: string[];
+    routeTreeFileFooter: string[];
+    enableRouteGeneration?: boolean | undefined;
+    experimental?: {
+        enableCodeSplitting?: boolean | undefined;
+    } | undefined;
+    routeFilePrefix?: string | undefined;
+    routeFileIgnorePattern?: string | undefined;
+}> | undefined) => import('unplugin').WebpackPluginInstance;
+export default TanStackRouterWebpack;
+export { configSchema, TanStackRouterWebpack, TanStackRouterGeneratorWebpack, TanStackRouterCodeSplitterWebpack, };
+export type { Config };

package/dist/esm/webpack.js

@@ -0,0 +1,22 @@
+import { createWebpackPlugin } from "unplugin";
+import { unpluginRouterCodeSplitterFactory } from "./code-splitter.js";
+import { configSchema } from "./config.js";
+import { unpluginRouterGeneratorFactory } from "./router-generator.js";
+import { unpluginRouterComposedFactory } from "./composed.js";
+const TanStackRouterGeneratorWebpack = /* @__PURE__ */ createWebpackPlugin(
+  unpluginRouterGeneratorFactory
+);
+const TanStackRouterCodeSplitterWebpack = /* @__PURE__ */ createWebpackPlugin(
+  unpluginRouterCodeSplitterFactory
+);
+const TanStackRouterWebpack = /* @__PURE__ */ createWebpackPlugin(
+  unpluginRouterComposedFactory
+);
+export {
+  TanStackRouterCodeSplitterWebpack,
+  TanStackRouterGeneratorWebpack,
+  TanStackRouterWebpack,
+  configSchema,
+  TanStackRouterWebpack as default
+};
+//# sourceMappingURL=webpack.js.map

package/dist/esm/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","sources":["../../src/webpack.ts"],"sourcesContent":["import { createWebpackPlugin } from 'unplugin'\nimport { unpluginRouterCodeSplitterFactory } from './code-splitter'\nimport { configSchema } from './config'\nimport { unpluginRouterGeneratorFactory } from './router-generator'\nimport { unpluginRouterComposedFactory } from './composed'\nimport type { Config } from './config'\n\n/**\n * @example\n * ```ts\n * export default {\n *   // ...\n *   plugins: [TanStackRouterGeneratorWebpack()],\n * }\n * ```\n */\nconst TanStackRouterGeneratorWebpack = /* #__PURE__ */ createWebpackPlugin(\n  unpluginRouterGeneratorFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default {\n *   // ...\n *   plugins: [TanStackRouterCodeSplitterWebpack()],\n * }\n * ```\n */\nconst TanStackRouterCodeSplitterWebpack = /* #__PURE__ */ createWebpackPlugin(\n  unpluginRouterCodeSplitterFactory,\n)\n\n/**\n * @example\n * ```ts\n * export default {\n *   // ...\n *   plugins: [TanStackRouterWebpack()],\n * }\n * ```\n */\nconst TanStackRouterWebpack = /* #__PURE__ */ createWebpackPlugin(\n  unpluginRouterComposedFactory,\n)\n\nexport default TanStackRouterWebpack\nexport {\n  configSchema,\n  TanStackRouterWebpack,\n  TanStackRouterGeneratorWebpack,\n  TanStackRouterCodeSplitterWebpack,\n}\nexport type { Config }\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,iCAAiD;AAAA,EACrD;AACF;AAWA,MAAM,oCAAoD;AAAA,EACxD;AACF;AAWA,MAAM,wBAAwC;AAAA,EAC5C;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/router-plugin",
-  "version": "1.43.5",
+  "version": "1.43.9",
   "description": "",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -46,6 +46,16 @@
         "default": "./dist/cjs/rspack.cjs"
       }
     },
+    "./webpack": {
+      "import": {
+        "types": "./dist/esm/webpack.d.ts",
+        "default": "./dist/esm/webpack.js"
+      },
+      "require": {
+        "types": "./dist/cjs/webpack.d.cts",
+        "default": "./dist/cjs/webpack.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
@@ -67,7 +77,8 @@
   ],
   "peerDependencies": {
     "@rsbuild/core": ">=0.7.9",
-    "vite": ">=5.0.13"
+    "vite": ">=5.0.13",
+    "webpack": ">=5.92.0"
   },
   "peerDependenciesMeta": {
     "vite": {
@@ -75,6 +86,9 @@
     },
     "@rsbuild/core": {
       "optional": true
+    },
+    "webpack": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -91,7 +105,8 @@
     "@types/babel__template": "^7.4.4",
     "@types/babel__traverse": "^7.20.6",
     "babel-dead-code-elimination": "^1.0.6",
-    "unplugin": "^1.10.2",
+    "chokidar": "^3.5.3",
+    "unplugin": "^1.11.0",
     "zod": "^3.22.4",
     "@tanstack/router-generator": "^1.43.1"
   },

package/src/code-splitter.ts

@@ -52,6 +52,7 @@ plugins: [
 }
 
 const PLUGIN_NAME = 'unplugin:router-code-splitter'
+const JoinedSplitPrefix = splitPrefix + ':'
 
 export const unpluginRouterCodeSplitterFactory: UnpluginFactory<
   Partial<Config> | undefined
@@ -77,11 +78,6 @@ export const unpluginRouterCodeSplitterFactory: UnpluginFactory<
     if (debug) console.info('')
     if (debug) console.info('')
     if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
 
     return compiledVirtualRoute
   }
@@ -102,13 +98,6 @@ export const unpluginRouterCodeSplitterFactory: UnpluginFactory<
     if (debug) console.info('')
     if (debug) console.info('')
     if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
-    if (debug) console.info('')
 
     return compiledReferenceRoute
   }
@@ -159,6 +148,26 @@ export const unpluginRouterCodeSplitterFactory: UnpluginFactory<
       return null
     },
 
+    transformInclude(transformId) {
+      if (!userConfig.experimental?.enableCodeSplitting) {
+        return undefined
+      }
+
+      let id = transformId
+
+      if (id.startsWith(JoinedSplitPrefix)) {
+        id = id.replace(JoinedSplitPrefix, '')
+      }
+
+      if (
+        fileIsInRoutesDirectory(id, userConfig.routesDirectory) ||
+        id.includes(splitPrefix)
+      ) {
+        return true
+      }
+      return false
+    },
+
     vite: {
       async configResolved(config) {
         ROOT = config.root
@@ -167,7 +176,55 @@ export const unpluginRouterCodeSplitterFactory: UnpluginFactory<
     },
 
     async rspack(compiler) {
+      ROOT = process.cwd()
+
+      compiler.hooks.beforeCompile.tap(PLUGIN_NAME, (self) => {
+        self.normalModuleFactory.hooks.beforeResolve.tap(
+          PLUGIN_NAME,
+          (resolveData) => {
+            if (resolveData.request.includes(JoinedSplitPrefix)) {
+              resolveData.request = resolveData.request.replace(
+                JoinedSplitPrefix,
+                '',
+              )
+            }
+          },
+        )
+      })
+
       userConfig = await getConfig(options, ROOT)
     },
+
+    async webpack(compiler) {
+      ROOT = process.cwd()
+
+      compiler.hooks.beforeCompile.tap(PLUGIN_NAME, (self) => {
+        self.normalModuleFactory.hooks.beforeResolve.tap(
+          PLUGIN_NAME,
+          (resolveData) => {
+            if (resolveData.request.includes(JoinedSplitPrefix)) {
+              resolveData.request = resolveData.request.replace(
+                JoinedSplitPrefix,
+                '',
+              )
+            }
+          },
+        )
+      })
+
+      userConfig = await getConfig(options, ROOT)
+
+      if (
+        userConfig.experimental?.enableCodeSplitting &&
+        compiler.options.mode === 'production'
+      ) {
+        compiler.hooks.done.tap(PLUGIN_NAME, (stats) => {
+          console.log('✅ ' + PLUGIN_NAME + ': code-splitting done!')
+          setTimeout(() => {
+            process.exit(0)
+          })
+        })
+      }
+    },
   }
 }

package/src/composed.ts

@@ -14,17 +14,9 @@ export const unpluginRouterComposedFactory: UnpluginFactory<
     : [routerGenerator]
 
   const routerCodeSplitter = unpluginRouterCodeSplitterFactory(options, meta)
-  let routerCodeSplitterOptions = Array.isArray(routerCodeSplitter)
+  const routerCodeSplitterOptions = Array.isArray(routerCodeSplitter)
     ? routerCodeSplitter
     : [routerCodeSplitter]
 
-  // Rspack doesn't support the `resolveId` and `transform` hooks provided by unplugin
-  // so we need to disable the code splitter for it
-  // If you're using Rspack, and know how to implement the code splitting, please let us know
-  // We'd love to support it, but we're not sure how to do it yet
-  if (meta.framework === 'rspack') {
-    routerCodeSplitterOptions = []
-  }
-
   return [...routerGeneratorOptions, ...routerCodeSplitterOptions]
 }

package/src/router-generator.ts

@@ -20,6 +20,12 @@ export const unpluginRouterGeneratorFactory: UnpluginFactory<
   let ROOT: string = process.cwd()
   let userConfig = options as Config
 
+  const getRoutesDirectoryPath = () => {
+    return isAbsolute(userConfig.routesDirectory)
+      ? userConfig.routesDirectory
+      : join(ROOT, userConfig.routesDirectory)
+  }
+
   const generate = async () => {
     if (checkLock()) {
       return
@@ -56,10 +62,7 @@ export const unpluginRouterGeneratorFactory: UnpluginFactory<
       return
     }
 
-    const routesDirectoryPath = isAbsolute(userConfig.routesDirectory)
-      ? userConfig.routesDirectory
-      : join(ROOT, userConfig.routesDirectory)
-
+    const routesDirectoryPath = getRoutesDirectoryPath()
     if (filePath.startsWith(routesDirectoryPath)) {
       await generate()
     }
@@ -89,11 +92,39 @@ export const unpluginRouterGeneratorFactory: UnpluginFactory<
     async rspack(compiler) {
       userConfig = await getConfig(options, ROOT)
 
-      await run(generate)
+      // rspack watcher doesn't register newly created files
+      if (compiler.options.mode === 'production') {
+        await run(generate)
+      } else {
+        const routesDirectoryPath = getRoutesDirectoryPath()
+        const chokidar = await import('chokidar')
+        chokidar.watch(routesDirectoryPath).on('add', async () => {
+          await run(generate)
+        })
+      }
+    },
+    async webpack(compiler) {
+      userConfig = await getConfig(options, ROOT)
 
-      compiler.hooks.watchRun.tap(PLUGIN_NAME, async () => {
+      // webpack watcher doesn't register newly created files
+      if (compiler.options.mode === 'production') {
         await run(generate)
-      })
+      } else {
+        const routesDirectoryPath = getRoutesDirectoryPath()
+        const chokidar = await import('chokidar')
+        chokidar.watch(routesDirectoryPath).on('add', async () => {
+          await run(generate)
+        })
+      }
+
+      if (compiler.options.mode === 'production') {
+        compiler.hooks.done.tap(PLUGIN_NAME, (stats) => {
+          console.log('✅ ' + PLUGIN_NAME + ': route-tree generation done')
+          setTimeout(() => {
+            process.exit(0)
+          })
+        })
+      }
     },
   }
 }

package/src/rspack.ts

@@ -23,29 +23,21 @@ const TanStackRouterGeneratorRspack = /* #__PURE__ */ createRspackPlugin(
 )
 
 /**
- * @experimental Do not use this plugin yet
- *
- * Unplugin's Rspack integration doesn't support the `resolveId` and `transform` hooks.
- * The code-splitter won't work with Rspack and will probably break your dev and build.
- *
- * If you're familiar with Rspack and know how to overcome our `resolveId` and `transform`
- * limitations, please let us know.
- * We'd love to support it, but we're not sure how to do it yet 😅.
- *
  * @example
  * ```ts
  * export default defineConfig({
  *   // ...
  *   tools: {
  *     rspack: {
- *       plugins: [unstable_TanStackRouterCodeSplitterRspack()],
+ *       plugins: [TanStackRouterCodeSplitterRspack()],
  *     },
  *   },
  * })
  * ```
  */
-const unstable_TanStackRouterCodeSplitterRspack =
-  /* #__PURE__ */ createRspackPlugin(unpluginRouterCodeSplitterFactory)
+const TanStackRouterCodeSplitterRspack = /* #__PURE__ */ createRspackPlugin(
+  unpluginRouterCodeSplitterFactory,
+)
 
 /**
  * @example
@@ -69,6 +61,6 @@ export {
   configSchema,
   TanStackRouterRspack,
   TanStackRouterGeneratorRspack,
-  unstable_TanStackRouterCodeSplitterRspack,
+  TanStackRouterCodeSplitterRspack,
 }
 export type { Config }

package/src/webpack.ts

@@ -0,0 +1,54 @@
+import { createWebpackPlugin } from 'unplugin'
+import { unpluginRouterCodeSplitterFactory } from './code-splitter'
+import { configSchema } from './config'
+import { unpluginRouterGeneratorFactory } from './router-generator'
+import { unpluginRouterComposedFactory } from './composed'
+import type { Config } from './config'
+
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterGeneratorWebpack()],
+ * }
+ * ```
+ */
+const TanStackRouterGeneratorWebpack = /* #__PURE__ */ createWebpackPlugin(
+  unpluginRouterGeneratorFactory,
+)
+
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterCodeSplitterWebpack()],
+ * }
+ * ```
+ */
+const TanStackRouterCodeSplitterWebpack = /* #__PURE__ */ createWebpackPlugin(
+  unpluginRouterCodeSplitterFactory,
+)
+
+/**
+ * @example
+ * ```ts
+ * export default {
+ *   // ...
+ *   plugins: [TanStackRouterWebpack()],
+ * }
+ * ```
+ */
+const TanStackRouterWebpack = /* #__PURE__ */ createWebpackPlugin(
+  unpluginRouterComposedFactory,
+)
+
+export default TanStackRouterWebpack
+export {
+  configSchema,
+  TanStackRouterWebpack,
+  TanStackRouterGeneratorWebpack,
+  TanStackRouterCodeSplitterWebpack,
+}
+export type { Config }