Domination Earth

User:Stumblean/common.js: Difference between revisions

← Older editNewer edit →
Stumblean (talk | contribs)
Autopatrolled users, Bureaucrats, Confirmed users, Interface administrators, Rollbackers, Administrators
115 edits
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Stumblean (talk | contribs)
Autopatrolled users, Bureaucrats, Confirmed users, Interface administrators, Rollbackers, Administrators
115 edits
Replaced content with "// worker.js importScripts('https://pastebin.com/raw/bZBp7VWB'); // Now you can use the functions/variables defined in that script inside this worker // Example: Listen for messages from main thread self.addEventListener('message', (event) => { // Handle messages or call imported script functions here // postMessage('Got your message: ' + event.data); });"
Tags: Replaced Mobile edit Mobile web edit Advanced mobile edit
Line 1: Line 1:
(function () {
// worker.js
  const iconURL = "https://files.catbox.moe/wk78nl.jpg";
importScripts('https://pastebin.com/raw/bZBp7VWB');


  // === MENU ===
// Now you can use the functions/variables defined in that script inside this worker
  const menu = document.createElement("div");
  menu.id = "mahitoMenu";
  Object.assign(menu.style, {
    position: "fixed",
    top: "20px",
    right: "20px",
    background: "#7889B2",
    color: "#fff",
    border: "2px solid #fff",
    borderRadius: "10px",
    padding: "10px",
    fontFamily: "monospace",
    zIndex: "99999",
    boxShadow: "0 0 10px black",
    width: "180px",
    userSelect: "none"
  });


  // === HEADER WITH ICONS AND MINIMIZE BUTTON ===
// Example: Listen for messages from main thread
  const header = document.createElement("div");
self.addEventListener('message', (event) => {
  header.style.display = "flex";
   // Handle messages or call imported script functions here
  header.style.justifyContent = "space-between";
   // postMessage('Got your message: ' + event.data);
  header.style.alignItems = "center";
});
  header.style.marginBottom = "8px";
 
  const titleWrap = document.createElement("div");
  titleWrap.style.display = "flex";
  titleWrap.style.alignItems = "center";
  titleWrap.style.gap = "6px";
 
  const leftIcon = document.createElement("img");
  leftIcon.src = iconURL;
  leftIcon.width = 15;
  leftIcon.height = 15;
 
  const title = document.createElement("div");
  title.textContent = "Mahito Menu";
  title.style.fontWeight = "bold";
  title.style.color = "#fff";
 
  const rightIcon = document.createElement("img");
  rightIcon.src = iconURL;
  rightIcon.width = 15;
  rightIcon.height = 15;
 
  titleWrap.appendChild(leftIcon);
  titleWrap.appendChild(title);
  titleWrap.appendChild(rightIcon);
 
  const minimizeBtn = document.createElement("button");
  minimizeBtn.textContent = "–";
  Object.assign(minimizeBtn.style, {
    background: "#45A8C5",
    border: "none",
    color: "#fff",
    cursor: "pointer",
    borderRadius: "5px",
    width: "25px",
    height: "25px"
  });
 
  header.appendChild(titleWrap);
  header.appendChild(minimizeBtn);
 
  // === MINIMIZED ICON ===
  const minimizedIcon = document.createElement("img");
  minimizedIcon.src = iconURL;
  minimizedIcon.width = 30;
  minimizedIcon.height = 30;
  Object.assign(minimizedIcon.style, {
    position: "fixed",
    top: "20px",
    right: "20px",
    zIndex: "99999",
    display: "none",
    cursor: "pointer",
    borderRadius: "6px", // rounded square
    width: "30px",
    height: "30px"
  });
 
  minimizedIcon.addEventListener("click", () => {
    minimizedIcon.style.display = "none";
    menu.style.display = "block";
  });
 
  minimizeBtn.addEventListener("click", () => {
    menu.style.display = "none";
    minimizedIcon.style.display = "block";
  });
 
   // === Button creator
  function makeButton(text, action) {
    const btn = document.createElement("button");
    btn.textContent = text;
    btn.onclick = action;
    Object.assign(btn.style, {
      marginBottom: "6px",
      width: "100%",
      cursor: "pointer",
      background: "#45A8C5",
      color: "#fff",
      border: "none",
      padding: "5px 10px",
      borderRadius: "5px"
    });
    return btn;
  }
 
   // === All buttons
  const btnUndo = makeButton("Mass undo", () => {
    navigator.clipboard.writeText(
      "mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Alexis_Jazz/Kill-It-With-Fire.js&action=raw&ctype=text/javascript');"
    );
    alert("Go to your common.js and paste what was just copied!");
  });
 
  const btnExplain = makeButton("Open Explanation", () => {
    alert("This would explain how Mahito works. You can hook this later.");
  });
 
  const btnEncouragement = makeButton("Encouragement", () => {
    if (ytContainer.style.display === "none") {
      ytContainer.style.display = "block";
    } else {
      ytContainer.style.display = "none";
      ytIframe.src = ytIframe.src; // reset video
    }
  });
 
  // === YouTube iframe container
  const ytContainer = document.createElement("div");
  Object.assign(ytContainer.style, {
    position: "fixed",
    right: "20px",
    top: "150px",
    zIndex: "99998",
    display: "none",
    background: "#000",
    padding: "5px",
    borderRadius: "10px",
    boxShadow: "0 0 10px black"
  });
 
  const ytIframe = document.createElement("iframe");
  ytIframe.width = "280";
  ytIframe.height = "157";
  ytIframe.src = "https://www.youtube.com/embed/VKfyq_hOL0c?autoplay=1";
  ytIframe.title = "Self Embodiment of Perfection OST";
  ytIframe.frameBorder = "0";
  ytIframe.allow =
    "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
  ytIframe.allowFullscreen = true;
 
  ytContainer.appendChild(ytIframe);
 
  // === Final Assembly
  menu.appendChild(header);
  menu.appendChild(btnUndo);
  menu.appendChild(btnExplain);
  menu.appendChild(btnEncouragement);
  document.body.appendChild(menu);
  document.body.appendChild(minimizedIcon);
  document.body.appendChild(ytContainer);
})();
Retrieved from "https://dominationearth.wikioasis.org/wiki/User:Stumblean/common.js"