zigmini 0.9.0-beta.3 → 1.0.0-beta.2

package/web/app-download.js

@@ -1,19 +1,32 @@
-// Plan Todo 20 (improvement 88): the 앱 내려받기 area of the web 설정 panel. Like web/enroll.js, only decisions live
-// here, with no DOM and no imports, so test/unit/app-download-web.test.ts and the mutation run drive them directly. The
-// link token exists only inside the QR: no text here carries the link.
+import { onLanguageChange, registerStrings, t } from "./i18n.js";
+import strings from "./i18n/app-download.js";
+
+registerStrings(strings);
 
 export const DOWNLOAD_LINK_PATH = "/api/app/download-link";
 export const APK_LINK = /^https?:\/\/[^\s/]+\/app\/zigmini\.apk\?t=[A-Za-z0-9_-]+$/;
 export const QR_MARGIN = 4;
-export const INSTALL_HINT = "출처를 알 수 없는 앱 설치 허가가 필요합니다. 폰 카메라로 QR을 찍어 APK를 받은 뒤 설치하세요.";
-export const LOADING_LINE = "내려받기 QR을 만드는 중…";
-export const EXPIRED_LINE = "내려받기 QR이 만료되었습니다. 새로 만들어 다시 찍으세요.";
-export const ERROR_LINES = Object.freeze({
-	apk_unavailable: "이 설치에는 내려받을 앱(APK)이 없습니다.",
-	access_url_unknown: "접속 주소를 알 수 없습니다. 맥이 Wi-Fi에 연결되어 있는지 확인한 뒤 새로 만드세요.",
-	qr_unavailable: "QR 라이브러리를 불러오지 못했습니다. 페이지를 새로 고치세요.",
-	network: "게이트웨이에 연결하지 못했습니다. 잠시 후 새로 만드세요.",
+export let INSTALL_HINT = t("appDownload.installHint");
+export let LOADING_LINE = t("appDownload.loading");
+export let EXPIRED_LINE = t("appDownload.expired");
+export let ERROR_LINES = Object.freeze({
+	apk_unavailable: t("appDownload.apkUnavailable"),
+	access_url_unknown: t("appDownload.accessUrlUnknown"),
+	qr_unavailable: t("appDownload.qrUnavailable"),
+	network: t("appDownload.network"),
 });
+function refreshStrings() {
+	INSTALL_HINT = t("appDownload.installHint");
+	LOADING_LINE = t("appDownload.loading");
+	EXPIRED_LINE = t("appDownload.expired");
+	ERROR_LINES = Object.freeze({
+		apk_unavailable: t("appDownload.apkUnavailable"),
+		access_url_unknown: t("appDownload.accessUrlUnknown"),
+		qr_unavailable: t("appDownload.qrUnavailable"),
+		network: t("appDownload.network"),
+	});
+}
+onLanguageChange(refreshStrings);
 
 export function parseDownloadLink(body) {
 	if (body === null || typeof body !== "object") return null;
@@ -34,21 +47,21 @@ export function formatLeft(seconds) {
 }
 
 export function errorLine(error) {
-	return ERROR_LINES[error] ?? `내려받기 QR을 만들지 못했습니다 (${error}). 새로 만들기를 누르세요.`;
+	return t(({ apk_unavailable: "appDownload.apkUnavailable", access_url_unknown: "appDownload.accessUrlUnknown", qr_unavailable: "appDownload.qrUnavailable", network: "appDownload.network" })[error] ?? "appDownload.error", { error });
 }
 
 /**
- * What the 앱 내려받기 area shows: `qr` the drawing, `version` the served version, `countdown` the remaining time and
- * `renew` the 새로 만들기 button. No APK on this install leaves only the message, with no button to press.
+ * What the app download area shows: `qr` the drawing, `version` the served version, `countdown` the remaining time and
+ * `renew` the create-new button. No APK on this install leaves only the message, with no button to press.
  */
 export function downloadView(state, now) {
 	const none = { qr: false, version: null, countdown: null, renew: false, expired: false, error: false };
-	if (state.status === "loading") return { ...none, message: LOADING_LINE };
+	if (state.status === "loading") return { ...none, message: t("appDownload.loading") };
 	if (state.status === "error") return { ...none, renew: state.error !== "apk_unavailable", error: true, message: errorLine(state.error) };
-	if (!state.link) return { ...none, renew: true, message: INSTALL_HINT };
+	if (!state.link) return { ...none, renew: true, message: t("appDownload.installHint") };
 	const left = secondsLeft(state.link.expiresAt, now);
-	if (left === 0) return { ...none, renew: true, expired: true, message: EXPIRED_LINE };
-	return { ...none, qr: true, version: `지그미니 ${state.link.versionName}`, countdown: `남은 시간 ${formatLeft(left)}`, message: INSTALL_HINT };
+	if (left === 0) return { ...none, renew: true, expired: true, message: t("appDownload.expired") };
+	return { ...none, qr: true, version: t("appDownload.version", { version: state.link.versionName }), countdown: t("appDownload.countdown", { time: formatLeft(left) }), message: t("appDownload.installHint") };
 }
 
 export function downloadQrSvg(qrcode, url) {
@@ -62,7 +75,7 @@ export function linkRequest() {
 	return { path: DOWNLOAD_LINK_PATH, init: { method: "POST" } };
 }
 
-/** The 앱 내려받기 state machine; `deps.render(view, svg)` paints after every change, `svg` null whenever no QR shows. */
+/** The app download state machine; `deps.render(view, svg)` paints after every change, `svg` null whenever no QR shows. */
 export function createAppDownload(deps) {
 	const s = { status: "idle", error: "", link: null, svg: null, timer: null };