feat: router rewrite

packages/server/core/src/plugins/index.ts

@@ -14,3 +14,4 @@ export {
 } from './default';
 export { compatPlugin, handleSetupResult } from './compat';
 export { injectConfigMiddlewarePlugin } from './middlewares';
+export { routerRewritePlugin } from './rewrite';

packages/server/core/src/plugins/rewrite.ts

@@ -0,0 +1,40 @@
+import type { ServerPluginLegacy } from '../types';
+
+declare module 'Hono' {
+  interface Context {
+    rewriteByEntry: (entry: string) => void;
+    rewrite: (entry: string) => void;
+  }
+}
+
+export const routerRewritePlugin = (): ServerPluginLegacy => ({
+  name: '@Modern-js/plugin-router-rewrite-plugin',
+  setup(api) {
+    return {
+      prepare() {
+        const { middlewares, routes } = api.useAppContext();
+        if (!routes) {
+          return;
+        }
+
+        middlewares.push({
+          name: 'router-rewrite',
+          order: 'pre',
+          handler: async (c, next) => {
+            c.rewriteByEntry = (entry: string) => {
+              const rewriteRoute = routes
+                .filter(route => !route.isApi)
+                .find(route => route.entryName === entry);
+
+              if (rewriteRoute) {
+                c.set('matchPathname', rewriteRoute.urlPath);
+                c.set('matchEntryName', entry);
+              }
+            };
+            await next();
+          },
+        });
+      },
+    };
+  },
+});

packages/server/prod-server/src/apply.ts

@@ -9,6 +9,7 @@ import {
   injectConfigMiddlewarePlugin,
   onError,
   renderPlugin,
+  routerRewritePlugin,
 } from '@modern-js/server-core';
 import {
   injectNodeSeverPlugin,
@@ -59,6 +60,7 @@ export async function applyPlugins(
   const { middlewares, renderMiddlewares } = options.serverConfig || {};
 
   const plugins = [
+    routerRewritePlugin(),
     ...(nodeServer ? [injectNodeSeverPlugin({ nodeServer })] : []),
     ...createDefaultPlugins({
       cacheConfig,

tests/integration/routes/modern.config.ts

@@ -33,6 +33,7 @@ export default defineConfig({
         loaderFailureMode: 'clientRender',
       },
       four: false,
+      rewrite: false,
     },
   },
 });

tests/integration/routes/package.json

@@ -25,6 +25,9 @@
     "@types/node": "^14",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
-    "typescript": "^5"
+    "typescript": "~5.0.4",
+    "@modern-js/server-runtime": "workspace:*",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths": "~3.14.1"
   }
 }

tests/integration/routes/server/.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  plugins: ['prettier'],
+  rules: {
+    // eslint-disable-next-line
+    'prettier/prettier': 'error',
+  },
+  overrides: [
+    {
+      files: ['*.js', '*.jsx'],
+      extends: '@byted/eslint-config-standard',
+    },
+    {
+      files: ['*.ts', '*.tsx'],
+      extends: '@byted/eslint-config-standard-ts',
+    },
+  ],
+};

tests/integration/routes/server/modern.server.ts

@@ -0,0 +1,21 @@
+import {
+  type MiddlewareHandler,
+  defineServerConfig,
+} from '@modern-js/server-runtime';
+
+const renderTiming: MiddlewareHandler = async (c, next) => {
+  if (c.req.path === '/rewrite') {
+    c.rewriteByEntry('one');
+  }
+
+  await next();
+};
+
+export default defineServerConfig({
+  renderMiddlewares: [
+    {
+      name: 'render-timing',
+      handler: renderTiming,
+    },
+  ],
+});

tests/integration/routes/src/rewrite/App.tsx

@@ -0,0 +1,5 @@
+import './App.css';
+
+const App = () => <p className="description">rewrite page</p>;
+
+export default App;

tests/integration/routes/tsconfig.json

@@ -9,5 +9,5 @@
       "@shared/*": ["./shared/*"]
     }
   },
-  "include": ["src", "shared", "config"]
+  "include": ["src", "shared", "config", "server"]
 }