import { getBrand } from '../shared/branding.js';

async function start() {
  const response = await fetch('/api/branding', { cache: 'no-store', credentials: 'same-origin' });
  if (!response.ok) throw new Error('This organisation could not be loaded. Please refresh or contact support.');
  globalThis.__RANGER_BRAND__ = await response.json();
  const brand = getBrand();
  document.title = brand.appName;
  document.documentElement.style.setProperty('--organisation-primary', brand.primaryColour);
  document.documentElement.style.setProperty('--organisation-accent', brand.accentColour);
  await import('./main.jsx');
}

start().catch(error => {
  const main = document.createElement('main');
  main.style.cssText = 'font:18px system-ui;max-width:600px;margin:15vh auto;padding:24px';
  main.textContent = error.message;
  document.getElementById('root').replaceChildren(main);
});