@modern-js/main-doc 3.5.0 → 3.6.0

package/docs/en/configure/app/server/rsc.mdx

@@ -22,7 +22,7 @@ export default defineConfig({
 :::tip Prerequisites
 Before enabling RSC, ensure:
 1. React and React DOM are upgraded to version 19 (recommended 19.2.4 or above)
-2. Install the `react-server-dom-rspack@0.0.1-beta.1` dependency
+2. Install the `react-server-dom-rspack@0.0.2` dependency
 
 :::
 

package/docs/en/guides/advanced-features/page-performance/react-compiler.mdx

@@ -51,4 +51,4 @@ export default defineConfig({
 });
 ```
 
-> For detailed code, you can refer to the [Modern.js & React Compiler example project](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/react-compiler)
+> For detailed code, you can refer to the [Modern.js & React Compiler example project](https://github.com/web-infra-dev/modern.js/tree/main/examples/react-compiler)

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

@@ -112,7 +112,7 @@ Add the following content to `netlify.toml`:
 ```
 
 :::info
-You can refer to the [deployment project example](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr).
+You can refer to the [deployment project example](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr).
 
 :::
 
@@ -137,7 +137,7 @@ Full-stack projects refer to projects that use Custom Web Server, SSR or BFF. Th
 :::info
 
 1. Currently, Modern.js does not support deployment on Netlify Edge Functions. We will support it in future versions.
-2. You can refer to the [deployment project example](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-ssr).
+2. You can refer to the [deployment project example](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-ssr).
 
 :::
 
@@ -223,7 +223,7 @@ Commit your project to git, select Framework Preset as `Other` on the Vercel pla
 <img src="https://sf16-sg.tiktokcdn.com/obj/eden-sg/lmeh7nuptpfnuhd/vercel-framework-preset.png" />
 
 :::info
-You can refer to the [deployment project examples](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr).
+You can refer to the [deployment project examples](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr).
 
 :::
 
@@ -237,7 +237,7 @@ In addition to configuring `vercel.json` in the same way as a [pure front-end pr
 2. The Node.js version for function execution is determined by the project configuration on the Vercel platform.
 
 :::info
-You can refer to the [deployment project examples](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-ssr).
+You can refer to the [deployment project examples](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-ssr).
 
 :::
 
@@ -335,10 +335,10 @@ For branch deployment, follow these steps:
 :::info
 
 1. Running `MODERNJS_DEPLOY=ghPages modern deploy` will build the production output for GitHub in the .output directory.
-2. You can refer to the [project](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr)
+2. You can refer to the [project](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr)
    :::
 
-For GitHub Actions deployment, select Settings > Pages > Source > GitHub Actions, and add a workflow file to the project. You can refer to the [example](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr).
+For GitHub Actions deployment, select Settings > Pages > Source > GitHub Actions, and add a workflow file to the project. You can refer to the [example](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr).
 
 ## Using Self-Built Node.js Server
 

package/docs/en/guides/basic-features/render/rsc.mdx

@@ -23,10 +23,10 @@ Before starting, we recommend reading React's official [Server Components docume
 
 1. **Ensure React and React DOM are upgraded to version 19** (recommended version 19.2.4 or above)
 
-2. **Install the `react-server-dom-rspack@0.0.1-beta.1` dependency**
+2. **Install the `react-server-dom-rspack@0.0.2` dependency**
 
 ```bash
-npm install react-server-dom-rspack@0.0.1-beta.1
+npm install react-server-dom-rspack@0.0.2
 ```
 
 :::warning Notes

package/docs/en/guides/get-started/tech-stack.mdx

@@ -10,7 +10,7 @@ In this document, you can learn about the main technology stack involved in the
 
 ## UI Library
 
-Modern.js uses [React 18](https://react.dev/) to build user interfaces and is also compatible with React 17.
+Modern.js uses [React 19](https://react.dev/) to build user interfaces and is also compatible with React 18.
 
 Rsbuild supports building Vue applications. If you need to use Vue, you can refer to ["Rsbuild - Vue"](https://v2.rsbuild.rs/guide/framework/vue).
 

package/docs/en/guides/topic-detail/module-federation/application.mdx

@@ -62,7 +62,7 @@ export default createModuleFederationConfig({
 ```
 
 :::info
-[`createBridgeComponent`](https://module-federation.io/practice/bridge/react-bridge/export-app.html#createbridgecomponent-api-reference) is used to export application-level modules. Modern.js related APIs can be found at [createRoot](/apis/app/runtime/core/create-root) and [render](/apis/app/runtime/core/render).
+[`createBridgeComponent`](https://module-federation.io/guide/bridge/overview#core-apis) is used to export application-level modules. Modern.js related APIs can be found at [createRoot](/apis/app/runtime/core/create-root) and [render](/apis/app/runtime/core/render).
 :::
 
 ## Using Modules in Consumer
@@ -98,7 +98,7 @@ export default RemoteApp;
 ```
 
 :::info
-[`createRemoteAppComponent`](https://module-federation.io/zh/practice/bridge/react-bridge/load-app.html#%E4%BB%80%E4%B9%88%E6%98%AF-createremoteappcomponent) is used to load application-level modules.
+[`createRemoteAppComponent`](https://module-federation.io/guide/bridge/overview#core-apis) is used to load application-level modules.
 :::
 
 ## Start the Application
@@ -109,8 +109,8 @@ After startup, when the consumer application accesses the `/remote` route, it wi
 
 You can create new route files in the producer application and add route navigation in the code. These functionalities will also work as expected.
 
-You can refer to the example here: [Modern.js & Module Federation Application-Level Modules](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/module-federation/app-export).
+You can refer to the example here: [Modern.js & Module Federation Application-Level Modules](https://github.com/web-infra-dev/modern.js/tree/main/examples/module-federation/app-export).
 
 ## Related Documentation
 
-- [Module Federation Bridge](https://module-federation.io/zh/practice/bridge/index.html)
+- [Module Federation Bridge](https://module-federation.io/guide/bridge/overview)

package/docs/en/guides/topic-detail/module-federation/usage.mdx

@@ -195,7 +195,7 @@ Now, in the producer, run `modern build && MODERN_MF_AUTO_CORS=true  modern serv
 When using the `modern serve` command, you need to set the `MODERN_MF_AUTO_CORS=true` environment variable when starting the producer project to automatically handle CORS issues and ensure that consumers can properly access the producer's remote module resources.
 :::
 
-You can refer to this example: [Modern.js & Module Federation Basic Example](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/module-federation/base).
+You can refer to this example: [Modern.js & Module Federation Basic Example](https://github.com/web-infra-dev/modern.js/tree/main/examples/module-federation/base).
 
 ## Related Documentation
 

package/docs/zh/configure/app/server/rsc.mdx

@@ -22,7 +22,7 @@ export default defineConfig({
 :::tip 前置条件
 在启用 RSC 之前，请确保：
 1. React 和 React DOM 已升级到 19 版本（建议 19.2.4 以上版本）
-2. 已安装 `react-server-dom-rspack@0.0.1-beta.1` 依赖
+2. 已安装 `react-server-dom-rspack@0.0.2` 依赖
 
 :::
 

package/docs/zh/guides/advanced-features/page-performance/react-compiler.mdx

@@ -51,4 +51,4 @@ export default defineConfig({
 });
 ```
 
-> 详细代码可以参考：[Modern.js & React Compiler 示例项目](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/react-compiler)
+> 详细代码可以参考：[Modern.js & React Compiler 示例项目](https://github.com/web-infra-dev/modern.js/tree/main/examples/react-compiler)

package/docs/zh/guides/basic-features/deploy.mdx

@@ -109,7 +109,7 @@ Netlify 是一个流行的 Web 开发平台，专为构建、发布和维护现
 ```
 
 :::info
-你可参考部署[项目示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr)。
+你可参考部署[项目示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr)。
 :::
 
 在 Netlify 平台上添加项目，部署即可。
@@ -133,7 +133,7 @@ Netlify 是一个流行的 Web 开发平台，专为构建、发布和维护现
 :::info
 
 1. 目前 Modern.js 还不支持在 Netlify Edge Functions 进行部署，我们将在后续的版本中支持。
-2. 你可参考部署[项目示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-ssr)。
+2. 你可参考部署[项目示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-ssr)。
 
 :::
 
@@ -217,7 +217,7 @@ Vercel 是一个面向现代 Web 应用的部署平台，它提供了丰富的
 <img src="https://sf16-sg.tiktokcdn.com/obj/eden-sg/lmeh7nuptpfnuhd/vercel-framework-preset.png" />
 
 :::info
-你可参考部署[项目示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr)。
+你可参考部署[项目示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr)。
 :::
 
 ### 全栈项目
@@ -230,7 +230,7 @@ Vercel 是一个面向现代 Web 应用的部署平台，它提供了丰富的
 2. 函数运行的 node.js 版本由项目在 Vercel 平台配置决定。
 
 :::info
-你可参考部署[项目示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-ssr)。
+你可参考部署[项目示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-ssr)。
 
 :::
 
@@ -317,11 +317,11 @@ Github Pages 支持两种部署方式，通过分支部署或通过 Github Actio
 :::info
 
 1. 执行 `MODERNJS_DEPLOY=ghPages modern deploy`，Modern.js 会把可用于 github 部署的产物构建到 `.output` 目录。
-2. 可以参考项目[示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr)。
+2. 可以参考项目[示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr)。
 
 :::
 
-如果通过 Github Actions 部署，可以选择 Settings > Pages > Source > GitHub Actions，并在项目中添加 workflow 文件，可参考[示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/modern-js-deploy-csr)。
+如果通过 Github Actions 部署，可以选择 Settings > Pages > Source > GitHub Actions，并在项目中添加 workflow 文件，可参考[示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/modern-js-deploy-csr)。
 
 ## 自建 Node.js 服务器
 

package/docs/zh/guides/basic-features/render/rsc.mdx

@@ -23,10 +23,10 @@ React Server Components (RSC) 是一种新的组件类型，允许在服务端
 
 1. **确保 React 和 React DOM 升级到 19 版本**（建议 19.2.4 以上版本）
 
-2. **安装 `react-server-dom-rspack@0.0.1-beta.1` 依赖**
+2. **安装 `react-server-dom-rspack@0.0.2` 依赖**
 
 ```bash
-npm install react-server-dom-rspack@0.0.1-beta.1
+npm install react-server-dom-rspack@0.0.2
 ```
 
 :::warning 注意事项

package/docs/zh/guides/topic-detail/module-federation/application.mdx

@@ -63,7 +63,7 @@ export default createModuleFederationConfig({
 ```
 
 :::info
-[`createBridgeComponent`](https://module-federation.io/zh/practice/bridge/react-bridge/export-app.html#createbridgecomponent-api-%E5%8F%82%E8%80%83) 用于导出应用级别模块，Modern.js 相关 API 可以查看 [createRoot](/apis/app/runtime/core/create-root)、[render](/apis/app/runtime/core/render)。
+[`createBridgeComponent`](https://module-federation.io/zh/guide/bridge/overview.html#%E6%A0%B8%E5%BF%83-api) 用于导出应用级别模块，Modern.js 相关 API 可以查看 [createRoot](/apis/app/runtime/core/create-root)、[render](/apis/app/runtime/core/render)。
 :::
 
 ## 消费者使用模块
@@ -99,7 +99,7 @@ export default RemoteApp;
 ```
 
 :::info
-[`createRemoteAppComponent`](https://module-federation.io/zh/practice/bridge/react-bridge/load-app.html#%E4%BB%80%E4%B9%88%E6%98%AF-createremoteappcomponent) 用于加载应用级别模块。
+[`createRemoteAppComponent`](https://module-federation.io/zh/guide/bridge/overview.html#%E6%A0%B8%E5%BF%83-api) 用于加载应用级别模块。
 :::
 
 ## 启动应用
@@ -110,8 +110,8 @@ export default RemoteApp;
 
 你可以在生产者应用中，创建新的路由文件，并在代码中添加路由导航，可以发现这些功能也能够正常运行。
 
-上述用例可以参考：[Modern.js & Module Federation 应用级别模块](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/module-federation/app-export)。
+上述用例可以参考：[Modern.js & Module Federation 应用级别模块](https://github.com/web-infra-dev/modern.js/tree/main/examples/module-federation/app-export)。
 
 ## 相关文档
 
-- [Module Federation Bridge](https://module-federation.io/zh/practice/bridge/index.html)
+- [Module Federation Bridge](https://module-federation.io/zh/guide/bridge/overview)

package/docs/zh/guides/topic-detail/module-federation/usage.mdx

@@ -193,7 +193,7 @@ export default defineConfig({
 在使用 `modern serve` 命令时，需要在启动生产者项目时携带 `MODERN_MF_AUTO_CORS=true` 环境变量，以自动处理跨域问题，确保消费者可以正常访问生产者的远程模块资源。
 :::
 
-上述用例可以参考：[Modern.js & Module Federation 基础用法示例](https://github.com/web-infra-dev/modern-js-examples/tree/main/examples/module-federation/base)。
+上述用例可以参考：[Modern.js & Module Federation 基础用法示例](https://github.com/web-infra-dev/modern.js/tree/main/examples/module-federation/base)。
 
 ## 相关文档
 

package/package.json

@@ -16,14 +16,14 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.5.0",
+  "version": "3.6.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "dependencies": {
     "mermaid": "^11.15.0",
-    "@modern-js/sandpack-react": "3.5.0"
+    "@modern-js/sandpack-react": "3.6.0"
   },
   "devDependencies": {
     "rsbuild-plugin-open-graph": "1.1.3",