@modern-js/main-doc 0.0.0-nightly-20250521160333 → 0.0.0-nightly-20250525160318

package/docs/en/apis/app/hooks/src/routes.mdx

@@ -88,73 +88,3 @@ export default () => {
 `<Outlet>` is a new API in React Router 6. For details, see [Outlet](https://reactrouter.com/en/main/components/outlet#outlet).
 
 :::
-
-## Upgrading to React Router v7
-
-React Router v7 reduces bundle size (approximately 15% smaller) compared to React Router v6, provides a more efficient route matching algorithm, and offers better support for React 19 and TypeScript. There are very few breaking changes compared to React Router v6, and Modern.js has made both versions compatible, allowing for a seamless upgrade by simply installing and registering the appropriate plugin.
-
-:::info
-
-For more changes from React Router v6 to React Router v7, check the [documentation](https://reactrouter.com/upgrading/v6#upgrade-to-v7)
-
-:::
-
-### Requirements
-
-React Router v7 has certain environment requirements:
-
-- Node.js 20+
-- React 18+
-- React DOM 18+
-
-### Install the Plugin
-
-First, install the Modern.js React Router v7 plugin:
-
-```bash
-pnpm add @modern-js/plugin-router-v7
-```
-
-### Configure the Plugin
-
-Register the plugin in `modern.config.ts`:
-
-```ts title="modern.config.ts"
-import { routerPlugin } from '@modern-js/plugin-router-v7';
-
-export default {
-  runtime: {
-    router: true,
-  },
-  plugins: [routerPlugin()],
-};
-```
-
-### Code Changes
-
-In React Router v7, you no longer need to use the `defer` API; you can directly return data in the data loader:
-
-```ts title="routes/page.data.ts"
-import { defer } from '@modern-js/runtime/router';
-
-export const loader = async ({ params }) => {
-  // Recommended v7 style
-  const user = fetchUser(params.id)
-  return { user };
-
-  // v6 style, still compatible with Modern.js
-  return defer({ data: 'hello' });
-};
-```
-
-React Router v7 has also deprecated the `json` API:
-
-```ts title="routes/page.data.ts"
-export const loader = async ({ params }) => {
-  // Recommended v7 style
-  return { data: 'hello' };
-
-  // v6 style, still compatible with Modern.js
-  return json({ data: 'hello' });
-};
-```

package/docs/en/guides/basic-features/routes.mdx

@@ -490,6 +490,76 @@ import Motivation from '@site-docs-en/components/convention-routing-motivation';
 
 <Motivation />
 
+## Upgrading to React Router v7
+
+React Router v7 reduces bundle size (approximately 15% smaller) compared to React Router v6, provides a more efficient route matching algorithm, and offers better support for React 19 and TypeScript. There are very few breaking changes compared to React Router v6, and Modern.js has made both versions compatible, allowing for a seamless upgrade by simply installing and registering the appropriate plugin.
+
+:::info
+
+For more changes from React Router v6 to React Router v7, check the [documentation](https://reactrouter.com/upgrading/v6#upgrade-to-v7)
+
+:::
+
+### Requirements
+
+React Router v7 has certain environment requirements:
+
+- Node.js 20+
+- React 18+
+- React DOM 18+
+
+### Install the Plugin
+
+First, install the Modern.js React Router v7 plugin:
+
+```bash
+pnpm add @modern-js/plugin-router-v7
+```
+
+### Configure the Plugin
+
+Register the plugin in `modern.config.ts`:
+
+```ts title="modern.config.ts"
+import { routerPlugin } from '@modern-js/plugin-router-v7';
+
+export default {
+  runtime: {
+    router: true,
+  },
+  plugins: [routerPlugin()],
+};
+```
+
+### Code Changes
+
+In React Router v7, you no longer need to use the `defer` API; you can directly return data in the data loader:
+
+```ts title="routes/page.data.ts"
+import { defer } from '@modern-js/runtime/router';
+
+export const loader = async ({ params }) => {
+  // Recommended v7 style
+  const user = fetchUser(params.id)
+  return { user };
+
+  // v6 style, still compatible with Modern.js
+  return defer({ data: 'hello' });
+};
+```
+
+React Router v7 has also deprecated the `json` API:
+
+```ts title="routes/page.data.ts"
+export const loader = async ({ params }) => {
+  // Recommended v7 style
+  return { data: 'hello' };
+
+  // v6 style, still compatible with Modern.js
+  return json({ data: 'hello' });
+};
+```
+
 ## FAQ
 
 1. Why there is `@modern-js/runtime/router` to re-export React Router API
@@ -535,3 +605,5 @@ export const init = () => {
   // initialization logic
 };
 ```
+
+

package/docs/en/plugin/cli-plugins/api.mdx

@@ -324,7 +324,7 @@ Modify the server routing configuration.
 ```typescript
 api.modifyServerRoutes(routes => {
   // Add a new API route
-  routes.concat({
+  routes.push({
     urlPath: '/api',
     isApi: true,
     entryPath: '',

package/docs/zh/plugin/cli-plugins/api.mdx

@@ -324,7 +324,7 @@ api.modifyWebpackConfig((config, utils) => {
 ```typescript
 api.modifyServerRoutes(routes => {
   // 添加一个新的 API 路由
-  routes.concat({
+  routes.push({
     urlPath: '/api',
     isApi: true,
     entryPath: '',

package/package.json

@@ -15,14 +15,14 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-nightly-20250521160333",
+  "version": "0.0.0-nightly-20250525160318",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "dependencies": {
     "mermaid": "^11.4.1",
-    "@modern-js/sandpack-react": "0.0.0-nightly-20250521160333"
+    "@modern-js/sandpack-react": "0.0.0-nightly-20250525160318"
   },
   "devDependencies": {
     "@rsbuild/plugin-sass": "1.3.1",