Initial frontend import
This commit is contained in:
TerryM
423
src/i18n.tsx
Normal file
423
src/i18n.tsx
Normal file
@@ -0,0 +1,423 @@
|
||||
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: "熱門資料",
|
||||
favorites: "我的收藏",
|
||||
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: "載入中…",
|
||||
favoritesEmpty: "尚未加入收藏。",
|
||||
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: "热门资料",
|
||||
favorites: "我的收藏",
|
||||
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: "加载中…",
|
||||
favoritesEmpty: "还没有收藏。",
|
||||
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",
|
||||
favorites: "Favorites",
|
||||
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",
|
||||
favorite: "Favorite",
|
||||
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…",
|
||||
favoritesEmpty: "No favorites yet.",
|
||||
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";
|
||||
}
|
||||
Reference in New Issue
Block a user