@jjlmoya/utils-science 1.42.0 → 1.44.0

package/src/tool/black-hole-event-horizon-simulator/black-hole-event-horizon-simulator.css

@@ -0,0 +1,366 @@
+.bh-lab {
+  --bh-ink: #f6f2e8;
+  --bh-muted: #a8b2c3;
+  --bh-panel: rgba(12, 15, 24, 0.72);
+  --bh-line: rgba(255, 255, 255, 0.16);
+  --bh-blue: #4dd7ff;
+  --bh-gold: #ffe27a;
+  --bh-red: #ff4d6d;
+  --bh-warp: 0.58;
+
+  gap: 18px;
+  width: min(100%, 1180px);
+  margin-inline: auto;
+  color: var(--bh-ink);
+}
+
+.bh-card {
+  display: grid;
+  gap: 0;
+  overflow: hidden;
+  border-radius: 8px;
+  background:
+    radial-gradient(circle at 50% 42%, rgba(255, 226, 122, calc(0.05 + var(--bh-warp) * 0.11)), transparent 19rem),
+    linear-gradient(145deg, #080a11 0%, #121a27 52%, #080910 100%);
+  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
+}
+
+.bh-stage {
+  position: relative;
+  min-width: 0;
+}
+
+.bh-visual {
+  position: relative;
+  min-height: 390px;
+}
+
+.bh-svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  min-height: 390px;
+}
+
+.bh-space {
+  fill: transparent;
+}
+
+.bh-stars circle {
+  fill: rgba(255, 255, 255, 0.8);
+  opacity: calc(0.16 + var(--bh-warp) * 0.58);
+  transform-origin: 380px 310px;
+}
+
+.bh-disk {
+  fill: none;
+  stroke: url("#bh-disk");
+  stroke-linecap: round;
+  transform-origin: 380px 314px;
+}
+
+.bh-disk-back {
+  opacity: 0.5;
+  stroke-width: 17;
+  filter: url("#bh-blur");
+}
+
+.bh-disk-front {
+  opacity: 0.88;
+  stroke-width: 8;
+  stroke-dasharray: 520 160;
+  animation: bh-flow 6s linear infinite;
+}
+
+.bh-horizon {
+  fill: url("#bh-core-glow");
+  stroke: rgba(255, 255, 255, 0.08);
+  stroke-width: 2;
+}
+
+.bh-horizon-glow {
+  fill: rgba(0, 0, 0, 0.2);
+  stroke: rgba(255, 210, 102, 0.24);
+  stroke-width: 16;
+  filter: url("#bh-blur");
+}
+
+.bh-photon,
+.bh-isco {
+  fill: none;
+  stroke-width: 2;
+  transform-origin: 380px 310px;
+}
+
+.bh-photon {
+  stroke: rgba(77, 215, 255, 0.52);
+  stroke-dasharray: 5 9;
+  animation: bh-spin 12s linear infinite;
+}
+
+.bh-isco {
+  stroke: rgba(255, 255, 255, 0.22);
+  stroke-dasharray: 2 14;
+  animation: bh-spin 20s linear infinite reverse;
+}
+
+.bh-probe circle {
+  fill: #fff;
+  filter: drop-shadow(0 0 14px rgba(77, 215, 255, 0.9));
+}
+
+.bh-probe path {
+  fill: var(--bh-blue);
+}
+
+.bh-label {
+  color: #dbe7ff;
+  font-size: 0.78rem;
+  font-weight: 800;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.bh-label line {
+  stroke: rgba(255, 255, 255, 0.28);
+  stroke-width: 1;
+}
+
+.bh-label text {
+  fill: currentcolor;
+}
+
+.bh-readout {
+  display: grid;
+  gap: 7px;
+  padding: 0 18px 20px;
+}
+
+.bh-readout span {
+  color: var(--bh-blue);
+  font-size: 0.74rem;
+  font-weight: 900;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+
+.bh-readout strong {
+  font-size: clamp(2.3rem, 10vw, 4.8rem);
+  font-weight: 700;
+  line-height: 0.95;
+}
+
+.bh-readout p {
+  max-width: 62ch;
+  margin: 0;
+  color: var(--bh-muted);
+  font-size: 1rem;
+  line-height: 1.55;
+}
+
+.bh-controls {
+  display: grid;
+  gap: 20px;
+  min-width: 0;
+  padding: 0 18px 18px;
+}
+
+.bh-kpis,
+.bh-orbit-panel {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.bh-kpis div,
+.bh-orbit-panel div {
+  min-height: 96px;
+  border: 1px solid var(--bh-line);
+  border-radius: 8px;
+  padding: 13px;
+  background: var(--bh-panel);
+}
+
+.bh-kpis span,
+.bh-orbit-panel span,
+.bh-slider span {
+  display: block;
+  color: var(--bh-muted);
+  font-size: 0.82rem;
+  font-weight: 800;
+  line-height: 1.24;
+}
+
+.bh-kpis strong,
+.bh-orbit-panel strong {
+  display: block;
+  margin-top: 10px;
+  color: #fff;
+  font-size: clamp(1.42rem, 7vw, 2.45rem);
+  font-weight: 700;
+  font-variant-numeric: lining-nums tabular-nums;
+  line-height: 1;
+  overflow-wrap: anywhere;
+}
+
+.bh-sliders {
+  display: grid;
+  gap: 22px;
+  padding: 8px 0 2px;
+}
+
+.bh-slider {
+  position: relative;
+  display: grid;
+  gap: 11px;
+  padding-bottom: 20px;
+}
+
+.bh-slider output {
+  position: absolute;
+  left: var(--value-x, 50%);
+  bottom: 0;
+  color: var(--bh-gold);
+  font-size: 0.82rem;
+  font-weight: 900;
+  font-variant-numeric: tabular-nums;
+  opacity: 0;
+  transform: translateX(-50%) translateY(3px);
+  transition: opacity 150ms ease, transform 150ms ease;
+  white-space: nowrap;
+}
+
+.bh-slider:hover output,
+.bh-slider:focus-within output {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
+.bh-slider input {
+  width: 100%;
+  height: 32px;
+  appearance: none;
+  background: transparent;
+  cursor: pointer;
+}
+
+.bh-slider input::-webkit-slider-runnable-track {
+  height: 3px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--bh-blue), var(--bh-gold), var(--bh-red));
+}
+
+.bh-slider input::-moz-range-track {
+  height: 3px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--bh-blue), var(--bh-gold), var(--bh-red));
+}
+
+.bh-slider input::-webkit-slider-thumb {
+  width: 16px;
+  height: 16px;
+  margin-top: -6.5px;
+  border: 2px solid #10131d;
+  border-radius: 999px;
+  appearance: none;
+  background: #fff;
+  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.12), 0 0 18px rgba(255, 226, 122, 0.58);
+  transition: box-shadow 140ms ease, transform 140ms ease;
+}
+
+.bh-slider input::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border: 2px solid #10131d;
+  border-radius: 999px;
+  background: #fff;
+  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.12), 0 0 18px rgba(255, 226, 122, 0.58);
+  transition: box-shadow 140ms ease, transform 140ms ease;
+}
+
+.bh-slider input:hover::-webkit-slider-thumb,
+.bh-slider input:focus-visible::-webkit-slider-thumb {
+  box-shadow: 0 0 0 9px rgba(255, 226, 122, 0.16), 0 0 24px rgba(255, 226, 122, 0.78);
+  transform: scale(1.25);
+}
+
+.bh-slider input:hover::-moz-range-thumb,
+.bh-slider input:focus-visible::-moz-range-thumb {
+  box-shadow: 0 0 0 9px rgba(255, 226, 122, 0.16), 0 0 24px rgba(255, 226, 122, 0.78);
+  transform: scale(1.25);
+}
+
+@keyframes bh-flow {
+  to {
+    stroke-dashoffset: -680;
+  }
+}
+
+@keyframes bh-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (min-width: 820px) {
+  .bh-card {
+    grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
+    align-items: stretch;
+  }
+
+  .bh-stage,
+  .bh-controls {
+    min-height: 650px;
+  }
+
+  .bh-readout {
+    position: absolute;
+    inset: auto 30px 28px;
+    padding: 0;
+  }
+
+  .bh-controls {
+    align-content: center;
+    padding: 24px;
+    border-left: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  .bh-kpis {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+.theme-light .bh-lab {
+  --bh-ink: #131721;
+  --bh-muted: #596475;
+  --bh-panel: rgba(255, 255, 255, 0.78);
+  --bh-line: rgba(19, 23, 33, 0.13);
+}
+
+.theme-light .bh-card {
+  background:
+    radial-gradient(circle at 50% 42%, rgba(255, 167, 61, calc(0.08 + var(--bh-warp) * 0.12)), transparent 19rem),
+    linear-gradient(145deg, #f7fbff 0%, #edf3f7 52%, #fff 100%);
+  box-shadow: 0 26px 76px rgba(28, 40, 58, 0.14);
+}
+
+.theme-light .bh-controls {
+  border-left-color: rgba(19, 23, 33, 0.1);
+}
+
+.theme-light .bh-stars circle {
+  fill: rgba(20, 31, 48, 0.46);
+}
+
+.theme-light .bh-label {
+  color: #334055;
+}
+
+.theme-light .bh-label line {
+  stroke: rgba(19, 23, 33, 0.24);
+}
+
+.theme-light .bh-kpis strong,
+.theme-light .bh-orbit-panel strong {
+  color: #111827;
+}

package/src/tool/black-hole-event-horizon-simulator/component.astro

@@ -0,0 +1,302 @@
+---
+import './black-hole-event-horizon-simulator.css';
+
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div
+  class="bh-lab"
+  id="bh-lab"
+  data-rs-label={ui.rsLabel}
+  data-diameter-label={ui.diameterLabel}
+  data-time-label={ui.timeLabel}
+  data-redshift-label={ui.redshiftLabel}
+  data-status-safe={ui.statusSafe}
+  data-status-photon={ui.statusPhoton}
+  data-status-inside={ui.statusInside}
+  data-km-unit={ui.kilometerUnit}
+  data-ms-unit={ui.millisecondUnit}
+  data-second-unit={ui.secondUnit}
+  data-light-speed-unit={ui.lightSpeedUnit}
+  data-tidal-unit={ui.tidalUnit}
+  data-solar-masses-unit={ui.solarMassesUnit}
+  data-rs-unit={ui.rsUnit}
+>
+  <div class="bh-card">
+    <section class="bh-stage" aria-label={ui.visualTitle}>
+      <div class="bh-visual">
+        <svg class="bh-svg" viewBox="0 0 760 620" role="img" aria-label={ui.visualTitle}>
+          <defs>
+            <radialGradient id="bh-core-glow" cx="50%" cy="50%" r="50%">
+              <stop offset="0%" stop-color="#000000" />
+              <stop offset="54%" stop-color="#020204" />
+              <stop offset="100%" stop-color="#19161f" />
+            </radialGradient>
+            <linearGradient id="bh-disk" x1="0" x2="1" y1="0" y2="0">
+              <stop offset="0%" stop-color="#4dd7ff" />
+              <stop offset="42%" stop-color="#ffe27a" />
+              <stop offset="72%" stop-color="#ff7a3d" />
+              <stop offset="100%" stop-color="#fb2d5f" />
+            </linearGradient>
+            <filter id="bh-blur">
+              <feGaussianBlur stdDeviation="9" />
+            </filter>
+          </defs>
+          <rect class="bh-space" width="760" height="620"></rect>
+          <g class="bh-stars" id="bh-stars"></g>
+          <ellipse class="bh-disk bh-disk-back" cx="380" cy="314" rx="268" ry="68"></ellipse>
+          <circle class="bh-photon" id="bh-photon" cx="380" cy="310" r="152"></circle>
+          <circle class="bh-isco" id="bh-isco" cx="380" cy="310" r="216"></circle>
+          <circle class="bh-horizon-glow" id="bh-horizon-glow" cx="380" cy="310" r="102"></circle>
+          <circle class="bh-horizon" id="bh-horizon" cx="380" cy="310" r="96"></circle>
+          <ellipse class="bh-disk bh-disk-front" cx="380" cy="314" rx="268" ry="68"></ellipse>
+          <g class="bh-probe" id="bh-probe">
+            <circle r="9"></circle>
+            <path d="M-18 0 L-4 -5 L-4 5 Z"></path>
+          </g>
+          <g class="bh-label bh-label-rs">
+            <line x1="380" x2="476" y1="310" y2="310"></line>
+            <text x="394" y="298">{ui.eventHorizon}</text>
+          </g>
+          <g class="bh-label bh-label-photon">
+            <line x1="532" x2="594" y1="310" y2="254"></line>
+            <text x="596" y="250">{ui.photonSphere}</text>
+          </g>
+          <g class="bh-label bh-label-isco">
+            <line x1="596" x2="662" y1="310" y2="368"></line>
+            <text x="548" y="390">{ui.isco}</text>
+          </g>
+        </svg>
+      </div>
+      <div class="bh-readout">
+        <span id="bh-status">{ui.statusSafe}</span>
+        <strong id="bh-rs">{ui.zeroKilometers}</strong>
+        <p>{ui.visualCaption}</p>
+      </div>
+    </section>
+
+    <section class="bh-controls" aria-label={ui.controlsTitle}>
+      <div class="bh-kpis">
+        <div>
+          <span>{ui.diameter}</span>
+          <strong id="bh-diameter">{ui.zeroKilometers}</strong>
+        </div>
+        <div>
+          <span>{ui.lightCrossing}</span>
+          <strong id="bh-crossing">{ui.zeroMilliseconds}</strong>
+        </div>
+        <div>
+          <span>{ui.timeDilation}</span>
+          <strong id="bh-time">{ui.zeroMultiplier}</strong>
+        </div>
+        <div>
+          <span>{ui.redshift}</span>
+          <strong id="bh-redshift">0</strong>
+        </div>
+      </div>
+
+      <div class="bh-sliders">
+        <label class="bh-slider" for="bh-mass">
+          <span>{ui.mass}</span>
+          <output id="bh-mass-output">{ui.initialMassOutput}</output>
+          <input id="bh-mass" type="range" min="0.477" max="10" step="0.01" value="1" />
+        </label>
+        <label class="bh-slider" for="bh-distance">
+          <span>{ui.distance}</span>
+          <output id="bh-distance-output">{ui.initialDistanceOutput}</output>
+          <input id="bh-distance" type="range" min="1.02" max="12" step="0.01" value="3" />
+        </label>
+        <label class="bh-slider" for="bh-speed">
+          <span>{ui.speed}</span>
+          <output id="bh-speed-output">{ui.initialSpeedOutput}</output>
+          <input id="bh-speed" type="range" min="5" max="99" step="1" value="32" />
+        </label>
+      </div>
+
+      <div class="bh-orbit-panel">
+        <div>
+          <span>{ui.escapeVelocity}</span>
+          <strong id="bh-escape">{ui.zeroLightSpeed}</strong>
+        </div>
+        <div>
+          <span>{ui.orbitalPeriod}</span>
+          <strong id="bh-period">{ui.zeroMilliseconds}</strong>
+        </div>
+        <div>
+          <span>{ui.tidalGradient}</span>
+          <strong id="bh-tide">{ui.zeroTidal}</strong>
+        </div>
+      </div>
+    </section>
+  </div>
+</div>
+
+<script>
+  import { simulateEventHorizon } from './logic';
+
+  const root = document.getElementById('bh-lab');
+  const massInput = document.getElementById('bh-mass') as HTMLInputElement | null;
+  const distanceInput = document.getElementById('bh-distance') as HTMLInputElement | null;
+  const speedInput = document.getElementById('bh-speed') as HTMLInputElement | null;
+  const probe = document.getElementById('bh-probe');
+  const horizon = document.getElementById('bh-horizon');
+  const glow = document.getElementById('bh-horizon-glow');
+  const photon = document.getElementById('bh-photon');
+  const isco = document.getElementById('bh-isco');
+  const stars = document.getElementById('bh-stars');
+  const numberFormat = new Intl.NumberFormat('en', { maximumFractionDigits: 2 });
+  const compactFormat = new Intl.NumberFormat('en', { maximumFractionDigits: 1, notation: 'compact' });
+  const storageKey = 'black-hole-event-horizon-simulator:last-state';
+  const labels = {
+    km: root?.dataset.kmUnit ?? '',
+    ms: root?.dataset.msUnit ?? '',
+    seconds: root?.dataset.secondUnit ?? '',
+    lightSpeed: root?.dataset.lightSpeedUnit ?? '',
+    tidal: root?.dataset.tidalUnit ?? '',
+    solarMasses: root?.dataset.solarMassesUnit ?? '',
+    rs: root?.dataset.rsUnit ?? '',
+  };
+  const statusLabels = {
+    'inside-horizon': root?.dataset.statusInside ?? '',
+    'photon-sphere': root?.dataset.statusPhoton ?? '',
+    'stable-orbit': root?.dataset.statusSafe ?? '',
+  };
+
+  function text(id: string, value: string) {
+    const node = document.getElementById(id);
+    if (node) node.textContent = value;
+  }
+
+  function inputValue(input: HTMLInputElement | null, fallback: number) {
+    return input ? Number(input.value) : fallback;
+  }
+
+  function massFromSlider() {
+    return 10 ** inputValue(massInput, 1);
+  }
+
+  function km(value: number) {
+    return `${compactFormat.format(value)} ${labels.km}`;
+  }
+
+  function milliseconds(value: number) {
+    if (value >= 1000) return `${numberFormat.format(value / 1000)} ${labels.seconds}`;
+    return `${numberFormat.format(value)} ${labels.ms}`;
+  }
+
+  function setSliderOutput(input: HTMLInputElement | null, outputId: string, value: string) {
+    const output = document.getElementById(outputId);
+    if (!input || !output) return;
+    const min = Number(input.min);
+    const max = Number(input.max);
+    const progress = (Number(input.value) - min) / (max - min);
+    output.style.setProperty('--value-x', `${progress * 100}%`);
+    output.textContent = value;
+  }
+
+  function saveState() {
+    if (!massInput || !distanceInput || !speedInput) return;
+    window.localStorage.setItem(storageKey, JSON.stringify({
+      mass: massInput.value,
+      distance: distanceInput.value,
+      speed: speedInput.value,
+    }));
+  }
+
+  function restoreState() {
+    try {
+      const raw = window.localStorage.getItem(storageKey);
+      if (!raw) return;
+      const state = JSON.parse(raw) as Record<string, string>;
+      restoreInputValue(massInput, state.mass);
+      restoreInputValue(distanceInput, state.distance);
+      restoreInputValue(speedInput, state.speed);
+    } catch {
+      window.localStorage.removeItem(storageKey);
+    }
+  }
+
+  function restoreInputValue(input: HTMLInputElement | null, value: string | undefined) {
+    if (!input || !value) return;
+    input.value = value;
+  }
+
+  function drawStars() {
+    if (!stars || stars.childElementCount > 0) return;
+    const ns = 'http://www.w3.org/2000/svg';
+    for (let index = 0; index < 90; index += 1) {
+      const star = document.createElementNS(ns, 'circle');
+      const angle = index * 2.399963;
+      const radius = 35 + index * 3.1;
+      const x = 380 + Math.cos(angle) * radius * 1.3;
+      const y = 310 + Math.sin(angle) * radius * 0.78;
+      star.setAttribute('cx', x.toFixed(1));
+      star.setAttribute('cy', y.toFixed(1));
+      star.setAttribute('r', (index % 5 === 0 ? 1.7 : 0.9).toString());
+      stars.append(star);
+    }
+  }
+
+  function statusLabel(status: ReturnType<typeof simulateEventHorizon>['status']) {
+    return statusLabels[status];
+  }
+
+  function updateGeometry(massSolar: number, distance: number, speed: number, result: ReturnType<typeof simulateEventHorizon>) {
+    const horizonRadius = Math.max(58, Math.min(126, 48 + Math.log10(massSolar) * 13));
+    const probeRadius = horizonRadius * Math.min(3.4, distance);
+    const angle = performance.now() / 1300 * speed + distance;
+    const probeX = 380 + Math.cos(angle) * probeRadius;
+    const probeY = 310 + Math.sin(angle) * probeRadius * 0.33;
+
+    horizon?.setAttribute('r', horizonRadius.toFixed(1));
+    glow?.setAttribute('r', (horizonRadius + 18).toFixed(1));
+    photon?.setAttribute('r', (horizonRadius * 1.5).toFixed(1));
+    isco?.setAttribute('r', (horizonRadius * 3).toFixed(1));
+    probe?.setAttribute('transform', `translate(${probeX.toFixed(2)} ${probeY.toFixed(2)}) rotate(${angle * 57.2958 + 90})`);
+    root?.style.setProperty('--bh-warp', Math.min(1, result.escapeVelocityFraction).toFixed(3));
+  }
+
+  function updateReadouts(result: ReturnType<typeof simulateEventHorizon>) {
+    text('bh-status', statusLabel(result.status));
+    text('bh-rs', `${root?.dataset.rsLabel}: ${km(result.schwarzschildRadiusKm)}`);
+    text('bh-diameter', km(result.diameterKm));
+    text('bh-crossing', milliseconds(result.lightCrossingMs));
+    text('bh-time', `${numberFormat.format(result.timeDilationFactor)}x`);
+    text('bh-redshift', numberFormat.format(result.gravitationalRedshift));
+    text('bh-escape', `${numberFormat.format(result.escapeVelocityFraction * 100)}${labels.lightSpeed}`);
+    text('bh-period', milliseconds(result.orbitalPeriodMs));
+    text('bh-tide', `${numberFormat.format(result.tidalGradientEarthGPerMeter)} ${labels.tidal}`);
+  }
+
+  function updateSliderOutputs(massSolar: number, distance: number, speed: number) {
+    setSliderOutput(massInput, 'bh-mass-output', `${compactFormat.format(massSolar)} ${labels.solarMasses}`);
+    setSliderOutput(distanceInput, 'bh-distance-output', `${numberFormat.format(distance)} ${labels.rs}`);
+    setSliderOutput(speedInput, 'bh-speed-output', `${Math.round(speed * 100)}${labels.lightSpeed}`);
+  }
+
+  function update(shouldSave = true) {
+    if (shouldSave) saveState();
+    const massSolar = massFromSlider();
+    const distance = inputValue(distanceInput, 3);
+    const speed = inputValue(speedInput, 32) / 100;
+    const result = simulateEventHorizon({ massSolar, distanceMultiplier: distance, orbitalSpeedFraction: speed });
+
+    updateGeometry(massSolar, distance, speed, result);
+    updateReadouts(result);
+    updateSliderOutputs(massSolar, distance, speed);
+  }
+
+  function animate() {
+    update(false);
+    window.requestAnimationFrame(animate);
+  }
+
+  drawStars();
+  restoreState();
+  [massInput, distanceInput, speedInput].forEach((input) => input?.addEventListener('input', update));
+  animate();
+</script>

package/src/tool/black-hole-event-horizon-simulator/entry.ts

@@ -0,0 +1,29 @@
+import type { ScienceToolEntry, ToolLocaleContent } from '../../types';
+
+export interface BlackHoleEventHorizonSimulatorUI {
+  [key: string]: string;
+}
+
+export type BlackHoleEventHorizonSimulatorLocaleContent = ToolLocaleContent<BlackHoleEventHorizonSimulatorUI>;
+
+export const blackHoleEventHorizonSimulator: ScienceToolEntry<BlackHoleEventHorizonSimulatorUI> = {
+  id: 'black-hole-event-horizon-simulator',
+  icons: { bg: 'mdi:circle-opacity', fg: 'mdi:orbit' },
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};