Files
gods-eye-view/src/ui/mapSourceControls.js
T
German KhokhlovandClaude Opus 5.5 13efd411b6 refactor(i18n): key messages by English text; add Russian
Replace the semantic keys with the English source text, so code reads as the
UI does and English needs no catalog: t('Save keys'), tn(count, one, other)
for plurals, msg() for text stored in data, and bare data-i18n* markup that
translates the element's own English. Other languages are one flat JSON each.

- Simplify src/i18n: drop namespaces, the configurable locale pair
  (GEV_DEFAULT_LOCALE / GEV_SECONDARY_LOCALE) and its build defines. Locale
  comes from ?lang=, the stored choice, then browser languages.
- Add scripts/i18n.mjs (npm run i18n): extracts every message from t/tn/msg
  and markup, and fails on missing, unused, placeholder-mismatched or
  wrongly-shaped plural entries. npm test runs it via catalog.test.mjs.
- Add Russian (src/i18n/locales/ru.json, 833 messages), started from the
  community catalog in #312 and reviewed against the current English.
- Fix data-i18n placed on parents that would wipe their children (cockpit
  LEVEL and local weather cells, first-run EXPLORE MANUALLY tile), and a
  doubled degree sign in the TRACK ACQUIRED signal.
- Rewrite docs/TRANSLATORS.md for the new workflow; drop sections the earlier
  merge resurrected in docs/CURRENT-STATE.md.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-12 13:48:56 +04:00

90 lines
2.6 KiB
JavaScript

import { renderMapStackChips, syncMapStackChips } from '../mapStackChips.js';
import { t } from '../i18n/index.js';
/**
* Own Map Source presentation and selection without constructing map providers.
* The supplied controller remains authoritative for availability and active state.
*/
export function createMapSourceControls({
container,
statusElement,
controller,
subscribe,
claimSelection = () => {},
onStateChanged = () => {},
onError = () => {},
}) {
let destroyed = false;
let generation = 0;
const removers = [];
const bind = (element, type, listener) => {
element.addEventListener(type, listener);
removers.push(() => element.removeEventListener(type, listener));
};
function render(state) {
if (destroyed || !state) return;
syncMapStackChips(container, state.activeId);
if (statusElement) {
const stack = state.activeStack;
statusElement.textContent =
state.status === 'switching'
? '...'
: stack?.shortLabel || stack?.label || t('MAP');
statusElement.classList.toggle('warn', !!state.lastError);
}
}
async function select(stackId, { syncShare = true } = {}) {
if (destroyed) return null;
const current = ++generation;
if (syncShare) claimSelection();
const before = controller.getActiveId();
render(controller.getState('switching'));
let state;
try {
state = await controller.setStack(stackId);
} catch (error) {
if (!destroyed && current === generation) {
render(controller.getState());
onError(error?.message || String(error));
}
throw error;
}
if (destroyed || current !== generation) return state;
render(controller.getState());
if (state?.activeId === before && stackId !== before && state?.lastError)
onError(state.lastError);
if (syncShare) onStateChanged();
return state;
}
function refresh() {
if (destroyed) return;
for (const remove of removers.splice(0)) remove();
renderMapStackChips(container, controller.getStacks(), {
activeId: controller.getActiveId(),
onSelect: (id) => {
void select(id).catch(() => {});
},
bind,
});
render(controller.getState());
}
const unsubscribe = subscribe(() => {
if (destroyed) return;
render(controller.getState());
onStateChanged();
});
refresh();
return {
render,
select,
refresh,
destroy() {
if (destroyed) return;
destroyed = true;
generation++;
unsubscribe?.();
for (const remove of removers.splice(0)) remove();
},
};
}