Retain live flights and earthquake observations across globe switches

scripts/qa-engine-switch.mjs

@@ -67,6 +67,8 @@ try {
     await page.waitForSelector('#globe-engine', { visible: true });
     await page.evaluate(() => {
       window.__switchDocument = document;
+      window.__quakeEntry = window.__godsEyeView.dataManager.layers.get('earthquakes');
+      window.__quakeTimer = window.__quakeEntry.intervalId;
       window.__renderers ??= new Map();
       window.__renderers.set(
         window.__godsEyeView.engine.kind,
@@ -93,6 +95,8 @@ try {
         const previous = window.__renderers.get(engine.kind);
         return (
           !window.__switchSplash &&
+          window.__quakeEntry === window.__godsEyeView.dataManager.layers.get('earthquakes') &&
+          window.__quakeTimer === window.__quakeEntry.intervalId &&
           (!previous || previous === engine) &&
           !window.__outgoingEngine.isDestroyed() &&
           !window.__outgoingEngine.host.canvas.isConnected &&

scripts/qa-layer-handoff.mjs

@@ -0,0 +1,163 @@
+import assert from 'node:assert/strict';
+import puppeteer from 'puppeteer';
+import { blockPaidQaMaps } from './qa-map-policy.mjs';
+
+const url = new URL(process.argv[2]);
+if (
+  !['localhost', '127.0.0.1'].includes(url.hostname) ||
+  ['', '4173', '4185', '4186', '4187', '4188', '4189', '4194'].includes(
+    url.port,
+  )
+)
+  throw new Error('Supply an unreserved local keyless preview URL');
+url.search = '?engine=navara&welcome=0';
+url.hash =
+  'v=2&lat=40.2539&lon=-125.5779&alt=21130&heading=360&pitch=-35&map=sentinel2&l=f&lo=f.e.1_f.t.71be26';
+const browser = await puppeteer.launch({
+  headless: true,
+  args: ['--use-angle=metal', '--enable-gpu'],
+});
+try {
+  const page = await browser.newPage();
+  await blockPaidQaMaps(page);
+  const errors = [];
+  page.on('pageerror', (e) => errors.push(e.message));
+  await page.setViewport({ width: 1280, height: 720 });
+  await page.evaluateOnNewDocument(() => {
+    const fetch = window.fetch.bind(window);
+    window.__flightPolls = 0;
+    window.fetch = (input, options) => {
+      const path = new URL(input.url ?? input, document.baseURI).pathname;
+      const now = Math.floor(Date.now() / 1000);
+      if (path === '/api/flights') {
+        window.__flightPolls++;
+        return Promise.resolve(
+          Response.json({
+            time: now,
+            states: [
+              [
+                '71be26',
+                'GEV123',
+                'QA',
+                now,
+                now,
+                -125.5779,
+                40.2539,
+                9700,
+                false,
+                200,
+                45,
+                0,
+                null,
+                9700,
+                null,
+                false,
+                0,
+              ],
+            ],
+          }),
+        );
+      }
+      if (path === '/api/military')
+        return Promise.resolve(Response.json({ now: Date.now(), ac: [] }));
+      if (path === '/api/flights/track')
+        return Promise.resolve(Response.json({ path: [] }));
+      if (path.startsWith('/api/flights/') || path.startsWith('/api/openai/'))
+        return Promise.resolve(Response.json({}));
+      return fetch(input, options);
+    };
+  });
+  await page.goto(url.href, { waitUntil: 'domcontentloaded' });
+  const ready = (kind) =>
+    page.waitForFunction(
+      (engine) =>
+        window.__godsEyeView?.engine.kind === engine &&
+        !document.querySelector('#globe-engine')?.disabled &&
+        document.querySelector('#loading-screen.hidden') &&
+        !document.querySelector('.engine-switch-frame'),
+      { timeout: 90000 },
+      kind,
+    );
+  await ready('navara');
+  await page.evaluate(
+    () => window.__godsEyeView.styleManager.initialRestorePromise,
+  );
+  await page.waitForSelector('#cockpit-entry', { visible: true });
+  await page.click('#cockpit-entry');
+  await page.waitForFunction(
+    () => window.__godsEyeView.styleManager.getCockpitState().active,
+  );
+  await page.evaluate(() => {
+    const { dataManager, styleManager, tileset } = window.__godsEyeView;
+    if (window.__GOOGLE_MAPS_API_KEY__ || tileset)
+      throw Error('Keyless preview required');
+    styleManager.cockpitView.setVisionMode('thermal');
+    const entry = dataManager.layers.get('flights');
+    window.__handoff = {
+      dataManager,
+      entry,
+      timer: entry.intervalId,
+      model: entry.module,
+      pollCount: window.__flightPolls,
+      timestamp: entry.module.getStats().lastUpdate,
+      started: Date.now(),
+    };
+  });
+  for (const kind of ['cesium', 'navara']) {
+    await page.select('#globe-engine', kind);
+    await ready(kind);
+    const result = await page.evaluate(() => {
+      const { dataManager, engine, styleManager } = window.__godsEyeView;
+      const before = window.__handoff;
+      const entry = dataManager.layers.get('flights');
+      const cockpit = styleManager.getCockpitState();
+      return {
+        sameOwner:
+          before.dataManager === dataManager &&
+          before.entry === entry &&
+          before.model === entry.module,
+        sameTimer:
+          before.timer === entry.intervalId && entry.intervalId != null,
+        sourcePolls: window.__flightPolls - before.pollCount,
+        elapsed: Date.now() - before.started,
+        stamp: entry.module.getStats().lastUpdate,
+        initialStamp: before.timestamp,
+        id: cockpit.subject?.id,
+        active: cockpit.active,
+        mode: cockpit.visionMode,
+        hud: !document.querySelector('#cockpit-hud').hidden,
+        drawn: entry.module.qaDrawn().some((row) => row.id === '71be26'),
+        height: engine.camera.height(),
+      };
+    });
+    assert.ok(
+      result.sameOwner &&
+        result.sameTimer &&
+        result.active &&
+        result.hud &&
+        result.drawn,
+      JSON.stringify(result),
+    );
+    assert.equal(result.id, '71be26');
+    assert.equal(result.mode, 'thermal');
+    if (result.elapsed < 30000) {
+      assert.equal(result.sourcePolls, 0);
+      assert.equal(result.stamp, result.initialStamp);
+    }
+    await page.waitForFunction(
+      () => Math.abs(window.__godsEyeView.engine.camera.height() - 9700) < 1000,
+    );
+    console.log(
+      `PASS ${kind} cockpit, aircraft, HUD, manager and timer (${result.sourcePolls} polls since entry)`,
+    );
+  }
+  await page.evaluate(() =>
+    window.__godsEyeView.styleManager.controlCockpit('exit'),
+  );
+  await page.waitForFunction(
+    () => !window.__godsEyeView.styleManager.getCockpitState().active,
+  );
+  assert.deepEqual(errors, []);
+} finally {
+  await browser.close();
+}