feat: light dashboard (#228)

Co-authored-by: Soya <[email protected]>

Author: Innei

.env.template

@@ -3,7 +3,7 @@ NEXT_PUBLIC_GATEWAY_URL=http://127.0.0.1:2333/
 NEXT_PUBLIC_API_URL=https://innei.ren/api/v2
 NEXT_PUBLIC_GATEWAY_URL=https://api.innei.ren
 
-NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_***********8
+NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_aaaaaaaaaaaaaaaaaxxxxxx
 
 ## Clerk
 CLERK_SECRET_KEY=sk_test_

README.md

@@ -24,6 +24,7 @@
 4. :bell: **接入 WebSocket，实时获取最新的文章通知**：通过 WebSocket，访客能够实时获取最新的文章通知。
 5. :computer: **实时活动状态展示**：配合 [ProcessReporter](https://github.com/mx-space/ProcessReporterMac)，可以在主页上显示实时活动状态。
 6. :pencil: **Markdown 的扩展语法**：支持更多的 Markdown 扩展语法，等待你的发掘和使用。
+7. :zap: **轻量级管理面板**：可以在管理面板中管理文章、评论等。
 
 ## :wrench: 技术栈
 
@@ -44,6 +45,11 @@
 
 <img width="1471" alt="Live Demo" src="https://github.com/Innei/Shiro/assets/41265413/bf8af4ec-0f0c-441a-8c06-4b44e1649597">
 
+轻管理面板：
+
+![](https://github.com/Innei/Shiro/assets/41265413/4bb5b34a-3ce2-45da-bec7-4596ac87f849)
+![](https://github.com/Innei/Shiro/assets/41265413/592941d0-2ebe-4d64-bd77-3171829bd896)
+
 <details>
 <summary>
 点击查看部分完整页面截图

package.json

@@ -38,9 +38,21 @@
   "dependencies": {
     "@clerk/nextjs": "4.29.1",
     "@floating-ui/react-dom": "2.0.4",
+    "@milkdown/core": "7.3.2",
+    "@milkdown/plugin-clipboard": "7.3.2",
+    "@milkdown/plugin-history": "7.3.2",
+    "@milkdown/plugin-indent": "7.3.2",
+    "@milkdown/plugin-listener": "7.3.2",
+    "@milkdown/preset-commonmark": "7.3.2",
+    "@milkdown/react": "7.3.2",
+    "@milkdown/utils": "7.3.2",
     "@mx-space/api-client": "1.7.2",
     "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-label": "2.0.2",
+    "@radix-ui/react-scroll-area": "1.0.5",
     "@radix-ui/react-select": "2.0.0",
+    "@radix-ui/react-switch": "1.0.3",
+    "@radix-ui/react-tabs": "1.0.4",
     "@tanstack/query-async-storage-persister": "5.17.1",
     "@tanstack/react-query": "5.17.1",
     "@tanstack/react-query-devtools": "5.17.1",
@@ -51,18 +63,24 @@
     "bypass-vue-devtools": "0.0.6",
     "clsx": "2.1.0",
     "colorjs.io": "^0.4.5",
+    "crossbell": "1.11.3",
     "daisyui": "4.5.0",
     "dayjs": "1.11.10",
     "emoji-mart": "5.5.2",
     "emoji-picker-react": "4.6.3",
     "foxact": "0.2.30",
     "framer-motion": "^10.17.9",
+    "fuse.js": "7.0.0",
     "idb-keyval": "6.2.1",
     "immer": "^10.0.3",
     "jojoo": "0.1.2",
     "jotai": "2.6.1",
     "js-cookie": "3.0.5",
+    "js-yaml": "4.1.0",
+    "kbar": "0.1.0-beta.45",
+    "markdown-escape": "2.0.0",
     "markdown-to-jsx": "npm:@innei/[email protected]",
+    "marked": "11.1.1",
     "medium-zoom": "1.1.0",
     "mermaid": "10.6.1",
     "next": "14.0.4",
@@ -73,14 +91,17 @@
     "react-dom": "18.2.0",
     "react-error-boundary": "4.0.12",
     "react-intersection-observer": "9.5.3",
+    "react-responsive-masonry": "2.1.7",
     "react-toastify": "9.1.3",
     "react-tweet": "3.2.0",
     "react-wrap-balancer": "1.1.0",
     "remove-markdown": "0.5.0",
     "server-only": "^0.0.1",
     "socket.io-client": "4.7.3",
     "tailwind-merge": "2.2.0",
+    "unidata.js": "0.8.0",
     "uniqolor": "1.1.1",
+    "use-context-selector": "1.4.1",
     "vaul": "0.8.0",
     "xss": "1.0.14"
   },
@@ -94,10 +115,12 @@
     "@next/bundle-analyzer": "14.0.4",
     "@tailwindcss/typography": "0.5.10",
     "@types/js-cookie": "3.0.6",
+    "@types/js-yaml": "4.0.9",
     "@types/markdown-escape": "1.1.3",
     "@types/node": "20.10.6",
     "@types/react": "18.2.46",
     "@types/react-dom": "18.2.18",
+    "@types/react-responsive-masonry": "2.1.3",
     "@types/remove-markdown": "0.3.4",
     "autoprefixer": "10.4.16",
     "cross-env": "7.0.3",