rsbuild-plugin-react-router 0.6.0 → 0.6.2

package/dist/511.js

@@ -679,7 +679,7 @@ let mightContainRouteChunkExportName = (source)=>routeChunkExportNames.some((exp
         invalidChunks.map((name)=>`- ${name}`).join('\n'),
         `${plural ? 'These exports' : 'This export'} could not be split into ${plural ? 'their own chunks' : 'its own chunk'} because ${plural ? 'they share' : 'it shares'} code with other exports. You should extract any shared code into its own module and then import it within the route module.`
     ].join('\n\n'));
-}, getRouteChunkEntryName = (routeId, chunkName)=>`${routeId}-${routeChunkEntrySuffix[chunkName]}`, setBoundedCacheEntry = (cache, key, value, maxEntries)=>{
+}, getRouteEntryBaseName = (route, appDirectory)=>normalizeRelativeFilePath(route.file, appDirectory).replace(/^[A-Za-z]:/, '').split('/').filter((segment)=>'' !== segment && '.' !== segment).map((segment)=>'..' === segment ? '__' : segment).join('/').replace(/\.[^/.]+$/, ''), getRouteChunkEntryName = (route, chunkName, appDirectory)=>`${getRouteEntryBaseName(route, appDirectory)}-${routeChunkEntrySuffix[chunkName]}`, setBoundedCacheEntry = (cache, key, value, maxEntries)=>{
     if (maxEntries <= 0) return void cache.clear();
     if (!cache.has(key) && cache.size >= maxEntries) {
         let oldestEntry = cache.keys().next();
@@ -1348,4 +1348,4 @@ if (import.meta.webpackHot) {
         }
     };
 };
-export { BUILD_CLIENT_ROUTE_QUERY_STRING, CLIENT_EXPORTS, CLIENT_NON_COMPONENT_EXPORTS, DEFAULT_JS_DIST_PATH, HMR_PATCHABLE_ROUTE_FLAGS, JS_EXTENSIONS, PLUGIN_NAME, SERVER_EXPORTS, SERVER_ONLY_ROUTE_EXPORTS, SPA_FALLBACK_HTML_FILE, analyzeRouteModuleCode, buildManifestChunkValidity, collectReferencedNames, combineURLs, createBundlerRouteExportResolver, createEmptyRouteChunkByExportName, createReactRouterPerformanceProfiler, createRouteId, detectRouteChunks, detectRouteChunksIfEnabled, escapeHtml, executeRouteTransformTask, findEntryFile, generate, generateWithProps, getExportNames, getExportedName, getPackageVersion, getPatternIdentifierNames, getProgram, getRouteChunkEntryName, getRouteChunkModuleId, getRouteChunkNameFromModuleId, getRouteModuleAnalysis, normalizeAssetPrefix, parseVersionMajorMinor, removeExports, removeUnusedImports, resolveAppPackagePath, resolveEffectiveAssetPrefix, roundMs, routeChunkExportNames, validateRouteChunks, validateSpaModeRouteExports, yuku_parse };
+export { BUILD_CLIENT_ROUTE_QUERY_STRING, CLIENT_EXPORTS, CLIENT_NON_COMPONENT_EXPORTS, DEFAULT_JS_DIST_PATH, HMR_PATCHABLE_ROUTE_FLAGS, JS_EXTENSIONS, PLUGIN_NAME, SERVER_EXPORTS, SERVER_ONLY_ROUTE_EXPORTS, SPA_FALLBACK_HTML_FILE, analyzeRouteModuleCode, buildManifestChunkValidity, collectReferencedNames, combineURLs, createBundlerRouteExportResolver, createEmptyRouteChunkByExportName, createReactRouterPerformanceProfiler, createRouteId, detectRouteChunks, detectRouteChunksIfEnabled, escapeHtml, executeRouteTransformTask, findEntryFile, generate, generateWithProps, getExportNames, getExportedName, getPackageVersion, getPatternIdentifierNames, getProgram, getRouteChunkEntryName, getRouteChunkModuleId, getRouteChunkNameFromModuleId, getRouteEntryBaseName, getRouteModuleAnalysis, normalizeAssetPrefix, parseVersionMajorMinor, removeExports, removeUnusedImports, resolveAppPackagePath, resolveEffectiveAssetPrefix, roundMs, routeChunkExportNames, validateRouteChunks, validateSpaModeRouteExports, yuku_parse };

package/dist/index.cjs

@@ -11640,7 +11640,7 @@ const external_react_router_namespaceObject = require("react-router"), normalize
 }, normalizeRelativeFilePath = (file, appDirectory)=>{
     let fullPath = (0, external_pathe_namespaceObject.resolve)(appDirectory, file), relativePath = (0, external_pathe_namespaceObject.relative)(appDirectory, fullPath);
     return (0, external_pathe_namespaceObject.normalize)(relativePath).split('?')[0];
-}, isRootRouteModuleId = (config, id)=>normalizeRelativeFilePath(id, config.appDirectory) === config.rootRouteFile, shouldAnalyzeRouteChunks = (config, id, code)=>!!config.splitRouteModules && mightContainRouteChunkExportName(code) && !isRootRouteModuleId(config, id), createEmptyRouteChunkByExportName = ()=>createRouteChunkExportMap(()=>!1), buildEnforceChunkValidity = (exportNames)=>{
+}, toSafeEntryPath = (relativePath)=>relativePath.replace(/^[A-Za-z]:/, '').split('/').filter((segment)=>'' !== segment && '.' !== segment).map((segment)=>'..' === segment ? '__' : segment).join('/'), isRootRouteModuleId = (config, id)=>normalizeRelativeFilePath(id, config.appDirectory) === config.rootRouteFile, shouldAnalyzeRouteChunks = (config, id, code)=>!!config.splitRouteModules && mightContainRouteChunkExportName(code) && !isRootRouteModuleId(config, id), createEmptyRouteChunkByExportName = ()=>createRouteChunkExportMap(()=>!1), buildEnforceChunkValidity = (exportNames)=>{
     let exportNameSet = new Set(exportNames);
     return createRouteChunkExportMap((exportName)=>!exportNameSet.has(exportName));
 }, buildManifestChunkValidity = (exportNames, hasRouteChunkByExportName)=>createRouteChunkExportMap((exportName)=>!exportNames.has(exportName) || hasRouteChunkByExportName[exportName]), detectRouteChunksIfEnabled = async (cache1, config, id, code)=>shouldAnalyzeRouteChunks(config, id, code) ? detectRouteChunks(code, cache1, normalizeRelativeFilePath(id, config.appDirectory)) : {
@@ -11665,7 +11665,7 @@ const external_react_router_namespaceObject = require("react-router"), normalize
         invalidChunks.map((name)=>`- ${name}`).join('\n'),
         `${plural ? 'These exports' : 'This export'} could not be split into ${plural ? 'their own chunks' : 'its own chunk'} because ${plural ? 'they share' : 'it shares'} code with other exports. You should extract any shared code into its own module and then import it within the route module.`
     ].join('\n\n'));
-}, getRouteChunkEntryName = (routeId, chunkName)=>`${routeId}-${routeChunkEntrySuffix[chunkName]}`, setBoundedCacheEntry = (cache1, key, value, maxEntries)=>{
+}, getRouteEntryBaseName = (route, appDirectory)=>toSafeEntryPath(normalizeRelativeFilePath(route.file, appDirectory)).replace(/\.[^/.]+$/, ''), getRouteChunkEntryName = (route, chunkName, appDirectory)=>`${getRouteEntryBaseName(route, appDirectory)}-${routeChunkEntrySuffix[chunkName]}`, setBoundedCacheEntry = (cache1, key, value, maxEntries)=>{
     if (maxEntries <= 0) return void cache1.clear();
     if (!cache1.has(key) && cache1.size >= maxEntries) {
         let oldestEntry = cache1.keys().next();
@@ -11872,19 +11872,16 @@ const createReactRouterManifestOptions = ({ routeChunks, routeModuleAnalysis })=
     if (!isBuild) return 'static/js/virtual/react-router/browser-manifest.js';
     let dir = getManifestDirFromEntryAsset(entryModulePath);
     return `${dir}/manifest-${version}.js`;
-}, getManifestVersion = (fingerprintedValues, isBuild)=>isBuild ? (0, external_node_crypto_namespaceObject.createHash)('md5').update(JSON.stringify(fingerprintedValues)).digest('hex').slice(0, 8) : String(Math.random()), getRouteEntryName = (route)=>{
-    let extensionIndex = route.file.lastIndexOf('.');
-    return extensionIndex >= 0 ? route.file.slice(0, extensionIndex) : route.file;
-}, getReactRouterManifestChunkNames = (routes, splitRouteModules = !1)=>{
+}, getManifestVersion = (fingerprintedValues)=>(0, external_node_crypto_namespaceObject.createHash)('md5').update(JSON.stringify(fingerprintedValues)).digest('hex').slice(0, 8), getReactRouterManifestChunkNames = (routes, appDirectory, splitRouteModules = !1)=>{
     let chunkNames = new Set([
         'entry.client'
     ]);
-    for (let route of Object.values(routes))if (chunkNames.add(getRouteEntryName(route)), splitRouteModules && 'root' !== route.id) for (let exportName of routeChunkExportNames)chunkNames.add(getRouteChunkEntryName(route.id, exportName));
+    for (let route of Object.values(routes))if (chunkNames.add(getRouteEntryBaseName(route, appDirectory)), splitRouteModules && 'root' !== route.id) for (let exportName of routeChunkExportNames)chunkNames.add(getRouteChunkEntryName(route, exportName, appDirectory));
     return chunkNames;
-}, createRouteManifestItem = ({ route, assetPrefix, jsAssets, routeAnalysis, getModulePathForChunk, getCssAssetsForChunk })=>{
-    let routeChunkMap = routeAnalysis.hasRouteChunkByExportName, chunkModulePath = (exportName)=>routeChunkMap?.[exportName] ? getModulePathForChunk(getRouteChunkEntryName(route.id, exportName)) : void 0, cssAssets = [
+}, createRouteManifestItem = ({ route, appDirectory, assetPrefix, jsAssets, routeAnalysis, getModulePathForChunk, getCssAssetsForChunk })=>{
+    let routeChunkMap = routeAnalysis.hasRouteChunkByExportName, chunkModulePath = (exportName)=>routeChunkMap?.[exportName] ? getModulePathForChunk(getRouteChunkEntryName(route, exportName, appDirectory)) : void 0, cssAssets = [
         ...routeAnalysis.cssAssets,
-        ...routeChunkExportNames.flatMap((exportName)=>routeChunkMap?.[exportName] ? getCssAssetsForChunk(getRouteChunkEntryName(route.id, exportName)) : [])
+        ...routeChunkExportNames.flatMap((exportName)=>routeChunkMap?.[exportName] ? getCssAssetsForChunk(getRouteChunkEntryName(route, exportName, appDirectory)) : [])
     ];
     return {
         id: route.id,
@@ -11918,7 +11915,7 @@ function generateReactRouterManifestForDevEffect(routes, clientStats, context, a
             let { js: jsAssets } = getAssetsForChunk(chunkName);
             return jsAssets[0] ? combineURLs(assetPrefix, jsAssets[0]) : void 0;
         }, getCssAssetsForChunk = (chunkName)=>getAssetsForChunk(chunkName).css, manifestEntries = yield* fiberRuntime_forEach(Object.entries(routes), ([key, route])=>core_gen(function*() {
-                let routeEntryName = getRouteEntryName(route), { js: jsAssets, css: discoveredCssAssets } = getAssetsForChunk(routeEntryName), routeFilePath = (0, external_pathe_namespaceObject.resolve)(context, route.file), routeAnalysis = yield* analyzeRouteForManifestEffect({
+                let routeEntryName = getRouteEntryBaseName(route, context), { js: jsAssets, css: discoveredCssAssets } = getAssetsForChunk(routeEntryName), routeFilePath = (0, external_pathe_namespaceObject.resolve)(context, route.file), routeAnalysis = yield* analyzeRouteForManifestEffect({
                     discoveredCssAssets,
                     isBuild,
                     routeChunkCache: manifestOptions?.cache,
@@ -11936,6 +11933,7 @@ function generateReactRouterManifestForDevEffect(routes, clientStats, context, a
                     key,
                     createRouteManifestItem({
                         route,
+                        appDirectory: context,
                         assetPrefix,
                         jsAssets,
                         routeAnalysis,
@@ -11955,7 +11953,7 @@ function generateReactRouterManifestForDevEffect(routes, clientStats, context, a
                 css: entryCssAssets.map((asset)=>combineURLs(assetPrefix, asset))
             },
             routes: result
-        }, version = getManifestVersion(fingerprintedValues, isBuild), manifestPath = getReactRouterManifestPath({
+        }, version = getManifestVersion(fingerprintedValues), manifestPath = getReactRouterManifestPath({
             version,
             isBuild,
             entryModulePath: entryJsAssets[0]
@@ -12420,7 +12418,7 @@ const BROWSER_MANIFEST_ASSET = 'static/js/virtual/react-router/browser-manifest.
     return Object.keys(sri).length > 0 ? sri : void 0;
 };
 function registerModifyBrowserManifestAssets(api, routes, pluginOptions, appDirectory, assetPrefix = '/', routeChunkOptions, options) {
-    let getAssetPrefix = 'function' == typeof assetPrefix ? assetPrefix : ()=>assetPrefix, manifestChunkNames = options?.manifestChunkNames ?? getReactRouterManifestChunkNames(routes, routeChunkOptions?.splitRouteModules), isBuild = !!routeChunkOptions?.isBuild, finalizeSri = !!(isBuild && (options?.subResourceIntegrity ?? options?.future?.unstable_subResourceIntegrity)), buildAndEmitManifest = async ({ assets, sources, compilation }, { withSri })=>{
+    let getAssetPrefix = 'function' == typeof assetPrefix ? assetPrefix : ()=>assetPrefix, manifestChunkNames = options?.manifestChunkNames ?? getReactRouterManifestChunkNames(routes, appDirectory, routeChunkOptions?.splitRouteModules), isBuild = !!routeChunkOptions?.isBuild, finalizeSri = !!(isBuild && (options?.subResourceIntegrity ?? options?.future?.unstable_subResourceIntegrity)), buildAndEmitManifest = async ({ assets, sources, compilation }, { withSri })=>{
         let currentAssetPrefix = getAssetPrefix(), stats = createReactRouterManifestStats(compilation, manifestChunkNames), { manifest, moduleExportsByRouteId } = await generateReactRouterManifestForDev(routes, pluginOptions, stats, appDirectory, currentAssetPrefix, createReactRouterManifestOptions({
             routeChunks: routeChunkOptions,
             routeModuleAnalysis: options?.routeModuleAnalysis
@@ -15479,7 +15477,7 @@ export {
     let manifestChunkNames = new Set([
         'entry.client'
     ]), webRouteEntries = Object.values(routes).reduce((acc, route)=>{
-        let entryName = route.file.slice(0, route.file.lastIndexOf('.')), routeFilePath = (0, external_pathe_namespaceObject.resolve)(appDirectory, route.file);
+        let entryName = getRouteEntryBaseName(route, appDirectory), routeFilePath = (0, external_pathe_namespaceObject.resolve)(appDirectory, route.file);
         if (manifestChunkNames.add(entryName), acc[entryName] = {
             import: `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
             html: !1
@@ -15493,7 +15491,7 @@ export {
             }
             for (let exportName of routeChunkExportNames){
                 if (!source.includes(exportName)) continue;
-                let chunkEntryName = getRouteChunkEntryName(route.id, exportName);
+                let chunkEntryName = getRouteChunkEntryName(route, exportName, appDirectory);
                 manifestChunkNames.add(chunkEntryName), acc[chunkEntryName] = {
                     import: getRouteChunkModuleId(routeFilePath, exportName),
                     html: !1
@@ -15711,11 +15709,18 @@ export {
             library: {
                 type: 'module'
             },
-            module: !0
+            module: !0,
+            ...isBuild ? {
+                chunkFilename: 'static/js/async/[id]-[contenthash:16].js'
+            } : {}
         },
         webOptimization: {
             avoidEntryIife: !0,
-            runtimeChunk: 'single'
+            runtimeChunk: 'single',
+            ...isBuild ? {
+                mangleExports: 'size',
+                usedExports: 'global'
+            } : {}
         },
         nodeExternals: Array.from(new Set([
             'express',

package/dist/index.js

@@ -13,7 +13,7 @@ import { SourceMap, createRequire } from "node:module";
 import { dirname as external_node_path_dirname, isAbsolute as external_node_path_isAbsolute, join as external_node_path_join, relative as external_node_path_relative, resolve as external_node_path_resolve, sep as external_node_path_sep, dirname as __rspack_dirname } from "node:path";
 import { createJiti } from "jiti";
 import { createRequestListener as node_fetch_server_createRequestListener } from "@remix-run/node-fetch-server";
-import { analyzeRouteModuleCode, collectReferencedNames, createReactRouterPerformanceProfiler, combineURLs, JS_EXTENSIONS, generate as yuku_generate, executeRouteTransformTask, generateWithProps, resolveAppPackagePath, validateRouteChunks, roundMs, BUILD_CLIENT_ROUTE_QUERY_STRING, resolveEffectiveAssetPrefix, removeUnusedImports, getProgram, detectRouteChunks, getPatternIdentifierNames, getExportedName, SERVER_ONLY_ROUTE_EXPORTS, createRouteId, removeExports, SERVER_EXPORTS, getExportNames, HMR_PATCHABLE_ROUTE_FLAGS, escapeHtml, PLUGIN_NAME, getRouteModuleAnalysis, parseVersionMajorMinor, createEmptyRouteChunkByExportName, getRouteChunkNameFromModuleId, findEntryFile, routeChunkExportNames, buildManifestChunkValidity, CLIENT_NON_COMPONENT_EXPORTS, CLIENT_EXPORTS, SPA_FALLBACK_HTML_FILE, getRouteChunkEntryName, getRouteChunkModuleId, normalizeAssetPrefix, detectRouteChunksIfEnabled, validateSpaModeRouteExports, DEFAULT_JS_DIST_PATH, getPackageVersion, createBundlerRouteExportResolver, yuku_parse } from "./511.js";
+import { analyzeRouteModuleCode, yuku_parse, collectReferencedNames, createReactRouterPerformanceProfiler, combineURLs, JS_EXTENSIONS, generate as yuku_generate, executeRouteTransformTask, generateWithProps, resolveAppPackagePath, validateRouteChunks, roundMs, BUILD_CLIENT_ROUTE_QUERY_STRING, resolveEffectiveAssetPrefix, removeUnusedImports, getProgram, detectRouteChunks, getPatternIdentifierNames, getExportedName, SERVER_ONLY_ROUTE_EXPORTS, createRouteId, removeExports, SERVER_EXPORTS, getExportNames, HMR_PATCHABLE_ROUTE_FLAGS, escapeHtml, PLUGIN_NAME, getRouteModuleAnalysis, parseVersionMajorMinor, getRouteChunkNameFromModuleId, createEmptyRouteChunkByExportName, findEntryFile, routeChunkExportNames, buildManifestChunkValidity, CLIENT_NON_COMPONENT_EXPORTS, CLIENT_EXPORTS, SPA_FALLBACK_HTML_FILE, getRouteChunkEntryName, getRouteChunkModuleId, normalizeAssetPrefix, detectRouteChunksIfEnabled, validateSpaModeRouteExports, DEFAULT_JS_DIST_PATH, getRouteEntryBaseName, getPackageVersion, createBundlerRouteExportResolver } from "./511.js";
 var effect, description, __rspack_import_meta_dirname__ = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
 let getAvailableCpuCount = ()=>'function' == typeof availableParallelism ? availableParallelism() : cpus().length, getDefaultConcurrency = (cpuCount = getAvailableCpuCount())=>Math.max(0, Math.floor(cpuCount) - 2), getCappedPluginConcurrency = (cap = 16)=>Math.max(1, Math.min(cap, getDefaultConcurrency() || 1)), createReactRouterHydrationModuleTest = (entryClientPath)=>{
     let eagerPatterns = [
@@ -7395,9 +7395,6 @@ let createReactRouterManifestOptions = ({ routeChunks, routeModuleAnalysis })=>{
         return '.' === dir ? DEFAULT_JS_DIST_PATH : dir;
     })(entryModulePath);
     return `${dir}/manifest-${version}.js`;
-}, getRouteEntryName = (route)=>{
-    let extensionIndex = route.file.lastIndexOf('.');
-    return extensionIndex >= 0 ? route.file.slice(0, extensionIndex) : route.file;
 };
 async function generateReactRouterManifestForDev(routes, _options, clientStats, context, assetPrefix = '/', manifestOptions) {
     return runPluginEffect(core_gen(function*() {
@@ -7435,7 +7432,7 @@ async function generateReactRouterManifestForDev(routes, _options, clientStats,
             let { js: jsAssets } = getAssetsForChunk(chunkName);
             return jsAssets[0] ? combineURLs(assetPrefix, jsAssets[0]) : void 0;
         }, getCssAssetsForChunk = (chunkName)=>getAssetsForChunk(chunkName).css, manifestEntries = yield* fiberRuntime_forEach(Object.entries(routes), ([key, route])=>core_gen(function*() {
-                let routeEntryName = getRouteEntryName(route), { js: jsAssets, css: discoveredCssAssets } = getAssetsForChunk(routeEntryName), routeFilePath = external_pathe_resolve(context, route.file), routeAnalysis = yield* (({ discoveredCssAssets, isBuild, routeChunkCache, routeChunkConfig, routeEntryName, routeFilePath, route, routeModuleAnalysis })=>tryPluginPromise(async ()=>{
+                let routeEntryName = getRouteEntryBaseName(route, context), { js: jsAssets, css: discoveredCssAssets } = getAssetsForChunk(routeEntryName), routeFilePath = external_pathe_resolve(context, route.file), routeAnalysis = yield* (({ discoveredCssAssets, isBuild, routeChunkCache, routeChunkConfig, routeEntryName, routeFilePath, route, routeModuleAnalysis })=>tryPluginPromise(async ()=>{
                         let { code, exports: exportNames } = await routeModuleAnalysis?.(routeFilePath, route) ?? await getRouteModuleAnalysis(routeFilePath), cssAssets = !isBuild && 0 === discoveredCssAssets.length && CSS_IMPORT_RE.test(code) ? [
                             `${DEFAULT_JS_DIST_PATH.replace('/js', '/css')}/${routeEntryName}.css`
                         ] : discoveredCssAssets, chunkInfo = isBuild && routeChunkConfig ? await detectRouteChunksIfEnabled(routeChunkCache, routeChunkConfig, routeFilePath, code) : null;
@@ -7466,10 +7463,10 @@ async function generateReactRouterManifestForDev(routes, _options, clientStats,
                     valid: buildManifestChunkValidity(routeAnalysis.exports, routeAnalysis.hasRouteChunkByExportName ?? createEmptyRouteChunkByExportName())
                 }), [
                     key,
-                    (({ route, assetPrefix, jsAssets, routeAnalysis, getModulePathForChunk, getCssAssetsForChunk })=>{
-                        let routeChunkMap = routeAnalysis.hasRouteChunkByExportName, chunkModulePath = (exportName)=>routeChunkMap?.[exportName] ? getModulePathForChunk(getRouteChunkEntryName(route.id, exportName)) : void 0, cssAssets = [
+                    (({ route, appDirectory, assetPrefix, jsAssets, routeAnalysis, getModulePathForChunk, getCssAssetsForChunk })=>{
+                        let routeChunkMap = routeAnalysis.hasRouteChunkByExportName, chunkModulePath = (exportName)=>routeChunkMap?.[exportName] ? getModulePathForChunk(getRouteChunkEntryName(route, exportName, appDirectory)) : void 0, cssAssets = [
                             ...routeAnalysis.cssAssets,
-                            ...routeChunkExportNames.flatMap((exportName)=>routeChunkMap?.[exportName] ? getCssAssetsForChunk(getRouteChunkEntryName(route.id, exportName)) : [])
+                            ...routeChunkExportNames.flatMap((exportName)=>routeChunkMap?.[exportName] ? getCssAssetsForChunk(getRouteChunkEntryName(route, exportName, appDirectory)) : [])
                         ];
                         return {
                             id: route.id,
@@ -7494,6 +7491,7 @@ async function generateReactRouterManifestForDev(routes, _options, clientStats,
                         };
                     })({
                         route,
+                        appDirectory: context,
                         assetPrefix: assetPrefix,
                         jsAssets,
                         routeAnalysis,
@@ -7513,7 +7511,7 @@ async function generateReactRouterManifestForDev(routes, _options, clientStats,
                 css: entryCssAssets.map((asset)=>combineURLs(assetPrefix, asset))
             },
             routes: result
-        }, version = isBuild ? createHash('md5').update(JSON.stringify(fingerprintedValues)).digest('hex').slice(0, 8) : String(Math.random()), manifestPath = getReactRouterManifestPath({
+        }, version = createHash('md5').update(JSON.stringify(fingerprintedValues)).digest('hex').slice(0, 8), manifestPath = getReactRouterManifestPath({
             version,
             isBuild,
             entryModulePath: entryJsAssets[0]
@@ -9744,7 +9742,7 @@ export {
         let manifestChunkNames = new Set([
             'entry.client'
         ]), webRouteEntries = Object.values(routes).reduce((acc, route)=>{
-            let entryName = route.file.slice(0, route.file.lastIndexOf('.')), routeFilePath = external_pathe_resolve(appDirectory, route.file);
+            let entryName = getRouteEntryBaseName(route, appDirectory), routeFilePath = external_pathe_resolve(appDirectory, route.file);
             if (manifestChunkNames.add(entryName), acc[entryName] = {
                 import: `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
                 html: !1
@@ -9758,7 +9756,7 @@ export {
                 }
                 for (let exportName of routeChunkExportNames){
                     if (!source.includes(exportName)) continue;
-                    let chunkEntryName = getRouteChunkEntryName(route.id, exportName);
+                    let chunkEntryName = getRouteChunkEntryName(route, exportName, appDirectory);
                     manifestChunkNames.add(chunkEntryName), acc[chunkEntryName] = {
                         import: getRouteChunkModuleId(routeFilePath, exportName),
                         html: !1
@@ -9926,11 +9924,18 @@ export {
             library: {
                 type: 'module'
             },
-            module: !0
+            module: !0,
+            ...isBuild ? {
+                chunkFilename: 'static/js/async/[id]-[contenthash:16].js'
+            } : {}
         },
         webOptimization: {
             avoidEntryIife: !0,
-            runtimeChunk: 'single'
+            runtimeChunk: 'single',
+            ...isBuild ? {
+                mangleExports: 'size',
+                usedExports: 'global'
+            } : {}
         },
         nodeExternals: Array.from(new Set([
             'express',
@@ -11244,13 +11249,13 @@ if (typeof window !== 'undefined' && import.meta.webpackHot) {
                 outputClientPath,
                 performanceProfiler
             })) : (!function(api, routes, pluginOptions, appDirectory, assetPrefix = '/', routeChunkOptions, options) {
-                let getAssetPrefix = 'function' == typeof assetPrefix ? assetPrefix : ()=>assetPrefix, manifestChunkNames = options?.manifestChunkNames ?? ((routes, splitRouteModules = !1)=>{
+                let getAssetPrefix = 'function' == typeof assetPrefix ? assetPrefix : ()=>assetPrefix, manifestChunkNames = options?.manifestChunkNames ?? ((routes, appDirectory, splitRouteModules = !1)=>{
                     let chunkNames = new Set([
                         'entry.client'
                     ]);
-                    for (let route of Object.values(routes))if (chunkNames.add(getRouteEntryName(route)), splitRouteModules && 'root' !== route.id) for (let exportName of routeChunkExportNames)chunkNames.add(getRouteChunkEntryName(route.id, exportName));
+                    for (let route of Object.values(routes))if (chunkNames.add(getRouteEntryBaseName(route, appDirectory)), splitRouteModules && 'root' !== route.id) for (let exportName of routeChunkExportNames)chunkNames.add(getRouteChunkEntryName(route, exportName, appDirectory));
                     return chunkNames;
-                })(routes, routeChunkOptions?.splitRouteModules), isBuild = !!routeChunkOptions?.isBuild, finalizeSri = !!(isBuild && (options?.subResourceIntegrity ?? options?.future?.unstable_subResourceIntegrity)), buildAndEmitManifest = async ({ assets, sources, compilation }, { withSri })=>{
+                })(routes, appDirectory, routeChunkOptions?.splitRouteModules), isBuild = !!routeChunkOptions?.isBuild, finalizeSri = !!(isBuild && (options?.subResourceIntegrity ?? options?.future?.unstable_subResourceIntegrity)), buildAndEmitManifest = async ({ assets, sources, compilation }, { withSri })=>{
                     let currentAssetPrefix = getAssetPrefix(), stats = createReactRouterManifestStats(compilation, manifestChunkNames), { manifest, moduleExportsByRouteId } = await generateReactRouterManifestForDev(routes, pluginOptions, stats, appDirectory, currentAssetPrefix, createReactRouterManifestOptions({
                         routeChunks: routeChunkOptions,
                         routeModuleAnalysis: options?.routeModuleAnalysis

package/dist/manifest.d.ts

@@ -75,7 +75,7 @@ export declare const getReactRouterManifestPath: ({ version, isBuild, entryModul
     isBuild: boolean;
     entryModulePath?: string;
 }) => string;
-export declare const getReactRouterManifestChunkNames: (routes: Record<string, Route>, splitRouteModules?: boolean | "enforce") => Set<string>;
+export declare const getReactRouterManifestChunkNames: (routes: Record<string, Route>, appDirectory: string, splitRouteModules?: boolean | "enforce") => Set<string>;
 export declare function generateReactRouterManifestForDev(routes: Record<string, Route>, _options: PluginOptions, clientStats: ReactRouterManifestStats | undefined, context: string, assetPrefix?: string, manifestOptions?: ReactRouterManifestOptions): Promise<ReactRouterManifestGenerationResult>;
 export declare function getReactRouterManifestForDev(...args: Parameters<typeof generateReactRouterManifestForDev>): Promise<ReactRouterManifestForDev>;
 export {};

package/dist/route-chunks.d.ts

@@ -37,5 +37,10 @@ export declare const validateRouteChunks: (args: {
     id: string;
     valid: Record<RouteChunkExportName, boolean>;
 }) => void;
-export declare const getRouteChunkEntryName: (routeId: string, chunkName: RouteChunkExportName) => string;
+export declare const getRouteEntryBaseName: (route: {
+    file: string;
+}, appDirectory: string) => string;
+export declare const getRouteChunkEntryName: (route: {
+    file: string;
+}, chunkName: RouteChunkExportName, appDirectory: string) => string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsbuild-plugin-react-router",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "React Router plugin for Rsbuild",
   "repository": {
     "type": "git",

package/src/classic-mode.ts

@@ -25,6 +25,7 @@ import {
 import {
   getRouteChunkEntryName,
   getRouteChunkModuleId,
+  getRouteEntryBaseName,
   routeChunkExportNames,
 } from './route-chunks.js';
 import type { Config } from './react-router-config.js';
@@ -144,7 +145,7 @@ export const createClassicWebRouteEntries = ({
   const manifestChunkNames = new Set<string>(['entry.client']);
   const webRouteEntries = Object.values(routes).reduce(
     (acc, route) => {
-      const entryName = route.file.slice(0, route.file.lastIndexOf('.'));
+      const entryName = getRouteEntryBaseName(route, appDirectory);
       const routeFilePath = resolve(appDirectory, route.file);
       manifestChunkNames.add(entryName);
       acc[entryName] = {
@@ -166,7 +167,11 @@ export const createClassicWebRouteEntries = ({
           if (!source.includes(exportName)) {
             continue;
           }
-          const chunkEntryName = getRouteChunkEntryName(route.id, exportName);
+          const chunkEntryName = getRouteChunkEntryName(
+            route,
+            exportName,
+            appDirectory
+          );
           manifestChunkNames.add(chunkEntryName);
           acc[chunkEntryName] = {
             import: getRouteChunkModuleId(routeFilePath, exportName),

package/src/manifest.ts

@@ -13,6 +13,7 @@ import {
   createEmptyRouteChunkByExportName,
   detectRouteChunksIfEnabled,
   getRouteChunkEntryName,
+  getRouteEntryBaseName,
   routeChunkExportNames,
   validateRouteChunks,
   type RouteChunkCache,
@@ -412,36 +413,39 @@ export const getReactRouterManifestPath = ({
   return `${dir}/manifest-${version}.js`;
 };
 
-const getManifestVersion = (
-  fingerprintedValues: { entry: unknown; routes: unknown },
-  isBuild: boolean
-): string => {
-  if (!isBuild) {
-    return String(Math.random());
-  }
-  return createHash('md5')
+// The version is derived from the manifest content in every mode. React
+// Router's stale-client detection compares the version the browser loaded with
+// the one the server build was pinned to, and answers a mismatch with a
+// document reload. In development the browser manifest asset is served from
+// the latest web compilation while the server build stays pinned to the
+// compilation it was committed with, so a random per-compilation version made
+// the two disagree whenever a web compilation completed without changing the
+// manifest (for example the hot data revalidation recompile that follows a
+// server change), reloading the document for no reason. Equal content now
+// yields an equal version, and a real manifest change still busts the browser
+// cache through the `?v=` query on the development manifest URL.
+const getManifestVersion = (fingerprintedValues: {
+  entry: unknown;
+  routes: unknown;
+}): string =>
+  createHash('md5')
     .update(JSON.stringify(fingerprintedValues))
     .digest('hex')
     .slice(0, 8);
-};
-
-const getRouteEntryName = (route: Route): string => {
-  const extensionIndex = route.file.lastIndexOf('.');
-  return extensionIndex >= 0 ? route.file.slice(0, extensionIndex) : route.file;
-};
 
 export const getReactRouterManifestChunkNames = (
   routes: Record<string, Route>,
+  appDirectory: string,
   splitRouteModules: boolean | 'enforce' = false
 ): Set<string> => {
   const chunkNames = new Set<string>(['entry.client']);
   for (const route of Object.values(routes)) {
-    chunkNames.add(getRouteEntryName(route));
+    chunkNames.add(getRouteEntryBaseName(route, appDirectory));
     if (!splitRouteModules || route.id === 'root') {
       continue;
     }
     for (const exportName of routeChunkExportNames) {
-      chunkNames.add(getRouteChunkEntryName(route.id, exportName));
+      chunkNames.add(getRouteChunkEntryName(route, exportName, appDirectory));
     }
   }
   return chunkNames;
@@ -449,6 +453,7 @@ export const getReactRouterManifestChunkNames = (
 
 const createRouteManifestItem = ({
   route,
+  appDirectory,
   assetPrefix,
   jsAssets,
   routeAnalysis,
@@ -456,6 +461,7 @@ const createRouteManifestItem = ({
   getCssAssetsForChunk,
 }: {
   route: Route;
+  appDirectory: string;
   assetPrefix: string;
   jsAssets: string[];
   routeAnalysis: RouteManifestAnalysis;
@@ -465,13 +471,17 @@ const createRouteManifestItem = ({
   const routeChunkMap = routeAnalysis.hasRouteChunkByExportName;
   const chunkModulePath = (exportName: RouteChunkExportName) =>
     routeChunkMap?.[exportName]
-      ? getModulePathForChunk(getRouteChunkEntryName(route.id, exportName))
+      ? getModulePathForChunk(
+          getRouteChunkEntryName(route, exportName, appDirectory)
+        )
       : undefined;
   const cssAssets = [
     ...routeAnalysis.cssAssets,
     ...routeChunkExportNames.flatMap(exportName =>
       routeChunkMap?.[exportName]
-        ? getCssAssetsForChunk(getRouteChunkEntryName(route.id, exportName))
+        ? getCssAssetsForChunk(
+            getRouteChunkEntryName(route, exportName, appDirectory)
+          )
         : []
     ),
   ];
@@ -540,7 +550,7 @@ function generateReactRouterManifestForDevEffect(
       Object.entries(routes),
       ([key, route]) =>
         Effect.gen(function* () {
-          const routeEntryName = getRouteEntryName(route);
+          const routeEntryName = getRouteEntryBaseName(route, context);
           const { js: jsAssets, css: discoveredCssAssets } =
             getAssetsForChunk(routeEntryName);
           const routeFilePath = resolve(context, route.file);
@@ -571,6 +581,7 @@ function generateReactRouterManifestForDevEffect(
             key,
             createRouteManifestItem({
               route,
+              appDirectory: context,
               assetPrefix,
               jsAssets,
               routeAnalysis,
@@ -614,7 +625,7 @@ function generateReactRouterManifestForDevEffect(
       },
       routes: result,
     };
-    const version = getManifestVersion(fingerprintedValues, isBuild);
+    const version = getManifestVersion(fingerprintedValues);
     const manifestPath = getReactRouterManifestPath({
       version,
       isBuild,

package/src/mode-plan.ts

@@ -345,10 +345,20 @@ const createClassicModePlan = async ({
       wasmLoading: 'fetch',
       library: { type: 'module' },
       module: true,
+      // Async chunks are addressed by id at runtime, so the chunk name only
+      // adds bytes to the filename and to every place that references it.
+      ...(isBuild
+        ? { chunkFilename: 'static/js/async/[id]-[contenthash:16].js' }
+        : {}),
     },
     webOptimization: {
       avoidEntryIife: true,
       runtimeChunk: 'single',
+      // Classic mode resolves route modules through the browser manifest by
+      // chunk, not by export name, so production builds can mangle export
+      // names and drop exports nothing imports across the whole graph. RSC
+      // mode must keep every export name; see createRscModePlan.
+      ...(isBuild ? { mangleExports: 'size', usedExports: 'global' } : {}),
     },
     nodeExternals: Array.from(
       new Set(['express', ...getSsrExternals(process.cwd())])

package/src/modify-browser-manifest.ts

@@ -147,6 +147,7 @@ export function registerModifyBrowserManifestAssets(
     options?.manifestChunkNames ??
     getReactRouterManifestChunkNames(
       routes,
+      appDirectory,
       routeChunkOptions?.splitRouteModules
     );
   const isBuild = Boolean(routeChunkOptions?.isBuild);

package/src/route-chunks.ts

@@ -860,6 +860,19 @@ const normalizeRelativeFilePath = (file: string, appDirectory: string) => {
   return normalize(relativePath).split('?')[0];
 };
 
+// An rspack entry name is written out as a path under `output.distPath.js`, so it
+// is a filename, not an identifier. Keep it a safe, app-relative POSIX path: the
+// developer's absolute checkout path must never reach `dist/` (nor the browser
+// manifest), and an entry must never escape the JS output directory. `pathe`
+// already normalizes separators, so only drive prefixes and `..` need handling.
+const toSafeEntryPath = (relativePath: string): string =>
+  relativePath
+    .replace(/^[A-Za-z]:/, '')
+    .split('/')
+    .filter(segment => segment !== '' && segment !== '.')
+    .map(segment => (segment === '..' ? '__' : segment))
+    .join('/');
+
 const isRootRouteModuleId = (config: RouteChunkConfig, id: string) =>
   normalizeRelativeFilePath(id, config.appDirectory) === config.rootRouteFile;
 
@@ -967,7 +980,20 @@ export const validateRouteChunks: (args: {
   );
 };
 
+export const getRouteEntryBaseName = (
+  route: { file: string },
+  appDirectory: string
+): string =>
+  toSafeEntryPath(normalizeRelativeFilePath(route.file, appDirectory)).replace(
+    /\.[^/.]+$/,
+    ''
+  );
+
 export const getRouteChunkEntryName = (
-  routeId: string,
-  chunkName: RouteChunkExportName
-) => `${routeId}-${routeChunkEntrySuffix[chunkName]}`;
+  route: { file: string },
+  chunkName: RouteChunkExportName,
+  appDirectory: string
+): string =>
+  `${getRouteEntryBaseName(route, appDirectory)}-${
+    routeChunkEntrySuffix[chunkName]
+  }`;