feat: Add Traditional Chinese (zh-TW) locale support with complete translations

frontend/check-locales.cjs

@@ -20,6 +20,7 @@ const allLocales = [
 	["zh", "zh-CN"],
 	["ko", "ko-KR"],
 	["bg", "bg-BG"],
+	["tw", "zh-TW"],
 ];
 
 const ignoreUnused = [

frontend/src/locale/IntlProvider.tsx

@@ -11,6 +11,7 @@ import langRu from "./lang/ru.json";
 import langSk from "./lang/sk.json";
 import langVi from "./lang/vi.json";
 import langZh from "./lang/zh.json";
+import langTw from "./lang/tw.json";
 import langKo from "./lang/ko.json";
 import langBg from "./lang/bg.json";
 
@@ -29,6 +30,7 @@ const localeOptions = [
 	["sk", "sk-SK", langSk],
 	["vi", "vi-VN", langVi],
 	["zh", "zh-CN", langZh],
+	["tw", "zh-TW", langTw],
 	["ko", "ko-KR", langKo],
 	["bg", "bg-BG", langBg],
 ];
@@ -44,25 +46,26 @@ const loadMessages = (locale?: string): typeof langList & typeof langEn => {
 	return Object.assign({}, langList, langEn, localeOptions.find(([code]) => code === thisLocale)?.[2]);
 };
 
-const getFlagCodeForLocale = (locale?: string) => {
+const getFlagCodeForLocale = (locale?:  string) => {
 	const thisLocale = (locale || "en").slice(0, 2);
 
 	// only add to this if your flag is different from the locale code
 	const specialCases: Record<string, string> = {
 		ja: "jp", // Japan
 		zh: "cn", // China
+		tw: "tw", // Taiwan
 		vi: "vn", // Vietnam
-		ko: "kr", // Korea
+		ko:  "kr", // Korea
 	};
 
 	if (specialCases[thisLocale]) {
-		return specialCases[thisLocale].toUpperCase();
+		return specialCases[thisLocale]. toUpperCase();
 	}
 	return thisLocale.toUpperCase();
 };
 
 const getLocale = (short = false) => {
-	let loc = window.localStorage.getItem("locale");
+	let loc = window. localStorage.getItem("locale");
 	if (!loc) {
 		loc = document.documentElement.lang;
 	}
@@ -119,6 +122,4 @@ const T = ({
 	);
 };
 
-console.log("L:", localeOptions);
-
 export { localeOptions, getFlagCodeForLocale, getLocale, createIntl, changeLocale, intl, T };

frontend/src/locale/src/HelpDoc/index.ts

@@ -10,8 +10,9 @@ import * as vi from "./vi/index";
 import * as zh from "./zh/index";
 import * as ko from "./ko/index";
 import * as bg from "./bg/index";
+import * as tw from "./tw/index";
 
-const items: any = { en, de, ja, sk, zh, pl, ru, it, vi, nl, bg, ko };
+const items:  any = { en, de, ja, sk, zh, tw, pl, ru, it, vi, nl, bg, ko };
 
 const fallbackLang = "en";
 
@@ -20,7 +21,7 @@ export const getHelpFile = (lang: string, section: string): string => {
 		typeof items[lang] !== "undefined" &&
 		typeof items[lang][section] !== "undefined"
 	) {
-		return items[lang][section].default;
+		return items[lang][section]. default;
 	}
 	// Fallback to English
 	if (

frontend/src/locale/src/HelpDoc/tw/AccessLists.md

@@ -0,0 +1,7 @@
+## 什麼是存取清單？
+
+存取清單提供了特定客戶端 IP 位址的黑名單或白名單，以及透過基本 HTTP 驗證對代理主機的驗證。
+
+您可以為一個存取清單設定多個客戶端規則、使用者名稱和密碼，然後將其套用於代理主機。
+
+這對那些沒有內建驗證機制的轉送網路服務，或您想保護其免受未知客戶端存取時最為實用。

frontend/src/locale/src/HelpDoc/tw/Certificates.md

@@ -0,0 +1,21 @@
+## 憑證說明
+
+### HTTP 憑證
+
+HTTP 驗證的憑證表示 Let's Encrypt 伺服器將嘗試透過 HTTP（而非 HTTPS！）存取您的網域，如果成功，它們將為您核發憑證。
+
+使用此方法時，您必須為您的網域建立一個可透過 HTTP 存取並指向此 Nginx 安裝的代理主機。在取得憑證後，您可以修改該代理主機，使其也使用此憑證處理 HTTPS 連線。然而，為了憑證能夠續約，該代理主機仍需設定為支援 HTTP 存取。
+
+此程序_不支援_萬用字元網域。
+
+### DNS 憑證
+
+DNS 驗證的憑證要求您使用一個 DNS 服務提供者外掛程式。該 DNS 服務提供者將用於在您的網域下建立暫時記錄，隨後 Let's Encrypt 將查詢這些記錄以確認您是網域所有者，如果成功，它們將為您核發憑證。
+
+要求此類憑證前，您無需預先建立代理主機，也無需將您的代理主機設定為支援 HTTP 存取。
+
+此程序_支援_萬用字元網域。
+
+### 自訂憑證
+
+使用此選項上傳您自己的 SSL 憑證，該憑證由您自己的憑證授權單位提供。

frontend/src/locale/src/HelpDoc/tw/DeadHosts.md

@@ -0,0 +1,7 @@
+## 什麼是 404 主機？
+
+404 主機是一個簡單的主機設定，顯示 404 頁面。
+
+當您的網域被列入搜尋引擎，而您想提供一個更好的錯誤頁面，或特別是要告訴搜尋索引器網域頁面不再存在時，這可能很實用。
+
+擁有這種主機的另一個好處是可以追蹤點擊它的日誌並檢視存取來源。

frontend/src/locale/src/HelpDoc/tw/ProxyHosts.md

@@ -0,0 +1,7 @@
+## 什麼是代理主機？
+
+代理主機是您想要轉送網路應用程式的主機。
+
+代理主機可以為沒有 SSL 服務的網路應用程式提供 SSL 服務（選用）。
+
+代理主機是 Nginx Proxy Manager 最常見的用途之一。

frontend/src/locale/src/HelpDoc/tw/RedirectionHosts.md

@@ -0,0 +1,5 @@
+## 什麼是重新導向？
+
+重新導向是將進入網域的請求推送到另一個網域。
+
+使用這種類型主機最常見的原因是當您的網站變更了網域，但您仍然有連結指向舊網域的應用程式。

frontend/src/locale/src/HelpDoc/tw/Streams.md

@@ -0,0 +1,5 @@
+## 什麼是串流？
+
+串流是 Nginx 相對較新的功能，可以直接轉送 TCP/UDP 流量到網路上的另一台電腦。
+
+如果您正在執行遊戲伺服器、FTP 或 SSH 伺服器，這個功能就會很實用。

frontend/src/locale/src/HelpDoc/tw/index.ts

@@ -0,0 +1,6 @@
+export * as AccessLists from "./AccessLists.md";
+export * as Certificates from "./Certificates.md";
+export * as DeadHosts from "./DeadHosts.md";
+export * as ProxyHosts from "./ProxyHosts.md";
+export * as RedirectionHosts from "./RedirectionHosts.md";
+export * as Streams from "./Streams.md";

frontend/src/locale/src/lang-list.json

@@ -37,5 +37,8 @@
 	},
 	"locale-bg-BG": {
 		"defaultMessage": "Български"
+	},
+	"locale-zh-TW": {
+		"defaultMessage": "繁體中文"
 	}
-}
+}