No forks yet
`;
+ list.innerHTML = `${t("noForks")}
`;
return;
}
list.innerHTML = items.map((fork) => `
@@ -122,7 +123,7 @@ function setupHover(
loaded = true;
loadData().catch(() => {
const list = popup.querySelector(".bg-wfs-popup-list");
- if (list) list.innerHTML = `Failed to load
`;
+ if (list) list.innerHTML = `${t("failedToLoad")}
`;
});
}
}
@@ -209,12 +210,12 @@ export function injectWatchForkStarPopup(): void {
if (watchCounter) {
const countText = watchCounter.textContent?.trim() || "0";
attachPopup(watchCounter, {
- title: "Watchers",
+ title: t("watchers"),
countText,
viewAllUrl: `/${owner}/${repo}/watchers`,
}, async (list) => {
const data = await fetchWatchers(owner, repo);
- renderUserList(list, data, "No watchers yet");
+ renderUserList(list, data, t("noWatchers"));
});
}
@@ -223,7 +224,7 @@ export function injectWatchForkStarPopup(): void {
if (forkCounter) {
const countText = forkCounter.textContent?.trim() || "0";
attachPopup(forkCounter, {
- title: "Forks",
+ title: t("forks"),
countText,
viewAllUrl: `/${owner}/${repo}/forks`,
}, async (list) => {
@@ -240,12 +241,12 @@ export function injectWatchForkStarPopup(): void {
for (const starCounter of starCounters) {
const countText = starCounter.textContent?.trim() || "0";
attachPopup(starCounter as HTMLElement, {
- title: "Stargazers",
+ title: t("stargazers"),
countText,
viewAllUrl: `/${owner}/${repo}/stargazers`,
}, async (list) => {
if (!starData) starData = await fetchStargazers(owner, repo);
- renderUserList(list, starData, "No stargazers yet");
+ renderUserList(list, starData, t("noStargazers"));
});
}
}
diff --git a/src/lib/diff-stats-badge.ts b/src/lib/diff-stats-badge.ts
index 7b284be..036ced6 100644
--- a/src/lib/diff-stats-badge.ts
+++ b/src/lib/diff-stats-badge.ts
@@ -1,4 +1,4 @@
-import { pluralize } from "./utils";
+import { t } from "./i18n";
export interface DiffStats {
additions: number;
@@ -11,14 +11,14 @@ export function buildDiffStatsBadge(stats: DiffStats, wrapperClass: string): HTM
const delStr = stats.deletions.toLocaleString();
const filesStr =
stats.changedFiles !== null
- ? `${stats.changedFiles.toLocaleString()} ${pluralize(stats.changedFiles, "file")}`
+ ? t(stats.changedFiles === 1 ? "diffFilesOne" : "diffFilesOther", stats.changedFiles.toLocaleString())
: null;
const badge = document.createElement("span");
badge.className = wrapperClass;
badge.title = filesStr
- ? `${addStr} additions, ${delStr} deletions across ${filesStr}`
- : `${addStr} additions, ${delStr} deletions`;
+ ? t("diffStatsTitleWithFiles", [addStr, delStr, filesStr])
+ : t("diffStatsTitle", [addStr, delStr]);
const add = document.createElement("span");
add.className = "better-github-diff-stats-add";
diff --git a/src/lib/i18n.test.ts b/src/lib/i18n.test.ts
new file mode 100644
index 0000000..1749791
--- /dev/null
+++ b/src/lib/i18n.test.ts
@@ -0,0 +1,58 @@
+import { describe, it, expect, afterEach } from "vitest";
+import { t, setLocale, localizePage } from "./i18n";
+
+describe("i18n", () => {
+ afterEach(() => setLocale("en"));
+
+ it("resolves English by default", () => {
+ setLocale("en");
+ expect(t("approveNow")).toBe("approve now");
+ expect(t("saved")).toBe("Saved!");
+ expect(t("settingsTitle")).toBe("Settings");
+ });
+
+ it("switches to Simplified Chinese via setLocale", () => {
+ setLocale("zh_CN");
+ expect(t("approveNow")).toBe("立即批准");
+ expect(t("settingsTitle")).toBe("设置");
+ expect(t("langFollowBrowser")).toBe("跟随浏览器");
+ });
+
+ it("switches to Traditional Chinese via setLocale", () => {
+ setLocale("zh_TW");
+ expect(t("approveNow")).toBe("立即核准");
+ expect(t("settingsTitle")).toBe("設定");
+ expect(t("featPrCollapseExpandName")).toBe("摺疊/展開所有檔案");
+ });
+
+ it("substitutes positional placeholders in both locales", () => {
+ setLocale("en");
+ expect(t("tokenValid", "octocat")).toBe("Valid — authenticated as octocat");
+ expect(t("diffStatsTitleWithFiles", ["1,234", "56", "3 files"])).toBe(
+ "1,234 additions, 56 deletions across 3 files",
+ );
+ setLocale("zh_CN");
+ expect(t("commitTagTitle", "v1.0.0")).toBe("标签：v1.0.0");
+ });
+
+ it("returns empty string for an unknown key", () => {
+ setLocale("zh_CN");
+ expect(t("__does_not_exist__")).toBe("");
+ });
+
+ it("localizePage swaps text/title/placeholder by data attribute", () => {
+ setLocale("zh_CN");
+ document.body.innerHTML = `
+ Settings
+ x + + + `; + localizePage(); + expect(document.querySelector("h2")?.textContent).toBe("设置"); + expect(document.querySelector("span")?.innerHTML).toContain("scopes"); + expect(document.querySelector("button")?.getAttribute("title")).toBe("关闭搜索"); + expect(document.querySelector("input")?.getAttribute("placeholder")).toBe("搜索功能…"); + document.body.innerHTML = ""; + }); +}); diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts new file mode 100644 index 0000000..928389c --- /dev/null +++ b/src/lib/i18n.ts @@ -0,0 +1,117 @@ +// Lightweight i18n that, unlike chrome.i18n (which is locked to the browser UI +// locale), supports an in-extension manual language override stored in +// chrome.storage.local. Catalogs are bundled so t() stays synchronous; the +// active locale is resolved once from the stored preference (default: follow +// the browser locale) and can be changed at runtime via setLocale(). +import enMessages from "../_locales/en/messages.json"; +import zhCNMessages from "../_locales/zh_CN/messages.json"; +import zhTWMessages from "../_locales/zh_TW/messages.json"; + +interface MessageEntry { + message: string; + placeholders?: Record
-
+ Language
+
+
+
+
-
+
-
+
⬆️ A token is required for accessing private repositories. The plugin itself will never store your token or access your data.
@@ -449,7 +486,9 @@Settings
target="_blank" >
- Create a classic token with scopes
+ Create a classic token with scopes