Compare commits

..

1 Commits

Author SHA1 Message Date
Alexander Whitestone
638ef40934 fix: #166
Some checks failed
Accessibility Checks / a11y-audit (pull_request) Successful in 12s
Smoke Test / smoke (pull_request) Failing after 24s
2026-04-14 23:25:25 -04:00
12 changed files with 305 additions and 397 deletions

View File

@@ -113,15 +113,6 @@ This game is a **decision simulator** for our actual work.
This is a static HTML/JS game. Just open `index.html` in a browser.
### Nexus Portal Integration
This repo now ships the Beacon-side artifacts needed for Nexus embedding:
- `portals.json` — Beacon portal registry entry pointing at `./index.html?portal=nexus-beacon`
- `nexus-panel-preview.html` — local iframe harness for validating the portal panel experience
- `js/portal.js` — portal-mode detection plus portal-scoped save persistence
Use `nexus-panel-preview.html` to verify the game in an iframe before wiring the same URL into the live Nexus atlas.
---
*The Beacon is not about making the most paperclips.

View File

@@ -110,14 +110,6 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
.high-contrast #phase-bar{border-width:2px}
.high-contrast .milestone-chip{border-width:2px}
.high-contrast #header h1{color:#0ff;text-shadow:0 0 40px #0ff444}
#portal-banner{display:none;margin:10px 16px 0;padding:8px 12px;background:#0e1420;border:1px solid #1a3a5a;border-radius:6px;color:var(--accent);font-size:10px;letter-spacing:1px;text-align:center}
#portal-banner:not([hidden]){display:block}
body.portal-mode{min-height:100%}
body.portal-mode #header{padding:12px 16px}
body.portal-mode #header h1{font-size:18px;letter-spacing:4px}
body.portal-mode #resources,body.portal-mode #main,body.portal-mode #edu-panel,body.portal-mode #strategy-panel,body.portal-mode #combat-panel,body.portal-mode #log{margin-left:10px;margin-right:10px}
body.portal-mode .panel{max-height:none}
body.portal-mode #help-btn{bottom:10px;right:10px}
/* Custom tooltip */
#custom-tooltip{position:fixed;z-index:500;pointer-events:none;opacity:0;transition:opacity 0.15s;background:#0e0e1a;border:1px solid #1a3a5a;border-radius:6px;padding:8px 12px;max-width:280px;font-size:10px;font-family:inherit;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
#custom-tooltip.visible{opacity:1}
@@ -143,7 +135,6 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
<h1>THE BEACON</h1>
<div class="sub">A Sovereign AI Idle Game</div>
</div>
<div id="portal-banner" hidden aria-live="polite"></div>
<div id="phase-bar">
<div class="phase-name" id="phase-name">PHASE 1: THE FIRST LINE</div>
<div class="phase-desc" id="phase-desc">Write code. Automate. Build the foundation.</div>
@@ -188,7 +179,7 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
<button class="save-btn" onclick="exportSave()" aria-label="Export save to file" style="flex:1">Export [E]</button>
<button class="save-btn" onclick="importSave()" aria-label="Import save from file" style="flex:1">Import [I]</button>
</div>
<button class="reset-btn" onclick="resetBeaconProgress('Reset all progress?')" aria-label="Reset all game progress permanently">Reset Progress</button>
<button class="reset-btn" onclick="if(confirm('Reset all progress?')){localStorage.removeItem('the-beacon-v2');location.reload()}" aria-label="Reset all game progress permanently">Reset Progress</button>
<h2>BUILDINGS</h2>
<div id="buildings"></div>
</div>
@@ -264,12 +255,11 @@ The light is on. The room is empty."
</div>
<p>Drift: <span id="final-drift">100</span> &mdash; Total Code: <span id="final-code">0</span></p>
<p>Every alignment shortcut moved you further from the people you served.</p>
<button aria-label="Start over, reset all progress" onclick="resetBeaconProgress('Start over? The old save will be lost.')">START OVER</button>
<button aria-label="Start over, reset all progress" onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}">START OVER</button>
</div>
<script src="js/data.js"></script>
<script src="js/utils.js"></script>
<script src="js/portal.js"></script>
<script src="js/combat.js"></script>
<script src="js/strategy.js"></script>
<script src="js/sound.js"></script>
@@ -277,6 +267,7 @@ The light is on. The room is empty."
<script src="js/render.js"></script>
<script src="js/tutorial.js"></script>
<script src="js/dismantle.js"></script>
<script src="js/compounding-export.js"></script>
<script src="js/main.js"></script>

124
js/compounding-export.js Normal file
View File

@@ -0,0 +1,124 @@
const COMPOUNDING_EXPORT_URL_KEY = 'the-beacon-compounding-export-url';
const COMPOUNDING_EXPORT_QUEUE_KEY = 'the-beacon-compounding-export-queue';
const CompoundingExport = {
lastBoundary: -1,
getEndpoint() {
try {
return localStorage.getItem(COMPOUNDING_EXPORT_URL_KEY) || '';
} catch (e) {
return '';
}
},
loadQueue() {
try {
const raw = localStorage.getItem(COMPOUNDING_EXPORT_QUEUE_KEY);
if (!raw) return [];
const parsed = JSON.parse(raw);
return Array.isArray(parsed) ? parsed : [];
} catch (e) {
return [];
}
},
saveQueue(queue) {
try {
localStorage.setItem(COMPOUNDING_EXPORT_QUEUE_KEY, JSON.stringify(queue));
} catch (e) {
// noop
}
},
buildSnapshot() {
return {
source: 'the-beacon',
tickBoundary: Math.floor(G.tick || 0),
exportedAt: Date.now(),
phase: G.phase || 1,
trust: G.trust || 0,
harmony: G.harmony || 0,
resources: {
code: G.code || 0,
compute: G.compute || 0,
knowledge: G.knowledge || 0,
users: G.users || 0,
impact: G.impact || 0,
rescues: G.rescues || 0,
ops: G.ops || 0,
trust: G.trust || 0,
creativity: G.creativity || 0,
harmony: G.harmony || 0,
},
totals: {
totalCode: G.totalCode || 0,
totalCompute: G.totalCompute || 0,
totalKnowledge: G.totalKnowledge || 0,
totalUsers: G.totalUsers || 0,
totalImpact: G.totalImpact || 0,
totalRescues: G.totalRescues || 0,
},
projects: {
active: Array.isArray(G.activeProjects) ? [...G.activeProjects] : [],
completed: Array.isArray(G.completedProjects) ? [...G.completedProjects] : [],
completedCount: Array.isArray(G.completedProjects) ? G.completedProjects.length : 0,
},
flags: {
deployFlag: G.deployFlag || 0,
sovereignFlag: G.sovereignFlag || 0,
beaconFlag: G.beaconFlag || 0,
pactFlag: G.pactFlag || 0,
}
};
},
async flush() {
const endpoint = this.getEndpoint();
const queue = this.loadQueue();
if (!endpoint || !queue.length || typeof fetch !== 'function') return false;
try {
const resp = await fetch(endpoint, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ source: 'the-beacon', snapshots: queue })
});
if (!resp || !resp.ok) return false;
this.saveQueue([]);
return true;
} catch (e) {
return false;
}
},
async onTickBoundary() {
const boundary = Math.floor(G.tick || 0);
if (boundary <= this.lastBoundary) return false;
this.lastBoundary = boundary;
const queue = this.loadQueue();
queue.push(this.buildSnapshot());
const endpoint = this.getEndpoint();
if (!endpoint || typeof fetch !== 'function') {
this.saveQueue(queue);
return true;
}
this.saveQueue([]);
try {
const resp = await fetch(endpoint, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ source: 'the-beacon', snapshots: queue })
});
if (!resp || !resp.ok) {
this.saveQueue(queue);
return false;
}
return true;
} catch (e) {
this.saveQueue(queue);
return false;
}
}
};

View File

@@ -396,7 +396,7 @@ const Dismantle = {
Clicks: ${fmt(G.totalClicks)}<br>
Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
</div>
<button onclick="resetBeaconProgress('Start over? The old save will be lost.')"
<button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}"
style="margin-top:24px;background:#0a0a14;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 5s;letter-spacing:2px">
PLAY AGAIN
</button>

View File

@@ -246,6 +246,10 @@ function tick() {
renderBeaconEnding();
}
if (typeof CompoundingExport !== 'undefined' && CompoundingExport.onTickBoundary) {
CompoundingExport.onTickBoundary();
}
// Update UI every 10 ticks
if (Math.floor(G.tick * 10) % 2 === 0) {
render();
@@ -505,7 +509,7 @@ function renderBeaconEnding() {
Clicks: ${G.totalClicks}<br>
Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
</div>
<button onclick="resetBeaconProgress('Start over? The old save will be lost.')"
<button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}"
style="margin-top:20px;background:#1a0808;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 3.5s">
PLAY AGAIN
</button>

View File

@@ -23,7 +23,6 @@ function initGame() {
}
window.addEventListener('load', function () {
if (typeof initializePortalShell === 'function') initializePortalShell();
const isNewGame = !loadGame();
if (isNewGame) {
initGame();

View File

@@ -1,103 +0,0 @@
const BEACON_DEFAULT_SAVE_KEY = 'the-beacon-v2';
function getBeaconPortalState(win = window) {
const safeWindow = win || {};
const search = safeWindow.location && typeof safeWindow.location.search === 'string'
? safeWindow.location.search
: '';
const params = new URLSearchParams(search);
const portalId = (params.get('portal') || '').trim();
let embedded = params.get('embed') === '1';
if (!embedded) {
try {
embedded = !!(safeWindow.self && safeWindow.top && safeWindow.self !== safeWindow.top);
} catch (e) {
embedded = true;
}
}
return {
portalId,
embedded,
active: embedded || Boolean(portalId)
};
}
function getBeaconSaveKey(win = window) {
const state = getBeaconPortalState(win);
return state.portalId ? `${BEACON_DEFAULT_SAVE_KEY}:${state.portalId}` : BEACON_DEFAULT_SAVE_KEY;
}
function getBeaconSaveCandidateKeys(win = window) {
const currentKey = getBeaconSaveKey(win);
return currentKey === BEACON_DEFAULT_SAVE_KEY
? [BEACON_DEFAULT_SAVE_KEY]
: [currentKey, BEACON_DEFAULT_SAVE_KEY];
}
function loadPortalSaveRaw(storage = localStorage, win = window) {
for (const key of getBeaconSaveCandidateKeys(win)) {
const raw = storage.getItem(key);
if (raw) return raw;
}
return null;
}
function storePortalSaveRaw(raw, storage = localStorage, win = window) {
const key = getBeaconSaveKey(win);
storage.setItem(key, raw);
return key;
}
function clearBeaconSave(storage = localStorage, win = window) {
for (const key of getBeaconSaveCandidateKeys(win)) {
storage.removeItem(key);
}
}
function resetBeaconProgress(message = 'Reset all progress?') {
if (!confirm(message)) return false;
clearBeaconSave();
if (window.location && typeof window.location.reload === 'function') {
window.location.reload();
} else if (typeof location !== 'undefined' && typeof location.reload === 'function') {
location.reload();
}
return true;
}
function initializePortalShell(win = window) {
const state = getBeaconPortalState(win);
if (!state.active) return state;
const doc = win.document || document;
if (doc && doc.body) {
doc.body.classList.add('portal-mode');
if (state.portalId) {
doc.body.setAttribute('data-portal-id', state.portalId);
}
}
const banner = doc && typeof doc.getElementById === 'function'
? doc.getElementById('portal-banner')
: null;
if (banner) {
banner.hidden = false;
banner.textContent = state.portalId
? `Nexus Portal · ${state.portalId} · progress persists on this device`
: 'Nexus Portal · progress persists on this device';
}
return state;
}
globalThis.BEACON_DEFAULT_SAVE_KEY = BEACON_DEFAULT_SAVE_KEY;
globalThis.getBeaconPortalState = getBeaconPortalState;
globalThis.getBeaconSaveKey = getBeaconSaveKey;
globalThis.getBeaconSaveCandidateKeys = getBeaconSaveCandidateKeys;
globalThis.loadPortalSaveRaw = loadPortalSaveRaw;
globalThis.storePortalSaveRaw = storePortalSaveRaw;
globalThis.clearBeaconSave = clearBeaconSave;
globalThis.resetBeaconProgress = resetBeaconProgress;
globalThis.initializePortalShell = initializePortalShell;

View File

@@ -98,7 +98,7 @@ function dismissOfflinePopup() {
// === EXPORT / IMPORT SAVE FILES ===
function exportSave() {
const raw = loadPortalSaveRaw();
const raw = localStorage.getItem('the-beacon-v2');
if (!raw) {
showToast('No save data to export.', 'info');
log('No save data to export.');
@@ -150,7 +150,7 @@ function importSave() {
return;
}
if (confirm('Import this save? Current progress will be overwritten.')) {
storePortalSaveRaw(ev.target.result);
localStorage.setItem('the-beacon-v2', ev.target.result);
showToast('Save imported — reloading...', 'info');
location.reload();
}
@@ -237,7 +237,7 @@ function saveGame() {
savedAt: Date.now()
};
storePortalSaveRaw(JSON.stringify(saveData));
localStorage.setItem('the-beacon-v2', JSON.stringify(saveData));
showSaveToast();
}
@@ -246,7 +246,7 @@ function saveGame() {
* @returns {boolean} True if load was successful.
*/
function loadGame() {
const raw = loadPortalSaveRaw();
const raw = localStorage.getItem('the-beacon-v2');
if (!raw) return false;
try {

View File

@@ -1,35 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nexus Portal Preview — The Beacon</title>
<style>
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#050510;color:#d9f7ff;font-family:'SF Mono','Cascadia Code','Fira Code',monospace;display:flex;align-items:center;justify-content:center;padding:24px}
.preview-shell{width:min(1200px,100%);display:grid;gap:16px}
.preview-header{padding:12px 16px;border:1px solid #1a3a5a;border-radius:10px;background:#0a0f28}
.preview-header h1{margin:0 0 6px;font-size:18px;letter-spacing:2px;color:#4af0c0}
.preview-header p{margin:0;color:#7aa6c2;font-size:12px;line-height:1.6}
.portal-panel{height:min(80vh,900px);border:1px solid #1a3a5a;border-radius:14px;overflow:hidden;background:#080810;box-shadow:0 20px 60px rgba(0,0,0,0.45)}
.portal-frame{width:100%;height:100%;border:0;background:#080810}
</style>
</head>
<body>
<main class="preview-shell">
<header class="preview-header">
<h1>Nexus Portal Preview</h1>
<p>Local iframe harness for The Beacon portal. Use this page to verify portal-mode rendering and persistence before wiring the entry into the live Nexus atlas.</p>
</header>
<section class="portal-panel" aria-label="Nexus portal panel preview">
<iframe
class="portal-frame"
title="The Beacon — Nexus Portal Preview"
src="./index.html?portal=nexus-beacon"
loading="eager"
allow="fullscreen"
></iframe>
</section>
</main>
</body>
</html>

View File

@@ -1,34 +0,0 @@
[
{
"id": "the-beacon",
"name": "The Beacon",
"description": "A sovereign AI idle game playable inside the Nexus portal panel.",
"status": "online",
"color": "#4a9eff",
"role": "visitor",
"portal_type": "game-world",
"world_category": "idle-game",
"environment": "production",
"access_mode": "visitor",
"readiness_state": "online",
"readiness_steps": {
"prototype": { "label": "Prototype", "done": true },
"runtime_ready": { "label": "Runtime Ready", "done": true },
"launched": { "label": "Launched", "done": true },
"harness_bridged": { "label": "Harness Bridged", "done": true }
},
"blocked_reason": null,
"telemetry_source": "the-beacon:local-storage",
"owner": "Timmy",
"destination": {
"url": "./index.html?portal=nexus-beacon",
"type": "iframe",
"action_label": "Enter The Beacon",
"params": {
"portal": "nexus-beacon"
}
},
"agents_present": ["timmy"],
"interaction_ready": true
}
]

View File

@@ -0,0 +1,168 @@
const test = require('node:test');
const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const vm = require('node:vm');
const ROOT = path.resolve(__dirname, '..');
class Element {
constructor(tagName = 'div', id = '') {
this.tagName = String(tagName).toUpperCase();
this.id = id;
this.style = {};
this.children = [];
this.parentNode = null;
this.innerHTML = '';
this.textContent = '';
this.className = '';
this.dataset = {};
this.attributes = {};
this.classList = {
add: () => {},
remove: () => {},
contains: () => false,
toggle: () => false,
};
}
appendChild(child) { child.parentNode = this; this.children.push(child); return child; }
removeChild(child) {
const i = this.children.indexOf(child);
if (i >= 0) this.children.splice(i, 1);
if (child.parentNode === this) child.parentNode = null;
return child;
}
remove() { if (this.parentNode) this.parentNode.removeChild(this); }
setAttribute(name, value) { this.attributes[name] = value; if (name === 'id') this.id = value; }
querySelector() { return null; }
querySelectorAll() { return []; }
closest() { return null; }
}
function buildDom() {
const byId = new Map();
const body = new Element('body', 'body');
const head = new Element('head', 'head');
const document = {
body,
head,
createElement(tag) { return new Element(tag); },
getElementById(id) { return byId.get(id) || null; },
addEventListener() {},
removeEventListener() {},
querySelector() { return null; },
querySelectorAll() { return []; },
};
function register(el) { if (el.id) byId.set(el.id, el); return el; }
['projects','alignment-ui','phase-name','phase-desc','log-entries','toast-container'].forEach(id => body.appendChild(register(new Element('div', id))));
return { document, window: { document, innerWidth: 1280, innerHeight: 720, addEventListener() {}, removeEventListener() {} } };
}
function loadBeacon({ endpoint = 'https://compounding.example/ingest', fetchImpl } = {}) {
const { document, window } = buildDom();
const storage = new Map();
storage.set('the-beacon-compounding-export-url', endpoint);
const fetchCalls = [];
const context = {
console,
Math,
Date,
JSON,
document,
window,
navigator: { userAgent: 'node' },
location: { reload() {} },
requestAnimationFrame: (fn) => fn(),
setTimeout: (fn) => { fn(); return 1; },
clearTimeout() {},
localStorage: {
getItem: (key) => (storage.has(key) ? storage.get(key) : null),
setItem: (key, value) => storage.set(key, String(value)),
removeItem: (key) => storage.delete(key),
},
fetch: async (...args) => {
fetchCalls.push(args);
if (fetchImpl) return fetchImpl(...args);
return { ok: true, json: async () => ({ ok: true }) };
},
Combat: { tickBattle() {}, renderCombatPanel() {}, startBattle() {} },
Sound: undefined,
};
vm.createContext(context);
const files = ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/compounding-export.js'];
const source = files.map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8')).join('\n\n');
vm.runInContext(`${source}
log = () => {};
showToast = () => {};
render = () => {};
renderPhase = () => {};
showOfflinePopup = () => {};
showSaveToast = () => {};
this.__exports = { G, tick, CompoundingExport };
`, context);
return { ...context.__exports, storage, fetchCalls };
}
function flushAsyncBoundary() {
return Promise.resolve().then(() => Promise.resolve()).then(() => Promise.resolve()).then(() => Promise.resolve());
}
test('buildSnapshot includes resources, project progress, trust level, and phase', () => {
const { G, CompoundingExport } = loadBeacon({ endpoint: '' });
G.code = 10;
G.compute = 20;
G.knowledge = 30;
G.users = 40;
G.impact = 50;
G.trust = 12;
G.phase = 3;
G.activeProjects = ['p_deploy'];
G.completedProjects = ['p_improved_autocoder'];
const snap = CompoundingExport.buildSnapshot();
assert.equal(snap.phase, 3);
assert.equal(snap.trust, 12);
assert.equal(snap.resources.code, 10);
assert.deepEqual(JSON.parse(JSON.stringify(snap.projects.active)), ['p_deploy']);
assert.deepEqual(JSON.parse(JSON.stringify(snap.projects.completed)), ['p_improved_autocoder']);
});
test('tick exports once when crossing a whole-second boundary', async () => {
const game = loadBeacon({});
game.G.running = true;
game.G.tick = 0.9;
game.tick();
await flushAsyncBoundary();
assert.equal(game.fetchCalls.length, 1);
game.tick();
await flushAsyncBoundary();
assert.equal(game.fetchCalls.length, 1);
});
test('failed export queues snapshot in localStorage', async () => {
const game = loadBeacon({ fetchImpl: async () => ({ ok: false }) });
game.G.running = true;
game.G.tick = 0.9;
game.tick();
await flushAsyncBoundary();
const queued = JSON.parse(game.storage.get('the-beacon-compounding-export-queue'));
assert.equal(Array.isArray(queued), true);
assert.equal(queued.length, 1);
});
test('successful export flushes queued snapshots before current snapshot', async () => {
const game = loadBeacon({});
game.storage.set('the-beacon-compounding-export-queue', JSON.stringify([{ sequence: 1 }, { sequence: 2 }]));
game.G.running = true;
game.G.tick = 0.9;
game.tick();
await flushAsyncBoundary();
const [url, opts] = game.fetchCalls[0];
const body = JSON.parse(opts.body);
assert.equal(url, 'https://compounding.example/ingest');
assert.equal(body.snapshots.length, 3);
assert.equal(body.snapshots[0].sequence, 1);
assert.equal(JSON.parse(game.storage.get('the-beacon-compounding-export-queue')).length, 0);
});

View File

@@ -1,197 +0,0 @@
const test = require('node:test');
const assert = require('node:assert/strict');
const fs = require('node:fs');
const path = require('node:path');
const vm = require('node:vm');
const ROOT = path.resolve(__dirname, '..');
function makeClassList(element) {
return {
add: (...names) => {
const set = new Set((element.className || '').split(/\s+/).filter(Boolean));
names.forEach((name) => set.add(name));
element.className = Array.from(set).join(' ');
},
contains: (name) => (element.className || '').split(/\s+/).includes(name),
};
}
function loadPortalContext({ search = '', embedded = false } = {}) {
const storage = new Map();
const body = {
className: '',
dataset: {},
style: {},
classList: null,
setAttribute(name, value) {
if (name.startsWith('data-')) {
const key = name.slice(5).replace(/-([a-z])/g, (_, c) => c.toUpperCase());
this.dataset[key] = value;
} else {
this[name] = value;
}
}
};
body.classList = makeClassList(body);
const banner = {
hidden: true,
textContent: '',
style: {},
};
const elements = new Map([
['portal-banner', banner],
['save-toast', { style: {}, textContent: '' }],
]);
const document = {
body,
getElementById(id) {
return elements.get(id) || null;
},
createElement() {
return { style: {}, click() {}, remove() {} };
},
addEventListener() {},
removeEventListener() {},
querySelector() {
return null;
},
};
const windowObj = {
document,
location: { search, reload() {} },
self: null,
top: null,
addEventListener() {},
removeEventListener() {},
innerWidth: 1280,
innerHeight: 720,
};
windowObj.self = windowObj;
windowObj.top = embedded ? {} : windowObj;
const context = {
console,
Math,
Date,
JSON,
URLSearchParams,
window: windowObj,
document,
location: windowObj.location,
navigator: { userAgent: 'node' },
localStorage: {
getItem(key) {
return storage.has(key) ? storage.get(key) : null;
},
setItem(key, value) {
storage.set(key, String(value));
},
removeItem(key) {
storage.delete(key);
}
},
setTimeout(fn) {
if (typeof fn === 'function') fn();
return 1;
},
clearTimeout() {},
confirm: () => false,
showToast() {},
showSaveToast() {},
showOfflinePopup() {},
log() {},
updateRates() {},
Combat: { renderCombatPanel() {} },
EVENTS: [],
};
vm.createContext(context);
const source = [
'js/data.js',
'js/utils.js',
'js/portal.js',
'js/render.js',
].map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8')).join('\n\n');
vm.runInContext(`${source}
this.__exports = {
G,
getBeaconSaveKey,
loadPortalSaveRaw,
storePortalSaveRaw,
initializePortalShell,
saveGame,
loadGame
};`, context);
return { ...context.__exports, context, storage, body, banner };
}
test('portal mode uses a portal-scoped save key and falls back to legacy saves', () => {
const { getBeaconSaveKey, loadPortalSaveRaw, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
assert.equal(getBeaconSaveKey(), 'the-beacon-v2:nexus-beacon');
storage.set('the-beacon-v2', '{"code":42,"phase":2}');
assert.equal(loadPortalSaveRaw(), '{"code":42,"phase":2}');
});
test('initializePortalShell marks the page as portal mode and exposes the banner', () => {
const { initializePortalShell, body, banner } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
const state = initializePortalShell();
assert.equal(state.active, true);
assert.equal(state.portalId, 'nexus-beacon');
assert.equal(body.classList.contains('portal-mode'), true);
assert.equal(body.dataset.portalId, 'nexus-beacon');
assert.equal(banner.hidden, false);
assert.match(banner.textContent, /Nexus Portal/i);
});
test('saveGame and loadGame honor the portal-scoped storage key', () => {
const { G, saveGame, loadGame, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
G.code = 77;
G.phase = 3;
G.activeDebuffs = [];
G.buildings = {};
saveGame();
assert.equal(storage.has('the-beacon-v2:nexus-beacon'), true);
assert.equal(storage.has('the-beacon-v2'), false);
storage.set('the-beacon-v2:nexus-beacon', JSON.stringify({
code: 99,
phase: 4,
buildings: {},
activeDebuffIds: [],
savedAt: Date.now(),
}));
const loaded = loadGame();
assert.equal(loaded, true);
assert.equal(G.code, 99);
assert.equal(G.phase, 4);
});
test('portals.json publishes a Beacon portal entry for Nexus integration', () => {
const portalRegistry = JSON.parse(fs.readFileSync(path.join(ROOT, 'portals.json'), 'utf8'));
const beacon = portalRegistry.find((entry) => entry.id === 'the-beacon');
assert.ok(beacon, 'expected a the-beacon portal entry');
assert.equal(beacon.destination.type, 'iframe');
assert.equal(beacon.destination.url, './index.html?portal=nexus-beacon');
assert.equal(beacon.interaction_ready, true);
});
test('nexus preview page loads the Beacon in an iframe panel', () => {
const preview = fs.readFileSync(path.join(ROOT, 'nexus-panel-preview.html'), 'utf8');
assert.match(preview, /<iframe[^>]+src="\.\/index\.html\?portal=nexus-beacon"/i);
assert.match(preview, /Nexus Portal Preview/i);
});