[
{
"path": ".eslintrc.cjs",
"content": "// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst path = require('path')\n\n/** @type {import(\"eslint\").Linter.Config} */\nconst config = {\n overrides: [\n {\n extends: [\n 'plugin:@typescript-eslint/recommended-requiring-type-checking',\n ],\n files: ['*.ts', '*.tsx'],\n parserOptions: {\n project: path.join(__dirname, 'tsconfig.json'),\n },\n rules: {\n '@typescript-eslint/no-misused-promises': 'off',\n '@typescript-eslint/no-unsafe-call': 'off',\n '@typescript-eslint/no-unsafe-member-access': 'off',\n '@typescript-eslint/no-unsafe-assignment': 'off',\n '@typescript-eslint/no-explicit-any': 'off',\n '@typescript-eslint/no-unsafe-argument': 'off',\n },\n },\n ],\n parser: '@typescript-eslint/parser',\n parserOptions: {\n project: path.join(__dirname, 'tsconfig.json'),\n },\n ignorePatterns: ['**/*.md'],\n plugins: [\n 'turbo',\n '@typescript-eslint',\n 'simple-import-sort',\n 'unused-imports',\n ],\n extends: ['next/core-web-vitals', 'plugin:@typescript-eslint/recommended'],\n rules: {\n '@typescript-eslint/consistent-type-imports': [\n 'warn',\n {\n prefer: 'type-imports',\n fixStyle: 'inline-type-imports',\n },\n ],\n '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],\n\n 'simple-import-sort/imports': 'error',\n 'simple-import-sort/exports': 'warn',\n 'unused-imports/no-unused-imports': 'error',\n },\n}\n\nmodule.exports = config\n"
},
{
"path": ".github/dependabot.yml",
"content": "# To get started with Dependabot version updates, you'll need to specify which\n# package ecosystems to update and where the package manifests are located.\n# Please see the documentation for all configuration options:\n# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates\n\nversion: 2\nupdates:\n - package-ecosystem: \"npm\" # See documentation for possible values\n directory: \"/\" # Location of package manifests\n schedule:\n interval: \"daily\"\n\n - package-ecosystem: \"github-actions\" # GitHub Actions\n directory: \"/\"\n schedule:\n interval: \"daily\"\n"
},
{
"path": ".github/workflows/DeployTo_ghrc_ali.yml",
"content": "name: Build and push Docker image\n\non:\n push:\n tags:\n - 'v*'\n\njobs:\n changelog:\n name: Generate Changelog\n runs-on: ubuntu-latest\n outputs:\n release_body: ${{ steps.git-cliff.outputs.content }}\n steps:\n - name: Checkout\n uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - name: Generate a changelog\n uses: orhun/git-cliff-action@v3\n id: git-cliff\n with:\n config: git-cliff/cliff.toml\n args: -vv --latest --strip 'footer'\n env:\n OUTPUT: CHANGES.md\n - name: Release\n uses: softprops/action-gh-release@v1\n if: startsWith(github.ref, 'refs/tags/')\n with:\n body: ${{ steps.git-cliff.outputs.content }}\n token: ${{ secrets.GITHUB_TOKEN }}\n env:\n GITHUB_REPOSITORY: ${{ github.repository }}\n\n build-and-push:\n runs-on: ubuntu-latest\n needs: changelog\n steps:\n - name: Checkout code\n uses: actions/checkout@v4\n\n - name: Login to GitHub Container Registry\n uses: docker/login-action@v3\n with:\n registry: ghcr.io\n username: ${{ github.repository_owner }}\n password: ${{ secrets.GITHUB_TOKEN }}\n\n - name: Login to AliYun Container Registry\n uses: docker/login-action@v3\n with:\n registry: registry.cn-guangzhou.aliyuncs.com\n username: ${{ secrets.ALI_USERNAME }}\n password: ${{ secrets.ALI_TOKEN }}\n\n - name: Extract metadata (tags, labels) for Docker\n id: meta\n uses: docker/metadata-action@v5\n with:\n images: |\n ghcr.io/${{ github.repository }}\n registry.cn-guangzhou.aliyuncs.com/hamster-home/homedash\n tags: |\n type=raw,value=latest\n type=ref,event=tag\n\n - name: Print environment variables\n run: |\n echo \"${{env.GIT_COMMIT_LOG}}\"\n echo \"${{env.BUILD_TIME}}\"\n echo \"${{env.CURRENT_VERSION}}\"\n\n - name: Build and push Docker image\n uses: docker/build-push-action@v5\n with:\n context: .\n push: true\n tags: ${{ steps.meta.outputs.tags }}\n labels: ${{ steps.meta.outputs.labels }}\n build-args: |\n GIT_TAG=${{env.CURRENT_VERSION}}\n GIT_COMMIT_LOG=${{env.GIT_COMMIT_LOG}}\n BUILD_TIME=${{env.BUILD_TIME}}\n PROD_ENV=${{secrets.PROD_ENV}}\n \n"
},
{
"path": ".github/workflows/autoMerge.yml",
"content": "name: Dependabot auto-merge\non: pull_request\n\npermissions:\n contents: write\n pull-requests: write\n\njobs:\n dependabot:\n runs-on: ubuntu-latest\n if: ${{ github.actor == 'dependabot[bot]' }}\n steps:\n - name: Dependabot metadata\n id: metadata\n uses: dependabot/fetch-metadata@v2\n with:\n github-token: \"${{ secrets.GITHUB_TOKEN }}\"\n - name: Enable auto-merge for Dependabot PRs\n if: ${{contains(steps.metadata.outputs.dependency-names, 'my-dependency') && steps.metadata.outputs.update-type == 'version-update:semver-patch'}}\n run: gh pr merge --auto --merge \"$PR_URL\"\n env:\n PR_URL: ${{github.event.pull_request.html_url}}\n GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}\n"
},
{
"path": ".gitignore",
"content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# local env files\n.env*.local\n.env\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\nnext-env.d.ts\n\n# turbo\n.turbo\n"
},
{
"path": ".idea/.gitignore",
"content": "# 默认忽略的文件\n/shelf/\n/workspace.xml\n# 基于编辑器的 HTTP 客户端请求\n/httpRequests/\n# GitHub Copilot persisted chat sessions\n/copilot/chatSessions\n"
},
{
"path": ".idea/hamster-home.iml",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": ".idea/inspectionProfiles/Project_Default.xml",
"content": "\n \n \n \n \n"
},
{
"path": ".idea/modules.xml",
"content": "\n\n \n \n \n \n \n"
},
{
"path": ".idea/vcs.xml",
"content": "\n\n \n \n \n"
},
{
"path": "Dockerfile",
"content": "FROM node:18-alpine AS base\n\nFROM base AS deps\nRUN apk add --no-cache libc6-compat\nWORKDIR /app\n\nCOPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./\nRUN \\\n if [ -f yarn.lock ]; then yarn --frozen-lockfile; \\\n elif [ -f package-lock.json ]; then npm ci; \\\n elif [ -f pnpm-lock.yaml ]; then yarn global add pnpm && pnpm i --frozen-lockfile; \\\n else echo \"Lockfile not found.\" && exit 1; \\\n fi\n\n\nFROM base AS builder\nWORKDIR /app\nCOPY --from=deps /app/node_modules ./node_modules\nCOPY . .\n\nARG PROD_ENV=\"\"\n# Appends to .env.production\nRUN printf \"$PROD_ENV\" >> .env.production\n\nRUN yarn build\n\n\nFROM base AS runner\nWORKDIR /app\n\nENV NODE_ENV production\nENV NEXT_TELEMETRY_DISABLED 1\n\nRUN addgroup --system --gid 1001 nodejs\nRUN adduser --system --uid 1001 nextjs\n\nCOPY --from=builder /app/public ./public\n\nCOPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./\nCOPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static\n\n\n\nUSER nextjs\n\nEXPOSE 3000\n\nENV PORT 3000\nENV HOSTNAME \"0.0.0.0\"\n\nCMD [\"node\", \"server.js\"]\n"
},
{
"path": "LICENSE",
"content": "MIT License\n\nCopyright (c) 2023 仓鼠\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "README.md",
"content": "\n项目因技术栈选择问题已归档，重构中...\n
\n新重构 HomeDash 地址: https://dash.buycoffee.top\n \n\n
\n
\n\nHomeDash
\n\n\nHomeDash 是一个基于 Next.js 和 Semi-design 的仪表盘\n
\nDemo地址: https://home.buycoffee.top\n\n\n\n\n
\n\n## 一键部署前端\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fhamster1963%2FHomeDash%3Ftab%3Dreadme-ov-file&env=NEXT_PUBLIC_GO_API_BASE_URL&envDescription=%E5%A1%AB%E5%85%A5%E5%90%8E%E7%AB%AF%20API%20%E5%9C%B0%E5%9D%80)\n\n* 在环境变量中填入后端 API 地址\n### 文档完善中...\n\n## 后端仓库\n[HomeDash-Backend](https://github.com/hamster1963/HomeDash-Backend)\n\n## 本地开发\n\n### 配置文件填入后端地址\n \n```bash\ncp .env.example .env.local\n```\n\n### 安装依赖\n\n```bash\npnpm install\n```\n\n### 运行前端\n\n```bash\npnpm dev\n```\n\n## 同时也兼容了黑色模式！\n\n\n"
},
{
"path": "app/home/globals.css",
"content": "/* http://meyerweb.com/eric/tools/css/reset/\n v5.0.1 | 20191019\n License: none (public domain)\n*/\n@import '@/app/home/semi.css';\n@import \"@/app/home/style.css\";\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmain, menu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n vertical-align: baseline;\n /* Disable tap highlights on iOS */\n -webkit-tap-highlight-color: transparent;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, main, menu, nav, section {\n display: block;\n}\n/* HTML5 hidden-attribute fix for newer browsers */\n*[hidden] {\n display: none;\n}\nbody {\n line-height: 1;\n color: var(--semi-color-text-0);\n background-color: var( --semi-color-bg-0);\n}\nmenu, ol, ul {\n list-style: none;\n}\nblockquote, q {\n quotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: none;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n"
},
{
"path": "app/home/layout.tsx",
"content": "\"use client\";\nimport \"./globals.css\";\n\nimport { Layout } from \"@douyinfe/semi-ui\";\nimport React, { useEffect, useState } from \"react\";\n\nimport FixedButton from \"@/app/home/utils/fixedButton\";\nimport LeftSide from \"@/app/home/utils/leftSide\";\nimport { useSSEContext } from \"@/app/home/utils/sseContext\";\n\nexport default function DashboardLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n const { Sider, Content } = Layout;\n\n // 从 SSEContext 中获取侧边栏状态及其 setter 函数\n const { isNavCollapsed } = useSSEContext();\n\n // 避免页面初始化时侧边栏闪烁的问题\n const [mounted, setMounted] = useState(false);\n useEffect(() => {\n setMounted(true);\n }, []);\n if (!mounted) {\n return null;\n }\n\n return (\n \n \n \n \n \n {children}\n \n \n \n );\n}\n"
},
{
"path": "app/home/main/components/NewDescription.tsx",
"content": "import { Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\n\ntype NewDescriptionProps = {\n keyString: string;\n value: React.ReactNode;\n style?: React.CSSProperties;\n};\n\nexport default function NewDescription({\n keyString,\n value,\n style,\n}: NewDescriptionProps) {\n const { Text, Title } = Typography;\n return (\n \n {keyString}\n {value}\n \n );\n}\n"
},
{
"path": "app/home/main/components/infoCard.tsx",
"content": "import {\n IconBolt,\n IconBrackets,\n IconCalendarClock,\n IconConnectionPoint2,\n IconGithubLogo,\n IconGlobeStroke,\n IconUser,\n} from \"@douyinfe/semi-icons\";\nimport { Card, Progress, Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\nimport { z } from \"zod\";\n\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\ntype InfoCardProps = {\n backgroundColor: string;\n backgroundFillColor: string;\n icon: React.ReactNode;\n title: string;\n moreIcon: React.ReactNode;\n moreInfo: string;\n value: number;\n unit: string;\n name: string;\n total: number;\n};\n\nexport function InfoCard(props: InfoCardProps) {\n const { Title } = Typography;\n // 计算进度百分比\n const progressPercent =\n props.value !== 0 ? Math.round((props.value / props.total) * 100) : 0;\n // 使用线性渐变设置背景色\n // 可以根据需要更改颜色\n const backgroundColor = `linear-gradient(90deg, ${props.backgroundFillColor} ${progressPercent}%, ${props.backgroundColor} ${progressPercent}%)`;\n return (\n \n \n \n \n {props.icon}\n \n {props.title}\n \n \n \n \n {props.moreInfo}\n \n {props.moreIcon}\n \n \n \n \n {props.value.toFixed(2)}\n \n \n {props.unit}\n \n \n \n \n {props.name}\n \n \n {props.value.toFixed(2)}/{props.total}\n \n \n \n \n \n );\n}\n\nconst CoffeeInfoSchema = z.object({\n usedBound: z.string(),\n remainBound: z.string(),\n planBound: z.string(),\n resetDay: z.string(),\n});\n\nconst XuiInfoSchema = z.object({\n user_count: z.number(),\n up_total: z.number(),\n down_total: z.number(),\n});\n\nconst GitHubInfoSchema = z.object({\n included_minutes: z.number(),\n next_bill_day: z.number(),\n total_minutes_used: z.number(),\n});\n\nconst BoceCountSchema = z.object({\n boce_count: z.number(),\n});\n\nexport default function InfoCardList() {\n const coffeeGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetNetworkDataSSE\",\n );\n const coffeeValidation = CoffeeInfoSchema.safeParse(\n coffeeGetData?.coffeeInfo,\n );\n const xuiGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetXuiDataSSE\",\n );\n const xuiValidation = XuiInfoSchema.safeParse(xuiGetData?.xuiData);\n\n const githubGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetGitHubActionDataSSE\",\n );\n const githubValidation = GitHubInfoSchema.safeParse(\n githubGetData?.GitHubActionData,\n );\n const boceCountData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetBoceCountSSE\",\n );\n const boceCountValidation = BoceCountSchema.safeParse(boceCountData);\n\n return (\n <>\n }\n title={\"代理服务\"}\n moreIcon={}\n value={\n coffeeValidation.success ? Number(coffeeValidation.data.usedBound) : 0\n }\n unit={\"GB\"}\n name={\"CoffeeCloud\"}\n total={\n coffeeValidation.success ? Number(coffeeValidation.data.planBound) : 0\n }\n moreInfo={\n \"重置: \" +\n (coffeeValidation.success ? coffeeValidation.data.resetDay : 0) +\n \"天\"\n }\n />\n }\n title={\"x-ui 面板\"}\n moreIcon={}\n value={\n xuiValidation.success\n ? xuiValidation.data.down_total + xuiValidation.data.up_total\n : 0\n }\n unit={\"GB\"}\n name={\"已用流量\"}\n total={xuiValidation.success ? 1000 : 0}\n moreInfo={\n \"用户数: \" +\n (xuiValidation.success ? xuiValidation.data.user_count : 0)\n }\n />\n }\n title={\"Actions\"}\n moreIcon={}\n value={\n githubValidation.success\n ? githubValidation.data.total_minutes_used\n : 0\n }\n unit={\"Minute\"}\n name={\"已用构建时间\"}\n total={\n githubValidation.success ? githubValidation.data.included_minutes : 0\n }\n moreInfo={\n \"重置: \" +\n (githubValidation.success ? githubValidation.data.next_bill_day : 0) +\n \"天\"\n }\n />\n }\n title={\"拨测总数\"}\n moreIcon={}\n value={\n boceCountValidation.success ? boceCountValidation.data.boce_count : 0\n }\n unit={\"Count\"}\n name={\"任务数\"}\n total={boceCountValidation.success ? 10000 : 0}\n moreInfo={\"拨测服务\"}\n />\n \n );\n}\n"
},
{
"path": "app/home/main/components/networkChart.tsx",
"content": "import React from \"react\";\nimport { Area, AreaChart, ResponsiveContainer, YAxis } from \"recharts\";\n\ntype NetworkChartProps = {\n data: any;\n keyString: string;\n colorToken: string;\n};\n\nexport default function NetworkChart({\n data,\n keyString,\n colorToken,\n}: NetworkChartProps) {\n const backgroundColor = `rgba(var(--semi-${colorToken}-0), 1)`;\n const strokeColor = `rgba(var(--semi-${colorToken}-5), 1)`;\n const fill = `url(#${colorToken})`;\n return (\n \n \n \n \n \n \n \n \n \n \n \n {/**/}\n \n \n \n \n \n );\n}\n"
},
{
"path": "app/home/main/components/networkSummary.tsx",
"content": "import { Skeleton } from \"@douyinfe/semi-ui\";\nimport React, { useEffect } from \"react\";\nimport { z } from \"zod\";\n\nimport NetworkChart from \"@/app/home/main/components/networkChart\";\nimport NewDescription from \"@/app/home/main/components/NewDescription\";\nimport { useSSEContext } from \"@/app/home/utils/sseContext\";\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nconst NetworkInfoSchema = z.object({\n deviceCount: z.number(),\n rxSpeedMbps: z.number(),\n txSpeedMbps: z.number(),\n})\n\nconst AdGuardInfoSchema = z.object({\n AvgProcessingTime: z.number(),\n NumBlockedFiltering: z.number(),\n NumDnsQueries: z.number(),\n});\n\nexport default function NetworkSummary() {\n const networkGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetNetworkDataSSE\",\n );\n const networkValidation = NetworkInfoSchema.safeParse(\n networkGetData?.homeNetwork,\n );\n const adguardGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetAdGuardInfoSSE\",\n );\n const adguardValidation = AdGuardInfoSchema.safeParse(\n adguardGetData?.adGuardInfo,\n );\n\n const { setSSEConnect, HomeNetworkSpeedList, setHomeNetworkSpeedList } =\n useSSEContext();\n\n useEffect(() => {\n if (networkValidation.success) {\n // 获取当前的速度列表\n const currentList = [...HomeNetworkSpeedList];\n\n // 添加新的速度数据到列表中\n currentList.push({\n speed: Number(\n networkValidation.data.rxSpeedMbps +\n networkValidation.data.txSpeedMbps,\n ),\n });\n\n // 如果长度大于10，删除第一个元素\n if (currentList.length > 10) {\n currentList.shift();\n }\n\n // 更新速度列表\n setHomeNetworkSpeedList(currentList);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [networkGetData]);\n\n useEffect(() => {\n if (networkValidation.success) {\n setSSEConnect(true);\n } else {\n setSSEConnect(false);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [networkGetData]);\n\n const placeholder = (\n \n \n
\n );\n\n return (\n <>\n \n \n )\n }\n />\n \n )\n }\n />\n \n )\n }\n />\n \n \n )\n }\n />\n \n )\n }\n />\n \n )\n }\n />\n \n \n \n \n );\n}\n"
},
{
"path": "app/home/main/components/proxySummary.tsx",
"content": "import { Skeleton, Typography } from \"@douyinfe/semi-ui\";\nimport React, { useEffect } from \"react\";\nimport { z } from \"zod\";\n\nimport NetworkChart from \"@/app/home/main/components/networkChart\";\nimport NewDescription from \"@/app/home/main/components/NewDescription\";\nimport { useSSEContext } from \"@/app/home/utils/sseContext\";\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nconst proxyInfoSchema = z.object({\n rxSpeedMbps: z.number(),\n txSpeedMbps: z.number(),\n});\n\nconst nodeInfoSchema = z.object({\n nodeName: z.string(),\n nodeLatency: z.string(),\n});\n\nexport default function ProxySummary() {\n const { Title } = Typography;\n const proxyGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetNetworkDataSSE\",\n );\n const proxyValidation = proxyInfoSchema.safeParse(proxyGetData?.proxyNetwork);\n const nodeValidation = nodeInfoSchema.safeParse(proxyGetData?.nodeInfo);\n\n const { ProxyNetworkSpeedList, setProxyNetworkSpeedList } = useSSEContext();\n\n useEffect(() => {\n if (proxyValidation.success) {\n // 获取当前的速度列表\n const currentList = [...ProxyNetworkSpeedList];\n\n // 添加新的速度数据到列表中\n currentList.push({\n speed: Number(\n proxyValidation.data.rxSpeedMbps + proxyValidation.data.txSpeedMbps,\n ),\n });\n\n // 如果长度大于10，删除第一个元素\n if (currentList.length > 10) {\n currentList.shift();\n }\n\n // 更新速度列表\n setProxyNetworkSpeedList(currentList);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [proxyGetData]);\n\n const placeholder = (\n \n \n
\n );\n return (\n <>\n \n \n {nodeValidation.data.nodeName.slice(1, -1)}\n \n ) : (\n \n )\n }\n />\n \n )\n }\n />\n \n )\n }\n />\n \n )\n }\n />\n \n\n \n \n );\n}\n"
},
{
"path": "app/home/main/components/serverList.tsx",
"content": "import { Progress, Skeleton } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\n\nimport NewDescription from \"@/app/home/main/components/NewDescription\";\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\ntype ServerCardProps = {\n id: number;\n name: string;\n status: string;\n cpu: number;\n memory: number;\n disk: number;\n uptime: number;\n up: number;\n down: number;\n};\n\nconst placeholder = (\n \n \n
\n);\n\nexport function ServerCard(props: ServerCardProps) {\n return (\n <>\n \n
\n \n \n \n {props.status}\n
\n \n \n {value}\n \n \n \n \n \n \n );\n};\n\nconst homeCardDataSchema = z.object({\n AirConditioner: z.object({\n state: z.boolean().nullable(),\n temp: z.number().nullable(),\n }),\n Humidifier: z.object({\n state: z.boolean().nullable(),\n humidity: z.number().nullable(),\n }),\n AirPurifier: z.object({\n state: z.boolean().nullable(),\n pm25: z.number().nullable(),\n }),\n Light: z.object({\n state: z.boolean().nullable(),\n brightness: z.number().nullable(),\n }),\n});\n\nexport default function HomeSummary() {\n const homeInfoGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetHomeDataSSE\",\n );\n const homeCardValidation = homeCardDataSchema.safeParse(\n homeInfoGetData?.homeData,\n );\n\n return (\n <>\n \n \n\n \n\n \n \n \n \n );\n}\n"
},
{
"path": "app/home/service/components/paySummary.tsx",
"content": "import { Card, Progress, Typography } from \"@douyinfe/semi-ui\";\n\nimport { getDaysBetweenDates } from \"@/app/home/utils/functions\";\n\ntype PayCardProps = {\n service: string;\n expireDate: string;\n};\n\nfunction PayDetailCard(props: PayCardProps) {\n const { service, expireDate } = props;\n\n // 获取今天的日期\n const today = new Date().toISOString().split(\"T\")[0];\n const daysRemain: number = getDaysBetweenDates(today!.toString(), expireDate);\n const remainPercent: string = ((daysRemain / 365) * 100).toFixed(2);\n const { Title } = Typography;\n return (\n \n \n \n \n {service}\n \n \n \n {daysRemain}天\n \n {remainPercent}%\n \n \n\n \n \n \n );\n}\n\nexport default function PaySummary() {\n return (\n \n \n \n \n \n );\n}\n"
},
{
"path": "app/home/service/components/serviceList.tsx",
"content": "import { Card, Progress, Tag, Typography } from \"@douyinfe/semi-ui\";\nimport { z } from \"zod\";\n\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\ntype ServiceCardProps = {\n type: string;\n service: string;\n status: boolean;\n ping: number;\n availability: number;\n};\n\nfunction ServerDetailCard(props: ServiceCardProps) {\n const { type, service, ping, status, availability } = props;\n const { Title } = Typography;\n return (\n \n \n \n \n {type}\n \n {!status && (\n \n {\" \"}\n Offline{\" \"}\n \n )}\n \n\n \n \n {service}\n \n \n \n {ping}ms\n \n {availability}%\n \n \n\n \n \n \n );\n}\n\nconst serviceInfoSchema = z.object({\n xui: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n v2raya: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n proxy: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n nginx: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n home: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n netflix: z.object({\n status: z.boolean(),\n uptime: z.string(),\n ping: z.number(),\n }),\n});\n\nexport default function ServiceList() {\n const serviceListGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetUptimeDataSSE\",\n );\n const uptimeValidation = serviceInfoSchema.safeParse(\n serviceListGetData?.uptimeData,\n );\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n"
},
{
"path": "app/home/service/components/serviceSummary.tsx",
"content": "import { Card, Descriptions, Progress } from \"@douyinfe/semi-ui\";\nimport { z } from \"zod\";\n\nimport { getDaysBetweenDates } from \"@/app/home/utils/functions\";\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\ntype ServiceCardProps = {\n title: string;\n totalValue: number;\n runningValue: number;\n};\n\nexport function ServiceCard(props: ServiceCardProps) {\n const { title, totalValue, runningValue } = props;\n const data = [\n {\n key: title,\n value: runningValue ? runningValue + \"/\" + totalValue : \"0/0\",\n style: { paddingRight: \"0px\" },\n },\n ];\n return (\n \n \n (\n {percent}%
\n )}\n stroke={\n Number(((runningValue / totalValue) * 100).toFixed(0)) < 80\n ? \"rgba(var(--semi-orange-5), 1)\"\n : Number(((runningValue / totalValue) * 100).toFixed(0)) < 50\n ? \"rgba(var(--semi-red-5), 1)\"\n : \"rgba(var(--semi-green-5), 1)\"\n }\n type=\"circle\"\n strokeWidth={10}\n aria-label={title}\n />\n \n \n \n );\n}\n\nconst serviceSummarySchema = z.object({\n serverCount: z.number(),\n errorCount: z.number(),\n dockerStatus: z.object({\n ServerCount: z.number(),\n ErrorServer: z.number(),\n DockerCount: z.number(),\n ErrorDocker: z.number(),\n }),\n});\n\nexport default function ServiceSummary() {\n const serviceGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetDockerMonitorSSE\",\n );\n const serviceSummaryValidation = serviceSummarySchema.safeParse(\n serviceGetData?.dockerData,\n );\n\n const today = new Date().toISOString().split(\"T\")[0];\n const date2: string = \"2024-12-16\";\n const daysBetween: number = getDaysBetweenDates(today!.toString(), date2);\n\n return (\n \n \n \n \n \n \n );\n}\n"
},
{
"path": "app/home/service/page.tsx",
"content": "import ServiceContent from \"@/app/home/service/service\";\n\nexport const metadata = {\n title: \"服务 | HomeDash\",\n};\n\nexport default function Service() {\n return ;\n}\n"
},
{
"path": "app/home/service/service.tsx",
"content": "\"use client\";\nimport { Typography } from \"@douyinfe/semi-ui\";\n\nimport HomeSummary from \"@/app/home/service/components/homeSummary\";\nimport PaySummary from \"@/app/home/service/components/paySummary\";\nimport ServiceList from \"@/app/home/service/components/serviceList\";\nimport ServiceSummary from \"@/app/home/service/components/serviceSummary\";\n\nexport default function ServiceContent() {\n const { Title } = Typography;\n\n return (\n <>\n \n 🛠️ 核心服务状态\n \n \n \n \n \n \n );\n}\n"
},
{
"path": "app/home/style.css",
"content": ".newDescription {\n padding: 10px;\n border-radius: 5px;\n background-color: transparent;\n transition: border-radius 0.5s ease, background-color 0.3s ease;\n}\n\n.newDescription:hover {\n border-radius: 15px;\n background-color: rgba(var(--semi-grey-0), 1);\n}\n\n.serverDescription{\n padding: 20px;\n margin-left: 20px;\n margin-right: 20px;\n margin-bottom: 10px;\n border-radius: 10px;\n background-color: rgba(var(--semi-grey-0), 1);\n}\n\n.xuiDescription {\n padding: 20px;\n margin-left: 20px;\n margin-right: 20px;\n border-radius: 10px;\n}\n\n\n\n.semi-descriptions-double-medium .semi-descriptions-item {\n padding-right: 20px;\n}\n\n\n.fixedButton {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 100;\n display: flex;\n flex-direction: row;\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n background-color: rgba(var(--semi-grey-0), 0.2);\n padding: 3px;\n border-radius: 20px;\n}\n\n\n.responsive-divider {\n display: flex;\n}\n\n@media (max-width: 768px) {\n .responsive-divider {\n display: none;\n }\n}\n\n"
},
{
"path": "app/home/surge/components/surgeCard.tsx",
"content": "import React from \"react\";\n\ntype SurgeCardProps = {\n children?: React.ReactNode;\n style?: React.CSSProperties;\n};\n\nfunction SurgeCard({ children, style }: SurgeCardProps) {\n return (\n \n {children}\n \n );\n}\n\nexport default SurgeCard;\n"
},
{
"path": "app/home/surge/page.tsx",
"content": "import SurgeContent from \"@/app/home/surge/surge\";\n\nexport const metadata = {\n title: \"Surge | HomeDash\",\n};\n\nexport default function Service() {\n return ;\n}\n"
},
{
"path": "app/home/surge/surge.tsx",
"content": "\"use client\";\nimport { Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\n\nimport SurgeStatus from \"@/app/home/surge/surgeStatus\";\nimport SurgeTraffic from \"@/app/home/surge/surgeTraffic\";\n\nexport default function SurgeContent() {\n const { Title } = Typography;\n\n return (\n <>\n \n 🎛️️ Surge 网关状态\n \n \n \n \n );\n}\n"
},
{
"path": "app/home/surge/surgeStatus.tsx",
"content": "import {\n IconActivity,\n IconDisc,\n IconSafe,\n IconSignal,\n} from \"@douyinfe/semi-icons\";\nimport { Divider, Progress, Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\n\nimport SurgeCard from \"@/app/home/surge/components/surgeCard\";\nimport { surgeTrafficDataSchema } from \"@/app/home/surge/surgeTraffic\";\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nfunction SurgeStatus() {\n const { Title, Text } = Typography;\n const surgeGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetSurgeInfoSSE\",\n );\n const surgeValidation = surgeTrafficDataSchema.safeParse(\n surgeGetData?.surgeInfo,\n );\n return (\n \n \n \n \n \n {surgeValidation.success\n ? surgeValidation.data.system_proxy_status\n ? \"已启用\"\n : \"已禁用\"\n : \"...\"}\n \n \n 系统代理\n \n \n \n \n \n {surgeValidation.success\n ? surgeValidation.data.enhanced_mode_status\n ? \"已开启\"\n : \"已关闭\"\n : \"...\"}\n \n \n 增强模式\n \n \n \n \n \n \n 设备数\n \n \n\n \n {surgeValidation.success\n ? surgeValidation.data.connected_device\n : \"...\"}\n \n \n 已连接\n \n \n \n \n 在线时长\n \n \n {surgeValidation.success\n ? surgeValidation.data.traffic.start_days.toFixed(1)\n : \"...\"}\n \n Days\n \n \n \n \n 已开启\n \n \n \n \n );\n}\n\nexport default SurgeStatus;\n"
},
{
"path": "app/home/surge/surgeTraffic.tsx",
"content": "import { Descriptions, Skeleton, Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\nimport { z } from \"zod\";\n\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nexport const surgeTrafficDataSchema = z.object({\n traffic: z.object({\n out_current_speed: z.number(),\n in_current_speed: z.number(),\n direct: z.number(),\n proxy: z.number(),\n total: z.number(),\n start_days: z.number(),\n }),\n mac_mini_info: z.object({\n tcp_conn_count: z.number(),\n udp_conn_count: z.number(),\n process_count: z.number(),\n }),\n connected_device: z.number(),\n enhanced_mode_status: z.boolean(),\n system_proxy_status: z.boolean(),\n now_node: z.string(),\n node_latency: z.number(),\n});\n\nfunction SurgeTraffic() {\n const { Title, Text } = Typography;\n const surgeGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetSurgeInfoSSE\",\n );\n const surgeValidation = surgeTrafficDataSchema.safeParse(\n surgeGetData?.surgeInfo,\n );\n const placeholder = (\n \n \n
\n );\n const surgeTrafficDataOne = [\n {\n key: \"上传速度\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.traffic.out_current_speed.toFixed(2)}\n \n \n Mb/s\n \n \n ) : (\n \n ),\n },\n {\n key: \"下载速度\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.traffic.in_current_speed.toFixed(2)}\n \n \n Mb/s\n \n \n ) : (\n \n ),\n },\n {\n key: \"TCP连接数\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.mac_mini_info.tcp_conn_count}\n \n \n ) : (\n \n ),\n },\n {\n key: \"UDP连接数\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.mac_mini_info.udp_conn_count}\n \n \n ) : (\n \n ),\n },\n {\n key: \"进程数\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.mac_mini_info.process_count}\n \n \n ) : (\n \n ),\n },\n ];\n const surgeTrafficDataTwo = [\n {\n key: \"节点\",\n value: surgeValidation.success ? (\n \n {surgeValidation.data.now_node}\n \n ) : (\n \n ),\n },\n {\n key: \"延迟\",\n value: surgeValidation.success ? (\n \n \n {surgeValidation.data.node_latency.toFixed(2)}\n \n \n ms\n \n \n ) : (\n \n ),\n },\n {\n key: \"流量占比\",\n value: surgeValidation.success ? (\n \n \n \n {surgeValidation.data.traffic.direct.toFixed(2) + \"GB\"}\n \n \n \n\n \n \n {surgeValidation.data.traffic.proxy.toFixed(2) + \"GB\"}\n \n \n \n \n ) : (\n \n ),\n },\n ];\n return (\n \n \n \n \n );\n}\n\nexport default SurgeTraffic;\n"
},
{
"path": "app/home/utils/fixedButton.tsx",
"content": "\"use client\";\nimport { IconDesktop, IconMoon, IconSun } from \"@douyinfe/semi-icons\";\nimport { Button } from \"@douyinfe/semi-ui\";\nimport { useTheme } from \"next-themes\";\nimport { useEffect, useState } from \"react\";\n\nconst FixedButton = () => {\n const { theme, setTheme } = useTheme();\n const [mounted, setMounted] = useState(false);\n const switchMode = (theme: string) => {\n setTheme(theme);\n };\n // 避免按钮闪烁的问题\n useEffect(() => {\n setMounted(true);\n }, []);\n\n if (!mounted) {\n return null;\n }\n\n return (\n \n }\n type={\"tertiary\"}\n theme={theme === \"light\" ? \"solid\" : \"borderless\"}\n aria-label=\"浅色模式\"\n onClick={() => switchMode(\"light\")}\n >\n }\n theme={theme === \"dark\" ? \"solid\" : \"borderless\"}\n aria-label=\"深色模式\"\n onClick={() => switchMode(\"dark\")}\n >\n }\n theme={theme === \"system\" ? \"solid\" : \"borderless\"}\n aria-label=\"系统设置\"\n onClick={() => switchMode(\"system\")}\n >\n
\n );\n};\n\nexport default FixedButton;\n"
},
{
"path": "app/home/utils/functions.tsx",
"content": "export function getDaysBetweenDates(date1: string, date2: string): number {\n const oneDay = 24 * 60 * 60 * 1000; // 一天的毫秒数\n const firstDate = new Date(date1);\n const secondDate = new Date(date2);\n\n // 计算两个日期之间的天数差异\n return Math.round(\n Math.abs((firstDate.getTime() - secondDate.getTime()) / oneDay),\n );\n}\n"
},
{
"path": "app/home/utils/leftSide.tsx",
"content": "import { IconSemiLogo } from \"@douyinfe/semi-icons\";\nimport {\n IconBanner,\n IconList,\n IconProgress,\n IconToken,\n} from \"@douyinfe/semi-icons-lab\";\nimport { Nav } from \"@douyinfe/semi-ui\";\nimport { useRouter } from \"next/navigation\";\nimport { usePathname } from \"next/navigation\";\nimport { useCallback, useEffect, useMemo } from \"react\";\n\nimport { useSSEContext } from \"@/app/home/utils/sseContext\";\n\nconst routerMap: Record = {\n home: \"/home/main\",\n network: \"/home/xui\",\n service: \"/home/service\",\n surge: \"/home/surge\",\n};\n\nfunction LeftSide() {\n const pathname = usePathname();\n const router = useRouter();\n\n const selectedKeys = useMemo(() => {\n const keys = Object.keys(routerMap);\n const selectedKey = keys.find((key) =>\n pathname.startsWith(routerMap[key] as string),\n );\n return selectedKey ? [selectedKey] : [];\n }, [pathname]);\n\n // 从 SSEContext 中获取侧边栏状态及其 setter 函数\n const { isNavCollapsed, setNavCollapsed } = useSSEContext();\n\n const toggleNav = useCallback(\n (isCollapse: boolean) => {\n setNavCollapsed(isCollapse);\n },\n [setNavCollapsed],\n );\n\n const navWidth = isNavCollapsed ? 60 : 220;\n\n useEffect(() => {\n const handleResize = () => {\n if (window.innerWidth < 768) {\n toggleNav(true);\n }\n };\n window.addEventListener(\"resize\", handleResize);\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n }, [toggleNav]);\n useEffect(() => {\n router.prefetch(\"/home/main\");\n router.prefetch(\"/home/xui\");\n router.prefetch(\"/home/service\");\n router.prefetch(\"/home/surge\");\n }, [router]);\n\n return (\n \n toggleNav(isCollapse)}\n style={{ height: \"100vh\", width: navWidth }}\n footer={{ collapseButton: true }}\n onClick={(data) => {\n router.push(routerMap[data.itemKey as string]!);\n }}\n selectedKeys={selectedKeys}\n >\n }\n text={\"Hamster's Home\"}\n />\n } />\n } />\n } />\n } />\n \n
\n );\n}\n\nexport default LeftSide;\n"
},
{
"path": "app/home/utils/sseContext.tsx",
"content": "\"use client\";\nimport React, {\n createContext,\n type ReactNode,\n useContext,\n useReducer,\n useState,\n} from \"react\";\n\ntype SpeedData = { speed: number };\n\ninterface SSEContextType {\n SSEConnect: boolean;\n setSSEConnect: (value: boolean) => void;\n HomeNetworkSpeedList: SpeedData[];\n setHomeNetworkSpeedList: (value: SpeedData[]) => void;\n ProxyNetworkSpeedList: SpeedData[];\n setProxyNetworkSpeedList: (value: SpeedData[]) => void;\n isNavCollapsed: boolean;\n setNavCollapsed: (value: boolean) => void;\n}\n\nconst SSEContext = createContext({\n SSEConnect: false,\n setSSEConnect: () => {},\n HomeNetworkSpeedList: [],\n setHomeNetworkSpeedList: () => {},\n ProxyNetworkSpeedList: [],\n setProxyNetworkSpeedList: () => {},\n isNavCollapsed: false,\n setNavCollapsed: () => {},\n});\n\nconst initialState: {\n SSEConnect: boolean;\n HomeNetworkSpeedList: SpeedData[];\n ProxyNetworkSpeedList: SpeedData[];\n isNavCollapsed: boolean;\n} = {\n SSEConnect: false,\n HomeNetworkSpeedList: [],\n ProxyNetworkSpeedList: [],\n isNavCollapsed: false,\n};\n\ntype Actions =\n | { type: \"SET_SSE_CONNECT\"; payload: boolean }\n | { type: \"SET_HOME_NETWORK_SPEED_LIST\"; payload: SpeedData[] }\n | { type: \"SET_PROXY_NETWORK_SPEED_LIST\"; payload: SpeedData[] }\n | { type: \"SET_NAV_COLLAPSED\"; payload: boolean };\n\nconst reducer = (state: typeof initialState, action: Actions) => {\n switch (action.type) {\n case \"SET_SSE_CONNECT\":\n return { ...state, SSEConnect: action.payload };\n case \"SET_HOME_NETWORK_SPEED_LIST\":\n return { ...state, HomeNetworkSpeedList: action.payload };\n case \"SET_PROXY_NETWORK_SPEED_LIST\":\n return { ...state, ProxyNetworkSpeedList: action.payload };\n case \"SET_NAV_COLLAPSED\":\n return { ...state, isNavCollapsed: action.payload };\n default:\n return state;\n }\n};\n\nexport const useSSEContext = () => {\n return useContext(SSEContext);\n};\n\ninterface SSEContextProviderProps {\n children: ReactNode;\n}\n\nexport const SSEConnectProvider: React.FC = ({\n children,\n}) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const setSSEConnect = (value: boolean) => {\n dispatch({ type: \"SET_SSE_CONNECT\", payload: value });\n };\n\n const setHomeNetworkSpeedList = (value: SpeedData[]) => {\n dispatch({ type: \"SET_HOME_NETWORK_SPEED_LIST\", payload: value });\n };\n\n const setProxyNetworkSpeedList = (value: SpeedData[]) => {\n dispatch({ type: \"SET_PROXY_NETWORK_SPEED_LIST\", payload: value });\n };\n\n // For nav collapsed\n const [isNavCollapsed, setIsNavCollapsed] = useState(() => {\n const savedState =\n typeof window !== \"undefined\"\n ? localStorage.getItem(\"navCollapsed\")\n : null;\n return savedState ? (JSON.parse(savedState) as boolean) : false;\n });\n\n const setNavCollapsed = (value: boolean) => {\n setIsNavCollapsed(value);\n localStorage.setItem(\"navCollapsed\", JSON.stringify(value));\n };\n\n return (\n \n {children}\n \n );\n};\n"
},
{
"path": "app/home/utils/sseFetch.tsx",
"content": "\"use client\";\nimport useSWRSubscription, {\n type SWRSubscriptionOptions,\n} from \"swr/subscription\";\n\ntype LooseObject = {\n [key: string]: any;\n};\n\nexport function SSEDataFetch(url: string): LooseObject | undefined {\n const { data } = useSWRSubscription(\n url,\n (key: string | URL, { next }: SWRSubscriptionOptions) => {\n const source = new EventSource(key);\n source.onmessage = (event) => {\n const parsedData = JSON.parse(event.data);\n next(null, parsedData);\n };\n source.onerror = () => next(new Error(\"EventSource error\"));\n return () => source.close();\n },\n );\n return data;\n}\n"
},
{
"path": "app/home/xui/components/xuiDetail.tsx",
"content": "import { Descriptions, Skeleton, Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\nimport { z } from \"zod\";\n\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nconst xuiDetailDataSchema = z.object({\n user_count: z.number(),\n up_total: z.number(),\n down_total: z.number(),\n});\n\nexport default function XuiSummary() {\n const { Title } = Typography;\n const xuiGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetXuiDataSSE\",\n );\n const xuiDetailValidation = xuiDetailDataSchema.safeParse(\n xuiGetData?.xuiData,\n );\n const placeholder = (\n \n \n
\n );\n const networkSummaryData = [\n {\n key: \"状态\",\n value: xuiDetailValidation.success ? (\n \n 在线\n \n ) : (\n \n 离线\n \n ),\n },\n {\n key: \"代理用户数\",\n value: xuiDetailValidation.success ? (\n xuiDetailValidation.data.user_count\n ) : (\n \n ),\n },\n {\n key: \"总上传流量\",\n value: xuiDetailValidation.success ? (\n xuiDetailValidation.data.up_total.toFixed(2) + \"GB\"\n ) : (\n \n ),\n },\n {\n key: \"总下载流量\",\n value: xuiDetailValidation.success ? (\n xuiDetailValidation.data.down_total.toFixed(2) + \"GB\"\n ) : (\n \n ),\n },\n ];\n\n return (\n <>\n \n \n );\n}\n"
},
{
"path": "app/home/xui/components/xuiTable.tsx",
"content": "import { Progress, Table, Tag } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\nimport { z } from \"zod\";\n\nimport { SSEDataFetch } from \"@/app/home/utils/sseFetch\";\n\nconst xuiDataSchema = z.object({\n user_list: z.array(\n z.object({\n remark: z.string(),\n enable: z.boolean(),\n protocol: z.string(),\n up: z.number(),\n down: z.number(),\n }),\n ),\n user_count: z.number(),\n up_total: z.number(),\n down_total: z.number(),\n});\n\nexport default function XuiTable() {\n const xuiTableGetData = SSEDataFetch(\n process.env.NEXT_PUBLIC_GO_API_BASE_URL + \"/GetXuiDataSSE\",\n );\n const xuiValidation = xuiDataSchema.safeParse(xuiTableGetData?.xuiData);\n\n const columns = [\n {\n title: \"名称\",\n dataIndex: \"remark\",\n width: \"15%\",\n },\n {\n title: \"启用状态\",\n dataIndex: \"enable\",\n width: \"20%\",\n render: (enable: boolean) => {\n return enable ? (\n \n 启用\n \n ) : (\n \n 禁用\n \n );\n },\n },\n {\n title: \"协议\",\n dataIndex: \"protocol\",\n width: \"20%\",\n render: (protocol: string) => {\n return (\n \n {protocol}\n \n );\n },\n },\n {\n title: \"上传流量\",\n dataIndex: \"up\",\n render: (up: number) => {\n return up.toFixed(2) + \"GB\";\n },\n },\n {\n title: \"下载流量\",\n dataIndex: \"down\",\n render: (down: number) => {\n return (\n \n 80\n ? \"rgba(var(--semi-red-5), 1)\"\n : (down / xuiValidation.data.down_total) * 100 > 50\n ? \"rgba(var(--semi-orange-5), 1)\"\n : \"rgba(var(--semi-green-5), 1)\"\n : \"rgba(var(--semi-red-5), 1)\"\n }\n percent={\n xuiValidation.success\n ? (down / xuiValidation.data.down_total) * 100\n : 0\n }\n type=\"circle\"\n size=\"small\"\n />\n {down.toFixed(2) + \"GB\"}\n \n );\n },\n },\n ];\n\n return (\n \n \n \n );\n}\n"
},
{
"path": "app/home/xui/page.tsx",
"content": "import XuiContent from \"@/app/home/xui/xui\";\n\nexport const metadata = {\n title: \"用户列表 | HomeDash\",\n};\n\nexport default function NetWork() {\n return ;\n}\n"
},
{
"path": "app/home/xui/xui.tsx",
"content": "\"use client\";\nimport { Typography } from \"@douyinfe/semi-ui\";\nimport React from \"react\";\n\nimport XuiSummary from \"@/app/home/xui/components/xuiDetail\";\nimport XuiTable from \"@/app/home/xui/components/xuiTable\";\n\nexport default function XuiContent() {\n const { Title } = Typography;\n return (\n <>\n \n 🚀 代理用户列表\n \n \n \n \n );\n}\n"
},
{
"path": "app/layout.tsx",
"content": "import { Inter } from \"next/font/google\";\nimport Script from \"next/script\";\nimport React from \"react\";\n\nimport { SSEConnectProvider } from \"@/app/home/utils/sseContext\";\n\nimport { Providers } from \"./providers\";\n\nconst inter = Inter({ subsets: [\"latin\"] });\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n \n \n \n \n {children}\n \n \n \n );\n}\n"
},
{
"path": "app/providers.tsx",
"content": "\"use client\";\n\nimport { ThemeProvider } from \"next-themes\";\nimport React from \"react\";\n\nexport function Providers({ children }: { children: React.ReactNode }) {\n return (\n \n {children}\n \n );\n}\n"
},
{
"path": "env.d.ts",
"content": "declare namespace NodeJS {\n interface ProcessEnv {\n NEXT_PUBLIC_GO_API_BASE_URL: string;\n }\n}\n"
},
{
"path": "git-cliff/cliff.toml",
"content": "# git-cliff ~ configuration file\n# https://git-cliff.org/docs/configuration\n#\n# Lines starting with \"#\" are comments.\n# Configuration options are organized into tables and keys.\n# See documentation for more information on available options.\n\n[changelog]\n# changelog header\nheader = \"\"\"\n# Changelog\\n\n\"\"\"\n# template for the changelog body\n# https://tera.netlify.app/docs/\nbody = \"\"\"\n{% if version %}\\\n ## Release {{ version | trim_start_matches(pat=\"v\") }} - {{ timestamp | date(format=\"%Y-%m-%d\") }}\n{% else %}\\\n ## [unreleased]\n{% endif %}\\\n\n{% for group, commits in commits | group_by(attribute=\"group\") %}\n ### {{ group | upper_first }}\n {% for commit in commits %}\n - {{ commit.message | upper_first }} ([{{ commit.id | truncate(length=7, end=\"\") }}](https://github.com/hamster1963/Speed-Cron/commit/{{ commit.id }}))\\\n {% for footer in commit.footers -%}\n , {{ footer.token }}{{ footer.separator }}{{ footer.value }}\\\n {% endfor %}\\\n {% endfor %}\n{% endfor %}\\n\n\"\"\"\n# remove the leading and trailing whitespace from the template\ntrim = true\n# changelog footer\nfooter = \"\"\"\n\"\"\"\n\n\n[git]\n# parse the commits based on https://www.conventionalcommits.org\nconventional_commits = true\n# filter out the commits that are not conventional\nfilter_unconventional = true\n# process each line of a commit as an individual commit\nsplit_commits = true\n# regex for preprocessing the commit messages\ncommit_preprocessors = [\n { pattern = '\\((\\w+\\s)?#([0-9]+)\\)', replace = \"([#${2}](https://github.com/orhun/git-cliff/issues/${2}))\" },\n]\n# regex for parsing and grouping commits\ncommit_parsers = [\n { message = \"^feat\", group = \"⛰️ Features\" },\n { message = \"^fix\", group = \"🐛 Bug Fixes\" },\n { message = \"^doc\", group = \"📚 Documentation\" },\n { message = \"^perf\", group = \"⚡ Performance\" },\n { message = \"^refactor\", group = \"🚜 Refactor\" },\n { message = \"^style\", group = \"🎨 Styling\" },\n { message = \"^test\", group = \"🧪 Testing\" },\n { message = \"^chore\\\\(release\\\\): prepare for\", skip = true },\n { message = \"^chore\\\\(pr\\\\)\", skip = true },\n { message = \"^chore\\\\(pull\\\\)\", skip = true },\n { message = \"^chore\", group = \"⚙️ Miscellaneous Tasks\" },\n { body = \".*security\", group = \"🛡️ Security\" },\n { message = \"^update\", group = \"🔼 Updates\" },\n]\n# protect breaking changes from being skipped due to matching a skipping commit_parser\nprotect_breaking_commits = false\n# filter out the commits that are not matched by commit parsers\nfilter_commits = false\n# glob pattern for matching git tags\ntag_pattern = \"v[0-9]*\"\n# regex for skipping tags\nskip_tags = \"\"\n# regex for ignoring tags\nignore_tags = \"\"\n# sort the tags topologically\ntopo_order = false\n# sort the commits inside sections by oldest/newest order\nsort_commits = \"newest\""
},
{
"path": "next.config.js",
"content": "/** @type {import('next').NextConfig} */\n\nconst nextConfig = {\n // 针对Docker部署\n output: \"standalone\",\n transpilePackages: [\n \"@douyinfe/semi-ui\",\n \"@douyinfe/semi-icons\",\n \"@douyinfe/semi-illustrations\",\n ],\n async redirects() {\n return [\n {\n source: \"/\",\n destination: \"/home/main\",\n permanent: true,\n },\n ];\n },\n};\n\nmodule.exports = nextConfig;\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"home-dash\",\n \"version\": \"0.2.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\"\n },\n \"dependencies\": {\n \"@douyinfe/semi-icons\": \"^2.55.0\",\n \"@douyinfe/semi-icons-lab\": \"^2.55.0\",\n \"@douyinfe/semi-ui\": \"^2.55.0\",\n \"@types/node\": \"20.11.30\",\n \"@types/react\": \"18.2.69\",\n \"@types/react-dom\": \"18.2.22\",\n \"@typescript-eslint/eslint-plugin\": \"^7.3.1\",\n \"@typescript-eslint/parser\": \"^7.3.1\",\n \"@vercel/analytics\": \"^1.2.2\",\n \"eslint\": \"8.57.0\",\n \"eslint-config-next\": \"14.1.4\",\n \"eslint-config-turbo\": \"^1.13.0\",\n \"eslint-plugin-prettier\": \"^5.1.3\",\n \"eslint-plugin-simple-import-sort\": \"^12.0.0\",\n \"eslint-plugin-unused-imports\": \"^3.1.0\",\n \"next\": \"14.1.4\",\n \"next-themes\": \"^0.3.0\",\n \"prettier\": \"^3.2.5\",\n \"react\": \"18.2.0\",\n \"react-dom\": \"18.2.0\",\n \"recharts\": \"^2.12.3\",\n \"sharp\": \"^0.33.3\",\n \"swr\": \"^2.2.5\",\n \"typescript\": \"5.4.3\",\n \"typewriter-effect\": \"^2.21.0\",\n \"zod\": \"^3.22.4\"\n }\n}\n"
},
{
"path": "tsconfig.json",
"content": "{\n \"compilerOptions\": {\n \"target\": \"es2017\",\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"noEmit\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"incremental\": true,\n \"noUncheckedIndexedAccess\": true,\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ],\n \"rootDir\": \".\",\n \"baseUrl\": \".\",\n \"paths\": {\n \"@/*\": [\"./*\"]\n }\n },\n \"include\": [\n \".eslintrc.cjs\",\n \"next-env.d.ts\",\n \"**/*.ts\",\n \"**/*.tsx\",\n \"**/*.cjs\",\n \"**/*.mjs\",\n \".next/types/**/*.ts\"\n ],\n \"exclude\": [\"node_modules\"]\n}\n"
},
{
"path": "turbo.json",
"content": "{\n \"$schema\": \"https://turbo.build/schema.json\",\n \"pipeline\": {\n \"build\": {\n \"outputs\": [\".next/**\", \"!.next/cache/**\"]\n },\n \"lint\": {}\n }\n}\n"
},
{
"path": "vercel.json",
"content": "{\n \"buildCommand\": \"pnpm turbo build\"\n}\n"
}
]