Made of little things.

import { config } from '@napplet/sdk';
import { runtimeHasDomain } from './domain-availability.js';

export interface AppSettings {
  textSize: number;
  controlSize: number;
  touchControls: boolean;
  sound: boolean;
}

const settings: AppSettings = {
  textSize: 13,
  controlSize: 30,
  touchControls: false,
  sound: true,
};

const listeners = new Set<(value: AppSettings) => void>();

function apply(values: Record<string, unknown>): void {
  settings.textSize = typeof values.textSize === 'number' ? values.textSize : 13;
  settings.controlSize = typeof values.controlSize === 'number' ? values.controlSize : 30;
  settings.touchControls = values.touchControls === true;
  settings.sound = values.sound !== false;

  const root = document.documentElement;
  root.style.fontSize = `${settings.textSize}px`;
  root.style.setProperty('--control-h', `${settings.controlSize}px`);
  document.body.classList.toggle('force-touch', settings.touchControls);

  for (const listener of listeners) listener(settings);
}

export function getSettings(): AppSettings {
  return settings;
}

export function onSettings(listener: (value: AppSettings) => void): () => void {
  listeners.add(listener);
  listener(settings);
  return () => {
    listeners.delete(listener);
  };
}

// The upstream Vite plugin embeds config.schema.json into the signed build.
// Config is optional here: the stylesheet also supplies these defaults.
if (runtimeHasDomain('config')) {
  try {
    const subscription = config.subscribe((values) => apply(values));
    window.addEventListener('pagehide', () => subscription.close(), { once: true });
  } catch {
    // Optional operations may be unavailable even when a host exposes the domain.
    // Keep the stylesheet defaults so the game still works in a limited host.
  }
}