Made of little things.

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

// The upstream Vite plugin embeds config.schema.json into the signed build.
// Config is optional here: the stylesheet supplies the same defaults.
if (runtimeHasDomain('config')) {
  void (async () => {
    // Some hosts consume the embedded schema; others need standard registration.
    // Do not replace a schema that the host already supplied.
    if (!config.schema) {
      await config.registerSchema(settingsSchema as Parameters<typeof config.registerSchema>[0]);
    }
    const subscription = config.subscribe((values) => {
      const root = document.documentElement;
      const controlSize =
        typeof values.controlSize === 'number'
          ? Math.min(56, Math.max(34, values.controlSize))
          : 46;
      root.style.setProperty('--control-h', `${controlSize}px`);
      root.dataset.trajectoryHints = values.trajectoryHints === false ? 'false' : 'true';
    });
    window.addEventListener('pagehide', () => subscription.close(), { once: true });
  })().catch(() => {
    // Optional operations may be unavailable even when a host exposes the domain.
    // Keep stylesheet defaults so the game still works in a limited host.
  });
}