From d4051a4e63985e6e34be889958bacdb47f496180 Mon Sep 17 00:00:00 2001
From: surmon-china <surmon@foxmail.com>
Date: Sun, 5 Sep 2021 23:18:14 +0800
Subject: [PATCH] feat: v1.1.0

---
 .env.demo                                     |   3 +
 .env.development                              |   2 +-
 .env.proxy                                    |   2 +
 .eslintrc.js                                  |   4 +-
 .github/workflows/deploy.yml                  |  31 +-
 .github/workflows/{build.yml => test.yml}     |   0
 CHANGELOG.md                                  |  10 +
 index.html                                    |   3 +
 package.json                                  |  40 +--
 public/__demo__/index.js                      |  97 ++++++
 public/__demo__/mock/announcement.json        |  63 ++++
 .../article/61030f5fcf1faa098ee126b2.json     |  24 ++
 .../article/610c29438a907384c63fef00.json     |  24 ++
 .../article/612c81321a53290533a7b782.json     |  24 ++
 public/__demo__/mock/article/list.json        | 225 ++++++++++++++
 public/__demo__/mock/auth/admin.json          |  11 +
 public/__demo__/mock/auth/check.json          |   1 +
 public/__demo__/mock/auth/login.json          |   8 +
 public/__demo__/mock/category.json            |  54 ++++
 public/__demo__/mock/comment.json             | 145 +++++++++
 .../__demo__/mock/expansion/google-token.json |   6 +
 public/__demo__/mock/expansion/statistic.json |   5 +
 public/__demo__/mock/expansion/uptoken.json   |   6 +
 public/__demo__/mock/option.json              |  41 +++
 public/__demo__/mock/tag.json                 | 155 ++++++++++
 src/App.tsx                                   |   4 +-
 src/components/AppLayout/Content.tsx          |   3 +-
 src/components/AppLayout/PageAD.tsx           |  44 +++
 src/components/AppLayout/style.module.less    |  21 ++
 src/config.ts                                 |  11 +-
 src/services/http.ts                          |   6 +-
 vite.config.demo.ts                           |  15 +
 vite.config.proxy.ts                          |  24 ++
 vite.config.ts                                |  32 +-
 yarn.lock                                     | 290 +++++++++---------
 35 files changed, 1241 insertions(+), 193 deletions(-)
 create mode 100644 .env.demo
 create mode 100644 .env.proxy
 rename .github/workflows/{build.yml => test.yml} (100%)
 create mode 100644 public/__demo__/index.js
 create mode 100644 public/__demo__/mock/announcement.json
 create mode 100644 public/__demo__/mock/article/61030f5fcf1faa098ee126b2.json
 create mode 100644 public/__demo__/mock/article/610c29438a907384c63fef00.json
 create mode 100644 public/__demo__/mock/article/612c81321a53290533a7b782.json
 create mode 100644 public/__demo__/mock/article/list.json
 create mode 100644 public/__demo__/mock/auth/admin.json
 create mode 100644 public/__demo__/mock/auth/check.json
 create mode 100644 public/__demo__/mock/auth/login.json
 create mode 100644 public/__demo__/mock/category.json
 create mode 100644 public/__demo__/mock/comment.json
 create mode 100644 public/__demo__/mock/expansion/google-token.json
 create mode 100644 public/__demo__/mock/expansion/statistic.json
 create mode 100644 public/__demo__/mock/expansion/uptoken.json
 create mode 100644 public/__demo__/mock/option.json
 create mode 100644 public/__demo__/mock/tag.json
 create mode 100644 src/components/AppLayout/PageAD.tsx
 create mode 100644 vite.config.demo.ts
 create mode 100644 vite.config.proxy.ts

diff --git a/.env.demo b/.env.demo
new file mode 100644
index 0000000..6a598d3
--- /dev/null
+++ b/.env.demo
@@ -0,0 +1,3 @@
+# Demo config
+VITE_API_URL = '/'
+VITE_ENABLE_AD = true
diff --git a/.env.development b/.env.development
index 4ad5911..e06cca4 100644
--- a/.env.development
+++ b/.env.development
@@ -1,2 +1,2 @@
 # Dev config
-VITE_API_URL = '/api'
+VITE_API_URL = 'http://localhost:8000'
diff --git a/.env.proxy b/.env.proxy
new file mode 100644
index 0000000..4ad5911
--- /dev/null
+++ b/.env.proxy
@@ -0,0 +1,2 @@
+# Dev config
+VITE_API_URL = '/api'
diff --git a/.eslintrc.js b/.eslintrc.js
index ffe41d8..de2b307 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -16,6 +16,6 @@ module.exports = {
     '@typescript-eslint/explicit-module-boundary-types': 0,
     '@typescript-eslint/ban-ts-comment': 0,
     '@typescript-eslint/no-non-null-asserted-optional-chain': 0,
-    '@typescript-eslint/no-inferrable-types': 0
+    '@typescript-eslint/no-inferrable-types': 0,
   },
-};
+}
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 2381ecc..5d98448 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -5,24 +5,45 @@ on:
     types: [created]
   push:
     tags:
-      - "v*"
+      - 'v*'
 
 jobs:
-  deploy:
+  demo:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: "14"
-          cache: "yarn"
+          node-version: '14'
+          cache: 'yarn'
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      - name: Vite build
+        run: yarn build:demo
+
+      - name: Example branch
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_branch: example
+          publish_dir: ./dist
+
+  blog:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+          cache: 'yarn'
 
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Vite build
         run: yarn build
 
-      - name: Relesae branch
+      - name: Release branch
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/build.yml b/.github/workflows/test.yml
similarity index 100%
rename from .github/workflows/build.yml
rename to .github/workflows/test.yml
diff --git a/CHANGELOG.md b/CHANGELOG.md
index ede487b..29690a8 100755
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file.
 
+### v1.1.0 (2021-09-01)
+
+- Upgrade deps
+- Demo site: Axios `interceptor` > `adapter`
+- Add AD for demo site
+
+### v1.0.6 (2021-08-03)
+
+- Add demo site (CI & ENV config & AD)
+
 ### v1.0.5 (2021-08-03)
 
 - improve `ImageUploaderModal`
diff --git a/index.html b/index.html
index 3680c31..474b841 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,9 @@
     <meta name="theme-color" content="#4691d1">
     <meta name="keywords" content="surmon,surmon.me,angular-admin,nodepress,前端技术开发"/>
     <meta name="description" content="Admin client for Surmon.me powered by Veact and AntDesign">
+    <!-- Google AdSense -->
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4710915636313788"
+     crossorigin="anonymous"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-84887611-4"></script>
     <script>
diff --git a/package.json b/package.json
index 50a78a5..0012473 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "veact-admin",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "author": "Surmon",
   "license": "MIT",
   "repository": {
@@ -9,31 +9,33 @@
   },
   "scripts": {
     "dev": "vite",
-    "dev:proxy": "PROXY=true vite",
+    "dev:proxy": "vite --mode proxy",
+    "dev:demo": "vite --mode demo",
+    "build": "vite build",
+    "build:demo": "vite build --mode demo",
+    "serve": "vite preview",
     "lint": "eslint --ext .ts,.tsx src/",
     "format": "npm run lint --fix",
-    "build": "tsc && vite build",
-    "serve": "vite preview",
     "release": ". ./scripts/release.sh"
   },
   "dependencies": {
     "ali-oss": "^6.16.0",
-    "antd": "^4.16.10",
-    "axios": "^0.21.1",
+    "antd": "^4.16.13",
+    "axios": "^0.21.3",
     "bezier-easing": "^2.1.0",
     "classnames": "^2.3.1",
-    "gravatar": "^1.8.1",
+    "gravatar": "^1.8.2",
     "highlight.js": "^11.2.0",
     "js-base64": "^3.6.1",
     "lodash": "^4.17.21",
-    "marked": "^2.1.3",
+    "marked": "^3.0.2",
     "moment": "^2.29.1",
-    "monaco-editor": "^0.26.1",
+    "monaco-editor": "^0.27.0",
     "performant-array-to-tree": "^1.9.1",
     "query-string": "^7.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-router-dom": "^5.2.0",
+    "react-router-dom": "^5.3.0",
     "react-top-loading-bar": "^2.0.1",
     "react-transition-group": "^4.4.2",
     "ua-parser-js": "^0.7.28",
@@ -43,23 +45,23 @@
   "devDependencies": {
     "@types/ali-oss": "^6.0.10",
     "@types/gravatar": "^1.8.3",
-    "@types/lodash": "^4.14.171",
-    "@types/marked": "^2.0.4",
-    "@types/node": "^16.4.10",
-    "@types/react": "^17.0.15",
+    "@types/lodash": "^4.14.172",
+    "@types/marked": "^3.0.0",
+    "@types/node": "^16.7.10",
+    "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.9",
     "@types/react-router-dom": "^5.1.8",
     "@types/react-transition-group": "^4.4.2",
     "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^4.29.0",
-    "@typescript-eslint/parser": "^4.29.0",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
+    "@typescript-eslint/parser": "^4.30.0",
     "@vitejs/plugin-react-refresh": "^1.3.6",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "less": "^4.1.1",
     "prettier": "^2.3.2",
-    "typescript": "^4.3.5",
-    "vite": "^2.4.4"
+    "typescript": "^4.4.2",
+    "vite": "^2.5.3"
   }
 }
diff --git a/public/__demo__/index.js b/public/__demo__/index.js
new file mode 100644
index 0000000..5c07998
--- /dev/null
+++ b/public/__demo__/index.js
@@ -0,0 +1,97 @@
+// JSON actions
+const fetchJSON = (filePath) => {
+  return fetch(`/__demo__/mock/${filePath}.json`).then((response) => response.json())
+}
+// first fetch cache data map
+const _cacheData = new Map()
+const ensureJSON = async (filePath) => {
+  if (_cacheData.has(filePath)) {
+    return _cacheData.get(filePath)
+  } else {
+    const data = await fetchJSON(filePath)
+    _cacheData.set(filePath, data)
+    return data
+  }
+}
+
+// mock token
+console.info('mock token')
+window.localStorage.setItem('id_token', 'veact_admin.mock.token')
+
+// mock by axios adapter
+console.info('mock axios')
+window.__axiosAdapter = (config) => {
+  console.debug('mock request:', config)
+  // 1. 仅处理所有 Get 请求
+  // 2. Auth 相关的必要 Post 请求除外
+  // 3. 所有请求返回错误，提示：Demo 站点无法操作数据
+  const handlers = {
+    '/auth/login': {
+      post: () => ensureJSON('auth/login'),
+    },
+    '/auth/check': {
+      post: () => ensureJSON('auth/check'),
+    },
+    '/auth/admin': {
+      get: () => ensureJSON('auth/admin'),
+    },
+    '/expansion/statistic': {
+      get: () => ensureJSON('expansion/statistic'),
+    },
+    '/expansion/google-token': {
+      get: () => ensureJSON('expansion/google-token'),
+    },
+    '/expansion/uptoken': {
+      get: () => ensureJSON('expansion/uptoken'),
+    },
+    '/announcement': {
+      get: () => ensureJSON('announcement'),
+    },
+    '/category': {
+      get: () => ensureJSON('category'),
+    },
+    '/tag': {
+      get: () => ensureJSON('tag'),
+    },
+    '/comment': {
+      get: () => ensureJSON('comment'),
+    },
+    '/option': {
+      get: () => ensureJSON('option'),
+    },
+    '/article': {
+      get: () => ensureJSON('article/list'),
+    },
+    '/article/612c81321a53290533a7b782': {
+      get: () => ensureJSON('article/612c81321a53290533a7b782'),
+    },
+    '/article/610c29438a907384c63fef00': {
+      get: () => ensureJSON('article/610c29438a907384c63fef00'),
+    },
+    '/article/61030f5fcf1faa098ee126b2': {
+      get: () => ensureJSON('article/61030f5fcf1faa098ee126b2'),
+    },
+  }
+
+  return new Promise(async (resolve) => {
+    const target = handlers?.[config.url]?.[config.method]
+    if (target) {
+      return resolve({
+        status: 200,
+        statusText: 'OK',
+        data: await target(),
+      })
+    } else {
+      return resolve({
+        status: 500,
+        statusText: 'ERROR',
+        data: {
+          status: 'error',
+          message: '操作失败',
+          error: 'Demo 站点不支持数据操作',
+          result: null,
+        },
+      })
+    }
+  })
+}
diff --git a/public/__demo__/mock/announcement.json b/public/__demo__/mock/announcement.json
new file mode 100644
index 0000000..e9a549a
--- /dev/null
+++ b/public/__demo__/mock/announcement.json
@@ -0,0 +1,63 @@
+{
+  "status": "success",
+  "message": "获取公告成功",
+  "result": {
+    "data": [
+      {
+        "state": 0,
+        "_id": "60c2cf0dce41cd0b74cfb001",
+        "content": "今天天气很好",
+        "create_at": "2021-07-14T10:04:45.085Z",
+        "update_at": "2021-07-26T18:38:24.704Z",
+        "id": 6,
+        "__v": 0
+      },
+      {
+        "state": 1,
+        "_id": "60c2cf0dce41cd0b74cfb003",
+        "content": "今天的饭菜很好吃",
+        "create_at": "2021-06-11T02:48:45.477Z",
+        "update_at": "2021-06-11T02:48:45.477Z",
+        "id": 5,
+        "__v": 0
+      },
+      {
+        "state": 0,
+        "_id": "60c2cf0dce41cd0b74cfb002",
+        "content": "今天不开心",
+        "create_at": "2021-06-09T15:23:42.855Z",
+        "update_at": "2021-06-09T15:23:42.855Z",
+        "id": 4,
+        "__v": 0
+      },
+      {
+        "state": 0,
+        "_id": "60c2cf0dce41cd0b74cfb006",
+        "content": "今天 A 股大跌",
+        "create_at": "2021-03-03T08:35:51.788Z",
+        "update_at": "2021-03-03T08:35:51.788Z",
+        "id": 3,
+        "__v": 0
+      },
+      {
+        "state": 1,
+        "_id": "60c2cf0dce41cd0b74cfb007",
+        "content": "今天抄顶 😢",
+        "create_at": "2021-02-23T17:15:13.459Z",
+        "update_at": "2021-02-23T17:15:13.459Z",
+        "id": 2,
+        "__v": 0
+      },
+      {
+        "state": 1,
+        "_id": "60c2cf0dce41cd0b74cfb008",
+        "content": "Happy new year! 🎉",
+        "create_at": "2020-12-31T14:21:03.724Z",
+        "update_at": "2020-12-31T14:21:03.724Z",
+        "id": 1,
+        "__v": 0
+      }
+    ],
+    "pagination": { "total": 6, "current_page": 1, "total_page": 1, "per_page": 16 }
+  }
+}
diff --git a/public/__demo__/mock/article/61030f5fcf1faa098ee126b2.json b/public/__demo__/mock/article/61030f5fcf1faa098ee126b2.json
new file mode 100644
index 0000000..44ee66a
--- /dev/null
+++ b/public/__demo__/mock/article/61030f5fcf1faa098ee126b2.json
@@ -0,0 +1,24 @@
+{
+  "status": "success",
+  "message": "获取文章详情成功",
+  "result": {
+    "password": "",
+    "keywords": ["旅途日记", "西部之旅"],
+    "state": 0,
+    "public": 1,
+    "origin": 0,
+    "tag": ["594d2b1251c61940c28c854f", "59b18754c8bfdb5b0c06980b"],
+    "category": ["589e07c04a4ad562430953d0"],
+    "_id": "61030f5fcf1faa098ee126b2",
+    "id": 1,
+    "title": "旅途感想",
+    "description": "没有整理好的旅途感想",
+    "content": "\n旅途的开始，心情是轻松的。\n\n此处省略一万字...\n",
+    "thumb": "/images/profile/article-thumb.jpg",
+    "extends": [],
+    "meta": { "likes": 51, "views": 11672, "comments": 39 },
+    "update_at": "2019-07-24T15:53:33.133Z",
+    "create_at": "2017-05-10T16:17:04.716Z",
+    "__v": 0
+  }
+}
diff --git a/public/__demo__/mock/article/610c29438a907384c63fef00.json b/public/__demo__/mock/article/610c29438a907384c63fef00.json
new file mode 100644
index 0000000..7c99592
--- /dev/null
+++ b/public/__demo__/mock/article/610c29438a907384c63fef00.json
@@ -0,0 +1,24 @@
+{
+  "status": "success",
+  "message": "获取文章详情成功",
+  "result": {
+    "password": "",
+    "keywords": ["每日一记", "上海天气"],
+    "state": 0,
+    "public": 1,
+    "origin": 0,
+    "tag": ["58c8a3dccc2ca807b19d23cd", "594d2b1251c61940c28c854f"],
+    "category": ["589e07c04a4ad562430953d0"],
+    "_id": "610c29438a907384c63fef00",
+    "id": 2,
+    "title": "今日日记",
+    "description": "今天发生的一些事情",
+    "content": "\n今天上海的天气非常好，万里无云。\n\n此处省略一万字...\n",
+    "thumb": "/images/profile/article-thumb.jpg",
+    "extends": [],
+    "meta": { "likes": 51, "views": 11672, "comments": 39 },
+    "update_at": "2019-07-24T15:53:33.133Z",
+    "create_at": "2017-05-10T16:17:04.716Z",
+    "__v": 0
+  }
+}
diff --git a/public/__demo__/mock/article/612c81321a53290533a7b782.json b/public/__demo__/mock/article/612c81321a53290533a7b782.json
new file mode 100644
index 0000000..44580d5
--- /dev/null
+++ b/public/__demo__/mock/article/612c81321a53290533a7b782.json
@@ -0,0 +1,24 @@
+{
+  "status": "success",
+  "message": "获取文章详情成功",
+  "result": {
+    "password": "",
+    "keywords": ["数据结构与算法入门", "javascript算法", "数据结构入门学习"],
+    "state": 1,
+    "public": 1,
+    "origin": 1,
+    "tag": ["59133c0065ff1d6828a70696", "58d47e7fd1c6e87b0b82c667"],
+    "category": ["589e0ad54a4ad562430953d2"],
+    "_id": "612c81321a53290533a7b782",
+    "id": 3,
+    "title": "JavaScript 权威指南小结",
+    "description": "学习总结",
+    "content": "\n《JavaScript权威指南》是2007年机械工业出版社出版的图书，作者是弗拉纳根（David Flanagan，美）。\n\n本书全面介绍了JavaScript语言的核心，以及Web浏览器中实现的遗留和标准的DOM。\n由于本书封面上是一只“爪哇犀牛”（封面上印上动物是原书出版公司O'Reilly一贯的风格），读者亲切地称其为“犀牛书”。\n\n此处省略一万字...\n",
+    "thumb": "/images/profile/article-thumb.jpg",
+    "extends": [],
+    "meta": { "likes": 51, "views": 11672, "comments": 39 },
+    "update_at": "2019-07-24T15:53:33.133Z",
+    "create_at": "2017-05-10T16:17:04.716Z",
+    "__v": 0
+  }
+}
diff --git a/public/__demo__/mock/article/list.json b/public/__demo__/mock/article/list.json
new file mode 100644
index 0000000..e1a6d5a
--- /dev/null
+++ b/public/__demo__/mock/article/list.json
@@ -0,0 +1,225 @@
+{
+  "status": "success",
+  "message": "获取文章成功",
+  "result": {
+    "data": [
+      {
+        "keywords": ["JavaScript", "前端开发", "设计模式"],
+        "state": 1,
+        "public": 1,
+        "origin": 1,
+        "tag": [
+          {
+            "_id": "59b18754c8bfdb5b0c06980b",
+            "id": 46,
+            "name": "Web 开发",
+            "slug": "web",
+            "description": "World Wide Web",
+            "extends": [
+              {
+                "_id": "59b18754c8bfdb5b0c06980c",
+                "name": "icon",
+                "value": "icon-html5"
+              }
+            ],
+            "create_at": "2017-09-07T17:52:20.941Z",
+            "__v": 0,
+            "update_at": "2018-08-31T20:08:34.689Z"
+          },
+          {
+            "_id": "594d2b1251c61940c28c854f",
+            "id": 44,
+            "name": "学习",
+            "slug": "study",
+            "description": "学习使我快乐",
+            "extends": [
+              {
+                "name": "icon",
+                "value": "icon-study",
+                "_id": "594d2b1251c61940c28c8550"
+              }
+            ],
+            "create_at": "2017-06-23T14:52:02.428Z",
+            "__v": 0,
+            "update_at": "2021-09-02T14:04:25.873Z"
+          }
+        ],
+        "category": [
+          {
+            "pid": null,
+            "_id": "589e07c04a4ad562430953d0",
+            "id": 1,
+            "name": "无色庵",
+            "slug": "insight",
+            "description": "远离颠倒梦想",
+            "extends": [
+              { "value": "icon-thinking", "name": "icon" },
+              {
+                "name": "background",
+                "value": "https://static.surmon.me/18-10-30/42118397.jpg"
+              }
+            ],
+            "__v": 0,
+            "create_at": "2017-02-10T18:34:40.680Z",
+            "update_at": "2020-12-02T18:12:07.019Z"
+          }
+        ],
+        "_id": "612c81321a53290533a7b782",
+        "title": "JavaScript 权威指南小结",
+        "description": "学习总结",
+        "thumb": "/images/profile/article-thumb.jpg",
+        "extends": [],
+        "meta": { "likes": 14, "views": 297, "comments": 2 },
+        "create_at": "2021-08-30T06:56:50.474Z",
+        "update_at": "2021-08-31T06:27:24.341Z",
+        "id": 3,
+        "__v": 0
+      },
+      {
+        "keywords": ["每日一记", "日记怎么写"],
+        "state": 0,
+        "public": 1,
+        "origin": 0,
+        "tag": [
+          {
+            "_id": "58c8a3dccc2ca807b19d23cd",
+            "id": 38,
+            "name": "生活",
+            "slug": "life",
+            "description": "与生命",
+            "extends": [
+              {
+                "_id": "58c8a3dccc2ca807b19d23ce",
+                "value": "icon-coffee",
+                "name": "icon"
+              }
+            ],
+            "create_at": "2017-03-15T02:15:56.590Z",
+            "__v": 0,
+            "update_at": "2020-09-10T17:39:53.732Z"
+          },
+          {
+            "_id": "594d2b1251c61940c28c854f",
+            "id": 44,
+            "name": "世界",
+            "slug": "world",
+            "description": "No fear in my heart.",
+            "extends": [
+              {
+                "name": "icon",
+                "value": "icon-emoji",
+                "_id": "594d2b1251c61940c28c8550"
+              }
+            ],
+            "create_at": "2017-06-23T14:52:02.428Z",
+            "__v": 0,
+            "update_at": "2021-09-02T14:04:25.873Z"
+          }
+        ],
+        "category": [
+          {
+            "pid": null,
+            "_id": "589e07c04a4ad562430953d0",
+            "id": 1,
+            "name": "无色庵",
+            "slug": "insight",
+            "description": "远离颠倒梦想",
+            "extends": [
+              { "value": "icon-thinking", "name": "icon" },
+              {
+                "name": "background",
+                "value": "https://static.surmon.me/18-10-30/42118397.jpg"
+              }
+            ],
+            "__v": 0,
+            "create_at": "2017-02-10T18:34:40.680Z",
+            "update_at": "2020-12-02T18:12:07.019Z"
+          }
+        ],
+        "_id": "610c29438a907384c63fef00",
+        "title": "今日日记",
+        "description": "今天发生的一些事情",
+        "thumb": "/images/profile/article-thumb.jpg",
+        "extends": [],
+        "meta": { "likes": 9, "views": 915, "comments": 11 },
+        "create_at": "2021-08-05T18:09:07.585Z",
+        "update_at": "2021-08-05T19:37:29.659Z",
+        "id": 2,
+        "__v": 0
+      },
+      {
+        "keywords": ["新疆旅行", "独库公路骑行", "veact 状态库"],
+        "state": 1,
+        "public": -1,
+        "origin": 0,
+        "tag": [
+          {
+            "_id": "594d2b1251c61940c28c854f",
+            "id": 44,
+            "name": "世界",
+            "slug": "world",
+            "description": "No fear in my heart.",
+            "extends": [
+              {
+                "name": "icon",
+                "value": "icon-emoji",
+                "_id": "594d2b1251c61940c28c8550"
+              }
+            ],
+            "create_at": "2017-06-23T14:52:02.428Z",
+            "__v": 0,
+            "update_at": "2021-09-02T14:04:25.873Z"
+          },
+          {
+            "_id": "59b18754c8bfdb5b0c06980b",
+            "id": 46,
+            "name": "诗和远方",
+            "slug": "soul",
+            "description": "无处安放",
+            "extends": [
+              {
+                "_id": "59b18754c8bfdb5b0c06980c",
+                "name": "icon",
+                "value": "icon-coffee"
+              }
+            ],
+            "create_at": "2017-09-07T17:52:20.941Z",
+            "__v": 0,
+            "update_at": "2018-08-31T20:08:34.689Z"
+          }
+        ],
+        "category": [
+          {
+            "pid": null,
+            "_id": "589e07c04a4ad562430953d0",
+            "id": 1,
+            "name": "无色庵",
+            "slug": "insight",
+            "description": "远离颠倒梦想",
+            "extends": [
+              { "value": "icon-thinking", "name": "icon" },
+              {
+                "name": "background",
+                "value": "https://static.surmon.me/18-10-30/42118397.jpg"
+              }
+            ],
+            "__v": 0,
+            "create_at": "2017-02-10T18:34:40.680Z",
+            "update_at": "2020-12-02T18:12:07.019Z"
+          }
+        ],
+        "_id": "61030f5fcf1faa098ee126b2",
+        "title": "旅途感想",
+        "description": "没有整理好的旅途感想",
+        "thumb": "/images/profile/article-thumb.jpg",
+        "extends": [],
+        "meta": { "likes": 15, "views": 771, "comments": 9 },
+        "create_at": "2021-07-29T20:28:15.700Z",
+        "update_at": "2021-08-05T18:11:44.233Z",
+        "id": 1,
+        "__v": 0
+      }
+    ],
+    "pagination": { "total": 3, "current_page": 1, "total_page": 1, "per_page": 16 }
+  }
+}
diff --git a/public/__demo__/mock/auth/admin.json b/public/__demo__/mock/auth/admin.json
new file mode 100644
index 0000000..97c0c97
--- /dev/null
+++ b/public/__demo__/mock/auth/admin.json
@@ -0,0 +1,11 @@
+{
+  "status": "success",
+  "message": "获取管理员信息成功",
+  "result": {
+    "name": "Admin",
+    "slogan": "veact admin system",
+    "gravatar": "/images/profile/logo-smooth.png",
+    "_id": "589e015d5af07d59124234cc",
+    "__v": 0
+  }
+}
diff --git a/public/__demo__/mock/auth/check.json b/public/__demo__/mock/auth/check.json
new file mode 100644
index 0000000..aca285c
--- /dev/null
+++ b/public/__demo__/mock/auth/check.json
@@ -0,0 +1 @@
+{ "status": "success", "message": "检测 Token成功", "result": "ok" }
diff --git a/public/__demo__/mock/auth/login.json b/public/__demo__/mock/auth/login.json
new file mode 100644
index 0000000..a385b85
--- /dev/null
+++ b/public/__demo__/mock/auth/login.json
@@ -0,0 +1,8 @@
+{
+  "status": "success",
+  "message": "登陆成功",
+  "result": {
+    "access_token": "veact_admin.mock.token",
+    "expires_in": 3600
+  }
+}
diff --git a/public/__demo__/mock/category.json b/public/__demo__/mock/category.json
new file mode 100644
index 0000000..564c472
--- /dev/null
+++ b/public/__demo__/mock/category.json
@@ -0,0 +1,54 @@
+{
+  "status": "success",
+  "message": "获取分类列表成功",
+  "result": {
+    "data": [
+      {
+        "pid": null,
+        "_id": "589e0ad54a4ad562430953d2",
+        "id": 2,
+        "name": "宁静寺",
+        "slug": "code",
+        "description": "说法者，无法可说，是名说法",
+        "extends": [
+          { "_id": "589e0ad54a4ad562430953d3", "name": "icon", "value": "icon-code" },
+          {
+            "_id": "5bca0b204514310c0046dcc0",
+            "name": "background",
+            "value": "https://static.surmon.me/nodepress/image/binary-code-ip.jpg"
+          }
+        ],
+        "__v": 0,
+        "create_at": "2017-02-10T18:47:49.776Z",
+        "update_at": "2020-02-22T10:06:14.459Z",
+        "count": 50
+      },
+      {
+        "pid": null,
+        "_id": "589e07c04a4ad562430953d0",
+        "id": 1,
+        "name": "无色庵",
+        "slug": "insight",
+        "description": "远离颠倒梦想",
+        "extends": [
+          { "value": "icon-thinking", "name": "icon" },
+          {
+            "name": "background",
+            "value": "https://static.surmon.me/18-10-30/42118397.jpg"
+          }
+        ],
+        "__v": 0,
+        "create_at": "2017-02-10T18:34:40.680Z",
+        "update_at": "2020-12-02T18:12:07.019Z",
+        "count": 100
+      }
+    ],
+    "params": {
+      "querys": {},
+      "options": { "sort": { "_id": -1 }, "page": 1 },
+      "params": { "url": "/category" },
+      "isAuthenticated": true
+    },
+    "pagination": { "total": 2, "current_page": 1, "total_page": 1, "per_page": 16 }
+  }
+}
diff --git a/public/__demo__/mock/comment.json b/public/__demo__/mock/comment.json
new file mode 100644
index 0000000..4cfcf6e
--- /dev/null
+++ b/public/__demo__/mock/comment.json
@@ -0,0 +1,145 @@
+{
+  "status": "success",
+  "message": "获取评论列表成功",
+  "result": {
+    "data": [
+      {
+        "pid": 0,
+        "state": 1,
+        "is_top": false,
+        "likes": 0,
+        "_id": "612df49f1a53290533a7b784",
+        "post_id": 1,
+        "content": "很好的文章",
+        "agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.23 Safari/537.36",
+        "author": {
+          "name": "abc",
+          "email": "abc@gmail.com",
+          "site": "https://surmon.me"
+        },
+        "ip": "120.344.60.166",
+        "ip_location": { "city": "广州市", "country": "中国" },
+        "create_at": "2021-08-31T09:21:35.723Z",
+        "update_at": "2021-08-31T09:21:35.723Z",
+        "extends": [],
+        "id": 6,
+        "__v": 0
+      },
+      {
+        "pid": 0,
+        "state": 1,
+        "is_top": false,
+        "likes": 68,
+        "_id": "612df2acd99dab052880dc0a",
+        "post_id": 0,
+        "content": "我爱你~",
+        "agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.23 Safari/537.36",
+        "author": {
+          "name": "bcd",
+          "email": "bcd@gmail.com"
+        },
+        "ip": "120.196.60.166",
+        "ip_location": { "city": "广州市", "country": "中国" },
+        "create_at": "2021-08-31T09:13:16.700Z",
+        "update_at": "2021-08-31T09:13:16.700Z",
+        "extends": [],
+        "id": 5,
+        "__v": 0
+      },
+      {
+        "pid": 0,
+        "state": 0,
+        "is_top": false,
+        "likes": 1,
+        "_id": "6126f3e336d18e84be8d754d",
+        "post_id": 2,
+        "content": "hello, world!",
+        "agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.131 Safari/537.36",
+        "author": {
+          "name": "Surmon",
+          "email": "surmon.me@gmail.com",
+          "site": "https://surmon.me"
+        },
+        "ip": "113.100.143.202",
+        "ip_location": { "city": "深圳市", "country": "中国" },
+        "create_at": "2021-08-26T01:52:35.612Z",
+        "update_at": "2021-08-26T01:52:35.612Z",
+        "extends": [],
+        "id": 4,
+        "__v": 0
+      },
+      {
+        "pid": 0,
+        "state": 1,
+        "is_top": false,
+        "likes": 0,
+        "_id": "6126ef0836d18e84be8d754b",
+        "post_id": 3,
+        "content": "Very good",
+        "agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36",
+        "author": {
+          "name": "Vue",
+          "email": "vue@vuejs.org",
+          "site": "http://vuejs.org"
+        },
+        "ip": "113.100.143.202",
+        "ip_location": { "city": "深圳市", "country": "中国" },
+        "create_at": "2021-08-26T01:31:52.560Z",
+        "update_at": "2021-08-26T01:31:52.560Z",
+        "extends": [],
+        "id": 3,
+        "__v": 0
+      },
+      {
+        "pid": 0,
+        "state": -1,
+        "is_top": false,
+        "likes": 0,
+        "_id": "6124bbf88a907384c63fef28",
+        "post_id": 2,
+        "content": "😳",
+        "agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36",
+        "author": {
+          "name": "云淡风轻",
+          "email": "cloud@icloud.com",
+          "site": "https://www.apple.com"
+        },
+        "ip": "42.120.73.191",
+        "ip_location": { "city": "杭州市", "country": "中国" },
+        "create_at": "2021-08-24T09:29:28.392Z",
+        "update_at": "2021-08-24T09:29:28.392Z",
+        "extends": [],
+        "id": 2,
+        "__v": 0
+      },
+      {
+        "pid": 0,
+        "state": 1,
+        "is_top": false,
+        "likes": 0,
+        "_id": "61180f578a907384c63fef25",
+        "post_id": 0,
+        "content": "很喜欢这里",
+        "agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36",
+        "author": {
+          "name": "Baidu",
+          "email": "ad@baidu.com",
+          "site": "https://www.baidu.com/"
+        },
+        "ip": "101.40.101.190",
+        "ip_location": { "city": "北京市", "country": "中国" },
+        "create_at": "2021-08-14T18:45:43.617Z",
+        "update_at": "2021-08-14T18:45:43.617Z",
+        "extends": [],
+        "id": 1,
+        "__v": 0
+      }
+    ],
+    "pagination": {
+      "total": 6,
+      "current_page": 1,
+      "total_page": 1,
+      "per_page": 16
+    }
+  }
+}
diff --git a/public/__demo__/mock/expansion/google-token.json b/public/__demo__/mock/expansion/google-token.json
new file mode 100644
index 0000000..74119c6
--- /dev/null
+++ b/public/__demo__/mock/expansion/google-token.json
@@ -0,0 +1,6 @@
+{
+  "status": "error",
+  "message": "获取失败",
+  "error": "Demo 站点无法获取有效的 Google Token",
+  "result": null
+}
diff --git a/public/__demo__/mock/expansion/statistic.json b/public/__demo__/mock/expansion/statistic.json
new file mode 100644
index 0000000..2a3dd64
--- /dev/null
+++ b/public/__demo__/mock/expansion/statistic.json
@@ -0,0 +1,5 @@
+{
+  "status": "success",
+  "message": "获取统计概览成功",
+  "result": { "tags": 28, "views": 1680, "articles": 150, "comments": 1869 }
+}
diff --git a/public/__demo__/mock/expansion/uptoken.json b/public/__demo__/mock/expansion/uptoken.json
new file mode 100644
index 0000000..f0b5591
--- /dev/null
+++ b/public/__demo__/mock/expansion/uptoken.json
@@ -0,0 +1,6 @@
+{
+  "status": "error",
+  "message": "获取失败",
+  "error": "Demo 站点无法获取有效的 UpToken",
+  "result": null
+}
diff --git a/public/__demo__/mock/option.json b/public/__demo__/mock/option.json
new file mode 100644
index 0000000..1f6856d
--- /dev/null
+++ b/public/__demo__/mock/option.json
@@ -0,0 +1,41 @@
+{
+  "status": "success",
+  "message": "获取设置成功",
+  "result": {
+    "keywords": ["Surmon", "前端技术开发", "JavaScript"],
+    "ad_config": "",
+    "_id": "589e01b75af07d59124234cd",
+    "title": "Surmon.me",
+    "sub_title": "来苏之望",
+    "description": "凡心所向，素履所往；生如逆旅，一苇以航",
+    "site_url": "https://surmon.me",
+    "site_email": "surmon@foxmail.com",
+    "site_icp": "",
+    "ping_sites": ["http://ping.baidu.com/ping/RPC2"],
+    "__v": 124,
+    "blacklist": {
+      "ips": [
+        "115.220.179.189",
+        "113.88.157.115",
+        "101.84.13.253",
+        "101.84.184.46",
+        "60.26.180.200",
+        "113.89.148.239",
+        "223.91.14.253"
+      ],
+      "mails": [
+        "test@gmail.cmo",
+        "ciscolai666@gmail.com",
+        "172632763254@qq.com",
+        "swwerwe@163.com",
+        "1@qq.com",
+        "q@qq.com",
+        "e@qq.com",
+        "sfsfsfs@email.com"
+      ],
+      "keywords": ["asd", "sss", "阿什顿发", "dsds", "asasas", "sdf", "test", "阿萨德"]
+    },
+    "meta": { "likes": 590 },
+    "update_at": "2019-01-23T17:44:13.425Z"
+  }
+}
diff --git a/public/__demo__/mock/tag.json b/public/__demo__/mock/tag.json
new file mode 100644
index 0000000..71562e1
--- /dev/null
+++ b/public/__demo__/mock/tag.json
@@ -0,0 +1,155 @@
+{
+  "status": "success",
+  "message": "获取标签成功",
+  "result": {
+    "data": [
+      {
+        "_id": "5b6c8c63675aa44f25b6ca19",
+        "name": "数学",
+        "slug": "math",
+        "description": "就是数学",
+        "extends": [
+          { "_id": "5b6c8c63675aa44f25b6ca1a", "name": "icon", "value": "icon-math" }
+        ],
+        "create_at": "2018-08-09T18:48:03.736Z",
+        "id": 10,
+        "__v": 0,
+        "update_at": "2018-08-10T20:11:12.609Z",
+        "count": 2
+      },
+      {
+        "_id": "59e25a9bf9120a4bb4800912",
+        "id": 9,
+        "name": "计算机",
+        "slug": "computer",
+        "description": "计算机的世界",
+        "extends": [
+          {
+            "_id": "59e25a9bf9120a4bb4800913",
+            "name": "icon",
+            "value": "icon-binarycode"
+          }
+        ],
+        "create_at": "2017-10-14T18:42:35.936Z",
+        "__v": 0,
+        "update_at": "2019-10-21T04:06:02.334Z",
+        "count": 4
+      },
+      {
+        "_id": "59b18754c8bfdb5b0c06980b",
+        "id": 8,
+        "name": "诗和远方",
+        "slug": "soul",
+        "description": "无处安放",
+        "extends": [
+          { "_id": "59b18754c8bfdb5b0c06980c", "name": "icon", "value": "icon-coffee" }
+        ],
+        "create_at": "2017-09-07T17:52:20.941Z",
+        "__v": 0,
+        "update_at": "2018-08-31T20:08:34.689Z",
+        "count": 45
+      },
+      {
+        "_id": "598a7e4bfea25765985ec09c",
+        "id": 7,
+        "name": "网络",
+        "slug": "network",
+        "description": "TCP/IP、HTTP、HTTPS、HTTP2",
+        "extends": [
+          { "_id": "598a7e4bfea25765985ec09d", "name": "icon", "value": "icon-network" }
+        ],
+        "create_at": "2017-08-09T03:15:23.343Z",
+        "__v": 0,
+        "update_at": "2019-07-20T22:45:55.708Z",
+        "count": 5
+      },
+      {
+        "_id": "594d2b1251c61940c28c854f",
+        "id": 6,
+        "name": "世界",
+        "slug": "world",
+        "description": "No fear in my heart.",
+        "extends": [
+          { "name": "icon", "value": "icon-emoji", "_id": "594d2b1251c61940c28c8550" }
+        ],
+        "create_at": "2017-06-23T14:52:02.428Z",
+        "__v": 0,
+        "update_at": "2021-09-02T13:45:20.372Z",
+        "count": 31
+      },
+      {
+        "_id": "59133c0065ff1d6828a70696",
+        "id": 5,
+        "name": "算法",
+        "slug": "algorithm",
+        "description": "算法即原力，即正义",
+        "extends": [
+          {
+            "_id": "59133c0065ff1d6828a70697",
+            "value": "icon-beiyesihei",
+            "name": "icon"
+          }
+        ],
+        "create_at": "2017-05-10T16:12:48.247Z",
+        "__v": 0,
+        "update_at": "2019-10-21T04:04:51.421Z",
+        "count": 3
+      },
+      {
+        "_id": "58f9ca4eaffb3b0a42e21d96",
+        "id": 4,
+        "name": "学习",
+        "slug": "study",
+        "description": "学习使我快乐",
+        "extends": [
+          { "_id": "58f9ca4eaffb3b0a42e21d97", "name": "icon", "value": "icon-study" }
+        ],
+        "create_at": "2017-04-21T09:01:02.463Z",
+        "__v": 0,
+        "update_at": "2019-07-20T22:43:52.139Z",
+        "count": 14
+      },
+      {
+        "_id": "58d47e7fd1c6e87b0b82c667",
+        "id": 3,
+        "name": "Web 开发",
+        "slug": "web",
+        "description": "World Wide Web",
+        "extends": [{ "name": "icon", "value": "icon-html5" }],
+        "create_at": "2017-03-24T02:03:43.058Z",
+        "__v": 0,
+        "update_at": "2021-02-15T19:26:40.972Z",
+        "count": 30
+      },
+      {
+        "_id": "58cf526b6c729a5f1405fa0c",
+        "id": 2,
+        "name": "机器学习",
+        "slug": "machine-learning",
+        "description": "Machine Learning",
+        "extends": [
+          { "name": "icon", "value": "icon-ai", "_id": "58cf526b6c729a5f1405fa0d" }
+        ],
+        "create_at": "2017-03-20T03:54:19.654Z",
+        "__v": 0,
+        "update_at": "2017-03-20T11:02:12.498Z",
+        "count": 5
+      },
+      {
+        "_id": "58c8a3dccc2ca807b19d23cd",
+        "id": 1,
+        "name": "生活",
+        "slug": "life",
+        "description": "与生命",
+        "extends": [
+          { "_id": "58c8a3dccc2ca807b19d23ce", "value": "icon-coffee", "name": "icon" }
+        ],
+        "create_at": "2017-03-15T02:15:56.590Z",
+        "__v": 0,
+        "update_at": "2020-09-10T17:39:53.732Z",
+        "count": 47
+      }
+    ],
+    "pagination": { "total": 10, "current_page": 1, "total_page": 1, "per_page": 16 }
+  }
+}
diff --git a/src/App.tsx b/src/App.tsx
index 7f84217..1a3ee0f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,7 @@ import { onMounted, useReactivity } from 'veact'
 import LoadingBar from 'react-top-loading-bar'
 import 'moment/locale/zh-cn'
 
-import { ENV, APP_COLOR_PRIMARY } from '@/config'
+import { ENV, VITE_ENV, APP_COLOR_PRIMARY } from '@/config'
 import { RouteKey, routeMap, rc } from '@/route'
 import { loading } from '@/state/loading'
 import { AppAuth } from '@/components/AppAuth'
@@ -31,7 +31,7 @@ export const App: React.FC = () => {
   const loadingState = useReactivity(() => loading.state)
 
   onMounted(() => {
-    console.info(`系统启动成功！当前运行环境是：${ENV}`)
+    console.info(`Run! env: ${ENV}, vite env: ${JSON.stringify(VITE_ENV)}`)
   })
 
   return (
diff --git a/src/components/AppLayout/Content.tsx b/src/components/AppLayout/Content.tsx
index 2226664..4e1494a 100644
--- a/src/components/AppLayout/Content.tsx
+++ b/src/components/AppLayout/Content.tsx
@@ -3,9 +3,9 @@ import { matchPath } from 'react-router'
 import { useLocation } from 'react-router-dom'
 import { Breadcrumb, BackTop, Typography } from 'antd'
 import { CaretUpOutlined } from '@ant-design/icons'
-
 import { scrollTo } from '@/services/scroller'
 import { routeMap } from '@/route'
+import { PageHeaderAD } from './PageAD'
 
 import styles from './style.module.less'
 
@@ -32,6 +32,7 @@ export const AppContent: React.FC = (props) => {
           ))}
         </Breadcrumb>
       </div>
+      <PageHeaderAD />
       <div className={styles.pageContent}>{props?.children}</div>
       <BackTop
         className={styles.backTop}
diff --git a/src/components/AppLayout/PageAD.tsx b/src/components/AppLayout/PageAD.tsx
new file mode 100644
index 0000000..ababfeb
--- /dev/null
+++ b/src/components/AppLayout/PageAD.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { onMounted, useRef } from 'veact'
+import { Button } from 'antd'
+import { CloseOutlined } from '@ant-design/icons'
+import { ENABLED_AD } from '@/config'
+
+import styles from './style.module.less'
+
+export const PageHeaderAD: React.FC = () => {
+  const isEnabledAD = useRef(Boolean(ENABLED_AD))
+  const closeAD = () => {
+    isEnabledAD.value = false
+  }
+  onMounted(() => {
+    if (isEnabledAD.value) {
+      ;((window as any).adsbygoogle = (window as any).adsbygoogle || []).push({})
+    }
+  })
+
+  if (isEnabledAD.value) {
+    return (
+      <div className={styles.appPageHeaderMammon}>
+        <div className={styles.mammonBox}>
+          <ins
+            className="adsbygoogle"
+            style={{ display: 'inline-block', width: 728, height: 90 }}
+            data-ad-client="ca-pub-4710915636313788"
+            data-ad-slot="5883149084"
+          ></ins>
+          <Button
+            className={styles.closeButton}
+            size="middle"
+            type="text"
+            onClick={closeAD}
+          >
+            <CloseOutlined />
+          </Button>
+        </div>
+      </div>
+    )
+  }
+
+  return null
+}
diff --git a/src/components/AppLayout/style.module.less b/src/components/AppLayout/style.module.less
index 4551642..06be942 100644
--- a/src/components/AppLayout/style.module.less
+++ b/src/components/AppLayout/style.module.less
@@ -185,4 +185,25 @@
       }
     }
   }
+
+  .appPageHeaderMammon {
+    padding: 2rem;
+    padding-bottom: 0;
+
+    .mammonBox {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background-color: @module-bg;
+
+      .closeButton {
+        margin-left: 2rem;
+        opacity: 0.3;
+
+        &:hover {
+          opacity: 0.6;
+        }
+      }
+    }
+  }
 }
diff --git a/src/config.ts b/src/config.ts
index 2eefc86..f2828e5 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -23,12 +23,7 @@ export const APP_LAYOUT_SPACE_SIZE: SizeType = 'large'
 export const APP_CONTENT_SPACE_SIZE: SizeType = 'middle'
 export const APP_COLOR_PRIMARY = '#177ddc'
 
-export enum Environment {
-  Development = 'development',
-  Production = 'production',
-}
-
+export const VITE_ENV = import.meta.env
+export const ENV = import.meta.env.MODE
 export const API_URL = import.meta.env.VITE_API_URL as string
-export const ENV = import.meta.env.MODE as Environment
-export const isDev = import.meta.env.DEV
-export const isProd = import.meta.env.PROD
+export const ENABLED_AD = Boolean(import.meta.env.VITE_ENABLE_AD)
diff --git a/src/services/http.ts b/src/services/http.ts
index 9cac321..7f77c9f 100755
--- a/src/services/http.ts
+++ b/src/services/http.ts
@@ -54,6 +54,8 @@ export interface HTTPResult<T = any> {
 
 const http = axios.create({
   baseURL: API_URL,
+  // WORKAROUND for outside
+  adapter: (window as any).__axiosAdapter || undefined,
 })
 
 // request
@@ -92,10 +94,10 @@ http.interceptors.response.use(
     }
   },
   (error) => {
-    const errorJSON = error.toJSON()
+    const errorJSON = error?.toJSON?.()
     const messageText = error.response?.data?.message || 'Error'
     const errorText =
-      error.response?.data?.error || error.response?.statusText || errorJSON.message
+      error.response?.data?.error || error.response?.statusText || errorJSON?.message
     const errorInfo = {
       ...errorJSON,
       config: error.config,
diff --git a/vite.config.demo.ts b/vite.config.demo.ts
new file mode 100644
index 0000000..4afa5bf
--- /dev/null
+++ b/vite.config.demo.ts
@@ -0,0 +1,15 @@
+import { UserConfig } from 'vite'
+
+export const demoConfiger = (defaultConfig: UserConfig): UserConfig => {
+  defaultConfig.plugins = defaultConfig.plugins || []
+  defaultConfig.plugins.push({
+    name: 'html-transform',
+    transformIndexHtml(html) {
+      return html.replace(
+        `</head>`,
+        `<script src="/__demo__/index.js"></script></head>`
+      )
+    },
+  })
+  return defaultConfig
+}
diff --git a/vite.config.proxy.ts b/vite.config.proxy.ts
new file mode 100644
index 0000000..1ebaeb7
--- /dev/null
+++ b/vite.config.proxy.ts
@@ -0,0 +1,24 @@
+import { loadEnv, UserConfig } from 'vite'
+
+export const proxyConfiger = (defaultConfig: UserConfig): UserConfig => {
+  const prodEnv = loadEnv('production', '.')
+  return {
+    ...defaultConfig,
+    server: {
+      ...defaultConfig.server,
+      proxy: {
+        ...defaultConfig.server?.proxy,
+        // only for development env
+        '/api': {
+          target: prodEnv.VITE_API_URL,
+          rewrite: (path) => path.replace(/^\/api/, ''),
+          changeOrigin: true,
+          headers: {
+            origin: 'https://surmon.me',
+            referer: 'https://surmon.me',
+          },
+        },
+      },
+    },
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
index 92064f7..68a1773 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,12 +1,11 @@
 import path from 'path'
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig, UserConfig } from 'vite'
 import reactRefresh from '@vitejs/plugin-react-refresh'
-
-const isProxyDev = Boolean(process.env.PROXY)
-const prodEnv = loadEnv('production', '.')
+import { proxyConfiger } from './vite.config.proxy'
+import { demoConfiger } from './vite.config.demo'
 
 // https://vitejs.dev/config/
-export default defineConfig({
+const config: UserConfig = {
   plugins: [reactRefresh()],
   resolve: {
     alias: {
@@ -22,17 +21,6 @@ export default defineConfig({
   },
   server: {
     open: true,
-    proxy: {
-      '/api': {
-        target: isProxyDev ? prodEnv.VITE_API_URL : 'http://localhost:8000',
-        changeOrigin: true,
-        headers: {
-          origin: 'https://surmon.me',
-          referer: 'https://surmon.me',
-        },
-        rewrite: (path) => path.replace(/^\/api/, ''),
-      },
-    },
   },
   build: {
     rollupOptions: {
@@ -47,4 +35,16 @@ export default defineConfig({
       },
     },
   },
+}
+
+export default defineConfig(({ mode }) => {
+  if (mode === 'proxy') {
+    return proxyConfiger(config)
+  }
+
+  if (mode === 'demo') {
+    return demoConfiger(config)
+  }
+
+  return config
 })
diff --git a/yarn.lock b/yarn.lock
index 908029c..31557ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14,10 +14,10 @@
   resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.1.0.tgz#480b025f4b20ef7fe8f47d4a4846e4fee84ea06c"
   integrity sha512-Fi03PfuUqRs76aI3UWYpP864lkrfPo0hluwGqh7NJdLhvH4iRDc3jbJqZIvRDLHKbXrvAfPPV3+zjUccfFvWOQ==
 
-"@ant-design/icons@^4.6.2":
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-4.6.2.tgz#290f2e8cde505ab081fda63e511e82d3c48be982"
-  integrity sha512-QsBG2BxBYU/rxr2eb8b2cZ4rPKAPBpzAR+0v6rrZLp/lnyvflLH3tw1vregK+M7aJauGWjIGNdFmUfpAOtw25A==
+"@ant-design/icons@^4.6.3":
+  version "4.6.4"
+  resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-4.6.4.tgz#21b037dbb90ee1bb7c632cca057006e57d992fd9"
+  integrity sha512-li02J8ym721E24N3bw1oXRzFDV7m2MYQWs+WtJgVVjhNRv4sc6vL2a2M7SS8rWX3Uc/3GJfrokIJnMrmbIMuXQ==
   dependencies:
     "@ant-design/colors" "^6.0.0"
     "@ant-design/icons-svg" "^4.0.0"
@@ -236,6 +236,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.12.13":
+  version "7.15.3"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.3.tgz#2e1c2880ca118e5b2f9988322bd8a7656a32502b"
+  integrity sha512-OvwMLqNXkCXSz1kSm58sEsNuhqOx/fKpnUnKnFB5v8uDda5bLNEHNgKPvhDN6IU0LDcnHQ90LlJ0Q6jnyBSIBA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.14.5.tgz#a9bc9d8b33354ff6e55a9c60d1109200a68974f4"
@@ -356,20 +363,20 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.8.tgz#edf1bf1dbf4e04413ca8e5b17b3b7d7d54b59818"
   integrity sha512-YSBPTLTVm2e2OoQIDYx8HaeWJ5tTToLH67kXR7zYNGupXMEHa2++G8k+DczX2cFVgalypqtyZIcU19AFcmOpmg==
 
-"@types/lodash@^4.14.171":
-  version "4.14.171"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.171.tgz#f01b3a5fe3499e34b622c362a46a609fdb23573b"
-  integrity sha512-7eQ2xYLLI/LsicL2nejW9Wyko3lcpN6O/z0ZLHrEQsg280zIdCv1t/0m6UtBjUHokCGBQ3gYTbHzDkZ1xOBwwg==
+"@types/lodash@^4.14.172":
+  version "4.14.172"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.172.tgz#aad774c28e7bfd7a67de25408e03ee5a8c3d028a"
+  integrity sha512-/BHF5HAx3em7/KkzVKm3LrsD6HZAXuXO1AJZQ3cRRBZj4oHZDviWPYu0aEplAqDFNHZPW6d3G7KN+ONcCCC7pw==
 
-"@types/marked@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-2.0.4.tgz#34a0ea548afe6e0c01095229d47b48b2af650613"
-  integrity sha512-L9VRSe0Id8xbPL99mUo/4aKgD7ZoRwFZqUQScNKHi2pFjF9ZYSMNShUHD6VlMT6J/prQq0T1mxuU25m3R7dFzg==
+"@types/marked@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-3.0.0.tgz#2deb8fcd1ec655336e498cb100e6cb346b731df9"
+  integrity sha512-vof90OIWT+Tzq3MBRXgV9fsH8PC3WZ4OQg9Qa04vOtP0TcyiNfl7BTonYCmTapHZ5lRZh6ihUYkAy7St1hmk/A==
 
-"@types/node@^16.4.10":
-  version "16.4.10"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.4.10.tgz#e57e2a54fc6da58da94b3571b1cb456d39f88597"
-  integrity sha512-TmVHsm43br64js9BqHWqiDZA+xMtbUpI1MBIA0EyiBmoV9pcEYFOSdj5fr6enZNfh4fChh+AGOLIzGwJnkshyQ==
+"@types/node@^16.7.10":
+  version "16.7.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.7.10.tgz#7aa732cc47341c12a16b7d562f519c2383b6d4fc"
+  integrity sha512-S63Dlv4zIPb8x6MMTgDq5WWRJQe56iBEY0O3SOFA9JrRienkOVDXSXBjjJw6HTNQYSE2JI6GMCR6LVbIMHJVvA==
 
 "@types/prop-types@*":
   version "15.7.4"
@@ -407,7 +414,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^17.0.15":
+"@types/react@*":
   version "17.0.15"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.15.tgz#c7533dc38025677e312606502df7656a6ea626d0"
   integrity sha512-uTKHDK9STXFHLaKv6IMnwp52fm0hwU+N89w/p9grdUqcFA6WuqDyPhaWopbNyE1k/VhgzmHl8pu1L4wITtmlLw==
@@ -416,6 +423,15 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
+"@types/react@^17.0.20":
+  version "17.0.20"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.20.tgz#a4284b184d47975c71658cd69e759b6bd37c3b8c"
+  integrity sha512-wWZrPlihslrPpcKyCSlmIlruakxr57/buQN1RjlIeaaTWDLtJkTtRW429MoQJergvVKc4IWBpRhWw7YNh/7GVA==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
 "@types/scheduler@*":
   version "0.16.2"
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
@@ -426,73 +442,73 @@
   resolved "https://registry.yarnpkg.com/@types/ua-parser-js/-/ua-parser-js-0.7.36.tgz#9bd0b47f26b5a3151be21ba4ce9f5fa457c5f190"
   integrity sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==
 
-"@typescript-eslint/eslint-plugin@^4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.29.0.tgz#b866c9cd193bfaba5e89bade0015629ebeb27996"
-  integrity sha512-eiREtqWRZ8aVJcNru7cT/AMVnYd9a2UHsfZT8MR1dW3UUEg6jDv9EQ9Cq4CUPZesyQ58YUpoAADGv71jY8RwgA==
+"@typescript-eslint/eslint-plugin@^4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.30.0.tgz#4a0c1ae96b953f4e67435e20248d812bfa55e4fb"
+  integrity sha512-NgAnqk55RQ/SD+tZFD9aPwNSeHmDHHe5rtUyhIq0ZeCWZEvo4DK9rYz7v9HDuQZFvn320Ot+AikaCKMFKLlD0g==
   dependencies:
-    "@typescript-eslint/experimental-utils" "4.29.0"
-    "@typescript-eslint/scope-manager" "4.29.0"
+    "@typescript-eslint/experimental-utils" "4.30.0"
+    "@typescript-eslint/scope-manager" "4.30.0"
     debug "^4.3.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.1.0"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/experimental-utils@4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.29.0.tgz#19b1417602d0e1ef325b3312ee95f61220542df5"
-  integrity sha512-FpNVKykfeaIxlArLUP/yQfv/5/3rhl1ov6RWgud4OgbqWLkEq7lqgQU9iiavZRzpzCRQV4XddyFz3wFXdkiX9w==
+"@typescript-eslint/experimental-utils@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.30.0.tgz#9e49704fef568432ae16fc0d6685c13d67db0fd5"
+  integrity sha512-K8RNIX9GnBsv5v4TjtwkKtqMSzYpjqAQg/oSphtxf3xxdt6T0owqnpojztjjTcatSteH3hLj3t/kklKx87NPqw==
   dependencies:
     "@types/json-schema" "^7.0.7"
-    "@typescript-eslint/scope-manager" "4.29.0"
-    "@typescript-eslint/types" "4.29.0"
-    "@typescript-eslint/typescript-estree" "4.29.0"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/parser@^4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.29.0.tgz#e5367ca3c63636bb5d8e0748fcbab7a4f4a04289"
-  integrity sha512-+92YRNHFdXgq+GhWQPT2bmjX09X7EH36JfgN2/4wmhtwV/HPxozpCNst8jrWcngLtEVd/4zAwA6BKojAlf+YqA==
+"@typescript-eslint/parser@^4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.30.0.tgz#6abd720f66bd790f3e0e80c3be77180c8fcb192d"
+  integrity sha512-HJ0XuluSZSxeboLU7Q2VQ6eLlCwXPBOGnA7CqgBnz2Db3JRQYyBDJgQnop6TZ+rsbSx5gEdWhw4rE4mDa1FnZg==
   dependencies:
-    "@typescript-eslint/scope-manager" "4.29.0"
-    "@typescript-eslint/types" "4.29.0"
-    "@typescript-eslint/typescript-estree" "4.29.0"
+    "@typescript-eslint/scope-manager" "4.30.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/typescript-estree" "4.30.0"
     debug "^4.3.1"
 
-"@typescript-eslint/scope-manager@4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.29.0.tgz#cf5474f87321bedf416ef65839b693bddd838599"
-  integrity sha512-HPq7XAaDMM3DpmuijxLV9Io8/6pQnliiXMQUcAdjpJJSR+fdmbD/zHCd7hMkjJn04UQtCQBtshgxClzg6NIS2w==
+"@typescript-eslint/scope-manager@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.30.0.tgz#1a3ffbb385b1a06be85cd5165a22324f069a85ee"
+  integrity sha512-VJ/jAXovxNh7rIXCQbYhkyV2Y3Ac/0cVHP/FruTJSAUUm4Oacmn/nkN5zfWmWFEanN4ggP0vJSHOeajtHq3f8A==
   dependencies:
-    "@typescript-eslint/types" "4.29.0"
-    "@typescript-eslint/visitor-keys" "4.29.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
 
-"@typescript-eslint/types@4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.29.0.tgz#c8f1a1e4441ea4aca9b3109241adbc145f7f8a4e"
-  integrity sha512-2YJM6XfWfi8pgU2HRhTp7WgRw78TCRO3dOmSpAvIQ8MOv4B46JD2chnhpNT7Jq8j0APlIbzO1Bach734xxUl4A==
+"@typescript-eslint/types@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.30.0.tgz#fb9d9b0358426f18687fba82eb0b0f869780204f"
+  integrity sha512-YKldqbNU9K4WpTNwBqtAerQKLLW/X2A/j4yw92e3ZJYLx+BpKLeheyzoPfzIXHfM8BXfoleTdiYwpsvVPvHrDw==
 
-"@typescript-eslint/typescript-estree@4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.29.0.tgz#af7ab547757b86c91bfdbc54ff86845410856256"
-  integrity sha512-8ZpNHDIOyqzzgZrQW9+xQ4k5hM62Xy2R4RPO3DQxMc5Rq5QkCdSpk/drka+DL9w6sXNzV5nrdlBmf8+x495QXQ==
+"@typescript-eslint/typescript-estree@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.30.0.tgz#ae57833da72a753f4846cd3053758c771670c2ac"
+  integrity sha512-6WN7UFYvykr/U0Qgy4kz48iGPWILvYL34xXJxvDQeiRE018B7POspNRVtAZscWntEPZpFCx4hcz/XBT+erenfg==
   dependencies:
-    "@typescript-eslint/types" "4.29.0"
-    "@typescript-eslint/visitor-keys" "4.29.0"
+    "@typescript-eslint/types" "4.30.0"
+    "@typescript-eslint/visitor-keys" "4.30.0"
     debug "^4.3.1"
     globby "^11.0.3"
     is-glob "^4.0.1"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/visitor-keys@4.29.0":
-  version "4.29.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.29.0.tgz#1ff60f240def4d85ea68d4fd2e4e9759b7850c04"
-  integrity sha512-LoaofO1C/jAJYs0uEpYMXfHboGXzOJeV118X4OsZu9f7rG7Pr9B3+4HTU8+err81rADa4xfQmAxnRnPAI2jp+Q==
+"@typescript-eslint/visitor-keys@4.30.0":
+  version "4.30.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.30.0.tgz#a47c6272fc71b0c627d1691f68eaecf4ad71445e"
+  integrity sha512-pNaaxDt/Ol/+JZwzP7MqWc8PJQTUhZwoee/PVlQ+iYoYhagccvoHnC9e4l+C/krQYYkENxznhVSDwClIbZVxRw==
   dependencies:
-    "@typescript-eslint/types" "4.29.0"
+    "@typescript-eslint/types" "4.30.0"
     eslint-visitor-keys "^2.0.0"
 
 "@vitejs/plugin-react-refresh@^1.3.6":
@@ -622,13 +638,13 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   dependencies:
     color-convert "^2.0.1"
 
-antd@^4.16.10:
-  version "4.16.10"
-  resolved "https://registry.yarnpkg.com/antd/-/antd-4.16.10.tgz#d785741413a1875d9e526a09b8f5388cc29677e9"
-  integrity sha512-l1A6AiIXJPvJL9EXxF6nIEr44tcNFcx73u5+sSAU/heHQjC3wWUey6bY3nn9StdHcP8HuJOIs8vpev4cp6ty/w==
+antd@^4.16.13:
+  version "4.16.13"
+  resolved "https://registry.yarnpkg.com/antd/-/antd-4.16.13.tgz#e9b9b4a590db28747aae1cab98981649a35880af"
+  integrity sha512-EMPD3fzKe7oayx9keD/GA1oKatcx7j5CGlkJj5eLS0/eEDDEkxVj3DFmKOPuHYt4BK7ltTzMFS+quSTmqUXPiw==
   dependencies:
     "@ant-design/colors" "^6.0.0"
-    "@ant-design/icons" "^4.6.2"
+    "@ant-design/icons" "^4.6.3"
     "@ant-design/react-slick" "~0.28.1"
     "@babel/runtime" "^7.12.5"
     array-tree-filter "^2.1.0"
@@ -643,13 +659,13 @@ antd@^4.16.10:
     rc-drawer "~4.3.0"
     rc-dropdown "~3.2.0"
     rc-field-form "~1.20.0"
-    rc-image "~5.2.4"
+    rc-image "~5.2.5"
     rc-input-number "~7.1.0"
     rc-mentions "~1.6.1"
     rc-menu "~9.0.12"
     rc-motion "^2.4.0"
     rc-notification "~4.5.7"
-    rc-pagination "~3.1.6"
+    rc-pagination "~3.1.9"
     rc-picker "~2.5.10"
     rc-progress "~3.1.0"
     rc-rate "~2.9.0"
@@ -664,11 +680,10 @@ antd@^4.16.10:
     rc-tooltip "~5.1.1"
     rc-tree "~4.2.1"
     rc-tree-select "~4.3.0"
-    rc-trigger "^5.2.1"
+    rc-trigger "^5.2.10"
     rc-upload "~4.3.0"
     rc-util "^5.13.1"
     scroll-into-view-if-needed "^2.2.25"
-    warning "^4.0.3"
 
 any-promise@^1.0.0, any-promise@^1.3.0:
   version "1.3.0"
@@ -709,12 +724,12 @@ async-validator@^3.0.3:
   resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-3.5.2.tgz#68e866a96824e8b2694ff7a831c1a25c44d5e500"
   integrity sha512-8eLCg00W9pIRZSB781UUX/H6Oskmm8xloZfr09lz5bikRpBVDlJ3hRVuxxP1SxcwsEYfJ4IU8Q19Y8/893r3rQ==
 
-axios@^0.21.1:
-  version "0.21.1"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"
-  integrity sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==
+axios@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.3.tgz#f85d9b747f9b66d59ca463605cedf1844872b82e"
+  integrity sha512-JtoZ3Ndke/+Iwt5n+BgSli/3idTvpt5OjKyoCmz4LX5+lPiY5l7C1colYezhlxThjNa/NhngCUWZSZFypIFuaA==
   dependencies:
-    follow-redirects "^1.10.0"
+    follow-redirects "^1.14.0"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -1082,10 +1097,10 @@ errno@^0.1.1:
   dependencies:
     prr "~1.0.1"
 
-esbuild@^0.12.8:
-  version "0.12.16"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.16.tgz#c397144ce13b445a6ead9c1f747da11f79ec5e67"
-  integrity sha512-XqI9cXP2bmQ6MREIqrYBb13KfYFSERsV1+e5jSVWps8dNlLZK+hln7d0mznzDIpfISsg/AgQW0DW3kSInXWhrg==
+esbuild@^0.12.17:
+  version "0.12.24"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.12.24.tgz#21966fad25a80f368ed308101e88102bce0dc68f"
+  integrity sha512-C0ibY+HsXzYB6L/pLWEiWjMpghKsIc58Q5yumARwBQsHl9DXPakW+5NI/Y9w4YXiz0PEP6XTGTT/OV4Nnsmb4A==
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -1124,10 +1139,10 @@ eslint-config-prettier@^8.3.0:
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
   integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
 
-eslint-plugin-prettier@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz#cdbad3bf1dbd2b177e9825737fe63b476a08f0c7"
-  integrity sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==
+eslint-plugin-prettier@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
+  integrity sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
@@ -1347,10 +1362,10 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.1.tgz#bbef080d95fca6709362c73044a1634f7c6e7d05"
   integrity sha512-OMQjaErSFHmHqZe+PSidH5n8j3O0F2DdnVh8JB4j4eUQ2k6KvB0qGfrKIhapvez5JerBbmWkaLYUYWISaESoXg==
 
-follow-redirects@^1.10.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.1.tgz#d9114ded0a1cfdd334e164e6662ad02bfd91ff43"
-  integrity sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==
+follow-redirects@^1.14.0:
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.3.tgz#6ada78118d8d24caee595595accdc0ac6abd022e"
+  integrity sha512-3MkHxknWMUtb23apkgz/83fDoe+y+qr0TdgacGIA7bew+QLBo3vdgEN2xEsuXNivpFy4CyDhBBZnNZOtalmenw==
 
 formstream@^1.1.0:
   version "1.1.1"
@@ -1482,10 +1497,10 @@ graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
   integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
 
-gravatar@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/gravatar/-/gravatar-1.8.1.tgz#743bbdf3185c3433172e00e0e6ff5f6b30c58997"
-  integrity sha512-18frnfVp4kRYkM/eQW32Mfwlsh/KMbwd3S6nkescBZHioobflFEFHsvM71qZAkUSLNifyi2uoI+TuGxJAnQIOA==
+gravatar@^1.8.2:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/gravatar/-/gravatar-1.8.2.tgz#f298642b1562ed685af2ae938dbe31ec0c542cc1"
+  integrity sha512-GdRwLM3oYpFQKy47MKuluw9hZ2gaCtiKPbDGdcDEuYDKlc8eNnW27KYL9LVbIDzEsx88WtDWQm2ClBcsgBnj6w==
   dependencies:
     blueimp-md5 "^2.16.0"
     email-validator "^2.0.4"
@@ -1864,10 +1879,10 @@ make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
-marked@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-2.1.3.tgz#bd017cef6431724fd4b27e0657f5ceb14bff3753"
-  integrity sha512-/Q+7MGzaETqifOMWYEA7HVMaZb4XbcRfaOzcSsHZEith83KGlvaSG33u0SKu89Mj5h+T8V2hM+8O45Qc5XTgwA==
+marked@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-3.0.2.tgz#60ce97d6aec34dd882ab4bb4df82494666854e17"
+  integrity sha512-TMJQQ79Z0e3rJYazY0tIoMsFzteUGw9fB3FD+gzuIT3zLuG9L9ckIvUfF51apdJkcqc208jJN2KbtPbOvXtbjA==
 
 merge-descriptors@^1.0.1:
   version "1.0.1"
@@ -1929,10 +1944,10 @@ moment@^2.24.0, moment@^2.25.3, moment@^2.29.1:
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
   integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
 
-monaco-editor@^0.26.1:
-  version "0.26.1"
-  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.26.1.tgz#62bb5f658bc95379f8abb64b147632bd1c019d73"
-  integrity sha512-mm45nUrBDk0DgZKgbD7+bhDOtcAFNGPJJRAdS6Su1kTGl6XEgC7U3xOmDUW/0RrLf+jlvCGaqLvD4p2VjwuwwQ==
+monaco-editor@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/monaco-editor/-/monaco-editor-0.27.0.tgz#4b69108bb1dc1f60174c5dcdf51bc5306ab5ba26"
+  integrity sha512-UhwP78Wb8w0ZSYoKXQNTV/0CHObp6NS3nCt51QfKE6sKyBo5PBsvuDOHoI2ooBakc6uIwByRLHVeT7+yXQe2fQ==
 
 ms@2.0.0:
   version "2.0.0"
@@ -2333,16 +2348,6 @@ rc-collapse@~3.1.0:
     rc-util "^5.2.1"
     shallowequal "^1.1.0"
 
-rc-dialog@~8.5.0:
-  version "8.5.3"
-  resolved "https://registry.yarnpkg.com/rc-dialog/-/rc-dialog-8.5.3.tgz#84fb1f7637dd8aadd709ba905eac2a3a2e07d21b"
-  integrity sha512-zoamT8L6+rBwnwjPlrZRxiHCHQXrTcWZD3a6ruoqEdUKP1KgO0eSjMDH9WlF3WEPYMVnb2G5SrjHrhnwgPDu5w==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.2.6"
-    rc-motion "^2.3.0"
-    rc-util "^5.6.1"
-
 rc-dialog@~8.6.0:
   version "8.6.0"
   resolved "https://registry.yarnpkg.com/rc-dialog/-/rc-dialog-8.6.0.tgz#3b228dac085de5eed8c6237f31162104687442e7"
@@ -2380,14 +2385,14 @@ rc-field-form@~1.20.0:
     async-validator "^3.0.3"
     rc-util "^5.8.0"
 
-rc-image@~5.2.4:
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/rc-image/-/rc-image-5.2.4.tgz#ff1059f937bde6ca918c6f1beb316beba911f255"
-  integrity sha512-kWOjhZC1OoGKfvWqtDoO9r8WUNswBwnjcstI6rf7HMudz0usmbGvewcWqsOhyaBRJL9+I4eeG+xiAoxV1xi75Q==
+rc-image@~5.2.5:
+  version "5.2.5"
+  resolved "https://registry.yarnpkg.com/rc-image/-/rc-image-5.2.5.tgz#44e6ffc842626827960e7ab72e1c0d6f3a8ce440"
+  integrity sha512-qUfZjYIODxO0c8a8P5GeuclYXZjzW4hV/5hyo27XqSFo1DmTCs2HkVeQObkcIk5kNsJtgsj1KoPThVsSc/PXOw==
   dependencies:
     "@babel/runtime" "^7.11.2"
     classnames "^2.2.6"
-    rc-dialog "~8.5.0"
+    rc-dialog "~8.6.0"
     rc-util "^5.0.6"
 
 rc-input-number@~7.1.0:
@@ -2453,10 +2458,10 @@ rc-overflow@^1.0.0, rc-overflow@^1.2.0:
     rc-resize-observer "^1.0.0"
     rc-util "^5.5.1"
 
-rc-pagination@~3.1.6:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/rc-pagination/-/rc-pagination-3.1.7.tgz#13ba071a7fcb0c79896076806f3944653e7bf29e"
-  integrity sha512-sl0HGVhv6AsMzA5H3q7cBQcbAGj/sFjoiDSLvq3+/4IjihPqScZnSSiqR4Wu9G8RLgNjrBnGrSdTGO2Kyrt3IA==
+rc-pagination@~3.1.9:
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/rc-pagination/-/rc-pagination-3.1.9.tgz#797ad75d85b1ef7a82801207ead410110337fdd6"
+  integrity sha512-IKBKaJ4icVPeEk9qRHrFBJmHxBUrCp3+nENBYob4Ofqsu3RXjBOy4N36zONO7oubgLyiG3PxVmyAuVlTkoc7Jg==
   dependencies:
     "@babel/runtime" "^7.10.1"
     classnames "^2.2.1"
@@ -2607,7 +2612,7 @@ rc-tree@^4.0.0, rc-tree@~4.2.1:
     rc-util "^5.0.0"
     rc-virtual-list "^3.0.1"
 
-rc-trigger@^5.0.0, rc-trigger@^5.0.4, rc-trigger@^5.1.2, rc-trigger@^5.2.1:
+rc-trigger@^5.0.0, rc-trigger@^5.0.4, rc-trigger@^5.1.2:
   version "5.2.9"
   resolved "https://registry.yarnpkg.com/rc-trigger/-/rc-trigger-5.2.9.tgz#795a787d2b038347dcde27b89a4a5cec8fc40f3e"
   integrity sha512-0Bxsh2Xe+etejMn73am+jZBcOpsueAZiEKLiGoDfA0fvm/JHLNOiiww3zJ0qgyPOTmbYxhsxFcGOZu+VcbaZhQ==
@@ -2618,6 +2623,17 @@ rc-trigger@^5.0.0, rc-trigger@^5.0.4, rc-trigger@^5.1.2, rc-trigger@^5.2.1:
     rc-motion "^2.0.0"
     rc-util "^5.5.0"
 
+rc-trigger@^5.2.10:
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/rc-trigger/-/rc-trigger-5.2.10.tgz#8a0057a940b1b9027eaa33beec8a6ecd85cce2b1"
+  integrity sha512-FkUf4H9BOFDaIwu42fvRycXMAvkttph9AlbCZXssZDVzz2L+QZ0ERvfB/4nX3ZFPh1Zd+uVGr1DEDeXxq4J1TA==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    classnames "^2.2.6"
+    rc-align "^4.0.0"
+    rc-motion "^2.0.0"
+    rc-util "^5.5.0"
+
 rc-upload@~4.3.0:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/rc-upload/-/rc-upload-4.3.1.tgz#d6ee66b8bd1e1dd2f78526c486538423f7e7ed84"
@@ -2664,25 +2680,25 @@ react-refresh@^0.10.0:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.10.0.tgz#2f536c9660c0b9b1d500684d9e52a65e7404f7e3"
   integrity sha512-PgidR3wST3dDYKr6b4pJoqQFpPGNKDSCDx4cZoshjXipw3LzO7mG1My2pwEzz2JVkF+inx3xRpDeQLFQGH/hsQ==
 
-react-router-dom@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.2.0.tgz#9e65a4d0c45e13289e66c7b17c7e175d0ea15662"
-  integrity sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==
+react-router-dom@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.0.tgz#da1bfb535a0e89a712a93b97dd76f47ad1f32363"
+  integrity sha512-ObVBLjUZsphUUMVycibxgMdh5jJ1e3o+KpAZBVeHcNQZ4W+uUGGWsokurzlF4YOldQYRQL4y6yFRWM4m3svmuQ==
   dependencies:
-    "@babel/runtime" "^7.1.2"
+    "@babel/runtime" "^7.12.13"
     history "^4.9.0"
     loose-envify "^1.3.1"
     prop-types "^15.6.2"
-    react-router "5.2.0"
+    react-router "5.2.1"
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
-react-router@5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.2.0.tgz#424e75641ca8747fbf76e5ecca69781aa37ea293"
-  integrity sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==
+react-router@5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.2.1.tgz#4d2e4e9d5ae9425091845b8dbc6d9d276239774d"
+  integrity sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ==
   dependencies:
-    "@babel/runtime" "^7.1.2"
+    "@babel/runtime" "^7.12.13"
     history "^4.9.0"
     hoist-non-react-statics "^3.1.0"
     loose-envify "^1.3.1"
@@ -3158,10 +3174,10 @@ type-fest@^0.20.2:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-typescript@^4.3.5:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
-  integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
+typescript@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.2.tgz#6d618640d430e3569a1dfb44f7d7e600ced3ee86"
+  integrity sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==
 
 ua-parser-js@^0.7.28:
   version "0.7.28"
@@ -3258,19 +3274,19 @@ veact@^0.1.3:
   dependencies:
     "@vue/reactivity" "^3.2.0-beta.7"
 
-vite@^2.4.4:
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.4.4.tgz#8c402a07ad45f168f6eb5428bead38f3e4363e47"
-  integrity sha512-m1wK6pFJKmaYA6AeZIUXyiAgUAAJzVXhIMYCdZUpCaFMGps0v0IlNJtbmPvkUhVEyautalajmnW5X6NboUPsnw==
+vite@^2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.5.3.tgz#88d40a9efb9bec66bd87a7676c5689f35ff63742"
+  integrity sha512-1wMDnjflvtTTkMov8O/Xb5+w1/VW/Gw8oCf8f6dqgHn8lMOEqq0SaPtFEQeikFcOKCfSbiU0nEi0LDIx6DNsaQ==
   dependencies:
-    esbuild "^0.12.8"
+    esbuild "^0.12.17"
     postcss "^8.3.6"
     resolve "^1.20.0"
     rollup "^2.38.5"
   optionalDependencies:
     fsevents "~2.3.2"
 
-warning@^4.0.1, warning@^4.0.3:
+warning@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
   integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==