// MNW frontend core — entry point.
//
// Loaded once, globally, as a `<script type="module">` in place of the retired
// `static/mnw.js`. It installs every delegated listener the old god-file did
// (toasts, HTMX glue, the data-action + hx-callback dispatchers, copy-link,
// keyboard, tabs, restart banner) and bridges the shared primitives onto
// `window` so the not-yet-migrated `static/*.js` files keep resolving them.
//
// As feature files migrate into frontend/src, drop their entries from the
// bridge and register their handlers via `dispatch.register()` instead of a
// global; the `frontend_globals` seal ratchets the legacy count down.

import { escapeHtml, escapeAttr } from './dom.ts';
import { csrfHeaders, apiError } from './net.ts';
import { showToast, initToasts } from './toast.ts';
import { safeGet, safeSet } from './storage.ts';
import { copyWithFeedback, initCopyLink } from './clipboard.ts';
import { resolveHtmxLoadingButton, withLoadingState } from './loading.ts';
import { initActionDispatcher, initHxCallbackDispatcher } from './dispatch.ts';
import { setActiveTab, initTabs } from './tabs.ts';
import { toggleShortcutsHelp, initKeyboard } from './keyboard.ts';
import { initRestartBanner } from './restart-banner.ts';
import { initHtmxGlue } from './htmx-glue.ts';

// Common, lightweight islands are registered globally here (side-effect import
// defines the custom element). Heavy or page-specific islands (media player,
// uploader) load per-page instead. Custom elements auto-upgrade on connect, so
// carousels in HTMX-swapped content wire themselves with no extra glue.
import '../islands/carousel.ts';
// Image uploader appears in HTMX-swapped wizard steps, so it's registered
// globally (auto-upgrades on swap). The heavier upload flows (item audio/version
// queue, gallery, bundle) still use the legacy static/upload.js until migrated.
import '../islands/uploader/image-uploader.ts';

/**
 * Legacy bridge — the not-yet-migrated `static/*.js` files call these by their
 * historical global names. `mnw.js` exposed them as classic-script globals
 * (function declarations / `window.*`); the module re-exposes them so the
 * cutover is behavior-preserving. Retire each entry as its consumers move into
 * frontend/src.
 */
function installLegacyBridge(): void {
  const w = window as unknown as Record<string, unknown>;
  w.escapeHtml = escapeHtml;
  w.escapeAttr = escapeAttr;
  w.csrfHeaders = csrfHeaders;
  w.showToast = showToast;
  w.safeStorageGet = safeGet;
  w.safeStorageSet = safeSet;
  w.setActiveTab = setActiveTab;
  w.toggleShortcutsHelp = toggleShortcutsHelp;
  w.copyWithFeedback = copyWithFeedback;
  w.resolveHtmxLoadingButton = resolveHtmxLoadingButton;
  w.withLoadingState = withLoadingState;
  // Historical name; wraps apiError so the (response, fallback) signature and
  // the Promise<string> return match the old global exactly.
  w.apiErrorMessage = (response: Response | null | undefined, fallback?: string) => apiError(response, fallback);
}

function initCore(): void {
  installLegacyBridge();
  initToasts();
  initHtmxGlue();
  initActionDispatcher();
  initHxCallbackDispatcher();
  initCopyLink();
  initKeyboard();
  initTabs();
  initRestartBanner();
}

// A module script is deferred, so the DOM is already parsed by the time this
// runs; the readyState guard is belt-and-suspenders.
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initCore);
} else {
  initCore();
}