417 lines
14 KiB
TypeScript
417 lines
14 KiB
TypeScript
|
import React, {
|
|||
|
|
createContext,
|
|||
|
|
useCallback,
|
|||
|
|
useContext,
|
|||
|
|
useMemo,
|
|||
|
|
useState,
|
|||
|
|
} from "react";
|
|||
|
|
|
|||
|
|
export type Lang = "zh-TW" | "zh-CN" | "en";
|
|||
|
|
|
|||
|
|
type Dict = Record<string, string>;
|
|||
|
|
|
|||
|
|
const dict: Record<Lang, Dict> = {
|
|||
|
|
"zh-TW": {
|
|||
|
|
brand: "ARK 資料庫",
|
|||
|
|
mainNav: "網站導覽",
|
|||
|
|
home: "首頁",
|
|||
|
|
all: "全部資料",
|
|||
|
|
categories: "分類瀏覽",
|
|||
|
|
latest: "最新更新",
|
|||
|
|
official: "官方推薦",
|
|||
|
|
popular: "熱門資料",
|
|||
|
|
search: "搜尋",
|
|||
|
|
searchPlaceholder: "搜尋資料...",
|
|||
|
|
searchNow: "立即搜尋資料",
|
|||
|
|
viewAll: "查看全部",
|
|||
|
|
heroTitle: "ARK 官方資料庫",
|
|||
|
|
heroSub:
|
|||
|
|
"集中、分類、管理 ARK 資料庫，讓你快速找到所需資源，推動社群共識與成長。",
|
|||
|
|
categorySection: "資料分類",
|
|||
|
|
officialSection: "官方推薦",
|
|||
|
|
latestSection: "最新更新",
|
|||
|
|
popularSection: "熱門資料",
|
|||
|
|
preview: "預覽",
|
|||
|
|
download: "下載",
|
|||
|
|
favorite: "收藏",
|
|||
|
|
share: "分享",
|
|||
|
|
profile: "個人中心",
|
|||
|
|
langLabel: "語言",
|
|||
|
|
admin: "後台",
|
|||
|
|
login: "登入",
|
|||
|
|
logout: "登出",
|
|||
|
|
email: "電子郵件",
|
|||
|
|
password: "密碼",
|
|||
|
|
dashboard: "儀表板",
|
|||
|
|
resources: "資料管理",
|
|||
|
|
newResource: "新增資料",
|
|||
|
|
save: "儲存",
|
|||
|
|
title: "標題",
|
|||
|
|
description: "簡介",
|
|||
|
|
type: "類型",
|
|||
|
|
language: "語言",
|
|||
|
|
category: "分類",
|
|||
|
|
status: "狀態",
|
|||
|
|
public: "公開",
|
|||
|
|
downloadable: "可下載",
|
|||
|
|
recommended: "首頁推薦",
|
|||
|
|
cover: "封面圖 URL",
|
|||
|
|
fileUrl: "檔案 URL",
|
|||
|
|
externalUrl: "外部連結",
|
|||
|
|
body: "文案內容",
|
|||
|
|
badge: "推薦標籤",
|
|||
|
|
published: "已發布",
|
|||
|
|
draft: "草稿",
|
|||
|
|
archived: "封存",
|
|||
|
|
noResults: "找不到符合的資料，請換個關鍵字或瀏覽分類。",
|
|||
|
|
copyLink: "複製連結",
|
|||
|
|
related: "相關資料",
|
|||
|
|
total: "總資料",
|
|||
|
|
views: "瀏覽",
|
|||
|
|
downloads: "下載",
|
|||
|
|
wallet: "錢包",
|
|||
|
|
walletPageTitle: "錢包登入",
|
|||
|
|
walletPageIntro:
|
|||
|
|
"連接 Web3 錢包以使用會員相關功能。採用標準簽名登入，不會發送交易、不消耗 gas。",
|
|||
|
|
walletStepExtension:
|
|||
|
|
"電腦已安裝擴充錢包（如 MetaMask）時，可直接在瀏覽器連線。",
|
|||
|
|
walletStepQR:
|
|||
|
|
"電腦未安裝錢包時：在連線視窗選擇 WalletConnect，用手機錢包掃描畫面上的 QR Code 即可連線。",
|
|||
|
|
walletStepSign:
|
|||
|
|
"連線成功後，點「簽署登入」並在錢包內簽署訊息，即完成網站身分驗證。",
|
|||
|
|
signInWallet: "簽署登入",
|
|||
|
|
walletSignedIn: "已驗證登入",
|
|||
|
|
walletLogout: "登出錢包",
|
|||
|
|
walletMissingProjectId:
|
|||
|
|
"請設定 VITE_WALLETCONNECT_PROJECT_ID（Reown Cloud 免費申請），否則無法使用 WalletConnect／手機掃碼。",
|
|||
|
|
walletSetupNeeded: "錢包掃碼未啟用（請於伺服器設定環境變數）",
|
|||
|
|
lang_zh_TW: "繁體中文",
|
|||
|
|
lang_zh_CN: "简体中文",
|
|||
|
|
lang_en: "English",
|
|||
|
|
filterAll: "全部",
|
|||
|
|
sortPublished: "發布時間",
|
|||
|
|
type_ppt: "PPT",
|
|||
|
|
type_video: "影片",
|
|||
|
|
type_image: "圖片",
|
|||
|
|
type_pdf: "PDF",
|
|||
|
|
type_link: "連結",
|
|||
|
|
type_text: "文字",
|
|||
|
|
type_archive: "壓縮檔",
|
|||
|
|
type_zip: "ZIP",
|
|||
|
|
adminLoginTitle: "管理後台登入",
|
|||
|
|
adminEditResource: "編輯資料",
|
|||
|
|
adminVideoFileHint:
|
|||
|
|
"上傳影片檔（MP4/WebM/MOV 等），類型請選「影片」；儲存後前台會自動播放（預設靜音，可點喇叭開聲音）。",
|
|||
|
|
adminStatTodayNew: "今日新增",
|
|||
|
|
adminStatFavorites: "收藏",
|
|||
|
|
adminMetricDownloads: "下載",
|
|||
|
|
adminMetricFavorites: "收藏",
|
|||
|
|
adminMetricViews: "瀏覽",
|
|||
|
|
edit: "編輯",
|
|||
|
|
backToList: "返回列表",
|
|||
|
|
sortOrderLabel: "排序權重",
|
|||
|
|
previewUrlLabel: "預覽網址",
|
|||
|
|
tagsCommaLabel: "標籤（逗號分隔）",
|
|||
|
|
uploadFile: "上傳檔案",
|
|||
|
|
loading: "載入中…",
|
|||
|
|
paginationPrev: "上一頁",
|
|||
|
|
paginationNext: "下一頁",
|
|||
|
|
listRange: "顯示 {{from}}–{{to}}，共 {{total}} 筆",
|
|||
|
|
pageIndicator: "{{c}} / {{p}} 頁",
|
|||
|
|
resourceLangFilter: "資料語言",
|
|||
|
|
filterTagClear: "清除標籤",
|
|||
|
|
filterLanguageAll: "全部語言",
|
|||
|
|
aboutTitle: "關於本站",
|
|||
|
|
aboutIntro:
|
|||
|
|
"ARK 資料庫彙整官方教材、公告、影片與常用檔案，協助社群快速取得一致版本的可信內容。\n\n本站僅作展示與索引；資料權利仍以官方公告為準。",
|
|||
|
|
footerAbout: "關於本站",
|
|||
|
|
footerAdminLogin: "管理員登入",
|
|||
|
|
adminSearchLogs: "搜尋紀錄",
|
|||
|
|
adminMetricShares: "分享",
|
|||
|
|
adminSearchQuery: "查詢詞",
|
|||
|
|
adminSearchTime: "時間",
|
|||
|
|
adminSearchId: "編號",
|
|||
|
|
},
|
|||
|
|
"zh-CN": {
|
|||
|
|
brand: "ARK 数据库",
|
|||
|
|
mainNav: "网站导航",
|
|||
|
|
home: "首页",
|
|||
|
|
all: "全部资料",
|
|||
|
|
categories: "分类浏览",
|
|||
|
|
latest: "最新更新",
|
|||
|
|
official: "官方推荐",
|
|||
|
|
popular: "热门资料",
|
|||
|
|
search: "搜索",
|
|||
|
|
searchPlaceholder: "搜索资料...",
|
|||
|
|
searchNow: "立即搜索资料",
|
|||
|
|
viewAll: "查看全部",
|
|||
|
|
heroTitle: "ARK 官方数据库",
|
|||
|
|
heroSub:
|
|||
|
|
"集中、分类、管理 ARK 数据库，让你快速找到所需资源，推动社群共识与成长。",
|
|||
|
|
categorySection: "资料分类",
|
|||
|
|
officialSection: "官方推荐",
|
|||
|
|
latestSection: "最新更新",
|
|||
|
|
popularSection: "热门资料",
|
|||
|
|
preview: "预览",
|
|||
|
|
download: "下载",
|
|||
|
|
favorite: "收藏",
|
|||
|
|
share: "分享",
|
|||
|
|
profile: "个人中心",
|
|||
|
|
langLabel: "语言",
|
|||
|
|
admin: "后台",
|
|||
|
|
login: "登录",
|
|||
|
|
logout: "退出",
|
|||
|
|
email: "邮箱",
|
|||
|
|
password: "密码",
|
|||
|
|
dashboard: "仪表盘",
|
|||
|
|
resources: "资料管理",
|
|||
|
|
newResource: "新增资料",
|
|||
|
|
save: "保存",
|
|||
|
|
title: "标题",
|
|||
|
|
description: "简介",
|
|||
|
|
type: "类型",
|
|||
|
|
language: "语言",
|
|||
|
|
category: "分类",
|
|||
|
|
status: "状态",
|
|||
|
|
public: "公开",
|
|||
|
|
downloadable: "可下载",
|
|||
|
|
recommended: "首页推荐",
|
|||
|
|
cover: "封面图 URL",
|
|||
|
|
fileUrl: "文件 URL",
|
|||
|
|
externalUrl: "外部链接",
|
|||
|
|
body: "文案内容",
|
|||
|
|
badge: "推荐标签",
|
|||
|
|
published: "已发布",
|
|||
|
|
draft: "草稿",
|
|||
|
|
archived: "归档",
|
|||
|
|
noResults: "找不到符合的资料，请换个关键字或浏览分类。",
|
|||
|
|
copyLink: "复制链接",
|
|||
|
|
related: "相关资料",
|
|||
|
|
total: "总资料",
|
|||
|
|
views: "浏览",
|
|||
|
|
downloads: "下载",
|
|||
|
|
wallet: "钱包",
|
|||
|
|
walletPageTitle: "钱包登录",
|
|||
|
|
walletPageIntro:
|
|||
|
|
"连接 Web3 钱包以使用会员相关功能。采用标准签名登录，不发送交易、不消耗 gas。",
|
|||
|
|
walletStepExtension:
|
|||
|
|
"电脑已安装浏览器扩展钱包（如 MetaMask）时，可直接连接。",
|
|||
|
|
walletStepQR:
|
|||
|
|
"电脑未安装钱包时：在连接窗口选择 WalletConnect，用手机钱包扫描 QR Code。",
|
|||
|
|
walletStepSign: "连接成功后，点击「签署登录」并在钱包内签名即可完成验证。",
|
|||
|
|
signInWallet: "签署登录",
|
|||
|
|
walletSignedIn: "已验证登录",
|
|||
|
|
walletLogout: "退出钱包",
|
|||
|
|
walletMissingProjectId:
|
|||
|
|
"请配置 VITE_WALLETCONNECT_PROJECT_ID（Reown Cloud），否则无法使用 WalletConnect/扫码。",
|
|||
|
|
walletSetupNeeded: "钱包扫码未启用（请在服务器配置环境变量）",
|
|||
|
|
lang_zh_TW: "繁体中文",
|
|||
|
|
lang_zh_CN: "简体中文",
|
|||
|
|
lang_en: "English",
|
|||
|
|
filterAll: "全部",
|
|||
|
|
sortPublished: "发布时间",
|
|||
|
|
type_ppt: "PPT",
|
|||
|
|
type_video: "视频",
|
|||
|
|
type_image: "图片",
|
|||
|
|
type_pdf: "PDF",
|
|||
|
|
type_link: "链接",
|
|||
|
|
type_text: "文字",
|
|||
|
|
type_archive: "压缩包",
|
|||
|
|
type_zip: "ZIP",
|
|||
|
|
adminLoginTitle: "管理后台登录",
|
|||
|
|
adminEditResource: "编辑资料",
|
|||
|
|
adminVideoFileHint:
|
|||
|
|
"上传视频文件（MP4/WebM/MOV 等），类型请选择「视频」；保存后前台自动播放（默认静音，可点喇叭开声音）。",
|
|||
|
|
adminStatTodayNew: "今日新增",
|
|||
|
|
adminStatFavorites: "收藏",
|
|||
|
|
adminMetricDownloads: "下载",
|
|||
|
|
adminMetricFavorites: "收藏",
|
|||
|
|
adminMetricViews: "浏览",
|
|||
|
|
edit: "编辑",
|
|||
|
|
backToList: "返回列表",
|
|||
|
|
sortOrderLabel: "排序权重",
|
|||
|
|
previewUrlLabel: "预览网址",
|
|||
|
|
tagsCommaLabel: "标签（逗号分隔）",
|
|||
|
|
uploadFile: "上传文件",
|
|||
|
|
loading: "加载中…",
|
|||
|
|
paginationPrev: "上一页",
|
|||
|
|
paginationNext: "下一页",
|
|||
|
|
listRange: "显示 {{from}}–{{to}}，共 {{total}} 条",
|
|||
|
|
pageIndicator: "{{c}} / {{p}} 页",
|
|||
|
|
resourceLangFilter: "资料语言",
|
|||
|
|
filterTagClear: "清除标签",
|
|||
|
|
filterLanguageAll: "全部语言",
|
|||
|
|
aboutTitle: "关于本站",
|
|||
|
|
aboutIntro:
|
|||
|
|
"ARK 数据库汇总官方教材、公告、视频与常用文件，帮助社区快速获取一致版本的可信内容。\n\n本站仅供展示与索引；权利归属以官方公告为准。",
|
|||
|
|
footerAbout: "关于本站",
|
|||
|
|
footerAdminLogin: "管理员登录",
|
|||
|
|
adminSearchLogs: "搜索记录",
|
|||
|
|
adminMetricShares: "分享",
|
|||
|
|
adminSearchQuery: "查询词",
|
|||
|
|
adminSearchTime: "时间",
|
|||
|
|
adminSearchId: "编号",
|
|||
|
|
},
|
|||
|
|
en: {
|
|||
|
|
brand: "ARK Library",
|
|||
|
|
mainNav: "Site menu",
|
|||
|
|
home: "Home",
|
|||
|
|
all: "All assets",
|
|||
|
|
categories: "Categories",
|
|||
|
|
latest: "Latest",
|
|||
|
|
official: "Official picks",
|
|||
|
|
popular: "Popular",
|
|||
|
|
search: "Search",
|
|||
|
|
searchPlaceholder: "Search resources...",
|
|||
|
|
searchNow: "Search now",
|
|||
|
|
viewAll: "View all",
|
|||
|
|
heroTitle: "ARK Official Library",
|
|||
|
|
heroSub:
|
|||
|
|
"Centralize, organize, and manage the ARK library so you can find what you need fast and help the community grow together.",
|
|||
|
|
categorySection: "Categories",
|
|||
|
|
officialSection: "Official recommendations",
|
|||
|
|
latestSection: "Latest updates",
|
|||
|
|
popularSection: "Popular assets",
|
|||
|
|
preview: "Preview",
|
|||
|
|
download: "Download",
|
|||
|
|
share: "Share",
|
|||
|
|
profile: "Profile",
|
|||
|
|
langLabel: "Language",
|
|||
|
|
admin: "Admin",
|
|||
|
|
login: "Sign in",
|
|||
|
|
logout: "Sign out",
|
|||
|
|
email: "Email",
|
|||
|
|
password: "Password",
|
|||
|
|
dashboard: "Dashboard",
|
|||
|
|
resources: "Resources",
|
|||
|
|
newResource: "New resource",
|
|||
|
|
save: "Save",
|
|||
|
|
title: "Title",
|
|||
|
|
description: "Description",
|
|||
|
|
type: "Type",
|
|||
|
|
language: "Language",
|
|||
|
|
category: "Category",
|
|||
|
|
status: "Status",
|
|||
|
|
public: "Public",
|
|||
|
|
downloadable: "Downloadable",
|
|||
|
|
recommended: "Featured",
|
|||
|
|
cover: "Cover image URL",
|
|||
|
|
fileUrl: "File URL",
|
|||
|
|
externalUrl: "External URL",
|
|||
|
|
body: "Text body",
|
|||
|
|
badge: "Badge label",
|
|||
|
|
published: "Published",
|
|||
|
|
draft: "Draft",
|
|||
|
|
archived: "Archived",
|
|||
|
|
noResults: "No results. Try another keyword or browse categories.",
|
|||
|
|
copyLink: "Copy link",
|
|||
|
|
related: "Related",
|
|||
|
|
total: "Total items",
|
|||
|
|
views: "Views",
|
|||
|
|
downloads: "Downloads",
|
|||
|
|
wallet: "Wallet",
|
|||
|
|
walletPageTitle: "Wallet sign-in",
|
|||
|
|
walletPageIntro:
|
|||
|
|
"Connect a Web3 wallet for member features. This uses a standard signed message — no transaction and no gas.",
|
|||
|
|
walletStepExtension:
|
|||
|
|
"On desktop with a browser extension (e.g. MetaMask), connect directly.",
|
|||
|
|
walletStepQR:
|
|||
|
|
"On desktop without an extension: choose WalletConnect in the modal and scan the QR code with your mobile wallet.",
|
|||
|
|
walletStepSign:
|
|||
|
|
'After connecting, tap "Sign in" and approve the message in your wallet to verify.',
|
|||
|
|
signInWallet: "Sign in",
|
|||
|
|
walletSignedIn: "Signed in",
|
|||
|
|
walletLogout: "Disconnect",
|
|||
|
|
walletMissingProjectId:
|
|||
|
|
"Set VITE_WALLETCONNECT_PROJECT_ID (free on Reown Cloud). Required for WalletConnect / QR login.",
|
|||
|
|
walletSetupNeeded: "Wallet QR login disabled (set env on server)",
|
|||
|
|
lang_zh_TW: "Traditional Chinese",
|
|||
|
|
lang_zh_CN: "Simplified Chinese",
|
|||
|
|
lang_en: "English",
|
|||
|
|
filterAll: "All types",
|
|||
|
|
sortPublished: "Published date",
|
|||
|
|
type_ppt: "PPT",
|
|||
|
|
type_video: "Video",
|
|||
|
|
type_image: "Image",
|
|||
|
|
type_pdf: "PDF",
|
|||
|
|
type_link: "Link",
|
|||
|
|
type_text: "Text",
|
|||
|
|
type_archive: "Archive",
|
|||
|
|
type_zip: "ZIP",
|
|||
|
|
adminLoginTitle: "Admin sign in",
|
|||
|
|
adminEditResource: "Edit resource",
|
|||
|
|
adminVideoFileHint:
|
|||
|
|
"Upload a video file (MP4/WebM/MOV, etc.) and set type to Video; the site will autoplay (muted by default — user can unmute).",
|
|||
|
|
adminStatTodayNew: "New today",
|
|||
|
|
adminStatFavorites: "Favorites",
|
|||
|
|
adminMetricDownloads: "Downloads",
|
|||
|
|
adminMetricFavorites: "Favorites",
|
|||
|
|
adminMetricViews: "Views",
|
|||
|
|
edit: "Edit",
|
|||
|
|
backToList: "Back to list",
|
|||
|
|
sortOrderLabel: "Sort order",
|
|||
|
|
previewUrlLabel: "Preview URL",
|
|||
|
|
tagsCommaLabel: "Tags (comma-separated)",
|
|||
|
|
uploadFile: "Upload",
|
|||
|
|
loading: "Loading…",
|
|||
|
|
paginationPrev: "Previous",
|
|||
|
|
paginationNext: "Next",
|
|||
|
|
listRange: "Showing {{from}}–{{to}} of {{total}}",
|
|||
|
|
pageIndicator: "Page {{c}} / {{p}}",
|
|||
|
|
resourceLangFilter: "Resource language",
|
|||
|
|
filterTagClear: "Clear tag",
|
|||
|
|
filterLanguageAll: "All languages",
|
|||
|
|
aboutTitle: "About this site",
|
|||
|
|
aboutIntro:
|
|||
|
|
"The ARK library brings together official decks, announcements, videos, and common files so the community can find consistent, trustworthy versions quickly.\n\nThis site is for discovery and indexing only; rights remain with official notices.",
|
|||
|
|
footerAbout: "About",
|
|||
|
|
footerAdminLogin: "Admin sign-in",
|
|||
|
|
adminSearchLogs: "Search logs",
|
|||
|
|
adminMetricShares: "Shares",
|
|||
|
|
adminSearchQuery: "Query",
|
|||
|
|
adminSearchTime: "Time",
|
|||
|
|
adminSearchId: "ID",
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/** Fixed locale lookup (for admin UI always in Traditional Chinese). */
|
|||
|
|
export function tLang(lang: Lang, key: string): string {
|
|||
|
|
return dict[lang][key] || dict["zh-TW"][key] || key;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
type Ctx = { lang: Lang; setLang: (l: Lang) => void; t: (k: string) => string };
|
|||
|
|
|
|||
|
|
const I18nCtx = createContext<Ctx | null>(null);
|
|||
|
|
|
|||
|
|
const LANG_KEY = "ark_lang";
|
|||
|
|
|
|||
|
|
export function I18nProvider({ children }: { children: React.ReactNode }) {
|
|||
|
|
const [lang, setLangState] = useState<Lang>(() => {
|
|||
|
|
const s = localStorage.getItem(LANG_KEY) as Lang | null;
|
|||
|
|
if (s === "zh-CN" || s === "en" || s === "zh-TW") return s;
|
|||
|
|
return "zh-TW";
|
|||
|
|
});
|
|||
|
|
const setLang = (l: Lang) => {
|
|||
|
|
localStorage.setItem(LANG_KEY, l);
|
|||
|
|
setLangState(l);
|
|||
|
|
};
|
|||
|
|
const t = useCallback(
|
|||
|
|
(k: string) => dict[lang][k] || dict["zh-TW"][k] || k,
|
|||
|
|
[lang],
|
|||
|
|
);
|
|||
|
|
const v = useMemo(() => ({ lang, setLang, t }), [lang, t]);
|
|||
|
|
return <I18nCtx.Provider value={v}>{children}</I18nCtx.Provider>;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function useI18n() {
|
|||
|
|
const v = useContext(I18nCtx);
|
|||
|
|
if (!v) throw new Error("I18nProvider missing");
|
|||
|
|
return v;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function langQuery(lang: Lang) {
|
|||
|
|
if (lang === "zh-TW") return "zh-TW";
|
|||
|
|
if (lang === "zh-CN") return "zh-CN";
|
|||
|
|
return "en";
|
|||
|
|
}
|