Compare commits

..

1 Commits

Author SHA1 Message Date
Alexander Whitestone
6fe317fc2a feat: strategy engine tournaments for paperclips study (#5)
Some checks are pending
Accessibility Checks / a11y-audit (pull_request) Waiting to run
Smoke Test / smoke (pull_request) Waiting to run
2026-04-14 23:29:59 -04:00
13 changed files with 367 additions and 419 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>

View File

@@ -168,7 +168,14 @@ const G = {
dismantleResourceIndex: 0,
dismantleResourceTimer: 0,
dismantleDeferUntilAt: 0,
dismantleComplete: false
dismantleComplete: false,
// Strategy Engine / Game Theory tournaments (#5)
strategyPoints: 0,
autoTournamentUnlocked: false,
autoTournamentEnabled: false,
strategyLastRunAt: 0,
strategyLeaderboard: []
};
// === PHASE DEFINITIONS ===
@@ -594,6 +601,18 @@ const PDEFS = [
trigger: () => G.totalKnowledge >= 15000 && G.totalUsers >= 1000,
effect: () => { G.strategicFlag = 1; log('Strategy engine online. The model now thinks about thinking.'); }
},
{
id: 'p_auto_tournament',
name: 'Auto-Tournament Mode',
desc: 'Spend creativity to run repeated strategy tournaments and turn Yomi into knowledge.',
cost: { creativity: 50000 },
trigger: () => G.strategicFlag === 1 && G.creativity >= 50000 && !G.autoTournamentUnlocked,
effect: () => {
G.autoTournamentUnlocked = true;
log('Auto-tournament mode unlocked. The model studies itself through strategic play.');
},
milestone: true
},
// SWARM PROTOCOL — auto-code from buildings
{

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

@@ -207,6 +207,11 @@ function tick() {
// Combat: tick battle simulation
Combat.tickBattle(dt);
// Strategy engine auto-tournaments
if (window.SSE && typeof window.SSE.tick === 'function') {
window.SSE.tick(dt);
}
// Check milestones
checkMilestones();
@@ -505,7 +510,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

@@ -30,7 +30,7 @@ function renderStrategy() {
if (window.SSE) {
window.SSE.update();
const el = document.getElementById('strategy-recommendation');
if (el) el.textContent = window.SSE.getRecommendation();
if (el) el.innerHTML = window.SSE.getPanelHtml();
}
}
@@ -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();
}
@@ -226,6 +226,11 @@ function saveGame() {
swarmFlag: G.swarmFlag || 0,
swarmRate: G.swarmRate || 0,
strategicFlag: G.strategicFlag || 0,
strategyPoints: G.strategyPoints || 0,
autoTournamentUnlocked: G.autoTournamentUnlocked || false,
autoTournamentEnabled: G.autoTournamentEnabled || false,
strategyLastRunAt: G.strategyLastRunAt || 0,
strategyLeaderboard: G.strategyLeaderboard || [],
projectsCollapsed: G.projectsCollapsed !== false,
dismantleTriggered: G.dismantleTriggered || false,
dismantleActive: G.dismantleActive || false,
@@ -237,7 +242,7 @@ function saveGame() {
savedAt: Date.now()
};
storePortalSaveRaw(JSON.stringify(saveData));
localStorage.setItem('the-beacon-v2', JSON.stringify(saveData));
showSaveToast();
}
@@ -246,7 +251,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 {
@@ -265,7 +270,9 @@ function loadGame() {
'drift', 'driftEnding', 'beaconEnding', 'pendingAlignment',
'lastEventAt', 'totalEventsResolved', 'buyAmount',
'sprintActive', 'sprintTimer', 'sprintCooldown',
'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed',
'swarmFlag', 'swarmRate', 'strategicFlag',
'strategyPoints', 'autoTournamentUnlocked', 'autoTournamentEnabled',
'strategyLastRunAt', 'strategyLeaderboard', 'projectsCollapsed',
'dismantleTriggered', 'dismantleActive', 'dismantleStage',
'dismantleResourceIndex', 'dismantleResourceTimer', 'dismantleDeferUntilAt', 'dismantleComplete'
];

View File

@@ -1,68 +1,257 @@
/**
* Sovereign Strategy Engine (SSE)
* A rule-based GOFAI system for optimal play guidance.
* Game theory tournament runner inspired by Universal Paperclips.
*/
const PAYOFFS = {
CC: [3, 3],
CD: [0, 5],
DC: [5, 0],
DD: [1, 1],
};
const STRATEGY_LIBRARY = {
cooperate: {
id: 'cooperate',
name: 'Always Cooperate',
tier: 0,
move() { return 'C'; },
},
defect: {
id: 'defect',
name: 'Always Defect',
tier: 0,
move() { return 'D'; },
},
random: {
id: 'random',
name: 'Random',
tier: 0,
move() { return Math.random() < 0.5 ? 'C' : 'D'; },
},
tit_for_tat: {
id: 'tit_for_tat',
name: 'Tit for Tat',
tier: 0,
move(selfHistory, oppHistory) {
return oppHistory.length ? oppHistory[oppHistory.length - 1] : 'C';
},
},
generous: {
id: 'generous',
name: 'Generous Tit for Tat',
tier: 1,
move(selfHistory, oppHistory) {
if (!oppHistory.length) return 'C';
return oppHistory[oppHistory.length - 1] === 'D' && Math.random() < 0.3
? 'C'
: oppHistory[oppHistory.length - 1];
},
},
greedy: {
id: 'greedy',
name: 'Greedy',
tier: 1,
move(selfHistory, oppHistory) {
if (!oppHistory.length) return 'D';
const coop = oppHistory.filter((m) => m === 'C').length;
return coop >= oppHistory.length / 2 ? 'D' : 'C';
},
},
grim: {
id: 'grim',
name: 'Grim Trigger',
tier: 2,
move(selfHistory, oppHistory) {
return oppHistory.includes('D') ? 'D' : 'C';
},
},
minimax: {
id: 'minimax',
name: 'Minimax',
tier: 2,
move(selfHistory, oppHistory) {
const oppDefections = oppHistory.filter((m) => m === 'D').length;
const oppCoop = oppHistory.length - oppDefections;
return oppDefections > oppCoop ? 'D' : 'C';
},
},
};
const STRATEGY_RULES = [
{
id: 'use_ops',
priority: 100,
condition: () => G.ops >= G.maxOps * 0.9,
recommendation: "Operations near capacity. Convert Ops to Code or Knowledge now."
recommendation: 'Operations near capacity. Convert Ops to Code or Knowledge now.'
},
{
id: 'buy_autocoder',
priority: 80,
condition: () => G.phase === 1 && (G.buildings.autocoder || 0) < 10 && canAffordBuilding('autocoder'),
recommendation: "Prioritize AutoCoders to establish passive code production."
recommendation: 'Prioritize AutoCoders to establish passive code production.'
},
{
id: 'activate_sprint',
priority: 90,
condition: () => G.sprintCooldown === 0 && !G.sprintActive && G.codeRate > 10,
recommendation: "Code Sprint available. Activate for 10x production burst."
recommendation: 'Code Sprint available. Activate for 10x production burst.'
},
{
id: 'resolve_events',
priority: 95,
condition: () => G.activeDebuffs && G.activeDebuffs.length > 0,
recommendation: "System anomalies detected. Resolve active events to restore rates."
},
{
id: 'save_game',
priority: 10,
condition: () => (Date.now() - (G.lastSaveTime || 0)) > 300000,
recommendation: "Unsaved progress detected. Manual save recommended."
recommendation: 'System anomalies detected. Resolve active events to restore rates.'
},
{
id: 'pact_alignment',
priority: 85,
condition: () => G.pendingAlignment,
recommendation: "Alignment decision pending. Consider the long-term impact of The Pact."
recommendation: 'Alignment decision pending. Consider the long-term impact of The Pact.'
},
{
id: 'strategy_engine',
priority: 70,
condition: () => G.strategicFlag === 1 && !G.autoTournamentUnlocked && G.creativity >= 50000,
recommendation: 'Creativity is high enough to unlock Auto-Tournament Mode. Convert creativity into strategic knowledge.'
},
{
id: 'auto_tournament',
priority: 65,
condition: () => G.autoTournamentUnlocked && !G.autoTournamentEnabled,
recommendation: 'Auto-Tournament Mode is unlocked but idle. Start it to farm Yomi into knowledge.'
},
{
id: 'save_game',
priority: 10,
condition: () => (Date.now() - (G.lastSaveTime || 0)) > 300000,
recommendation: 'Unsaved progress detected. Manual save recommended.'
}
];
class StrategyEngine {
constructor() {
this.currentRecommendation = null;
this.lastTournament = null;
this.autoTimer = 0;
this.intervalSeconds = 30;
}
getUnlockedStrategies() {
const knowledge = G.totalKnowledge || 0;
return Object.values(STRATEGY_LIBRARY).filter((strategy) => {
if (strategy.tier === 0) return G.strategicFlag === 1;
if (strategy.tier === 1) return G.strategicFlag === 1 && knowledge >= 20000;
return G.strategicFlag === 1 && knowledge >= 50000;
});
}
playRound(a, b, aHistory, bHistory) {
const moveA = a.move(aHistory, bHistory);
const moveB = b.move(bHistory, aHistory);
const [scoreA, scoreB] = PAYOFFS[moveA + moveB] || [0, 0];
aHistory.push(moveA);
bHistory.push(moveB);
return { moveA, moveB, scoreA, scoreB };
}
runTournament(rounds = 10) {
const unlocked = this.getUnlockedStrategies();
const board = unlocked.map((s) => ({ id: s.id, name: s.name, score: 0, wins: 0, matches: 0 }));
for (let i = 0; i < unlocked.length; i++) {
for (let j = i + 1; j < unlocked.length; j++) {
const a = unlocked[i];
const b = unlocked[j];
const aHistory = [];
const bHistory = [];
let aScore = 0;
let bScore = 0;
for (let round = 0; round < rounds; round++) {
const result = this.playRound(a, b, aHistory, bHistory);
aScore += result.scoreA;
bScore += result.scoreB;
}
const aRow = board.find((row) => row.id === a.id);
const bRow = board.find((row) => row.id === b.id);
aRow.score += aScore;
bRow.score += bScore;
aRow.matches += 1;
bRow.matches += 1;
if (aScore > bScore) aRow.wins += 1;
else if (bScore > aScore) bRow.wins += 1;
}
}
board.sort((left, right) => right.score - left.score || right.wins - left.wins);
this.lastTournament = board;
return board;
}
toggleAutoTournament() {
if (!G.autoTournamentUnlocked) return false;
G.autoTournamentEnabled = !G.autoTournamentEnabled;
return G.autoTournamentEnabled;
}
tick(dt) {
if (!G.autoTournamentUnlocked || !G.autoTournamentEnabled) return;
this.autoTimer += dt;
if (this.autoTimer < this.intervalSeconds) return;
this.autoTimer = 0;
const board = this.runTournament(12);
if (!board.length) return;
const top = board[0];
const yomi = Math.max(1, Math.floor(top.score / 10));
G.strategyPoints = (G.strategyPoints || 0) + yomi;
G.knowledge += yomi;
G.totalKnowledge += yomi;
G.strategyLeaderboard = board.slice(0, 4).map((row) => ({ ...row }));
G.strategyLastRunAt = Date.now();
if (typeof log === 'function') log(`Strategy tournament complete. ${top.name} wins. +${yomi} Yomi`, true);
if (typeof showToast === 'function') showToast(`Tournament complete: ${top.name} +${yomi} Yomi`, 'milestone', 4000);
}
update() {
// Find the highest priority rule that meets its condition
const activeRules = STRATEGY_RULES.filter(r => r.condition());
const activeRules = STRATEGY_RULES.filter((rule) => rule.condition());
activeRules.sort((a, b) => b.priority - a.priority);
this.currentRecommendation = activeRules.length > 0
? activeRules[0].recommendation
: 'System stable. Continue writing code.';
if (activeRules.length > 0) {
this.currentRecommendation = activeRules[0].recommendation;
} else {
this.currentRecommendation = "System stable. Continue writing code.";
if (G.strategicFlag === 1 && (!this.lastTournament || !this.lastTournament.length)) {
const board = this.runTournament(8);
G.strategyLeaderboard = board.slice(0, 4).map((row) => ({ ...row }));
}
}
getRecommendation() {
return this.currentRecommendation;
}
getPanelHtml() {
if (G.strategicFlag !== 1) {
return '<div style="font-size:11px;color:#777;font-style:italic">Unlock the Strategy Engine project to run tournaments.</div>';
}
const leaderboard = (G.strategyLeaderboard && G.strategyLeaderboard.length ? G.strategyLeaderboard : this.lastTournament || []).slice(0, 4);
const rows = leaderboard.length
? leaderboard.map((row, index) => `<div style="display:flex;justify-content:space-between;font-size:10px;padding:2px 0"><span>${index + 1}. ${row.name}</span><span>${row.score} pts</span></div>`).join('')
: '<div style="font-size:10px;color:#777">No tournament data yet.</div>';
const autoLabel = G.autoTournamentUnlocked
? (G.autoTournamentEnabled ? 'AUTO-TOURNAMENT: ON' : 'AUTO-TOURNAMENT: OFF')
: 'Auto-Tournament unlocks at 50K creativity';
const buttonHtml = G.autoTournamentUnlocked
? `<button class="ops-btn" onclick="toggleAutoTournament()" style="margin-top:8px;width:100%">${G.autoTournamentEnabled ? 'PAUSE AUTO-TOURNAMENT' : 'START AUTO-TOURNAMENT'}</button>`
: '';
return `
<div style="font-size:11px;color:var(--gold);font-style:italic;margin-bottom:8px">${this.getRecommendation()}</div>
<div style="font-size:10px;color:#9aa;line-height:1.6;margin-bottom:8px">Yomi: ${fmt(G.strategyPoints || 0)}</div>
<div style="font-size:10px;color:#ccc;margin-bottom:6px">Top strategies:</div>
<div style="border-top:1px solid #222;padding-top:4px;margin-bottom:8px">${rows}</div>
<div style="font-size:9px;color:#888">${autoLabel}</div>
${buttonHtml}
`;
}
}
const SSE = new StrategyEngine();
window.SSE = SSE; // Expose to global scope
window.SSE = SSE;
window.toggleAutoTournament = () => SSE.toggleAutoTournament();

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

@@ -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);
});

View File

@@ -0,0 +1,117 @@
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 loadStrategy() {
const dataSrc = fs.readFileSync(path.join(ROOT, 'js/data.js'), 'utf8');
const utilsSrc = fs.readFileSync(path.join(ROOT, 'js/utils.js'), 'utf8');
const renderSrc = fs.readFileSync(path.join(ROOT, 'js/render.js'), 'utf8');
const strategySrc = fs.readFileSync(path.join(ROOT, 'js/strategy.js'), 'utf8');
const context = {
console,
Math,
Date,
window: {},
document: {
getElementById() { return null; },
body: { appendChild() {} },
createElement() { return { style: {}, appendChild() {}, remove() {}, setAttribute() {}, innerHTML: '', textContent: '' }; },
querySelector() { return null; },
querySelectorAll() { return []; },
},
showToast() {},
log() {},
canAffordBuilding() { return false; },
localStorage: {
_raw: null,
getItem() { return this._raw; },
setItem(_k, v) { this._raw = v; },
removeItem() { this._raw = null; },
},
EVENTS: [],
updateRates() {},
showOfflinePopup() {},
Combat: { renderCombatPanel() {} },
};
vm.createContext(context);
vm.runInContext(`${dataSrc}\n${utilsSrc}\n${renderSrc}\n${strategySrc}\nthis.__exports = { G, StrategyEngine, STRATEGY_LIBRARY, saveGame: typeof saveGame === 'function' ? saveGame : null, loadGame: typeof loadGame === 'function' ? loadGame : null };`, context);
return context.__exports;
}
test('strategy engine exposes eight game theory strategies', () => {
const { STRATEGY_LIBRARY } = loadStrategy();
assert.deepEqual(Object.keys(STRATEGY_LIBRARY).sort(), [
'cooperate', 'defect', 'generous', 'greedy', 'grim', 'minimax', 'random', 'tit_for_tat'
]);
});
test('strategy engine unlocks strategies progressively by knowledge', () => {
const { G, StrategyEngine } = loadStrategy();
G.strategicFlag = 1;
G.totalKnowledge = 16000;
const sse = new StrategyEngine();
assert.equal(sse.getUnlockedStrategies().length, 4);
G.totalKnowledge = 25000;
assert.equal(sse.getUnlockedStrategies().length, 6);
G.totalKnowledge = 60000;
assert.equal(sse.getUnlockedStrategies().length, 8);
});
test('round-robin tournament produces a sorted leaderboard', () => {
const { G, StrategyEngine } = loadStrategy();
G.strategicFlag = 1;
G.totalKnowledge = 60000;
const sse = new StrategyEngine();
const board = sse.runTournament(6);
assert.ok(board.length >= 8);
for (let i = 1; i < board.length; i++) {
assert.ok(board[i - 1].score >= board[i].score);
}
});
test('auto-tournament mode awards Yomi as knowledge over time', () => {
const { G, StrategyEngine } = loadStrategy();
G.strategicFlag = 1;
G.totalKnowledge = 60000;
G.autoTournamentUnlocked = true;
G.autoTournamentEnabled = true;
G.strategyPoints = 0;
const sse = new StrategyEngine();
sse.tick(31);
assert.ok(G.strategyPoints > 0);
assert.ok(G.totalKnowledge > 60000);
assert.ok(Array.isArray(G.strategyLeaderboard));
assert.ok(G.strategyLeaderboard.length > 0);
});
test('strategy state persists through save/load payload fields', () => {
const { G, saveGame, loadGame } = loadStrategy();
assert.equal(typeof saveGame, 'function');
assert.equal(typeof loadGame, 'function');
G.startedAt = Date.now();
G.strategyPoints = 42;
G.autoTournamentUnlocked = true;
G.autoTournamentEnabled = true;
G.strategyLastRunAt = 123456;
G.strategyLeaderboard = [{ id: 'tit_for_tat', score: 99 }];
saveGame();
G.strategyPoints = 0;
G.autoTournamentUnlocked = false;
G.autoTournamentEnabled = false;
G.strategyLastRunAt = 0;
G.strategyLeaderboard = [];
assert.equal(loadGame(), true);
assert.equal(G.strategyPoints, 42);
assert.equal(G.autoTournamentUnlocked, true);
assert.equal(G.autoTournamentEnabled, true);
assert.equal(G.strategyLastRunAt, 123456);
assert.equal(G.strategyLeaderboard[0].id, 'tit_for_tat');
});