main.js

"use strict";
(async () => {
    window.onerror = (e, source, lineno, colno, err) => {
        let msg = "Unhandled error at " + (source || "unknown source ");
        if (lineno != null)
            msg += lineno;
        if (colno != null)
            msg += ":" + colno;
        if (err != null)
            msg += "\n\n" + err;
        alert(msg, "Error");
    };
    document.onkeydown = (e) => {
        if (e.ctrlKey && !e.altKey && !e.metaKey && !e.shiftKey) {
            switch (e.key) {
                case "q":
                    e.preventDefault();
                    e.stopPropagation();
                    window.location.replace("https://www.google.com/webhp?igu=1");
                    break;
                case "h":
                    e.preventDefault();
                    e.stopPropagation();
                    if (document.title === "Classlink API") {
                        document.title = "Google";
                        document.querySelector("link[rel*='icon']").href = "/res/google.ico";
                    } else {
                        document.title = "Classlink API";
                        document.querySelector("link[rel*='icon']").href = "/favicon.ico";
                    }
                default:
                    break;
            }
        }
    };
    await new Promise(resolve => {
        const timer = setInterval(() => {
            if (document.readyState === "complete") {
                clearInterval(timer);
                resolve();
            }
        }, 50);
    });
    const nsw = window.navigator.serviceWorker;
    if (nsw != null) {
        try {
            await nsw.register("/sw.js", {
                scope: "/",
                type: "classic",
                updateViaCache: "none"
            });
            await nsw.ready;
        } catch (err) {}
    }
    const errorMsg = document.getElementById("error");
    const gamesSearch = document.getElementById("game-search");
    const gamesContainer = document.getElementById("game-container");
    const unblSearch = document.getElementById("unbl-search");
    const unblMode = document.getElementById("unbl-mode");
    const useTor = document.getElementById("use-tor");
    for (const elem of document.querySelectorAll("#nav-bar>button")) {
        elem.onclick = () => {
            for (const e of document.querySelectorAll("#nav-bar>button, #body>div"))
                e.removeAttribute("current")
            elem.setAttribute("current", "true");
            document.getElementById(elem.id + "-page").setAttribute("current", "true");
        };
    }
    document.getElementById("ytunbl").onclick = () => inNewWindow(createFrame("/T-Crack/apps/ytunbl/"));
    document.getElementById("vmlinux").onclick = () => inNewWindow(createFrame("/T-Crack/apps/vmlinux/"));
    document.getElementById("privsearch").onclick = () => inNewWindow(createFrame("/T-Crack/apps/privsearch/"));
    document.getElementById("search-btn").onclick = () => openUnblFrame("https://www.google.com/search?igu=1&q=", true);
    document.getElementById("random-btn").onclick = () => openUnblFrame("https://www.google.com/search?igu=1&btnI=Im+Feeling+Lucky&q=", true);
    unblMode.onchange = () => {
        switch (unblMode.value) {
            case "puppeteer":
            case "webcore":
                useTor.disabled = false;
                break;
            default:
                useTor.disabled = true;
        }
    };
    unblSearch.onkeydown = (e) => {
        if (e.key === "Enter") {
            e.preventDefault();
            openUnblFrame("https://www.google.com/search?igu=1&q=", false);
        }
    };
    const fixURL = (() => {
        function t(t) {
            t = t.toLowerCase();
            for (let r = 0; r < t.length; r++) {
                const e = t.charCodeAt(r);
                if ((e < 48 || e > 57) && (e < 97 || e > 122) && 45 != e && 46 != e) return !1
            }
            return !0
        }
        return function(r, e) {
            if (function(t) {
                    try {
                        return new URL(t), !0
                    } catch (t) {
                        return !1
                    }
                }(r = r.replace(/\s+/g, " ").trim())) return r;
            const n = r.indexOf("/");
            if (n > 0) {
                if (t(r.substring(0, n))) return "http://" + r
            } else if (r.includes(".") && t(r)) return "http://" + r;
            return e + encodeURIComponent(r)
        }
    })();

    function openUnblFrame(s, r) {
        const value = unblSearch.value.toLowerCase();
        const url = r ? s + encodeURIComponent(value) : fixURL(value, s);
        switch (unblMode.value) {
            case "embed": {
                inNewWindow(createFrame(url));
                break;
            }
            case "puppeteer": {
                inNewWindow(createFrame("unbl.xht?q=" + encodeURIComponent(url) + "&t=" + useTor.checked));
                break;
            }
            default:
                throw new Error("Invalid mode");
        }
    }
    gamesSearch.oninput = () => {
        const value = gamesSearch.value.toLowerCase();
        if (value.length == 0) {
            updateGameList(gameList);
            return;
        }
        const matchList = [];
        for (const it of gameList) {
            if (it.name.toLowerCase().includes(value))
                matchList.push(it);
        }
        updateGameList(matchList);
    };

    function error(message) {
        if (message != null) {
            errorMsg.style.display = "block";
            errorMsg.textContent = message;
        } else errorMsg.style.display = "none";
    }

    function createGameFrame(game) {
        return createFrame("player.html?type=" + game.type + "&url=" + encodeURIComponent(game.url));
    }

    function createFrame(url) {
        const frame = document.createElement("embed");
        frame.setAttribute("type", "text/plain");
        frame.setAttribute("width", "800");
        frame.setAttribute("height", "600");
        frame.setAttribute("loading", "lazy");
        frame.setAttribute("allow", "cross-origin-isolated");
        frame.setAttribute("allowfullscreen", "true");
        frame.setAttribute("src", url);
        return frame;
    }

    function inNewWindow(elem) {
        const win = window.open("", "_blank");
        if (win == null) {
            error("Error: Failed to open popup window, please allow popups in your browser settings.");
            return;
        }
        win.focus();
        const doc = win.document;
        doc.open();
        doc.write(`<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<meta http-equiv="Referrer-Policy" content="no-referrer" />
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
		<meta name="referrer" content="no-referrer" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<base href="${window.origin}"/>
		<link rel="icon" type="image/x-icon" href="res/google.ico" />
		<title>Google</title>
		<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}

body, embed, iframe {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}
		</style>
	</head>
	<body>
	</body>
</html>`);
        doc.close();
        doc.title = "Google";
        doc.querySelector("link[rel*='icon']").href = "/res/google.ico";
        doc.body.appendChild(elem);
    }

    function updateGameList(list) {
        gamesContainer.innerHTML = "";
        for (const game of list) {
            const name = game.name;
            const elem = document.createElement("div");
            elem.style.backgroundImage = `url("/games/previews/${encodeURIComponent(name)}.jpg")`;
            elem.onclick = () => inNewWindow(createGameFrame(game));
            elem.oncontextmenu = (e) => {
                e.preventDefault();
                e.stopPropagation();
            };
            const elem2 = document.createElement("div");
            elem2.textContent = name;
            elem.appendChild(elem2);
            const label = document.createElement("label");
            elem.appendChild(label);
            switch (game.type) {
                case "html5":
                    label.textContent = "HTML5";
                    label.style.background = "#ff9933";
                    break;
                case "flash":
                    label.textContent = "Flash";
                    label.style.background = "#00cc99";
                    break;
                case "dos":
                    label.textContent = "Dos";
                    label.style.background = "#80bfff";
                    break;
            }
            gamesContainer.appendChild(elem);
        }
    }
    const gameList = await (async () => {
        const res = await fetch("/T-Crack/games/list.txt");
        if (!res.ok) {
            error("Error: Failed to load game list.");
            return [];
        }
        const list = [];
        const lines = await res.text();
        for (const line of lines.split("\n").filter(l => l.length > 0 && l.charAt(0) !== "#").sort()) {
            const [name, type, url] = line.split(";", 3);
            list.push({
                name,
                type,
                url
            });
        }
        return list;
    })();
    document.title = "ClasslinkAPI";
    updateGameList(gameList);
})();