setOpen(false)} />}
);
}
function Footer({ page = "" }) {
return (
);
}
function PaperLayer() {
return (
<>
);
}
function PageHeader({ num, title, jp, sub, meta }) {
return (
FILE · {num}
{meta}
{title}{jp}
{sub}
);
}
/* ---------- Era + tweaks (shared default) ---------- */
window.SHARED_TWEAK_DEFAULTS = {
era: "agency",
density: "comfortable",
showInkTrail: true
};
function applyEra(era, density) {
document.body.dataset.era = era;
document.body.dataset.density = density;
if (density === 'compact') document.documentElement.style.setProperty('--gut', 'clamp(16px, 3vw, 40px)');
else if (density === 'airy') document.documentElement.style.setProperty('--gut', 'clamp(28px, 6vw, 96px)');
else document.documentElement.style.setProperty('--gut', 'clamp(20px, 4vw, 64px)');
}
/* Theme: 'light' | 'dark' | 'auto' (follows OS) */
function applyTheme(theme) {
let resolved = theme;
if (theme === 'auto') {
resolved = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
document.body.dataset.theme = resolved;
document.body.dataset.themePref = theme;
}
window.applyTheme = applyTheme;
/* Listen to OS theme changes when in auto mode */
if (window.matchMedia) {
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (document.body.dataset.themePref === 'auto') applyTheme('auto');
});
}
/* Theme switcher component (used in Nav) */
function ThemeSwitcher() {
const [theme, setTheme] = useState(() => {
try { return localStorage.getItem('theme') || 'light'; } catch { return 'light'; }
});
useEffect(() => {
applyTheme(theme);
try { localStorage.setItem('theme', theme); } catch {}
}, [theme]);
// cycle: light → dark → auto → light
const cycle = () => {
setTheme(t => t === 'light' ? 'dark' : t === 'dark' ? 'auto' : 'light');
};
const icon = theme === 'light' ? '☀' : theme === 'dark' ? '☾' : '◐';
const label = theme === 'light' ? 'AGENCY' : theme === 'dark' ? 'PORT MAFIA' : 'AUTO';
return (
);
}
window.ThemeSwitcher = ThemeSwitcher;
/* Global Konami listener — installed on every page via shared.jsx.
Mounts a tiny invisible component to the document body that watches
for the sequence and toggles dark mode + a flashy reveal. */
(function installGlobalKonami() {
if (window.__konamiInstalled) return;
window.__konamiInstalled = true;
document.addEventListener('DOMContentLoaded', () => {
const seq = ['ArrowUp','ArrowUp','ArrowDown','ArrowDown','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','b','a'];
let pos = 0;
window.addEventListener('keydown', (e) => {
const k = e.key.length === 1 ? e.key.toLowerCase() : e.key;
if (k === seq[pos]) {
pos++;
if (pos === seq.length) {
pos = 0;
// toggle to dark mode
try { localStorage.setItem('theme', 'dark'); } catch {}
if (window.applyTheme) window.applyTheme('dark');
// Show a brief reveal
const flash = document.createElement('div');
flash.className = 'konami-flash';
document.body.appendChild(flash);
const msg = document.createElement('div');
msg.className = 'konami-message';
msg.textContent = 'Port Mafia · 港マフィア';
document.body.appendChild(msg);
// Stamp a flag so user gets a discovery credit (used by Easter page)
try {
const found = JSON.parse(localStorage.getItem('clues-found') || '{}');
found.konami = true;
localStorage.setItem('clues-found', JSON.stringify(found));
} catch {}
setTimeout(() => { flash.remove(); msg.remove(); }, 2600);
}
} else {
pos = (k === seq[0]) ? 1 : 0;
}
});
});
})();
/* persist era across pages via localStorage */
window.loadEra = () => {
try {
const era = localStorage.getItem('era') || 'agency';
const density = localStorage.getItem('density') || 'comfortable';
const theme = localStorage.getItem('theme') || 'light';
applyEra(era, density);
applyTheme(theme);
return { era, density, theme };
} catch(e) { applyEra('agency','comfortable'); applyTheme('light'); return { era:'agency', density:'comfortable', theme:'light'}; }
};
window.saveEra = (era, density) => {
try {
localStorage.setItem('era', era);
localStorage.setItem('density', density);
} catch(e){}
applyEra(era, density);
};
/* Export to global scope for other Babel files */
Object.assign(window, {
useReveal, useTypewriter, useInkTrail,
Marquee, Nav, Footer, PaperLayer, PageHeader,
applyEra, ThemeSwitcher
});