docs: update homepage and theme

packages/client/src/index.tsx

@@ -11,5 +11,8 @@ root.render(<App />);
 const link = document.createElement('link');
 link.setAttribute('type', 'image/x-icon');
 link.setAttribute('rel', 'icon');
-link.setAttribute('href', 'https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png');
-document.head.appendChild(link);
+link.setAttribute(
+  'href',
+  'https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png',
+);
+document.head.appendChild(link);

packages/components/src/components/Layout/header.tsx

@@ -2,10 +2,7 @@ import { TranslationOutlined } from '@ant-design/icons';
 import { Col, Dropdown, Layout, Row, Typography } from 'antd';
 import React from 'react';
 import { Language, Size } from '../../constants';
-import {
-  useI18n,
-  useTheme
-} from '../../utils';
+import { useI18n, useTheme } from '../../utils';
 import { OverlayAlertsWithButton } from '../Alerts';
 import { BuilderSelect } from './builder-select';
 import { Menus } from './menus';
@@ -43,11 +40,44 @@ export const Header: React.FC = () => {
         transition: 'none',
       }}
     >
-      <Row justify="space-between" align="middle" style={{ height: Size.NavBarHeight }} wrap={false}>
-        <Col style={{ height: Size.NavBarHeight, lineHeight: `${Size.NavBarHeight + 2}px` }}>
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', height: '100%' }}>
-            <img style={{ height: 30 }} src={'https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png'} className="web-doctor-logo" alt="logo" />
-            <Typography.Text style={{ color: 'inherit', fontSize: 18, marginLeft: 4, marginTop: 8 }}>Rsdoctor</Typography.Text>
+      <Row
+        justify="space-between"
+        align="middle"
+        style={{ height: Size.NavBarHeight }}
+        wrap={false}
+      >
+        <Col
+          style={{
+            height: Size.NavBarHeight,
+            lineHeight: `${Size.NavBarHeight + 2}px`,
+          }}
+        >
+          <div
+            style={{
+              display: 'flex',
+              justifyContent: 'space-between',
+              alignItems: 'center',
+              height: '100%',
+            }}
+          >
+            <img
+              style={{ height: 30 }}
+              src={
+                'https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png'
+              }
+              className="web-doctor-logo"
+              alt="logo"
+            />
+            <Typography.Text
+              style={{
+                color: 'inherit',
+                fontSize: 18,
+                marginLeft: 4,
+                marginTop: 8,
+              }}
+            >
+              Rsdoctor
+            </Typography.Text>
             <BuilderSelect />
           </div>
         </Col>
@@ -90,7 +120,10 @@ export const Header: React.FC = () => {
                   selectedKeys: [i18n.language],
                 }}
               >
-                <TranslationOutlined className="header-icon" style={iconStyle} />
+                <TranslationOutlined
+                  className="header-icon"
+                  style={iconStyle}
+                />
               </Dropdown>
             </Col>
           </Row>

packages/document/docs/en/guide/more/rules.mdx

@@ -1,5 +1,5 @@
 # Rule Index
 
-import RuleIndex from '@src/components/RuleIndex';
+import RuleIndex from '@components/RuleIndex';
 
 <RuleIndex />

packages/document/docs/en/index.md

@@ -13,7 +13,7 @@ hero:
       text: Quick Start
       link: /guide/start/quick-start
   image:
-    src: https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png
+    src: https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png
     alt: Rsdoctor Logo
 
 features:

packages/document/docs/zh/guide/more/rules.mdx

@@ -1,5 +1,5 @@
 # Rule Index
 
-import RuleIndex from '@src/components/RuleIndex';
+import RuleIndex from '@components/RuleIndex';
 
 <RuleIndex />

packages/document/docs/zh/index.md

@@ -13,7 +13,7 @@ hero:
       text: 快速开始
       link: /zh/guide/start/quick-start
   image:
-    src: https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor.png
+    src: https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png
     alt: Rsdoctor Logo
 
 features:

packages/document/i18n.json

@@ -0,0 +1,10 @@
+{
+  "toolStackTitle": {
+    "en": "Tool Stack",
+    "zh": "工具栈"
+  },
+  "toolStackDesc": {
+    "en": "High-performance tool stack built around Rspack to boost modern web development",
+    "zh": "围绕 Rspack 打造的高性能工具栈，助力现代 Web 开发"
+  }
+}

packages/document/package.json

@@ -30,16 +30,14 @@
     "@types/react-dom": "^18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rsbuild-plugin-google-analytics": "^1.0.0",
-    "rsbuild-plugin-open-graph": "1.0.0",
+    "rsbuild-plugin-google-analytics": "^1.0.1",
+    "rsbuild-plugin-open-graph": "^1.0.1",
     "rspress-plugin-font-open-sans": "^1.0.0",
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "framer-motion": "^10.18.0",
     "react-markdown": "^9.0.1",
-    "rsfamily-nav-icon": "^1.0.3",
-    "rspress": "^1.25.1",
-    "tailwindcss": "^3.4.0"
+    "rsfamily-doc-ui": "^1.0.3",
+    "rspress": "^1.26.1"
   }
 }

packages/document/rspress.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   root: path.join(__dirname, 'docs'),
   title: 'Rsdoctor',
   description: 'A one-stop build analyzer for Rspack and Webpack.',
-  icon: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/logo/rsdoctor-large.png',
+  icon: 'https://assets.rspack.dev/rsdoctor/rsdoctor-logo-960x960.png',
   lang: 'en',
   base: '/',
   logo: {
@@ -88,10 +88,5 @@ export default defineConfig({
         '@zh': path.join(__dirname, 'docs/zh'),
       },
     },
-    tools: {
-      postcss(config, { addPlugins }) {
-        addPlugins([require('tailwindcss')]);
-      },
-    },
   },
 });