Pray for me

scripts/games.js

@@ -0,0 +1,126 @@
+// KefinTweaks Games
+// Hosts Games hub + Movie LUT + 3x3 via addCustomPage
+// Requires: utils.js
+
+(function () {
+    'use strict';
+
+    const LOG = (...args) => console.log('[KefinTweaks Games]', ...args);
+    const WARN = (...args) => console.warn('[KefinTweaks Games]', ...args);
+    const ERR = (...args) => console.error('[KefinTweaks Games]', ...args);
+
+    LOG('Script loaded');
+
+    function getRoot() {
+        const raw = window.KefinTweaksConfig?.kefinTweaksRoot;
+        if (!raw) return null;
+        return raw.endsWith('/') ? raw : `${raw}/`;
+    }
+
+    /**
+     * Build custom-page HTML from a full document: styles + head scripts + body
+     * (scripts kept). Rewrites `body {` to a scope class for non-full-page host.
+     */
+    function buildContentHtmlFromDocument(htmlString, scopeClass) {
+        const doc = new DOMParser().parseFromString(htmlString, 'text/html');
+        const chunks = [];
+
+        doc.querySelectorAll('style').forEach((el) => {
+            let css = el.textContent || '';
+            if (scopeClass) {
+                css = css.replace(/(^|})\s*body\s*\{/g, `$1.${scopeClass}{`);
+            }
+            chunks.push(`<style>${css}</style>`);
+        });
+
+        doc.head.querySelectorAll('script').forEach((el) => {
+            chunks.push(el.outerHTML);
+        });
+
+        const wrap = document.createElement('div');
+        const bodyClass = (doc.body && doc.body.className) || '';
+        wrap.className = [scopeClass, bodyClass].filter(Boolean).join(' ').trim();
+
+        Array.from(doc.body.childNodes).forEach((node) => {
+            if (node.nodeName === 'STYLE') return;
+            wrap.appendChild(node.cloneNode(true));
+        });
+        chunks.push(wrap.outerHTML);
+
+        return chunks.join('\n');
+    }
+
+    async function fetchPageHtml(root, relativePath) {
+        const url = `${root}${relativePath.replace(/^\//, '')}`;
+        const res = await fetch(url, { cache: 'no-cache' });
+        if (!res.ok) {
+            throw new Error(`Failed to fetch ${url}: ${res.status}`);
+        }
+        return res.text();
+    }
+
+    async function registerGamesPages() {
+        const utils = window.KefinTweaksUtils;
+        if (!utils?.addCustomMenuLink || !utils?.addCustomPage) {
+            ERR('addCustomMenuLink / addCustomPage not available');
+            return false;
+        }
+
+        const root = getRoot();
+        if (!root) {
+            WARN('kefinTweaksRoot not configured; cannot register Games pages');
+            return false;
+        }
+
+        try {
+            const [gamesRaw, movieLutRaw, threeRaw] = await Promise.all([
+                fetchPageHtml(root, 'pages/games.html'),
+                fetchPageHtml(root, 'pages/movieLut.html'),
+                fetchPageHtml(root, 'pages/3x3.html'),
+            ]);
+
+            const gamesHtml = buildContentHtmlFromDocument(gamesRaw, 'kefin-custom-page-games');
+            const movieLutHtml = buildContentHtmlFromDocument(movieLutRaw, 'kefin-custom-page-movielut');
+            const threeByThreeHtml = buildContentHtmlFromDocument(threeRaw, 'kefin-custom-page-3x3');
+
+            utils.addCustomPage('#/games', 'Games', gamesHtml);
+            utils.addCustomPage('#/movieLut', 'Movie LUT', movieLutHtml);
+            utils.addCustomPage('#/3x3', '3x3', threeByThreeHtml);
+
+            const ok = await utils.addCustomMenuLink('Games', 'sports_esports', '#/games', false);
+            if (ok) LOG('Games menu link + custom pages registered');
+            else WARN('Custom pages registered but menu link failed');
+            return !!ok;
+        } catch (e) {
+            ERR('Error registering Games pages:', e);
+            return false;
+        }
+    }
+
+    function waitForUtilsAndInitialize() {
+        const ready = () =>
+            window.KefinTweaksUtils?.addCustomMenuLink && window.KefinTweaksUtils?.addCustomPage;
+
+        if (ready()) {
+            registerGamesPages();
+            return;
+        }
+
+        LOG('Waiting for KefinTweaksUtils…');
+        const checkInterval = setInterval(() => {
+            if (ready()) {
+                clearInterval(checkInterval);
+                registerGamesPages();
+            }
+        }, 100);
+
+        setTimeout(() => {
+            clearInterval(checkInterval);
+            if (!ready()) {
+                WARN('KefinTweaksUtils not available after 10 seconds');
+            }
+        }, 10000);
+    }
+
+    waitForUtilsAndInitialize();
+})();