feat(i18n): translate the whole interface

Mark every UI string the unmarked-text check reported (534) plus text it cannot see (helpers, joined labels, runtime-built panels), and translate the result to Spanish and Russian: 1,679 messages each. - Kept on purpose, with the reason where the text lives: provider and product names, place and camera names, codes and units, dB values, the HUD terminal readouts, demo shot titles that saved projects look up by title, and text for AI tools and the voice model. - Modules shared with the server or AI tools stay free of the i18n import (local msg); the wind reading and voice session stay English and are translated where the page shows them. - npm test now runs the unmarked-text check. - Fixes on the way: a duplicated radio privacy paragraph, the contact panel toggle saying Expand while open, the CSS filter mistaking & for CSS. Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-11-06 03:14:00 +00:00 · 2026-10-12 19:24:42 +04:00
1 parent ee72133574
commit 3129e531e6
@@ -7,6 +7,7 @@ import {
  GLOBAL_INFRARED_MAX_GAP_MS,
  LIGHTNING_MAX_GAP_MS,
 } from './clock.js';
+import { t } from '../../i18n/index.js';

 const STOPS = [
  [10, '#00ecec'],
@@ -29,7 +30,7 @@ const LIGHTNING_STOPS = [
  ['300+', '#00FF00'],
 ];
 const utc = (value) =>
-  value ? `${value.slice(5, 16).replace('T', ' ')} UTC` : 'Unavailable';
+  value ? `${value.slice(5, 16).replace('T', ' ')} UTC` : t('Unavailable');

 /** A per-application observation layer, using the existing layer lifecycle and
 * row controls. History is transient: shared links always open latest imagery. */
@@ -487,15 +488,23 @@ export function createWeatherLayer({
        noFrame &&
        shared?.mode === 'history' &&
        shared.products.find((entry) => entry.id === id)?.selected === null
-          ? `No frame within ${maxGap() / 60_000 < 60 ? `${maxGap() / 60_000} min` : `${maxGap() / 3600_000} h`} of ${utc(shared.target)}`
+          ? maxGap() / 60_000 < 60
+            ? t('No frame within {gap} min of {time}', {
+                gap: maxGap() / 60_000,
+                time: utc(shared.target),
+              })
+            : t('No frame within {gap} h of {time}', {
+                gap: maxGap() / 3600_000,
+                time: utc(shared.target),
+              })
          : null;
      const time = shownTime();
      const relation =
        shared?.mode === 'history' && time
          ? Date.parse(time) === Date.parse(shared.target)
-            ? ' · synced'
+            ? 'synced'
            : Date.parse(time) < Date.parse(shared.target)
-              ? ' · nearest'
+              ? 'nearest'
              : ''
          : '';
      const times = manifest?.times || [];
@@ -508,8 +517,11 @@ export function createWeatherLayer({
        age === null
          ? ''
          : age >= 60
-            ? `${Math.floor(age / 60)}h ${age % 60}m ago`
-            : `${age}m ago`;
+            ? t('{hours}h {minutes}m ago', {
+                hours: Math.floor(age / 60),
+                minutes: age % 60,
+              })
+            : t('{minutes}m ago', { minutes: age });
      const diagnostic = rendering?.getDiagnostics();
      const b = manifest?.bounds;
      const canvas = viewer?.scene?.canvas;
@@ -535,49 +547,95 @@ export function createWeatherLayer({
          lat < b.south ||
          lat > b.north ||
          (lightning && lon > 0 && lon < 110));
+      let detail = time
+        ? t('{state} · {time} · {lag}', {
+            state: followLatest ? t('Observed') : t('History'),
+            time: utc(time),
+            lag,
+          })
+        : missing
+          ? t('Observation unavailable')
+          : t('Waiting for observation');
+      if (relation === 'synced') detail = t('{detail} · synced', { detail });
+      else if (relation === 'nearest')
+        detail = t('{detail} · nearest', { detail });
+      const infoHeading = radar
+        ? t('RADAR REFLECTIVITY · dBZ')
+        : lightning
+          ? t('LIGHTNING DENSITY · 15 min accumulation')
+          : product === 'clouds'
+            ? t('GLOBAL INFRARED · hourly')
+            : t('GOES INFRARED · ~5 min');
+      const infoTime = time
+        ? `${t('{state}: {time}', {
+            state: followLatest ? t('Latest observation') : t('History'),
+            time: utc(time),
+          })}\n${[
+            lag,
+            current && !followLatest
+              ? t('frame {index}/{total}', {
+                  index: index + 1,
+                  total: times.length,
+                })
+              : '',
+            loading ? t('loading') : '',
+          ]
+            .filter(Boolean)
+            .join(' · ')}`
+        : [t('Observation: unavailable'), loading ? t('loading') : '']
+            .filter(Boolean)
+            .join(' · ');
+      const infoCoverage = radar
+        ? t('Contiguous US · gaps ≠ no rain')
+        : lightning
+          ? `${t('Americas + Pacific · not individual strikes')}\n${t('Color: strikes/km²/min ×10³')}`
+          : product === 'clouds'
+            ? t('60°S–60°N · typically 2–3 h delayed')
+            : t('North America · infrared imagery');
+      const infoMotion = motion?.matches
+        ? clock
+          ? t('Reduced motion · history playback unavailable')
+          : t('Reduced motion · manual history available')
+        : '';
      const controls = {
        readout: true,
        summary: {
          label: radar
-            ? 'Rain radar · US'
+            ? t('Rain radar · US')
            : lightning
-              ? 'Lightning density · 15 min'
-              : 'Satellite clouds',
+              ? t('Lightning density · 15 min')
+              : t('Satellite clouds'),
          coverage: radar
            ? 'CONUS'
            : lightning
-              ? 'Americas + Pacific'
+              ? t('Americas + Pacific')
              : product === 'clouds'
-                ? 'Global · 60°S–60°N'
-                : 'North America',
+                ? t('Global · 60°S–60°N')
+                : t('North America'),
          shownTime: time,
          maxGapMinutes: maxGap() / 60_000,
-          detail: time
-            ? `${followLatest ? 'Observed' : 'History'} · ${utc(time)} · ${lag}${relation}`
-            : missing
-              ? 'Observation unavailable'
-              : 'Waiting for observation',
+          detail,
          status:
            missing ||
            hostStatus ||
            error ||
            diagnostic?.error ||
            (observationDelayed()
-              ? 'Source observations delayed'
+              ? t('Source observations delayed')
              : manifest?.stale
-                ? 'Stale source'
+                ? t('Stale source')
                : loading
-                  ? 'Loading next frame…'
+                  ? t('Loading next frame…')
                  : outside
-                    ? 'Map center outside coverage'
+                    ? t('Map center outside coverage')
                    : null),
-          units: radar ? 'dBZ' : lightning ? 'strikes/km²/min ×10³' : '',
+          units: radar ? 'dBZ' : lightning ? t('strikes/km²/min ×10³') : '',
        },
        chips: [
          ...(satellite
            ? [
-                ['clouds-regional', 'N. America'],
-                ['clouds', 'Global'],
+                ['clouds-regional', t('N. America')],
+                ['clouds', t('Global')],
              ].map(([value, label]) => ({
                id: value,
                label,
@@ -585,43 +643,44 @@ export function createWeatherLayer({
                params: { product: value },
                title:
                  value === 'clouds'
-                    ? 'Hourly global mosaic; usually 2–3 hours delayed'
-                    : 'GOES regional clouds; approximately 5-minute updates',
+                    ? t('Hourly global mosaic; usually 2–3 hours delayed')
+                    : t('GOES regional clouds; approximately 5-minute updates'),
              }))
            : []),
          ...(satellite
            ? [
                {
                  id: 'filtered',
-                  label: 'Clouds only',
+                  label: t('Clouds only'),
                  active: infrared === 'filtered',
                  params: { infrared: 'filtered' },
-                  title:
+                  title: t(
                    'Dim everything but the bright, cold cloud tops; a brightness filter, not a cloud mask',
+                  ),
                },
                {
                  id: 'full',
-                  label: 'Full',
+                  label: t('Full'),
                  active: infrared === 'full',
                  params: { infrared: 'full' },
-                  title: 'The complete infrared image at the chosen opacity',
+                  title: t('The complete infrared image at the chosen opacity'),
                },
              ]
            : []),
          ...['light', 'strong'].map((value) => ({
            id: `opacity-${value}`,
-            label: value === 'light' ? 'Soft' : 'Vivid',
+            label: value === 'light' ? t('Soft') : t('Vivid'),
            active: opacity === value,
            params: { opacity: value },
-            title: 'Image opacity; does not alter the observed values',
+            title: t('Image opacity; does not alter the observed values'),
          })),
          {
            id: 'coverage',
            label: radar
-              ? 'View US radar'
+              ? t('View US radar')
              : lightning
-                ? 'View Americas & Pacific'
-                : 'View coverage',
+                ? t('View Americas & Pacific')
+                : t('View coverage'),
            disabled: !manifest || !runNavigation,
            params: { focus: true },
          },
@@ -632,37 +691,45 @@ export function createWeatherLayer({
                label: String(label),
                color,
                blurb: lightning
-                  ? `${label} strikes/km²/min ×10³ (15-minute density)`
-                  : `${label} dBZ radar reflectivity`,
+                  ? t('{value} strikes/km²/min ×10³ (15-minute density)', {
+                      value: label,
+                    })
+                  : t('{value} dBZ radar reflectivity', { value: label }),
              }))
            : [],
        info: hostHidden
          ? hostStatus
-          : `${radar ? 'RADAR REFLECTIVITY · dBZ' : lightning ? 'LIGHTNING DENSITY · 15 min accumulation' : product === 'clouds' ? 'GLOBAL INFRARED · hourly' : 'GOES INFRARED · ~5 min'}\n${time ? `${followLatest ? 'Latest observation' : 'History'}: ${utc(time)}\n${lag}${current && !followLatest ? ` · frame ${index + 1}/${times.length}` : ''}${loading ? ' · loading' : ''}` : `Observation: unavailable${loading ? ' · loading' : ''}`}${missing ? `\n${missing}` : ''}${manifest?.stale ? '\nSTALE · cached source metadata' : ''}${error || diagnostic?.error ? '\n' + (error || diagnostic.error) : ''}\n${radar ? 'Contiguous US · gaps ≠ no rain' : lightning ? 'Americas + Pacific · not individual strikes\nColor: strikes/km²/min ×10³' : product === 'clouds' ? '60°S–60°N · typically 2–3 h delayed' : 'North America · infrared imagery'}${outside ? '\nMap center is outside source coverage' : ''}${motion?.matches ? (clock ? '\nReduced motion · history playback unavailable' : '\nReduced motion · manual history available') : ''}`,
+          : `${infoHeading}\n${infoTime}${missing ? `\n${missing}` : ''}${manifest?.stale ? `\n${t('STALE · cached source metadata')}` : ''}${error || diagnostic?.error ? '\n' + (error || diagnostic.error) : ''}\n${infoCoverage}${outside ? `\n${t('Map center is outside source coverage')}` : ''}${infoMotion ? `\n${infoMotion}` : ''}`,
        infoTitle: lightning
-          ? 'NOAA/NWS 15-minute lightning density derived from Vaisala NLDN/GLD360. Coverage 110°E across the Pacific/Americas to 0°, 25°S–80°N. Not a live strike count, global coverage or a safety warning.'
+          ? t(
+              'NOAA/NWS 15-minute lightning density derived from Vaisala NLDN/GLD360. Coverage 110°E across the Pacific/Americas to 0°, 25°S–80°N. Not a live strike count, global coverage or a safety warning.',
+            )
          : radar
-            ? 'NOAA MRMS radar echoes indicate precipitation patterns, not rain rate, a storm warning or a future forecast. Native source approximately 1 km; display is limited to level 6. Frames use exact advertised observation times.'
-            : 'GOES-19/18 longwave infrared Band 14 regional; NESDIS global longwave mosaic. Clouds only dims everything but bright, cold cloud tops; a brightness filter, not a cloud mask. Coverage and freshness differ by region.',
+            ? t(
+                'NOAA MRMS radar echoes indicate precipitation patterns, not rain rate, a storm warning or a future forecast. Native source approximately 1 km; display is limited to level 6. Frames use exact advertised observation times.',
+              )
+            : t(
+                'GOES-19/18 longwave infrared Band 14 regional; NESDIS global longwave mosaic. Clouds only dims everything but bright, cold cloud tops; a brightness filter, not a cloud mask. Coverage and freshness differ by region.',
+              ),
      };
      controls.summary.settings = [
        ...(satellite
          ? [
              {
                id: 'region',
-                label: 'REGION',
+                label: t('REGION'),
                chips: controls.chips.filter(({ params }) => params.product),
              },
              {
                id: 'image',
-                label: 'IMAGE',
+                label: t('IMAGE'),
                chips: controls.chips.filter(({ params }) => params.infrared),
              },
            ]
          : []),
        {
          id: 'opacity',
-          label: 'OPACITY',
+          label: t('OPACITY'),
          chips: controls.chips.filter(({ params }) => params.opacity),
        },
      ];
@@ -677,7 +744,7 @@ export function createWeatherLayer({
    getStats() {
      return {
        count: shownTime() ? 1 : 0,
-        countLabel: isLatest() ? 'Observed' : 'History',
+        countLabel: isLatest() ? t('Observed') : t('History'),
        lastUpdate: shownTime() ? Date.parse(shownTime()) : null,
        loading,
        error: error || rendering?.getDiagnostics().error || null,