melonsoda 1.0.0

package/js/official.js

@@ -0,0 +1,119 @@
+(function() {
+
+  window.officialUrls = [
+    { url: "https://durokotte.foo.ng/melonsoda/", comment: "ts is the main page" },
+    { url: "https://meronsooda.netlify.app/", comment: "netlify mirror" },
+    { url: "https://raw.githack.com/linuxfandudeguy/melonsoda/main/", comment: "not hosted by me but i personally use it so is passes" },
+    { url: "https://learn-french-easy.wasmer.app/", comment: "you can learn some very nice french words like le cul" },
+    { url: "https://k12-algebra-tutoring-edu-us-resources.pages.dev/", comment: "omg algebra tutoring!1!1!11" },
+    { url: "https://educational-algebra-study-tutor.edgeone.app/", comment: "had to use the sketchy tencent edge service as that wasn't blocked " },
+    { url: "https://free-french-resources.web.app/", comment: "firebase deploy" },
+    { url: "https://free-french-resources.firebaseapp.com/", comment: "alternate firebase deploy " },
+    { url: "https://k12-resources-for-french.koshlandjg105.workers.dev/", comment: "french resources 100% real" }
+  
+
+  ];
+
+  window.expandedUrls = window.officialUrls.flatMap(obj => [
+    { url: obj.url, comment: obj.comment },
+    { url: obj.url + "index.html", comment: obj.comment }
+  ]);
+
+  // === NORMALIZE FUNCTION ===
+  function normalize(url) {
+    try {
+      const u = new URL(url);
+      return u.origin + u.pathname.replace(/\/$/, "");
+    } catch {
+      return url;
+    }
+  }
+
+  // Normalized list globally accessible
+  window.normalizedList = window.expandedUrls.map(obj => ({
+    url: normalize(obj.url),
+    comment: obj.comment
+  }));
+
+  // === GLOBAL FUNCTION ===
+  window.checkOfficialURL = function(url) {
+    const normalized = normalize(url);
+    const match = window.normalizedList.find(obj => obj.url === normalized);
+    return match
+      ? { official: true, comment: match.comment, url: match.url }
+      : { official: false, comment: null, url: normalized };
+  };
+
+  // === POPUP FUNCTION ===
+  const current = window.location.href;
+  const result = window.checkOfficialURL(current);
+
+  // === CREATE STYLE ===
+  const style = document.createElement("style");
+  style.textContent = `
+    #url-popup {
+      position: fixed;
+      top: 20px;
+      right: -320px;
+      width: 300px;
+      padding: 15px;
+      color: white;
+      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
+      transition: right 0.4s ease, opacity 0.3s ease;
+      opacity: 0;
+      z-index: 9999;
+      font-family: initial;
+    }
+    #url-popup.show { right: 20px; opacity: 1; }
+    #url-popup.hide { right: -320px; opacity: 0; }
+    #url-popup.official { background: #2ecc71; }
+    #url-popup.unofficial { background: #e74c3c; }
+    #url-popup button {
+      border: none;
+      background: rgba(255,255,255,0.2);
+      color: white;
+      padding: 5px 10px;
+      cursor: pointer;
+      font-family: initial;
+    }
+  `;
+  document.head.appendChild(style);
+
+  // === CREATE POPUP ===
+  const popup = document.createElement("div");
+  popup.id = "url-popup";
+
+  const text = document.createElement("div");
+  const button = document.createElement("button");
+  button.textContent = "Close";
+
+  popup.appendChild(text);
+  popup.appendChild(button);
+  document.body.appendChild(popup);
+
+  // === SET MESSAGE ===
+  if (result.official) {
+    popup.className = "official";
+    text.textContent = "✅ this is an official melonsoda URL";
+  } else {
+    popup.className = "unofficial";
+    text.textContent = "⚠️ this is either NOT an official melonsoda URL or one of the singlefiles";
+  }
+
+  // === SHOW POPUP ===
+  setTimeout(() => popup.classList.add("show"), 10);
+
+  // === CLOSE FUNCTION ===
+  function closePopup() {
+    popup.classList.remove("show");
+    popup.classList.add("hide");
+    setTimeout(() => {
+      popup.remove();
+      style.remove();
+    }, 400);
+  }
+
+  button.onclick = closePopup;
+  setTimeout(closePopup, 5000);
+
+})();

package/js/unblockers.js

@@ -0,0 +1,151 @@
+
+const unblockersPage = {
+    id: "unblock",
+    title: "unblockers",
+    html: `
+    <h1>unblockers</h1>
+
+<div id="viewer-cli-container">
+    <div class="terminal"></div>
+    <div class="input-line">
+        <div class="prompt">></div>
+        <input class="cmd" autocomplete="off">
+    </div>
+    <div class="videos"></div>
+</div>
+
+<style>
+#viewer-cli-container {
+    background: #000;
+    color: #00ff88;
+    font-family: monospace;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+#viewer-cli-container .terminal {
+    padding: 15px;
+    flex: 1;
+    overflow-y: auto;
+    white-space: pre-wrap;
+}
+#viewer-cli-container .input-line {
+    display: flex;
+    padding: 10px;
+    border-top: 1px solid #003322;
+}
+#viewer-cli-container .prompt {
+    margin-right: 8px;
+}
+#viewer-cli-container .cmd {
+    flex: 1;
+    background: black;
+    border: none;
+    color: #00ff88;
+    outline: none;
+    font-family: monospace;
+}
+#viewer-cli-container .videos {
+    padding: 10px;
+}
+#viewer-cli-container iframe {
+    width: 100%;
+    height: 300px;
+    border: none;
+    margin-top: 10px;
+}
+</style>
+
+<script>
+(function () {
+    const root = document.getElementById("viewer-cli-container");
+    const term = root.querySelector(".terminal");
+    const input = root.querySelector(".cmd");
+    const videos = root.querySelector(".videos");
+
+    const base = "https://www.youtube-nocookie.com/embed/";
+    const end = "?autoplay=1&rel=0&modestbranding=1";
+
+    function log(text, type) {
+        type = type || "INFO";
+        const line = document.createElement("div");
+        line.textContent = "[ " + type + " ] " + text;
+        term.appendChild(line);
+        term.scrollTop = term.scrollHeight;
+    }
+
+    function getYouTubeID(url) {
+        const regExp = /(?:youtube\\.com\\/(?:watch\\?v=|embed\\/|shorts\\/)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/;
+        const match = url.match(regExp);
+        return match ? match[1] : null;
+    }
+
+    function loadVideo(url) {
+        log("Parsing URL...");
+
+        const id = getYouTubeID(url);
+        if (!id) {
+            log("Invalid URL", "ERROR");
+            return;
+        }
+
+        log("Connecting...", "CONNECT");
+
+        const iframe = document.createElement("iframe");
+        iframe.src = base + id + end;
+        iframe.allow = "fullscreen; autoplay; encrypted-media; picture-in-picture";
+        iframe.allowFullscreen = true;
+
+        videos.prepend(iframe);
+        log("Playback started", "SUCCESS");
+
+        try {
+            if (iframe.requestFullscreen) {
+                iframe.requestFullscreen();
+                log("Fullscreen activated!", "FULLSCREEN");
+            }
+        } catch (err) {
+            log("Fullscreen denied: " + err.message, "ERROR");
+        }
+    }
+
+    function runCommand(cmd) {
+        log("> " + cmd, "CMD");
+
+        const parts = cmd.split(" ");
+        const command = parts[0];
+        const arg = parts[1];
+
+        if (command === "help") {
+            log("Commands:");
+            log("load <url>");
+            log("clear");
+        } else if (command === "load") {
+            if (!arg) {
+                log("Missing URL", "ERROR");
+                return;
+            }
+            loadVideo(arg);
+        } else if (command === "clear") {
+            term.innerHTML = "";
+        } else {
+            log("Unknown command", "ERROR");
+        }
+    }
+
+    input.addEventListener("keydown", function(e) {
+        if (e.key === "Enter") {
+            const val = input.value.trim();
+            if (val) runCommand(val);
+            input.value = "";
+        }
+    });
+
+    log("viewer-cli initialized", "BOOT");
+})();
+</scr` + `ipt>
+`
+
+};
+window.Pages = window.Pages || [];
+window.Pages.push(unblockersPage);

package/links.py

@@ -0,0 +1,138 @@
+import yaml
+import os
+import re
+
+# Paths
+yaml_file = "urls.yaml"
+output_dir = "js"
+links_file = os.path.join(output_dir, "links.js")
+official_file = os.path.join(output_dir, "official.js")
+readme_file = "README.md"
+
+# Ensure output directory exists
+os.makedirs(output_dir, exist_ok=True)
+
+# === LOAD YAML ===
+with open(yaml_file, "r", encoding="utf-8") as f:
+    data = yaml.safe_load(f)
+
+# === BUILD HTML LINKS ===
+links_html = ""
+for entry in data:
+    name = entry.get("name", "link")
+    url = entry.get("url", "#")
+    comment = entry.get("comment", "")
+    links_html += f'<a href="{url}" target="_blank">{name}</a> {comment}<br>\n'
+
+# === links.js ===
+links_js = f"""const linksPage = {{
+    id: "link",
+    title: "links",
+    html: `
+<h1>links</h1>
+{links_html}``
+}};
+window.Pages = window.Pages || [];
+window.Pages.push(linksPage);
+"""
+
+with open(links_file, "w", encoding="utf-8") as f:
+    f.write(links_js)
+print(f"links.js generated at {links_file}")
+
+# === Update README.md safely ===
+readme_section = f"\n\n## links\n\n{links_html}"
+
+if os.path.exists(readme_file):
+    with open(readme_file, "r", encoding="utf-8") as f:
+        readme_content = f.read()
+
+    # Replace old Links section if exists
+    if "## Links" in readme_content:
+        readme_content = re.sub(r"\n## Links\n.*", readme_section, readme_content, flags=re.DOTALL)
+    else:
+        readme_content += readme_section
+else:
+    readme_content = readme_section
+
+with open(readme_file, "w", encoding="utf-8") as f:
+    f.write(readme_content)
+print(f"README.md updated at {readme_file}")
+
+# === official.js ===
+official_js = """(function() {
+
+window.officialUrls = [
+{ urls }
+];
+
+window.expandedUrls = window.officialUrls.flatMap(obj => [
+  { url: obj.url, comment: obj.comment },
+  { url: obj.url + "index.html", comment: obj.comment }
+]);
+
+function normalize(url) {
+  try { const u = new URL(url); return u.origin + u.pathname.replace(/\\/$/, ""); } 
+  catch { return url; }
+}
+
+window.normalizedList = window.expandedUrls.map(obj => ({
+  url: normalize(obj.url),
+  comment: obj.comment
+}));
+
+window.checkOfficialURL = function(url) {
+  const normalized = normalize(url);
+  const match = window.normalizedList.find(obj => obj.url === normalized);
+  return match
+    ? { official: true, comment: match.comment, url: match.url }
+    : { official: false, comment: null, url: normalized };
+};
+
+const current = window.location.href;
+const result = window.checkOfficialURL(current);
+
+const style = document.createElement("style");
+style.textContent = `
+#url-popup {position: fixed; top: 20px; right: -320px; width: 300px; padding: 15px; color: white; box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: right 0.4s ease, opacity 0.3s ease; opacity: 0; z-index: 9999; font-family: initial;}
+#url-popup.show { right: 20px; opacity: 1; }
+#url-popup.hide { right: -320px; opacity: 0; }
+#url-popup.official { background: #2ecc71; }
+#url-popup.unofficial { background: #e74c3c; }
+#url-popup button { border: none; background: rgba(255,255,255,0.2); color: white; padding: 5px 10px; cursor: pointer; font-family: initial; }
+`;
+document.head.appendChild(style);
+
+const popup = document.createElement("div");
+popup.id = "url-popup";
+const text = document.createElement("div");
+const button = document.createElement("button");
+button.textContent = "Close";
+popup.appendChild(text);
+popup.appendChild(button);
+document.body.appendChild(popup);
+
+if (result.official) { popup.className = "official"; text.textContent = "✅ this is an official melonsoda URL"; }
+else { popup.className = "unofficial"; text.textContent = "⚠️ this is either NOT an official melonsoda URL or one of the singlefiles"; }
+
+setTimeout(() => popup.classList.add("show"), 10);
+
+function closePopup() {
+  popup.classList.remove("show");
+  popup.classList.add("hide");
+  setTimeout(() => { popup.remove(); style.remove(); }, 400);
+}
+
+button.onclick = closePopup;
+setTimeout(closePopup, 5000);
+
+})();
+"""
+
+urls_js_list = [f'  {{ url: "{entry.get("url","")}", comment: "{entry.get("comment","")}" }}' for entry in data]
+urls_js_str = ",\n".join(urls_js_list)
+official_js = official_js.replace("{ urls }", urls_js_str)
+
+with open(official_file, "w", encoding="utf-8") as f:
+    f.write(official_js)
+print(f"official.js generated at {official_file}")

package/offline/404.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Page Not Found</title>
+
+    <style media="screen">
+      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
+      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
+      #message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
+      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
+      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
+      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
+      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
+      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
+      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
+      @media (max-width: 600px) {
+        body, #message { margin-top: 0; background: white; box-shadow: none; }
+        body { border-top: 16px solid #ffa100; }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="message">
+      <h2>404</h2>
+      <h1>Page Not Found</h1>
+      <p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
+      <h3>Why am I seeing this?</h3>
+      <p>This page was generated by the Firebase Command-Line Interface. To modify it, edit the <code>404.html</code> file in your project's configured <code>public</code> directory.</p>
+    </div>
+  </body>
+</html>