);
}
const LAYOUTS = {
classic: { Comp: ClassicLayout, label: 'Classic Wiki (sidebar TOC)' },
hero: { Comp: HeroLayout, label: 'Hero-Heavy (3D up top)' },
split: { Comp: SplitLayout, label: 'Split (sticky 3D rail)' },
cards: { Comp: CardsLayout, label: 'Card Grid (Pinterest)' },
};
// LanguagePicker removed — the wiki is English-only (window.WIKI_LANG is always 'en').
// ─── Wiki-wide support-boundary footer ─────────────────────────────────────
// Persistent footer that appears below every layout. Mirrors the chat
// bubble's disclaimer and links to the full statement on the GitHub
// Configuration Guides folder.
const FOOTER_DISCLAIMER = {
en: {
text: "3DPTronics supports the VirtuaTilt controller hardware only. We do not officially support third-party pinball software (VPX, Future Pinball, DOF, DOFLinx, PinEvent, etc.) — these guides are a compendium to help you connect them to your VirtuaTilt. For software-specific issues, refer to each project's own documentation.",
linkText: "Read full disclaimer →",
},
it: {
text: "3DPTronics supporta solo l'hardware del controller VirtuaTilt. Non forniamo supporto ufficiale per software pinball di terze parti (VPX, Future Pinball, DOF, DOFLinx, PinEvent, ecc.) — queste guide sono un compendio per aiutarti a collegarli al tuo VirtuaTilt. Per problemi specifici del software, consulta la documentazione di ciascun progetto.",
linkText: "Leggi il disclaimer completo →",
},
fr: {
text: "3DPTronics ne supporte que le matériel du contrôleur VirtuaTilt. Nous ne fournissons pas de support officiel pour les logiciels pinball tiers (VPX, Future Pinball, DOF, DOFLinx, PinEvent, etc.) — ces guides sont un compendium pour vous aider à les connecter à votre VirtuaTilt. Pour les problèmes spécifiques au logiciel, consultez la documentation de chaque projet.",
linkText: "Lire le disclaimer complet →",
},
de: {
text: "3DPTronics unterstützt nur die Hardware des VirtuaTilt-Controllers. Wir bieten keinen offiziellen Support für Drittanbieter-Pinball-Software (VPX, Future Pinball, DOF, DOFLinx, PinEvent usw.) — diese Anleitungen sind ein Nachschlagewerk, das dir hilft, sie mit deinem VirtuaTilt zu verbinden. Für software-spezifische Probleme konsultiere die Dokumentation des jeweiligen Projekts.",
linkText: "Vollständigen Hinweis lesen →",
},
es: {
text: "3DPTronics solo ofrece soporte para el hardware del controlador VirtuaTilt. No ofrecemos soporte oficial para software de pinball de terceros (VPX, Future Pinball, DOF, DOFLinx, PinEvent, etc.) — estas guías son un compendio para ayudarte a conectarlos a tu VirtuaTilt. Para problemas específicos del software, consulta la documentación de cada proyecto.",
linkText: "Leer disclaimer completo →",
},
};
function WikiFooter() {
const lang = (typeof window !== 'undefined' && window.WIKI_LANG) || 'en';
const f = FOOTER_DISCLAIMER[lang] || FOOTER_DISCLAIMER.en;
const scrollToDisclaimer = (e) => {
e.preventDefault();
const el = document.getElementById('disclaimer');
if (el) {
const y = el.getBoundingClientRect().top + window.scrollY - 24;
window.scrollTo({ top: y, behavior: 'smooth' });
history.replaceState(null, '', '#disclaimer');
}
};
return (
);
}
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const Layout = LAYOUTS[t.layout]?.Comp || ClassicLayout;
useEffect(() => {
document.documentElement.dataset.mode = t.dark ? 'dark' : 'light';
}, [t.dark]);
useEffect(() => {
document.documentElement.dataset.font = t.font || 'technical';
}, [t.font]);
// Outbound-link click tracking — beacons to the chat Worker /track endpoint.
// Fires for any anchor whose host differs from the wiki host. Uses sendBeacon
// so navigation isn't blocked.
useEffect(() => {
const TRACK_URL = "https://virtuatilt-chat.3dptronics.workers.dev/track";
const onClick = (e) => {
const a = e.target.closest && e.target.closest('a[href]');
if (!a) return;
let url;
try { url = new URL(a.href, location.href); } catch (_) { return; }
if (!/^https?:/i.test(url.protocol)) return;
if (url.host === location.host) return; // internal link — skip
let source = 'unknown';
const sec = a.closest('section[id]');
if (sec) source = sec.id;
else if (a.closest('aside.sidebar')) source = 'sidebar';
const payload = JSON.stringify({
url: url.toString(),
source,
ref: (location.pathname + location.hash).slice(0, 200),
});
try {
const blob = new Blob([payload], { type: 'application/json' });
navigator.sendBeacon && navigator.sendBeacon(TRACK_URL, blob);
} catch (_) {}
};
document.addEventListener('click', onClick, true);
return () => document.removeEventListener('click', onClick, true);
}, []);
const setTheme = (theme) => setTweak('theme', theme);
return (
<>
setTweak('layout', v)}
/>
setTweak('dark', v)} />
setTweak('font', v)}
/>
setTweak('guideFormat', v)}
/>
{typeof window !== 'undefined' && window.ChatBubble && }
);
}
ReactDOM.createRoot(document.getElementById('root')).render();