@@ -16,11 +18,13 @@ export default function NotFoundPage() {
/>
diff --git a/app/types/nezha-api.ts b/app/[locale]/types/nezha-api.ts
similarity index 100%
rename from app/types/nezha-api.ts
rename to app/[locale]/types/nezha-api.ts
diff --git a/app/types/utils.ts b/app/[locale]/types/utils.ts
similarity index 100%
rename from app/types/utils.ts
rename to app/[locale]/types/utils.ts
diff --git a/app/api/server/route.ts b/app/api/server/route.ts
index e8ff70d..b7c5583 100644
--- a/app/api/server/route.ts
+++ b/app/api/server/route.ts
@@ -1,5 +1,6 @@
-import { NezhaAPI, ServerApi } from "@/app/types/nezha-api";
-import { MakeOptional } from "@/app/types/utils";
+
+import { NezhaAPI, ServerApi } from "@/app/[locale]/types/nezha-api";
+import { MakeOptional } from "@/app/[locale]/types/utils";
import getEnv from "@/lib/env-entry";
import { NextResponse } from "next/server";
diff --git a/auto-i18n-config.json b/auto-i18n-config.json
new file mode 100644
index 0000000..bbf5176
--- /dev/null
+++ b/auto-i18n-config.json
@@ -0,0 +1,10 @@
+{
+ "defaultLang": "en",
+ "translatorServerName": "azure",
+ "needLangs": ["en", "zh", "zh-t", "ja"],
+ "brandWords": [],
+ "unMoveToLocaleDirFiles": [],
+ "enableStaticRendering": false,
+ "enableSubPageRedirectToLocale": false,
+ "disableDefaultLangRedirect": true
+}
diff --git a/bun.lockb b/bun.lockb
index cec27df..0667cb3 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/LanguageSwitcher.tsx b/components/LanguageSwitcher.tsx
new file mode 100644
index 0000000..0d5fb51
--- /dev/null
+++ b/components/LanguageSwitcher.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { useLocale } from "next-intl";
+import { localeItems } from "../i18n-metadata";
+import { useRouter, usePathname } from "next/navigation";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+
+export function LanguageSwitcher() {
+ const locale = useLocale();
+ const router = useRouter();
+ const pathname = usePathname();
+
+ const handleChange = (code: string) => {
+ const newLocale = code;
+
+ const rootPath = "/";
+ const currentLocalePath = `/${locale}`;
+ const newLocalePath = `/${newLocale}`;
+
+ // Function to construct new path with locale prefix
+ const constructLocalePath = (path: string, newLocale: string) => {
+ if (path.startsWith(currentLocalePath)) {
+ return path.replace(currentLocalePath, `/${newLocale}`);
+ } else {
+ return `/${newLocale}${path}`;
+ }
+ };
+
+ if (pathname === rootPath || !pathname) {
+ router.push(newLocalePath);
+ } else if (
+ pathname === currentLocalePath ||
+ pathname === `${currentLocalePath}/`
+ ) {
+ router.push(newLocalePath);
+ } else {
+ const newPath = constructLocalePath(pathname, newLocale);
+ router.push(newPath);
+ }
+ };
+
+ return (
+ - 404 Not Found + {t("h1_490-590_404NotFound")}
-TARDIS ERROR!
++ {t("p_601-665_TARDISERROR")} +
- Doctor? + {t("Link_676-775_Doctor")}
-
CPU
+
+ {" "}
+ {/* 设置固定宽度 */}
+
- {t("CPU")}
{cpu.toFixed(2)}%
-
Mem
+
+ {" "}
+ {/* 设置固定宽度 */}
+
- {t("Mem")}
{mem.toFixed(2)}%
-
STG
+
+ {" "}
+ {/* 设置固定宽度 */}
+
- {t("STG")}
{stg.toFixed(2)}%
-
Upload
+
+ {" "}
+ {/* 设置固定宽度 */}
+
- {t("Upload")}
{up.toFixed(2)}
Mb/s
-
Download
+
+ {" "}
+ {/* 设置固定宽度 */}
+
{t("Download")}
{down.toFixed(2)}
Mb/s
@@ -122,7 +134,7 @@ export default function ServerCard({
-
diff --git a/components/ServerCardPopover.tsx b/components/ServerCardPopover.tsx
index d678c3b..b886ec5 100644
--- a/components/ServerCardPopover.tsx
+++ b/components/ServerCardPopover.tsx
@@ -1,4 +1,5 @@
-import { NezhaAPISafe } from "@/app/types/nezha-api";
+import { useTranslations } from "next-intl";
+import { NezhaAPISafe } from "../app/[locale]/types/nezha-api";
import { cn, formatBytes } from "@/lib/utils";
export function ServerCardPopoverCard({
@@ -31,39 +32,40 @@ export default function ServerCardPopover({
host: NezhaAPISafe["host"];
status: NezhaAPISafe["status"];
}) {
+ const t = useTranslations("ServerCardPopover");
return (
item).join(", ")}`}
/>
diff --git a/components/ServerList.tsx b/components/ServerList.tsx
index 14c28d2..9448640 100644
--- a/components/ServerList.tsx
+++ b/components/ServerList.tsx
@@ -1,6 +1,6 @@
import React from "react";
-import ServerListClient from "@/app/(main)/ClientComponents/ServerListClient";
+import ServerListClient from "../app/[locale]/(main)/ClientComponents/ServerListClient";
export default async function ServerList() {
return
@@ -26,13 +27,13 @@ export function ModeToggle() {
setTheme("light")}>
- Light
+ {t("Light")}
setTheme("dark")}>
- Dark
+ {t("Dark")}
setTheme("system")}>
- System
+ {t("System")}
diff --git a/docker/.env.example b/docker/.env.example
index b452c5f..b811421 100644
--- a/docker/.env.example
+++ b/docker/.env.example
@@ -1,5 +1,6 @@
NezhaBaseUrl=http://0.0.0.0:8008
NezhaAuth=5hAY3QX6Nl9B3UOQgB26KdsdS1dsdUdM
+ServerDisablePrefetch=false
NEXT_PUBLIC_NezhaFetchInterval=5000
NEXT_PUBLIC_ShowFlag=true
NEXT_PUBLIC_DisableCartoon=true
\ No newline at end of file
diff --git a/docker/docker-compose.yml b/docker/docker-compose.yml
index d8eb57f..3269443 100644
--- a/docker/docker-compose.yml
+++ b/docker/docker-compose.yml
@@ -1,3 +1,4 @@
+version: "3"
services:
nezha-dash:
container_name: nezha-dash
diff --git a/docker/docker-compose.yml.cn b/docker/docker-compose.yml.cn
index 03617d7..99a97c7 100644
--- a/docker/docker-compose.yml.cn
+++ b/docker/docker-compose.yml.cn
@@ -1,3 +1,4 @@
+version: "3"
services:
nezha-dash:
container_name: nezha-dash
diff --git a/i18n-metadata.ts b/i18n-metadata.ts
new file mode 100644
index 0000000..acf3a7c
--- /dev/null
+++ b/i18n-metadata.ts
@@ -0,0 +1,24 @@
+// @auto-i18n-check. Please do not delete the line.
+
+export const localeItems = [
+ { code: "en", name: "English" },
+ { code: "ja", name: "日本語" },
+ { code: "zh-t", name: "中文繁體" },
+ { code: "zh", name: "中文简体" },
+ //{code: 'ar', name: 'العربية'},
+ //{code: 'de', name: 'Deutsch'},
+ //{code: 'es', name: 'Español'},
+ //{code: 'fr', name: 'Français'},
+ //{code: 'hi', name: 'हिन्दी'},
+ //{code: 'id', name: 'Bahasa Indonesia'},
+ //{code: 'it', name: 'Italiano'},
+ //{code: 'ko', name: '한국어'},
+ //{code: 'ms', name: 'Bahasa Melayu'},
+ //{code: 'pt', name: 'Português'},
+ //{code: 'ru', name: 'Русский'},
+ //{code: 'th', name: 'ไทย'},
+ //{code: 'vi', name: 'Tiếng Việt'},
+];
+
+export const locales = localeItems.map((item) => item.code);
+export const defaultLocale = "en";
diff --git a/i18n.ts b/i18n.ts
new file mode 100644
index 0000000..2c40c0d
--- /dev/null
+++ b/i18n.ts
@@ -0,0 +1,14 @@
+// @auto-i18n-check. Please do not delete the line.
+
+import { notFound } from "next/navigation";
+import { getRequestConfig } from "next-intl/server";
+import { locales } from "./i18n-metadata";
+
+export default getRequestConfig(async ({ locale }) => {
+ // Validate that the incoming `locale` parameter is valid
+ if (!locales.includes(locale as any)) notFound();
+
+ return {
+ messages: (await import(`./messages/${locale}.json`)).default,
+ };
+});
diff --git a/lib/serverFetch.tsx b/lib/serverFetch.tsx
new file mode 100644
index 0000000..15d16f1
--- /dev/null
+++ b/lib/serverFetch.tsx
@@ -0,0 +1,61 @@
+"use server";
+
+import { NezhaAPI, ServerApi } from "../app/[locale]/types/nezha-api";
+import { MakeOptional } from "../app/[locale]/types/utils";
+import { unstable_noStore as noStore } from "next/cache";
+import getEnv from "./env-entry";
+
+export async function GetNezhaData() {
+ noStore();
+
+ var nezhaBaseUrl = getEnv("NezhaBaseUrl");
+ if (!nezhaBaseUrl) {
+ console.error("NezhaBaseUrl is not set");
+ throw new Error("NezhaBaseUrl is not set");
+ }
+
+ // Remove trailing slash
+ if (nezhaBaseUrl[nezhaBaseUrl.length - 1] === "/") {
+ nezhaBaseUrl = nezhaBaseUrl.slice(0, -1);
+ }
+ try {
+ const response = await fetch(nezhaBaseUrl + "/api/v1/server/details", {
+ headers: {
+ Authorization: getEnv("NezhaAuth") as string,
+ },
+ next: {
+ revalidate: 0,
+ },
+ });
+ const nezhaData = (await response.json()).result as NezhaAPI[];
+ const data: ServerApi = {
+ live_servers: 0,
+ offline_servers: 0,
+ total_bandwidth: 0,
+ result: [],
+ };
+ const timestamp = Date.now() / 1000;
+ data.result = nezhaData.map(
+ (element: MakeOptional) => {
+ if (timestamp - element.last_active > 300) {
+ data.offline_servers += 1;
+ element.online_status = false;
+ } else {
+ data.live_servers += 1;
+ element.online_status = true;
+ }
+ data.total_bandwidth += element.status.NetOutTransfer;
+
+ delete element.ipv4;
+ delete element.ipv6;
+ delete element.valid_ip;
+
+ return element;
+ },
+ );
+
+ return data;
+ } catch (error) {
+ return error;
+ }
+}
diff --git a/lib/utils.ts b/lib/utils.ts
index ed8ba08..b60052f 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,4 +1,4 @@
-import { NezhaAPISafe } from "@/app/types/nezha-api";
+import { NezhaAPISafe } from "../app/[locale]/types/nezha-api";
import { type ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";
diff --git a/messages/en.json b/messages/en.json
new file mode 100644
index 0000000..0b7e0f4
--- /dev/null
+++ b/messages/en.json
@@ -0,0 +1,50 @@
+{
+ "ServerOverviewClient": {
+ "p_816-881_Totalservers": "Total servers",
+ "p_1610-1676_Onlineservers": "Online servers",
+ "p_2532-2599_Offlineservers": "Offline servers",
+ "p_3463-3530_Totalbandwidth": "Total bandwidth"
+ },
+ "ServerCard": {
+ "CPU": "CPU",
+ "Mem": "Mem",
+ "STG": "STG",
+ "Upload": "Upload",
+ "Download": "Download",
+ "Offline": "Offline"
+ },
+ "ServerCardPopover": {
+ "System": "System",
+ "CPU": "CPU",
+ "Mem": "Mem",
+ "STG": "STG",
+ "Swap": "Swap",
+ "Network": "Network",
+ "Load": "Load",
+ "Online": "Online",
+ "Offline": "Offline"
+ },
+ "ThemeSwitcher": {
+ "Light": "Light",
+ "Dark": "Dark",
+ "System": "System"
+ },
+ "Footer": {
+ "p_146-598_Findthecodeon": "Find the code on",
+ "a_303-585_GitHub": "GitHub",
+ "section_607-869_2020": "© 2020-",
+ "a_800-850_Hamster1963": "@Hamster1963"
+ },
+ "Header": {
+ "p_1079-1199_Simpleandbeautifuldashbo": "Simple and beautiful dashboard"
+ },
+ "Overview": {
+ "p_2277-2331_Overview": "👋 Overview",
+ "p_2390-2457_wherethetimeis": "where the time is"
+ },
+ "NotFoundPage": {
+ "h1_490-590_404NotFound": "404 Not Found",
+ "p_601-665_TARDISERROR": "TARDIS ERROR!",
+ "Link_676-775_Doctor": "Doctor?"
+ }
+}
diff --git a/messages/ja.json b/messages/ja.json
new file mode 100644
index 0000000..ec840dd
--- /dev/null
+++ b/messages/ja.json
@@ -0,0 +1,50 @@
+{
+ "ServerOverviewClient": {
+ "p_816-881_Totalservers": "サーバーの総数",
+ "p_1610-1676_Onlineservers": "オンラインサーバー",
+ "p_2532-2599_Offlineservers": "オフラインサーバー",
+ "p_3463-3530_Totalbandwidth": "総流量"
+ },
+ "ServerCard": {
+ "CPU": "CPU",
+ "Mem": "Mem",
+ "STG": "STG",
+ "Upload": "Upload",
+ "Download": "Download",
+ "Offline": "Offline"
+ },
+ "ServerCardPopover": {
+ "System": "システム",
+ "CPU": "CPU",
+ "Mem": "メモリ",
+ "STG": "ストレージ",
+ "Swap": "スワップ",
+ "Network": "ネットワーク",
+ "Load": "負荷",
+ "Online": "オンライン時間",
+ "Offline": "オフライン"
+ },
+ "ThemeSwitcher": {
+ "Light": "ライト",
+ "Dark": "ダーク",
+ "System": "システム"
+ },
+ "Footer": {
+ "p_146-598_Findthecodeon": "コードのオープンソース",
+ "a_303-585_GitHub": "GitHub",
+ "section_607-869_2020": "© 2020〜",
+ "a_800-850_Hamster1963": "@Hamster1963"
+ },
+ "Header": {
+ "p_1079-1199_Simpleandbeautifuldashbo": "シンプルで美しいダッシュボード"
+ },
+ "Overview": {
+ "p_2277-2331_Overview": "👋 概要",
+ "p_2390-2457_wherethetimeis": "現在の時間"
+ },
+ "NotFoundPage": {
+ "h1_490-590_404NotFound": "404 見つかりませんでした",
+ "p_601-665_TARDISERROR": "ターディスエラー!",
+ "Link_676-775_Doctor": "Doctor?"
+ }
+}
diff --git a/messages/zh-t.json b/messages/zh-t.json
new file mode 100644
index 0000000..a8027b6
--- /dev/null
+++ b/messages/zh-t.json
@@ -0,0 +1,50 @@
+{
+ "ServerOverviewClient": {
+ "p_816-881_Totalservers": "伺服器總數",
+ "p_1610-1676_Onlineservers": "在線伺服器",
+ "p_2532-2599_Offlineservers": "離線伺服器",
+ "p_3463-3530_Totalbandwidth": "總流量"
+ },
+ "ServerCard": {
+ "CPU": "CPU",
+ "Mem": "記憶體",
+ "STG": "儲存",
+ "Upload": "上傳",
+ "Download": "下載",
+ "Offline": "離線"
+ },
+ "ServerCardPopover": {
+ "System": "系統",
+ "CPU": "CPU",
+ "Mem": "記憶體",
+ "STG": "儲存",
+ "Swap": "虛擬記憶體",
+ "Network": "網路",
+ "Load": "負載",
+ "Online": "在線時間",
+ "Offline": "離線"
+ },
+ "ThemeSwitcher": {
+ "Light": "亮色",
+ "Dark": "暗色",
+ "System": "系統"
+ },
+ "Footer": {
+ "p_146-598_Findthecodeon": "程式碼開源",
+ "a_303-585_GitHub": "GitHub",
+ "section_607-869_2020": "© 2020-",
+ "a_800-850_Hamster1963": "@Hamster1963"
+ },
+ "Header": {
+ "p_1079-1199_Simpleandbeautifuldashbo": "簡單美觀的儀錶板"
+ },
+ "Overview": {
+ "p_2277-2331_Overview": "👋 概覽",
+ "p_2390-2457_wherethetimeis": "當前時間"
+ },
+ "NotFoundPage": {
+ "h1_490-590_404NotFound": "404 未找到",
+ "p_601-665_TARDISERROR": "TARDIS 錯誤！",
+ "Link_676-775_Doctor": "Doctor？"
+ }
+}
diff --git a/messages/zh.json b/messages/zh.json
new file mode 100644
index 0000000..166ac55
--- /dev/null
+++ b/messages/zh.json
@@ -0,0 +1,50 @@
+{
+ "ServerOverviewClient": {
+ "p_816-881_Totalservers": "服务器总数",
+ "p_1610-1676_Onlineservers": "在线服务器",
+ "p_2532-2599_Offlineservers": "离线服务器",
+ "p_3463-3530_Totalbandwidth": "总流量"
+ },
+ "ServerCard": {
+ "CPU": "CPU",
+ "Mem": "内存",
+ "STG": "存储",
+ "Upload": "上传",
+ "Download": "下载",
+ "Offline": "离线"
+ },
+ "ServerCardPopover": {
+ "System": "系统",
+ "CPU": "CPU",
+ "Mem": "内存",
+ "STG": "存储",
+ "Swap": "虚拟内存",
+ "Network": "网络",
+ "Load": "负载",
+ "Online": "在线时间",
+ "Offline": "离线"
+ },
+ "ThemeSwitcher": {
+ "Light": "亮色",
+ "Dark": "暗色",
+ "System": "系统"
+ },
+ "Footer": {
+ "p_146-598_Findthecodeon": "代码开源在",
+ "a_303-585_GitHub": "GitHub",
+ "section_607-869_2020": "© 2020-",
+ "a_800-850_Hamster1963": "@Hamster1963"
+ },
+ "Header": {
+ "p_1079-1199_Simpleandbeautifuldashbo": "简单美观的仪表板"
+ },
+ "Overview": {
+ "p_2277-2331_Overview": "👋 概览",
+ "p_2390-2457_wherethetimeis": "当前时间"
+ },
+ "NotFoundPage": {
+ "h1_490-590_404NotFound": "404 未找到",
+ "p_601-665_TARDISERROR": "TARDIS 错误！",
+ "Link_676-775_Doctor": "Doctor？"
+ }
+}
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000..a4b787c
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,21 @@
+// @auto-i18n-check. Please do not delete the line.
+
+import createMiddleware from "next-intl/middleware";
+import { locales } from "./i18n-metadata";
+
+export default createMiddleware({
+ // A list of all locales that are supported
+ locales: locales,
+
+ // Used when no locale matches
+ defaultLocale: "en",
+
+ // 'always': This is the default, The home page will also be redirected to the default language, such as www.abc.com to www.abc.com/en
+ // 'as-needed': The default page is not redirected. For example, if you open www.abc.com, it is still www.abc.com
+ localePrefix: "as-needed",
+});
+
+export const config = {
+ // Match only internationalized pathnames
+ matcher: ["/", "/(en|zh|zh-t|ja)/:path*"],
+};
diff --git a/next.config.mjs b/next.config.mjs
index 66a8f20..5234c22 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,5 +1,6 @@
+import createNextIntlPlugin from "next-intl/plugin";
+const withNextIntl = createNextIntlPlugin();
import withPWAInit from "@ducanh2912/next-pwa";
-
const withPWA = withPWAInit({
dest: "public",
cacheOnFrontEndNav: true,
@@ -16,5 +17,4 @@ const nextConfig = {
output: "standalone",
reactStrictMode: true,
};
-
-export default withPWA(nextConfig);
+export default withPWA(withNextIntl(nextConfig));
diff --git a/package.json b/package.json
index 496871b..0f6a9e7 100644
--- a/package.json
+++ b/package.json
@@ -3,10 +3,12 @@
"version": "0.1.0",
"private": true,
"scripts": {
- "dev": "next dev -p 3020 --turbo",
+ "dev": "next dev -p 3020",
"start": "node .next/standalone/server.js",
"lint": "next lint",
- "build": "next build && cp -r .next/static .next/standalone/.next/ && cp -r public .next/standalone/"
+ "build": "next build && cp -r .next/static .next/standalone/.next/ && cp -r public .next/standalone/",
+ "build-dev": "next build",
+ "start-dev": "next start"
},
"dependencies": {
"@ducanh2912/next-pwa": "^10.2.9",
@@ -20,6 +22,7 @@
"@radix-ui/react-tooltip": "^1.1.2",
"@types/luxon": "^3.4.2",
"@typescript-eslint/eslint-plugin": "^7.18.0",
+ "caniuse-lite": "^1.0.30001664",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"country-flag-icons": "^1.5.13",
@@ -27,6 +30,7 @@
"lucide-react": "^0.414.0",
"luxon": "^3.5.0",
"next": "^14.2.13",
+ "next-intl": "^3.20.0",
"next-runtime-env": "^3.2.2",
"next-themes": "^0.3.0",
"react": "^18.3.1",
@@ -43,16 +47,16 @@
"eslint-plugin-turbo": "^2.1.2",
"eslint-plugin-unused-imports": "^4.1.4",
"@next/bundle-analyzer": "^14.2.13",
- "@types/node": "^22.5.5",
- "@types/react": "^18.3.8",
+ "@types/node": "^22.7.2",
+ "@types/react": "^18.3.9",
"@types/react-dom": "^18.3.0",
"autoprefixer": "^10.4.20",
- "eslint": "^9.11.0",
+ "eslint": "^9.11.1",
"eslint-config-next": "^14.2.13",
"postcss": "^8.4.47",
"prettier": "^3.3.3",
- "prettier-plugin-tailwindcss": "^0.6.6",
- "tailwindcss": "^3.4.12",
+ "prettier-plugin-tailwindcss": "^0.6.8",
+ "tailwindcss": "^3.4.13",
"typescript": "^5.6.2"
}
}
diff --git a/public/swe-worker-5c72df51bb1f6ee0.js b/public/swe-worker-5c72df51bb1f6ee0.js
deleted file mode 100644
index 36e6e59..0000000
--- a/public/swe-worker-5c72df51bb1f6ee0.js
+++ /dev/null
@@ -1 +0,0 @@
-self.onmessage=async e=>{switch(e.data.type){case"__START_URL_CACHE__":{let t=e.data.url,a=await fetch(t);if(!a.redirected)return(await caches.open("start-url")).put(t,a);return Promise.resolve()}case"__FRONTEND_NAV_CACHE__":{let t=e.data.url,a=await caches.open("pages");if(await a.match(t,{ignoreSearch:!0}))return;let s=await fetch(t);if(!s.ok)return;if(a.put(t,s.clone()),e.data.shouldCacheAggressively&&s.headers.get("Content-Type")?.includes("text/html"))try{let e=await s.text(),t=[],a=await caches.open("static-style-assets"),r=await caches.open("next-static-js-assets"),c=await caches.open("static-js-assets");for(let[s,r]of e.matchAll(//g))/rel=['"]stylesheet['"]/.test(s)&&t.push(a.match(r).then(e=>e?Promise.resolve():a.add(r)));for(let[,a]of e.matchAll(//g)){let e=/\/_next\/static.+\.js$/i.test(a)?r:c;t.push(e.match(a).then(t=>t?Promise.resolve():e.add(a)))}return await Promise.all(t)}catch{}return Promise.resolve()}default:return Promise.resolve()}};
\ No newline at end of file
Offline
+{t("Offline")}