fix(platform, docs): move homepage to platform

perfsee · Sep 16, 2022 · f2b01fe · f2b01fe
1 parent 36ffeab
commit f2b01fe
Show file tree

Hide file tree

Showing 127 changed files with 272 additions and 210 deletions.
diff --git a/docs/docs/docs/FAQ.md → docs/docs/FAQ.md b/docs/docs/docs/FAQ.md → docs/docs/FAQ.md
@@ -1,7 +1,3 @@
----
-sidebar_position: 7
----
-
 # FAQ
 
 ## Common

diff --git a/docs/docs/docs/bundle/bundle-audits.md → docs/docs/bundle/bundle-audits.md b/docs/docs/docs/bundle/bundle-audits.md → docs/docs/bundle/bundle-audits.md
diff --git a/docs/docs/docs/bundle/bundle-report.md → docs/docs/bundle/bundle-report.md b/docs/docs/docs/bundle/bundle-report.md → docs/docs/bundle/bundle-report.md
diff --git a/docs/docs/docs/bundle/get-started.md → docs/docs/bundle/get-started.md b/docs/docs/docs/bundle/get-started.md → docs/docs/bundle/get-started.md
@@ -72,7 +72,7 @@ yarn build
 ```
 
 :::note
-Checkout [API](../../api) for how to generate the token.
+Checkout [API](../api) for how to generate the token.
 :::
 
 ### Option 2: Analyze locally

diff --git a/docs/docs/docs/bundle/plugin-options.md → docs/docs/bundle/plugin-options.md b/docs/docs/docs/bundle/plugin-options.md → docs/docs/bundle/plugin-options.md
diff --git a/docs/docs/docs/bundle/_category_.json b/docs/docs/docs/bundle/_category_.json
diff --git a/docs/docs/docs/lab/_category_.json b/docs/docs/docs/lab/_category_.json
diff --git a/docs/docs/docs/settings/_category_.json b/docs/docs/docs/settings/_category_.json
diff --git a/docs/docs/docs/source/_category_.json b/docs/docs/docs/source/_category_.json
diff --git a/docs/docs/docs/get-started.md → docs/docs/get-started.md b/docs/docs/docs/get-started.md → docs/docs/get-started.md
@@ -1,5 +1,4 @@
 ---
-sidebar_position: 2
 title: Get Started
 ---
 

diff --git a/docs/docs/docs/intro.md → docs/docs/intro.md b/docs/docs/docs/intro.md → docs/docs/intro.md
@@ -1,5 +1,4 @@
 ---
-sidebar_position: 1
 title: Introduction
 slug: /
 ---

diff --git a/docs/docs/docs/lab/competitor.md → docs/docs/lab/competitor.md b/docs/docs/docs/lab/competitor.md → docs/docs/lab/competitor.md
diff --git a/docs/docs/docs/lab/e2e.md → docs/docs/lab/e2e.md b/docs/docs/docs/lab/e2e.md → docs/docs/lab/e2e.md
diff --git a/docs/docs/docs/lab/get-started.md → docs/docs/lab/get-started.md b/docs/docs/docs/lab/get-started.md → docs/docs/lab/get-started.md
diff --git a/docs/docs/docs/lab/metrics-gallery.md → docs/docs/lab/metrics-gallery.md b/docs/docs/docs/lab/metrics-gallery.md → docs/docs/lab/metrics-gallery.md
diff --git a/docs/docs/docs/lab/multi-reports.md → docs/docs/lab/multi-reports.md b/docs/docs/docs/lab/multi-reports.md → docs/docs/lab/multi-reports.md
diff --git a/docs/docs/docs/lab/report.md → docs/docs/lab/report.md b/docs/docs/docs/lab/report.md → docs/docs/lab/report.md
diff --git a/docs/docs/docs/lab/set-commit.md → docs/docs/lab/set-commit.md b/docs/docs/docs/lab/set-commit.md → docs/docs/lab/set-commit.md
diff --git a/docs/docs/docs/settings/basic-setting.md → docs/docs/settings/basic-setting.md b/docs/docs/docs/settings/basic-setting.md → docs/docs/settings/basic-setting.md
diff --git a/...docs/docs/settings/environment-setting.md → docs/docs/settings/environment-setting.md b/...docs/docs/settings/environment-setting.md → docs/docs/settings/environment-setting.md
diff --git a/docs/docs/docs/settings/page-setting.md → docs/docs/settings/page-setting.md b/docs/docs/docs/settings/page-setting.md → docs/docs/settings/page-setting.md
diff --git a/docs/docs/docs/settings/profile-setting.md → docs/docs/settings/profile-setting.md b/docs/docs/docs/settings/profile-setting.md → docs/docs/settings/profile-setting.md
diff --git a/docs/docs/docs/settings/schedule-setting.md → docs/docs/settings/schedule-setting.md b/docs/docs/docs/settings/schedule-setting.md → docs/docs/settings/schedule-setting.md
diff --git a/docs/docs/docs/source/flamechart.md → docs/docs/source/flamechart.md b/docs/docs/docs/source/flamechart.md → docs/docs/source/flamechart.md
diff --git a/docs/docs/docs/source/get-started.md → docs/docs/source/get-started.md b/docs/docs/docs/source/get-started.md → docs/docs/source/get-started.md
diff --git a/docs/docs/docs/source/source-report.md → docs/docs/source/source-report.md b/docs/docs/docs/source/source-report.md → docs/docs/source/source-report.md
diff --git a/docs/docs/docs/source/vscode-extensions.md → docs/docs/source/vscode-extensions.md b/docs/docs/docs/source/vscode-extensions.md → docs/docs/source/vscode-extensions.md
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -9,7 +9,7 @@ const config = {
   title: 'Perfsee',
   tagline: 'Perfsee the frontend performance analysis platform',
   url: 'https://perfsee.com',
-  baseUrl: '/',
+  baseUrl: '/docs/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
   favicon: '/favicon.ico',
@@ -29,18 +29,10 @@ const config = {
           sidebarPath: require.resolve('./sidebars.js'),
           // Please change this to your repo.
           editUrl: 'https://github.com/perfsee/perfsee/tree/main/docs/',
-          routeBasePath: '/docs',
-        },
-        blog: false,
-        pages: {
-          path: 'src/pages',
           routeBasePath: '/',
-          include: ['**/*.{js,jsx,ts,tsx,md,mdx}'],
-          exclude: ['**/_*.{js,jsx,ts,tsx,md,mdx}', '**/_*/**', '**/*.test.{js,jsx,ts,tsx}', '**/__tests__/**'],
-          rehypePlugins: [],
-          beforeDefaultRemarkPlugins: [],
-          beforeDefaultRehypePlugins: [],
         },
+        blog: false,
+        pages: false,
       },
     ],
   ],
@@ -66,6 +58,8 @@ const config = {
         logo: {
           alt: 'Logo',
           src: '/logo.png',
+          href: 'https://perfsee.com',
+          target: '_self',
         },
         items: [
           {
@@ -108,11 +102,11 @@ const config = {
             items: [
               {
                 label: 'Documents',
-                to: '/docs',
+                to: '/',
               },
               {
                 label: 'API',
-                to: '/docs/api',
+                to: '/api',
               },
             ],
           },

diff --git a/...s-plugin-content-docs/current/docs/FAQ.md → ...saurus-plugin-content-docs/current/FAQ.md b/...s-plugin-content-docs/current/docs/FAQ.md → ...saurus-plugin-content-docs/current/FAQ.md
@@ -1,7 +1,3 @@
----
-sidebar_position: 7
----
-
 # FAQ
 
 ## 通用

diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "平台使用手册"
+}
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/api/api.md b/docs/i18n/cn/docusaurus-plugin-content-docs/current/api/api.md
@@ -1,7 +1,3 @@
----
-sidebar_position: 1
----
-
 # API
 
 ## 简介

diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/bundle/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/bundle/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Bundle 功能手册"
+}
diff --git a/...docs/current/docs/bundle/bundle-audits.md → ...tent-docs/current/bundle/bundle-audits.md b/...docs/current/docs/bundle/bundle-audits.md → ...tent-docs/current/bundle/bundle-audits.md
diff --git a/...docs/current/docs/bundle/bundle-report.md → ...tent-docs/current/bundle/bundle-report.md b/...docs/current/docs/bundle/bundle-report.md → ...tent-docs/current/bundle/bundle-report.md
diff --git a/...t-docs/current/docs/bundle/get-started.md → ...ontent-docs/current/bundle/get-started.md b/...t-docs/current/docs/bundle/get-started.md → ...ontent-docs/current/bundle/get-started.md
@@ -71,7 +71,7 @@ yarn build
 ```
 
 :::note
-前往 [API](../../api) 查看如果生成 Perfsee Token。
+前往 [API](../api) 查看如果生成 Perfsee Token。
 :::
 
 ### Option 2: 仅在 CI 中分析

diff --git a/...ocs/current/docs/bundle/plugin-options.md → ...ent-docs/current/bundle/plugin-options.md b/...ocs/current/docs/bundle/plugin-options.md → ...ent-docs/current/bundle/plugin-options.md
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/_category_.json
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/bundle/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/bundle/_category_.json
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/lab/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/lab/_category_.json
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/settings/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/settings/_category_.json
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/source/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/docs/source/_category_.json
diff --git a/...-content-docs/current/docs/get-started.md → ...lugin-content-docs/current/get-started.md b/...-content-docs/current/docs/get-started.md → ...lugin-content-docs/current/get-started.md
@@ -1,5 +1,4 @@
 ---
-sidebar_position: 2
 title: 创建项目
 ---
 

diff --git a/...plugin-content-docs/current/docs/intro.md → ...urus-plugin-content-docs/current/intro.md b/...plugin-content-docs/current/docs/intro.md → ...urus-plugin-content-docs/current/intro.md
@@ -1,5 +1,4 @@
 ---
-sidebar_position: 1
 slug: /
 ---
 

diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/lab/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/lab/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Lab 功能手册"
+}
diff --git a/...ntent-docs/current/docs/lab/competitor.md → ...in-content-docs/current/lab/competitor.md b/...ntent-docs/current/docs/lab/competitor.md → ...in-content-docs/current/lab/competitor.md
diff --git a/...ugin-content-docs/current/docs/lab/e2e.md → ...us-plugin-content-docs/current/lab/e2e.md b/...ugin-content-docs/current/docs/lab/e2e.md → ...us-plugin-content-docs/current/lab/e2e.md
diff --git a/...tent-docs/current/docs/lab/get-started.md → ...n-content-docs/current/lab/get-started.md b/...tent-docs/current/docs/lab/get-started.md → ...n-content-docs/current/lab/get-started.md
diff --git a/...-docs/current/docs/lab/metrics-gallery.md → ...ntent-docs/current/lab/metrics-gallery.md b/...-docs/current/docs/lab/metrics-gallery.md → ...ntent-docs/current/lab/metrics-gallery.md
diff --git a/...nt-docs/current/docs/lab/multi-reports.md → ...content-docs/current/lab/multi-reports.md b/...nt-docs/current/docs/lab/multi-reports.md → ...content-docs/current/lab/multi-reports.md
diff --git a/...n-content-docs/current/docs/lab/report.md → ...plugin-content-docs/current/lab/report.md b/...n-content-docs/current/docs/lab/report.md → ...plugin-content-docs/current/lab/report.md
diff --git a/...ntent-docs/current/docs/lab/set-commit.md → ...in-content-docs/current/lab/set-commit.md b/...ntent-docs/current/docs/lab/set-commit.md → ...in-content-docs/current/lab/set-commit.md
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/settings/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/settings/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "项目设置"
+}
diff --git a/...cs/current/docs/settings/basic-setting.md → ...nt-docs/current/settings/basic-setting.md b/...cs/current/docs/settings/basic-setting.md → ...nt-docs/current/settings/basic-setting.md
diff --git a/...rent/docs/settings/environment-setting.md → ...s/current/settings/environment-setting.md b/...rent/docs/settings/environment-setting.md → ...s/current/settings/environment-setting.md
diff --git a/...ocs/current/docs/settings/page-setting.md → ...ent-docs/current/settings/page-setting.md b/...ocs/current/docs/settings/page-setting.md → ...ent-docs/current/settings/page-setting.md
diff --git a/.../current/docs/settings/profile-setting.md → ...-docs/current/settings/profile-setting.md b/.../current/docs/settings/profile-setting.md → ...-docs/current/settings/profile-setting.md
diff --git a/...current/docs/settings/schedule-setting.md → ...docs/current/settings/schedule-setting.md b/...current/docs/settings/schedule-setting.md → ...docs/current/settings/schedule-setting.md
diff --git a/docs/i18n/cn/docusaurus-plugin-content-docs/current/source/_category_.json b/docs/i18n/cn/docusaurus-plugin-content-docs/current/source/_category_.json
@@ -0,0 +1,3 @@
+{
+  "label": "Source 功能手册"
+}
diff --git a/...nt-docs/current/docs/source/flamechart.md → ...content-docs/current/source/flamechart.md b/...nt-docs/current/docs/source/flamechart.md → ...content-docs/current/source/flamechart.md
diff --git a/...t-docs/current/docs/source/get-started.md → ...ontent-docs/current/source/get-started.md b/...t-docs/current/docs/source/get-started.md → ...ontent-docs/current/source/get-started.md
diff --git a/...docs/current/docs/source/source-report.md → ...tent-docs/current/source/source-report.md b/...docs/current/docs/source/source-report.md → ...tent-docs/current/source/source-report.md
diff --git a/.../current/docs/source/vscode-extensions.md → ...-docs/current/source/vscode-extensions.md b/.../current/docs/source/vscode-extensions.md → ...-docs/current/source/vscode-extensions.md
diff --git a/docs/package.json b/docs/package.json
@@ -5,11 +5,11 @@
   "scripts": {
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
-    "build": "docusaurus build",
+    "build": "docusaurus build --out-dir ../assets/docs",
     "swizzle": "docusaurus swizzle",
-    "deploy": "docusaurus deploy",
+    "deploy": "docusaurus deploy --out-dir ../assets/docs",
     "clear": "docusaurus clear",
-    "serve": "docusaurus serve",
+    "serve": "docusaurus serve --dir ../assets/docs",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
     "typecheck": "tsc"

diff --git a/docs/sidebars.js b/docs/sidebars.js
@@ -13,7 +13,15 @@
 
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
-  documentsSidebar: [{ type: 'autogenerated', dirName: 'docs' }],
+  documentsSidebar: [
+    'intro',
+    'get-started',
+    { type: 'category', label: 'Bundle Analysis', items: [{ type: 'autogenerated', dirName: 'bundle' }] },
+    { type: 'category', label: 'Lab Analysis', items: [{ type: 'autogenerated', dirName: 'lab' }] },
+    { type: 'category', label: 'Source Analysis', items: [{ type: 'autogenerated', dirName: 'source' }] },
+    { type: 'category', label: 'Project Settings', items: [{ type: 'autogenerated', dirName: 'settings' }] },
+    'FAQ',
+  ],
   apiSidebar: [{ type: 'autogenerated', dirName: 'api' }],
 }
 

diff --git a/docs/src/components/layout/index.tsx b/docs/src/components/layout/index.tsx
diff --git a/packages/dls/src/reset-style.ts b/packages/dls/src/reset-style.ts
@@ -15,10 +15,7 @@ limitations under the License.
 */
 
 export const resetLink = (color: string) => ({
-  ':visited': {
-    color,
-  },
-  ':hover': {
+  ':hover, :visited, :active': {
     color,
   },
 })
diff --git a/packages/platform-server/src/modules/auth/__tests__/auth.controller.spec.serial.ts b/packages/platform-server/src/modules/auth/__tests__/auth.controller.spec.serial.ts
@@ -54,7 +54,7 @@ test.serial('register', async (t) => {
       ...testuser,
     })
     .expect(302)
-    .expect('Location', '/')
+    .expect('Location', '/projects')
 
   t.true(t.context.module.get(UserService).createUser.calledWithMatch(omit(testuser, 'password', 'isFulfilled')))
   t.true(session.user.username === testuser.username)
@@ -141,7 +141,7 @@ test.serial('login', async (t) => {
       password: testuser.password,
     })
     .expect(302)
-    .expect('Location', '/')
+    .expect('Location', '/projects')
 
   t.true(session.user.username === testuser.username)
 })

diff --git a/packages/platform-server/src/modules/auth/auth.controller.ts b/packages/platform-server/src/modules/auth/auth.controller.ts
@@ -104,7 +104,7 @@ export class AuthController implements OnApplicationBootstrap {
     }
 
     session.user = user
-    return this.url.safeRedirect(res, returnUrl || staticPath.home)
+    return this.url.safeRedirect(res, returnUrl || staticPath.projects)
   }
 
   @Get('/reset-password')
@@ -231,7 +231,7 @@ export class AuthController implements OnApplicationBootstrap {
       : await this.user.createUser(userInfo)
 
     session.user = userCreated
-    return this.url.safeRedirect(res, returnUrl || staticPath.home)
+    return this.url.safeRedirect(res, returnUrl || staticPath.projects)
   }
 
   async createDefaultAdminUser() {

diff --git a/packages/platform-server/src/modules/auth/oauth.controller.ts b/packages/platform-server/src/modules/auth/oauth.controller.ts
@@ -146,7 +146,7 @@ export class OAuth2Controller {
       return res.redirect(this.errorPage(e.message, { returnUrl: state.returnUrl }))
     }
 
-    this.url.safeRedirect(res, state.returnUrl || staticPath.home)
+    this.url.safeRedirect(res, state.returnUrl || staticPath.projects)
   }
 
   private async loginFromOauth(provider: ExternalAccount, externAccount: ExternalAccountUser, token: string) {

diff --git a/packages/platform/src/app.tsx b/packages/platform/src/app.tsx
@@ -23,9 +23,8 @@ import { MDXComponents } from '@perfsee/components'
 import { ThemeProvider } from '@perfsee/dls'
 
 import { AppError, AppErrorTitle, Face } from './app.error'
-import { Entry } from './routes'
-
 import './icons'
+import { Entry } from './routes'
 
 export class App extends Component {
   static getDerivedStateFromError() {

diff --git a/packages/platform/src/common/lazy/index.tsx b/packages/platform/src/common/lazy/index.tsx
@@ -16,7 +16,7 @@ limitations under the License.
 
 import { lazy as reactLazy, ComponentType, ComponentPropsWithRef, Suspense } from 'react'
 
-export function lazy<T extends ComponentType<any>>(factory: () => Promise<Record<any, T>>) {
+export function lazy<T extends ComponentType<any>>(factory: () => Promise<Record<any, T>>, fallback?: React.ReactNode) {
   const LazyComponent = reactLazy(() =>
     factory().then((mod) => {
       if ('default' in mod) {
@@ -35,7 +35,7 @@ export function lazy<T extends ComponentType<any>>(factory: () => Promise<Record
 
   return (props: ComponentPropsWithRef<T>) => {
     return (
-      <Suspense fallback={false}>
+      <Suspense fallback={fallback}>
         <LazyComponent {...props} />
       </Suspense>
     )

diff --git a/packages/platform/src/modules/components/breadcrumb/index.tsx b/packages/platform/src/modules/components/breadcrumb/index.tsx
@@ -40,7 +40,7 @@ export interface BreadCrumbProps extends IBreadcrumbProps {
 
 const projectFirstItem: IBreadcrumbItem = {
   text: 'Projects',
-  href: staticPath.home,
+  href: staticPath.projects,
   key: 'home',
 }
 

diff --git a/docs/assets/pages/banner-background.png → ...modules/home/assets/banner-background.png b/docs/assets/pages/banner-background.png → ...modules/home/assets/banner-background.png
diff --git a/docs/assets/pages/banner-bg-left.png → ...rc/modules/home/assets/banner-bg-left.png b/docs/assets/pages/banner-bg-left.png → ...rc/modules/home/assets/banner-bg-left.png
diff --git a/docs/assets/pages/banner-bg-right.png → ...c/modules/home/assets/banner-bg-right.png b/docs/assets/pages/banner-bg-right.png → ...c/modules/home/assets/banner-bg-right.png
diff --git a/docs/assets/pages/banner-decoration.png → ...modules/home/assets/banner-decoration.png b/docs/assets/pages/banner-decoration.png → ...modules/home/assets/banner-decoration.png
diff --git a/docs/assets/pages/bundle-baseline.png → ...c/modules/home/assets/bundle-baseline.png b/docs/assets/pages/bundle-baseline.png → ...c/modules/home/assets/bundle-baseline.png
diff --git a/...ssets/pages/bundle-duplicate-packages.png → ...home/assets/bundle-duplicate-packages.png b/...ssets/pages/bundle-duplicate-packages.png → ...home/assets/bundle-duplicate-packages.png
diff --git a/docs/assets/pages/bundle-score.png → .../src/modules/home/assets/bundle-score.png b/docs/assets/pages/bundle-score.png → .../src/modules/home/assets/bundle-score.png
diff --git a/docs/assets/pages/bundle-visualization.png → ...ules/home/assets/bundle-visualization.png b/docs/assets/pages/bundle-visualization.png → ...ules/home/assets/bundle-visualization.png
diff --git a/docs/assets/pages/bundle.png → ...atform/src/modules/home/assets/bundle.png b/docs/assets/pages/bundle.png → ...atform/src/modules/home/assets/bundle.png
diff --git a/docs/assets/pages/close-icon.svg → ...rm/src/modules/home/assets/close-icon.svg b/docs/assets/pages/close-icon.svg → ...rm/src/modules/home/assets/close-icon.svg
diff --git a/docs/assets/pages/github.svg → ...atform/src/modules/home/assets/github.svg b/docs/assets/pages/github.svg → ...atform/src/modules/home/assets/github.svg
diff --git a/docs/assets/pages/key.svg → .../platform/src/modules/home/assets/key.svg b/docs/assets/pages/key.svg → .../platform/src/modules/home/assets/key.svg
diff --git a/docs/assets/pages/lab-comparison.png → ...rc/modules/home/assets/lab-comparison.png b/docs/assets/pages/lab-comparison.png → ...rc/modules/home/assets/lab-comparison.png
diff --git a/docs/assets/pages/lab-scores.png → ...rm/src/modules/home/assets/lab-scores.png b/docs/assets/pages/lab-scores.png → ...rm/src/modules/home/assets/lab-scores.png
diff --git a/docs/assets/pages/lab-timeline.png → .../src/modules/home/assets/lab-timeline.png b/docs/assets/pages/lab-timeline.png → .../src/modules/home/assets/lab-timeline.png
diff --git a/docs/assets/pages/lab-treemap.png → ...m/src/modules/home/assets/lab-treemap.png b/docs/assets/pages/lab-treemap.png → ...m/src/modules/home/assets/lab-treemap.png
diff --git a/docs/assets/pages/lab.png → .../platform/src/modules/home/assets/lab.png b/docs/assets/pages/lab.png → .../platform/src/modules/home/assets/lab.png
diff --git a/packages/platform/src/modules/home/assets/logo.png b/packages/platform/src/modules/home/assets/logo.png
diff --git a/docs/assets/pages/menu-icon.svg → ...orm/src/modules/home/assets/menu-icon.svg b/docs/assets/pages/menu-icon.svg → ...orm/src/modules/home/assets/menu-icon.svg
diff --git a/docs/assets/pages/radar.svg → ...latform/src/modules/home/assets/radar.svg b/docs/assets/pages/radar.svg → ...latform/src/modules/home/assets/radar.svg
diff --git a/docs/assets/pages/source-flamechart.png → ...modules/home/assets/source-flamechart.png b/docs/assets/pages/source-flamechart.png → ...modules/home/assets/source-flamechart.png
diff --git a/docs/assets/pages/source-path.png → ...m/src/modules/home/assets/source-path.png b/docs/assets/pages/source-path.png → ...m/src/modules/home/assets/source-path.png
diff --git a/docs/assets/pages/source.png → ...atform/src/modules/home/assets/source.png b/docs/assets/pages/source.png → ...atform/src/modules/home/assets/source.png
diff --git a/docs/assets/pages/tips.svg → ...platform/src/modules/home/assets/tips.svg b/docs/assets/pages/tips.svg → ...platform/src/modules/home/assets/tips.svg
diff --git a/docs/assets/pages/vscode.png → ...atform/src/modules/home/assets/vscode.png b/docs/assets/pages/vscode.png → ...atform/src/modules/home/assets/vscode.png
diff --git a/docs/assets/pages/waterfalls.svg → ...rm/src/modules/home/assets/waterfalls.svg b/docs/assets/pages/waterfalls.svg → ...rm/src/modules/home/assets/waterfalls.svg
diff --git a/docs/src/components/advantages/index.tsx → ...ules/home/components/advantages/index.tsx b/docs/src/components/advantages/index.tsx → ...ules/home/components/advantages/index.tsx
@@ -1,8 +1,7 @@
-import KeySvg from '@site/assets/pages/key.svg'
-import RadarSvg from '@site/assets/pages/radar.svg'
-import TipsSvg from '@site/assets/pages/tips.svg'
-import WaterfallSvg from '@site/assets/pages/waterfalls.svg'
-import React from 'react'
+import KeySvg from '../../assets/key.svg'
+import RadarSvg from '../../assets/radar.svg'
+import TipsSvg from '../../assets/tips.svg'
+import WaterfallSvg from '../../assets/waterfalls.svg'
 
 import { Card, Container, IconWrap } from './styled'
 

diff --git a/docs/src/components/advantages/styled.tsx → ...les/home/components/advantages/styled.tsx b/docs/src/components/advantages/styled.tsx → ...les/home/components/advantages/styled.tsx
diff --git a/docs/src/components/banner/index.tsx → .../modules/home/components/banner/index.tsx b/docs/src/components/banner/index.tsx → .../modules/home/components/banner/index.tsx
@@ -1,7 +1,10 @@
-import BannerLeftImage from '@site/assets/pages/banner-bg-left.png'
-import BannerRightImage from '@site/assets/pages/banner-bg-right.png'
-import React from 'react'
+import { Link } from 'react-router-dom'
 
+import { ForeignLink } from '@perfsee/components'
+import { staticPath } from '@perfsee/shared/routes'
+
+import BannerLeftImage from '../../assets/banner-bg-left.png'
+import BannerRightImage from '../../assets/banner-bg-right.png'
 import { PrimaryButton, DefaultButton } from '../button'
 
 import { BannerContainer, BannerLeftBgWrap, BannerRightBgWrap, ButtonsWrap, ContentWrap, Slogan } from './styled'
@@ -21,8 +24,12 @@ export const HomeBanner = () => {
           <b>website performance</b>
         </Slogan>
         <ButtonsWrap>
-          <PrimaryButton href="https://perfsee.com">Try now</PrimaryButton>
-          <DefaultButton href="/docs">Docs</DefaultButton>
+          <Link to={staticPath.projects}>
+            <PrimaryButton>Try now</PrimaryButton>
+          </Link>
+          <ForeignLink href="/docs">
+            <DefaultButton>Docs</DefaultButton>
+          </ForeignLink>
         </ButtonsWrap>
       </ContentWrap>
     </BannerContainer>

diff --git a/docs/src/components/banner/styled.tsx → ...modules/home/components/banner/styled.tsx b/docs/src/components/banner/styled.tsx → ...modules/home/components/banner/styled.tsx
@@ -1,5 +1,7 @@
 import styled from '@emotion/styled'
 
+import BannerRightImage from '../../assets/banner-background.png'
+
 export const BannerContainer = styled.div({
   width: '100%',
   height: '760px',
@@ -10,7 +12,7 @@ export const BannerContainer = styled.div({
   alignItems: 'center',
   justifyContent: 'space-around',
 
-  backgroundImage: 'url(/pages/banner-background.png)',
+  backgroundImage: `url(${BannerRightImage})`,
   backgroundSize: 'contain',
   backgroundRepeat: 'no-repeat',
   backgroundPosition: 'center',