@modern-js/main-doc 0.0.0-next-1680201218318 → 0.0.0-next-1680273368360

package/CHANGELOG.md

@@ -1,12 +1,12 @@
 # @modern-js/main-doc
 
-## 0.0.0-next-1680201218318
+## 0.0.0-next-1680273368360
 
 ### Patch Changes
 
 - 9e5044d41: doc: 修正文档中使用@edenx/runtime 的部分
   doc: Correct the sections in the document that use @edenx/runtime.
-  - @modern-js/builder-doc@0.0.0-next-1680201218318
+  - @modern-js/builder-doc@0.0.0-next-1680273368360
 
 ## 2.11.0
 

package/docs/en/configure/app/tools/bundler-chain.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_label: bundlerChain
+---
+
+# tools.bundlerChain
+
+:::tip
+This config is provided by Modern.js Builder, more detail can see [tools.bundlerChain](https://modernjs.dev/builder/en/api/config-tools.html#toolsbundlerchain).
+:::
+
+import Main from '@modern-js/builder-doc/docs/en/config/tools/bundlerChain.mdx';
+
+<Main />

package/docs/en/configure/app/tools/swc.mdx

@@ -19,10 +19,11 @@ When using Rspack as the bundler, SWC will be used for transpiling and compressi
 
 ## Install
 
-The `@modern-js/plugin-swc` plugin needs to be installed before use.
+First, you need to execute `pnpm run new` to enable the SWC compile:
 
 ```bash
-pnpm add @modern-js/plugin-swc -D
+? Action: Enable features
+? Enable features: Enable SWC Compile
 ```
 
 After the installation，please register the SWC plugin in the `modern.config.ts` file, then the SWC compilation and compression will be enabled.

package/docs/en/guides/topic-detail/model/use-model.mdx

@@ -2,6 +2,7 @@
 sidebar_position: 3
 title: Use Models
 ---
+
 # Use Models
 
 ## Using Models in Components
@@ -146,7 +147,7 @@ will always get the initial value of Input.
 
 :::
 
-`useStaticModel` is also suitable for use with animation libraries such as [react-three-fiber](https://github.com/pmndrs/react-three-fiber), because binding fast-changing states in animation component UI can easily cause [performance issues](https:/docs.pmnd.rs/react-three-fiber/advanced/pitfalls#never-bind-fast-state-reactive). In this case, you can choose to use `useStaticModel`, which only subscribes to the State but does not cause the view component to re-render. Here is a simplified example:
+`useStaticModel` is also suitable for use with animation libraries such as [react-three-fiber](https://github.com/pmndrs/react-three-fiber), because binding fast-changing states in animation component UI can easily cause [performance issues](https://docs.pmnd.rs/react-three-fiber/advanced/pitfalls#never-bind-fast-state-reactive). In this case, you can choose to use `useStaticModel`, which only subscribes to the State but does not cause the view component to re-render. Here is a simplified example:
 
 ```ts
 function ThreeComponent() {

package/docs/zh/configure/app/tools/bundler-chain.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_label: bundlerChain
+---
+
+# tools.bundlerChain
+
+:::tip
+该配置由 Modern.js Builder 提供，更多信息可参考 [tools.bundlerChain](https://modernjs.dev/builder/api/config-tools.html#toolsbundlerchain)。
+:::
+
+import Main from '@modern-js/builder-doc/docs/zh/config/tools/bundlerChain.mdx';
+
+<Main />

package/docs/zh/configure/app/tools/swc.mdx

@@ -19,13 +19,14 @@ Modern.js 提供了开箱即用的 SWC 插件，可以为你的 Web 应用提供
 
 ## 安装
 
-使用前需要安装 `@modern-js/plugin-swc` 插件。
+首先，你需要执行 `pnpm run new` 启用 SWC 编译：
 
 ```bash
-pnpm add @modern-js/plugin-swc -D
+? 请选择你想要的操作：启用可选功能
+? 启用可选功能：启用「SWC 编译」
 ```
 
-安装完成后，只需在 `modern.config.ts` 文件中注册 SWC 插件，即可启用 SWC 编译和压缩能力。
+执行完成后，你只需在 `modern.config.ts` 文件中注册 SWC 插件，即可启用 SWC 编译和压缩能力。
 
 ```ts title="modern.config.ts"
 import appTools, { defineConfig } from '@modern-js/app-tools';

package/docs/zh/guides/topic-detail/model/use-model.mdx

@@ -2,6 +2,7 @@
 sidebar_position: 3
 title: 使用 Model
 ---
+
 # 使用 Model
 
 ## 在组件内使用
@@ -147,7 +148,7 @@ function Search() {
 
 :::
 
-`useStaticModel` 还适合和 [react-three-fiber](https://github.com/pmndrs/react-three-fiber) 等动画库一起使用，因为在动画组件 UI 里绑定会快速变化的状态，容易引起[性能问题](https:/docs.pmnd.rs/react-three-fiber/advanced/pitfalls#never-bind-fast-state-reactive)。这种情况就可以选择使用 `useStaticModel`，它只会订阅状态，但不会引起视图组件的重新渲染。下面是一个简化示例：
+`useStaticModel` 还适合和 [react-three-fiber](https://github.com/pmndrs/react-three-fiber) 等动画库一起使用，因为在动画组件 UI 里绑定会快速变化的状态，容易引起[性能问题](https://docs.pmnd.rs/react-three-fiber/advanced/pitfalls#never-bind-fast-state-reactive)。这种情况就可以选择使用 `useStaticModel`，它只会订阅状态，但不会引起视图组件的重新渲染。下面是一个简化示例：
 
 ```ts
 function ThreeComponent() {

package/modern.config.ts

@@ -78,7 +78,8 @@ export default defineConfig({
     lang: 'zh',
     themeDir: path.join(__dirname, 'src'),
     markdown: {
-      checkDeadLinks: process.env.NODE_ENV === 'production',
+      checkDeadLinks: true,
+      experimentalMdxRs: true,
     },
     head: [
       `
@@ -133,7 +134,7 @@ export default defineConfig({
         dataUriLimit: 0,
       },
       dev: {
-        startUrl: true,
+        startUrl: false,
       },
       source: {
         alias: {

package/package.json

@@ -11,13 +11,13 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-next-1680201218318",
+  "version": "0.0.0-next-1680273368360",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "0.0.0-next-1680201218318"
+    "@modern-js/builder-doc": "0.0.0-next-1680273368360"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -29,9 +29,9 @@
     "fs-extra": "^10",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "0.0.0-next-1680201218318",
-    "@modern-js/doc-tools": "0.0.0-next-1680201218318",
-    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1680201218318"
+    "@modern-js/builder-doc": "0.0.0-next-1680273368360",
+    "@modern-js/doc-tools": "0.0.0-next-1680273368360",
+    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1680273368360"
   },
   "scripts": {
     "dev": "modern dev",