@clusterio/web_ui/src/model/locale.ts

Clusterio web interface implementation

import React, { useEffect, useState } from "react";

import { useExportManifest } from "./export_manifest";


let localeCache: Map<string, string>|null = null;
export function useLocale(): Map<string, string> {
	let exportManifest = useExportManifest();
	let [locale, setLocale] = useState<Map<string, string>>(localeCache || new Map());
	useEffect(() => {
		async function load() {
			if (!exportManifest?.assets["locale"]) {
				return;
			}
			let response = await fetch(`${staticRoot}static/${exportManifest.assets["locale"]}`);
			if (response.ok) {
				let data = await response.json();
				localeCache = new Map(data);
				setLocale(localeCache);
			}
		}

		if (!localeCache) {
			load();
		}
	}, [exportManifest]);

	return locale;
}