mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 18:34:02 +00:00
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]>
90 lines
2.6 KiB
JavaScript
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();
|
|
},
|
|
};
|
|
}
|