@modern-js/main-doc 0.0.0-nightly-20240826170723 → 0.0.0-nightly-20240827170702

package/docs/en/community/blog/_meta.json

@@ -1,6 +1 @@
-[
-  "overview",
-  "v2-release-note",
-  "2022-0910-updates",
-  "2022-0708-updates"
-]
+["overview", "v2-release-note", "2022-0910-updates", "2022-0708-updates"]

package/docs/en/configure/_meta.json

@@ -75,4 +75,4 @@
   },
   "app/builder-plugins",
   "app/auto-load-plugin"
-]
+]

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

@@ -19,7 +19,7 @@ When using Rspack as the bundler, SWC will be used for transpiling and compressi
 
 ## Used in Rspack mode
 
-You can set the options of [builtin:swc-loader](https://www.rspack.dev/guide/builtin-swc-loader) through `tools.swc`.
+You can set the options of [builtin:swc-loader](https://rspack.dev/guide/features/builtin-swc-loader) through `tools.swc`.
 
 ```
 import { defineConfig } from '@modern-js/app-tools';

package/docs/en/guides/advanced-features/bff/_meta.json

@@ -1,6 +1 @@
-[
-  "function",
-  "type",
-  "frameworks",
-  "sdk"
-]
+["function", "type", "frameworks", "sdk"]

package/docs/en/guides/advanced-features/rspack-start.mdx

@@ -22,13 +22,6 @@ import InitRspackApp from '@site-docs-en/components/init-rspack-app';
 
 After the project is created, you can experience the project by running `pnpm run dev`. For more project information, please refer to [Quick Start](/guides/get-started/quick-start.html).
 
-:::tip
-When using Rspack as the bundler, the following Features are temporarily unavailable as some of the capabilities are still under development and we will provide support in the future.
-
-- The usage of [useLoader](/guides/basic-features/data/data-fetch.html) in Client Side Rendering
-
-:::
-
 ## Enable Rspack build
 
 Since Modern.js MAJOR_VERSION.46.0, you can enable Rspack build by add the following configuration in `modern.config.ts`:
@@ -85,7 +78,7 @@ For unsupported configurations, we have marked `Bundler: only support webpack` o
 
 ## Modify transpile configuration
 
-Modern.js uses Rspack [builtin:swc-loader](https://www.rspack.dev/guide/builtin-swc-loader.html) for code translation in Rspack mode.
+Modern.js uses Rspack [builtin:swc-loader](https://rspack.dev/guide/features/builtin-swc-loader) for code translation in Rspack mode.
 
 Modern.js has provided a more convenient configuration for the common configuration of `builtin:swc-loader`, such as: configuring the component library to import it on demand through [source.transformImport](/configure/app/source/transform-import).
 

package/docs/en/guides/advanced-features/ssr/_meta.json

@@ -1,5 +1 @@
-[
-  "usage",
-  "stream",
-  "cache"
-]
+["usage", "stream", "cache"]

package/docs/en/guides/basic-features/data/_meta.json

@@ -1,4 +1 @@
-[
-  "data-fetch",
-  "data-write"
-]
+["data-fetch", "data-write"]

package/docs/en/guides/basic-features/data/data-fetch.mdx

@@ -481,7 +481,7 @@ The Data Loader in our SSR project is designed to only run on the server side. T
 **`useLoader`** is a legacy API in Modern.js v1. This API is a React Hook designed specifically for SSR applications, allowing developers to fetch data in components in isomorphic development.
 
 :::tip
-It is not necessary to use `useLoader` to fetch data in CSR projects.
+It is not necessary to use `useLoader` to fetch data in CSR projects, and `useLoader` is not supported when using Rspack as the bundler.
 :::
 
 Here is the simplest example:

package/docs/en/guides/concept/_meta.json

@@ -1,4 +1 @@
-[
-  "entries",
-  "builder"
-]
+["entries", "builder"]

package/docs/en/guides/get-started/_meta.json

@@ -1,7 +1 @@
-[
-  "introduction",
-  "quick-start",
-  "upgrade",
-  "glossary",
-  "tech-stack"
-]
+["introduction", "quick-start", "upgrade", "glossary", "tech-stack"]

package/docs/en/guides/topic-detail/framework-plugin/_meta.json

@@ -7,4 +7,4 @@
   "extend",
   "plugin-api",
   "hook-list"
-]
+]

package/docs/en/guides/topic-detail/generator/_meta.json

@@ -14,4 +14,4 @@
     "name": "plugin",
     "label": "generator-plugin"
   }
-]
+]

package/docs/en/guides/topic-detail/generator/create/_meta.json

@@ -1,5 +1 @@
-[
-  "use",
-  "option",
-  "config"
-]
+["use", "option", "config"]

package/docs/en/guides/topic-detail/generator/new/_meta.json

@@ -1,5 +1 @@
-[
-  "use",
-  "option",
-  "config"
-]
+["use", "option", "config"]

package/docs/en/guides/topic-detail/generator/plugin/_meta.json

@@ -8,4 +8,4 @@
     "name": "api",
     "label": "API"
   }
-]
+]

package/docs/en/guides/troubleshooting/_meta.json

@@ -1,6 +1 @@
-[
-  "dependencies",
-  "cli",
-  "builder",
-  "hmr"
-]
+["dependencies", "cli", "builder", "hmr"]

package/docs/zh/community/blog/_meta.json

@@ -1,6 +1 @@
-[
-  "overview",
-  "v2-release-note",
-  "2022-0910-updates",
-  "2022-0708-updates"
-]
+["overview", "v2-release-note", "2022-0910-updates", "2022-0708-updates"]

package/docs/zh/configure/_meta.json

@@ -75,4 +75,4 @@
   },
   "app/builder-plugins",
   "app/auto-load-plugin"
-]
+]

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

@@ -19,7 +19,7 @@ import SWC from '@modern-js/builder-doc/docs/zh/shared/swc.md';
 
 ## 在 Rspack 模式下使用
 
-通过 `tools.swc` 可以设置 Rspack [builtin:swc-loader](https://www.rspack.dev/guide/builtin-swc-loader) 的选项。
+通过 `tools.swc` 可以设置 Rspack [builtin:swc-loader](https://rspack.dev/zh/guide/features/builtin-swc-loader) 的选项。
 
 ```
 import { defineConfig } from '@modern-js/app-tools';

package/docs/zh/guides/advanced-features/bff/_meta.json

@@ -1,6 +1 @@
-[
-  "function",
-  "type",
-  "frameworks",
-  "sdk"
-]
+["function", "type", "frameworks", "sdk"]

package/docs/zh/guides/advanced-features/rspack-start.mdx

@@ -22,13 +22,6 @@ import InitRspackApp from '@site-docs/components/init-rspack-app';
 
 项目创建完成后，在项目中执行 `pnpm run dev` 即可体验项目，更多信息可参考[快速上手](/guides/get-started/quick-start.html)。
 
-:::tip
-在使用 Rspack 作为打包工具时，由于部分能力尚在开发中，以下 features 暂时无法使用，我们将在未来提供支持：
-
-- 客户端渲染（CSR）使用 [useLoader](/guides/basic-features/data/data-fetch.html)
-
-:::
-
 ## 开启 Rspack 构建
 
 从 Modern.js MAJOR_VERSION.46.0 版本起，在一个已有的 Modern.js 项目中，你仅需在 `modern.config.ts` 中添加以下配置，即可启用 Rspack 构建：
@@ -86,7 +79,7 @@ export default {
 
 ## 修改转译配置
 
-Modern.js 在 Rspack 模式下使用 Rspack [builtin:swc-loader](https://www.rspack.dev/zh/guide/builtin-swc-loader.html) 进行代码转译。
+Modern.js 在 Rspack 模式下使用 Rspack [builtin:swc-loader](https://rspack.dev/zh/guide/features/builtin-swc-loader) 进行代码转译。
 
 Modern.js 已对 `builtin:swc-loader` 的常见配置提供了更方便的配置方式，如：通过 [source.transformImport](/configure/app/source/transform-import) 配置组件库按需引入。如果对 `builtin:swc-loader` 有自定义配置的需求，可通过 [tools.swc](/configure/app/tools/swc) 进行配置：
 

package/docs/zh/guides/advanced-features/ssr/_meta.json

@@ -1,5 +1 @@
-[
-  "usage",
-  "stream",
-  "cache"
-]
+["usage", "stream", "cache"]

package/docs/zh/guides/basic-features/data/_meta.json

@@ -1,4 +1 @@
-[
-  "data-fetch",
-  "data-write"
-]
+["data-fetch", "data-write"]

package/docs/zh/guides/basic-features/data/data-fetch.mdx

@@ -499,8 +499,7 @@ export const loader = async (): Promise<ProfileData> => {
 **`useLoader`** 是 Modern.js 老版本中的 API。该 API 是一个 React Hook，专门提供给 SSR 应用使用，让开发者能同构的在组件中获取数据。
 
 :::tip
-CSR 的项目没有必要使用 `useLoader` 获取数据。
-
+CSR 的项目没有必要使用 `useLoader` 获取数据，且在使用 Rspack 作为打包工具时，`useLoader` 不支持使用。
 :::
 
 以下是一个最简单的例子：

package/docs/zh/guides/concept/_meta.json

@@ -1,4 +1 @@
-[
-  "entries",
-  "builder"
-]
+["entries", "builder"]

package/docs/zh/guides/get-started/_meta.json

@@ -1,7 +1 @@
-[
-  "introduction",
-  "quick-start",
-  "upgrade",
-  "glossary",
-  "tech-stack"
-]
+["introduction", "quick-start", "upgrade", "glossary", "tech-stack"]

package/docs/zh/guides/topic-detail/framework-plugin/_meta.json

@@ -7,4 +7,4 @@
   "extend",
   "plugin-api",
   "hook-list"
-]
+]

package/docs/zh/guides/topic-detail/generator/_meta.json

@@ -14,4 +14,4 @@
     "name": "plugin",
     "label": "generator-plugin"
   }
-]
+]

package/docs/zh/guides/topic-detail/generator/create/_meta.json

@@ -1,5 +1 @@
-[
-  "use",
-  "option",
-  "config"
-]
+["use", "option", "config"]

package/docs/zh/guides/topic-detail/generator/new/_meta.json

@@ -1,5 +1 @@
-[
-  "use",
-  "option",
-  "config"
-]
+["use", "option", "config"]

package/docs/zh/guides/topic-detail/generator/plugin/_meta.json

@@ -8,4 +8,4 @@
     "name": "api",
     "label": "API"
   }
-]
+]

package/docs/zh/guides/troubleshooting/_meta.json

@@ -1,6 +1 @@
-[
-  "dependencies",
-  "cli",
-  "builder",
-  "hmr"
-]
+["dependencies", "cli", "builder", "hmr"]

package/package.json

@@ -15,17 +15,17 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-nightly-20240826170723",
+  "version": "0.0.0-nightly-20240827170702",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@modern-js/sandpack-react": "0.0.0-nightly-20240826170723"
+    "@modern-js/sandpack-react": "0.0.0-nightly-20240827170702"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "0.0.0-nightly-20240826170723"
+    "@modern-js/builder-doc": "0.0.0-nightly-20240827170702"
   },
   "devDependencies": {
     "@rspress/shared": "1.27.0",
@@ -39,7 +39,7 @@
     "rspress": "1.27.0",
     "ts-node": "^10.9.1",
     "typescript": "^5",
-    "@modern-js/builder-doc": "0.0.0-nightly-20240826170723"
+    "@modern-js/builder-doc": "0.0.0-nightly-20240827170702"
   },
   "scripts": {
     "dev": "rspress dev",

package/rspress.config.ts

@@ -1,6 +1,6 @@
 import path from 'path';
-import { defineConfig } from 'rspress/config';
 import type { NavItem } from '@rspress/shared';
+import { defineConfig } from 'rspress/config';
 
 const { version } = require('./package.json');
 

package/src/components/ContentCard/index.tsx

@@ -1,5 +1,5 @@
-import type React from 'react';
 import cl from 'classnames';
+import type React from 'react';
 import { withBase } from 'rspress/runtime';
 import styles from './index.module.scss';
 

package/src/components/Sandpack/index.tsx

@@ -2,7 +2,7 @@ import ModernSandpack, {
   type ModernSandpackProps,
 } from '@modern-js/sandpack-react';
 import React, { type PropsWithChildren } from 'react';
-import { useDark, NoSSR } from 'rspress/runtime';
+import { NoSSR, useDark } from 'rspress/runtime';
 
 import './index.css';
 

package/src/components/ShowcaseList/index.tsx

@@ -1,5 +1,5 @@
-import { useShowcases } from './useShowcases';
 import styles from './index.module.scss';
+import { useShowcases } from './useShowcases';
 
 const getDomain = (url: string) => new URL(url).hostname;
 

package/src/i18n/index.ts

@@ -1,4 +1,4 @@
-import { withBase, useLang } from 'rspress/runtime';
+import { useLang, withBase } from 'rspress/runtime';
 import { EN_US } from './enUS';
 import { ZH_CN } from './zhCN';
 

package/src/pages/index.tsx

@@ -1,11 +1,11 @@
 /* eslint-disable react/no-unescaped-entities */
 import clsx from 'clsx';
-import { useLang, Helmet, useLocation } from 'rspress/runtime';
 import { useEffect } from 'react';
+import { Helmet, useLang, useLocation } from 'rspress/runtime';
 import ContentCard from '../components/ContentCard';
-import SecondaryTitle from '../components/SecondaryTitle';
 import { FeatureLayout } from '../components/FeatureLayout';
 import Footer from '../components/Footer';
+import SecondaryTitle from '../components/SecondaryTitle';
 import { useI18n, useUrl } from '../i18n';
 import styles from './index.module.scss';