Zum Inhalt

src/host-web/mount.ts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
// Web-Host bootstrap — instantiates the controller against a WebHost
// and starts the screensaver on user click (browsers require a user gesture
// for fullscreen + AudioContext).

import './obsidian-dom-polyfill';
import { ScreensaverController } from '../engine/controller';
import { WebHost, type WebHostOptions } from './persistence';
import { makePluginShim } from './plugin-shim';
import type { SceneId } from '../engine/data/defaults';

export interface MountOptions extends WebHostOptions {
  /** Element whose click triggers start. Default: document.getElementById('start-btn'). */
  startTrigger?: HTMLElement | null;
  /** Hide this element once the screensaver opens (the boot hint). */
  hideOnStart?: HTMLElement | null;
  /** Forwarded to controller.open() — lets the demo honour ?scene/?threat URL params. */
  openOpts?: { scene?: SceneId; storyScale?: number; reactiveThreat?: number };
}

export function mountScreensaver(opts: MountOptions = {}): ScreensaverController {
  const host = new WebHost({
    vaultKanji: opts.vaultKanji,
    activePreset: opts.activePreset,
    overrides: opts.overrides,
  });

  const controller = new ScreensaverController(makePluginShim(host));

  const trigger = opts.startTrigger ?? document.getElementById('start-btn');
  const hideEl = opts.hideOnStart ?? document.getElementById('boot-hint');

  if (trigger) {
    trigger.addEventListener('click', () => {
      if (hideEl) hideEl.style.display = 'none';
      void controller.open(opts.openOpts ?? {});
    });
  }

  // When the controller's close() runs (via ESC), show the boot hint again
  // so the user can re-launch without reloading.
  const origClose = controller.close.bind(controller);
  controller.close = async () => {
    await origClose();
    if (hideEl) hideEl.style.display = '';
  };

  return controller;
}