docs: bump to Rspress@2.0.0-beta.13 and add llms.txt (#3834)

Author: SoonIter

apps/website-new/docs/en/guide/framework/modernjs.mdx

@@ -486,7 +486,7 @@ export default Index;
 
 If the current project only needs to load MF in CSR, you can set `ssr: false` to help with progressive migration.
 
-```title='modern.config.ts'
+```ts title='modern.config.ts'
 import { appTools, defineConfig } from '@modern-js/app-tools';
 import { moduleFederationPlugin } from '@module-federation/modern-js';
 

apps/website-new/docs/en/practice/frameworks/next/index.mdx

@@ -169,7 +169,7 @@ cross-env NEXT_PRIVATE_LOCAL_WEBPACK=true next build
 
 `.env` can be set as well, but can be unreliable in setting `NEXT_PRIVATE_LOCAL_WEBPACK` in time.
 
-```.env title=".env"
+```ini title=".env"
 NEXT_PRIVATE_LOCAL_WEBPACK=true
 ```
 

apps/website-new/docs/zh/guide/framework/modernjs.mdx

@@ -488,7 +488,7 @@ export default Index;
 
 如果当前项目仅需要在 CSR 加载 MF ，那么可以设置 `ssr: false` 来帮助渐进式迁移。
 
-```title='modern.config.ts'
+```ts title='modern.config.ts'
 import { appTools, defineConfig } from '@modern-js/app-tools';
 import { moduleFederationPlugin } from '@module-federation/modern-js';
 

apps/website-new/docs/zh/practice/frameworks/next/index.mdx

@@ -164,7 +164,7 @@ cross-env NEXT_PRIVATE_LOCAL_WEBPACK=true next build
 
 `.env` 也可以设置，但及时设置 `NEXT_PRIVATE_LOCAL_WEBPACK` 可能不可靠。
 
-```.env title=".env"
+```ini title=".env"
 NEXT_PRIVATE_LOCAL_WEBPACK=true
 ```
 

apps/website-new/package.json

@@ -9,12 +9,14 @@
   },
   "dependencies": {
     "framer-motion": "^10.0.0",
-    "rspress": "1.34.1",
+    "rspress": "2.0.0-beta.13",
     "tailwindcss": "^3.2.7",
     "video-react": "^0.16.0",
     "xgplayer": "^3.0.16",
     "rspress-plugin-annotation-words": "0.0.1",
-    "@module-federation/error-codes": "workspace:*"
+    "@rsbuild/plugin-sass": "^1.3.2",
+    "@module-federation/error-codes": "workspace:*",
+    "@rspress/plugin-llms": "2.0.0-beta.13"
   },
   "devDependencies": {
     "@types/node": "^20"

apps/website-new/rspress.config.ts

@@ -2,6 +2,8 @@ import * as path from 'path';
 import { defineConfig } from 'rspress/config';
 import { moduleFederationPluginOverview } from './src/moduleFederationPluginOverview';
 import { pluginAnnotationWords } from 'rspress-plugin-annotation-words';
+import { pluginSass } from '@rsbuild/plugin-sass';
+import { pluginLlms } from '@rspress/plugin-llms';
 
 const getNavbar = (lang: string) => {
   const cn = lang === 'zh';
@@ -81,15 +83,16 @@ export default defineConfig({
     pluginAnnotationWords({
       wordsMapPath: 'words-map.json',
     }),
+    pluginLlms(),
   ],
   builderConfig: {
-    plugins: [moduleFederationPluginOverview],
+    plugins: [moduleFederationPluginOverview, pluginSass()],
     tools: {
       postcss: (config, { addPlugins }) => {
         addPlugins([require('tailwindcss/nesting'), require('tailwindcss')]);
       },
     },
-    source: {
+    resolve: {
       alias: {
         '@site': path.resolve(__dirname),
         '@components': path.join(__dirname, 'src/components'),

apps/website-new/src/components/AnnouncementVideo.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useLayoutEffect, useState } from 'react';
 import { useI18n } from '../../theme/i18n';
 import Player from 'xgplayer';
 import 'xgplayer/dist/index.min.css';
@@ -31,13 +31,17 @@ export default function AnnouncementVideo(props: {
     };
   }
 
-  const [divWidth, setDivWidth] = useState(window.innerWidth);
+  const [divWidth, setDivWidth] = useState(0);
 
   // 更新宽度的函数
   const updateWidth = () => {
     setDivWidth(window.innerWidth);
   };
 
+  useLayoutEffect(() => {
+    updateWidth();
+  }, []);
+
   useEffect(() => {
     window.addEventListener('resize', updateWidth);
 

apps/website-new/theme/components/HomeFeature/index.tsx

@@ -52,7 +52,7 @@ export function HomeFeature({ features }: { features: Feature[] }) {
                   }
                 }}
               >
-                <div className="flex-center">
+                <div className="flex justify-center items-center">
                   <div className="w-12 h-12 text-3xl text-center">{icon}</div>
                 </div>
                 <h2 className="font-bold text-center">{title}</h2>

apps/website-new/theme/components/HomeFooter/index.tsx

@@ -87,7 +87,7 @@ export function HomeFooter() {
           </div>
         ))}
       </div>
-      <div className="flex flex-center">
+      <div className="flex justify-center items-center">
         <h2 className="font-normal text-sm text-gray-600 dark:text-light-600 py-4">
           © {new Date().getFullYear()} Module Federation core team. All Rights
           Reserved.

apps/website-new/theme/components/HomeHero/index.tsx

@@ -50,17 +50,18 @@ export function HomeHero({ hero }: { hero: Hero }) {
                 <Button
                   className="pl-2 pr-2"
                   type="a"
-                  text={action.text}
                   href={normalizeHrefInRuntime(action.link)}
                   theme={action.theme}
-                />
+                >
+                  {action.text}
+                </Button>
               </div>
             ))}
           </div>
         </div>
 
         {hasImage ? (
-          <div className="modern-doc-home-hero-image m-auto flex-center md:none lg:flex order-1 md:order-2">
+          <div className="modern-doc-home-hero-image m-auto justify-center items-center md:none lg:flex order-1 md:order-2">
             <div className={styles.imgMask}></div>
             <img src="/svg.svg" alt={hero.image?.alt} />
           </div>

apps/website-new/theme/index.tsx

@@ -1,11 +1,5 @@
-import Theme from 'rspress/theme';
 import { HomeLayout } from './pages';
 import './index.css';
 
-// eslint-disable-next-line import/export
+export { HomeLayout };
 export * from 'rspress/theme';
-
-export default {
-  ...Theme,
-  HomeLayout,
-};