User:Stumblean/common.js: Difference between revisions

Stumblean (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Stumblean (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 3: Line 3:


   const menu = document.createElement("div");
   const menu = document.createElement("div");
  menu.id = "mahitoMenu";
   Object.assign(menu.style, {
   Object.assign(menu.style, {
     position: "fixed",
     position: "fixed",
Line 19: Line 20:


   const header = document.createElement("div");
   const header = document.createElement("div");
   Object.assign(header.style, {
   header.style.display = "flex";
    display: "flex",
  header.style.alignItems = "center";
    alignItems: "center",
  header.style.gap = "6px";
    gap: "6px",
  header.style.marginBottom = "8px";
    marginBottom: "8px",
  header.style.cursor = "grab";
    cursor: "grab",
 
   });
   const img1 = document.createElement("img");
  img1.src = icon;
  img1.width = 15;
  img1.height = 15;


   const img1 = Object.assign(document.createElement("img"), { src: icon, width: 15, height: 15 });
   const title = document.createElement("div");
   const img2 = Object.assign(document.createElement("img"), { src: icon, width: 15, height: 15 });
   title.textContent = "Mahito Menu";
  title.style.fontWeight = "bold";
  title.style.color = "#fff";


   const titleDiv = document.createElement("div");
   const img2 = document.createElement("img");
   titleDiv.textContent = "Mahito Menu";
   img2.src = icon;
   titleDiv.style.fontWeight = "bold";
   img2.width = 15;
   titleDiv.style.color = "#fff";
   img2.height = 15;


   header.appendChild(img1);
   header.appendChild(img1);
   header.appendChild(titleDiv);
   header.appendChild(title);
   header.appendChild(img2);
   header.appendChild(img2);


Line 56: Line 62:
   }
   }


   const btnUndo = makeButton("Mass undo", () => {
   const btn1 = makeButton("Mass undo", () => {
     prompt("Copy this into your common.js:", "mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Alexis_Jazz/Kill-It-With-Fire.js&action=raw&ctype=text/javascript');");
     prompt("Copy this into your common.js:", "mw.loader.load('//en.wikipedia.org/w/index.php?title=User:Alexis_Jazz/Kill-It-With-Fire.js&action=raw&ctype=text/javascript');");
   });
   });


   const btnExplain = makeButton("Open Explanation", () => {
   const btn2 = makeButton("Open Explanation", () => {
     alert("Open Explanation clicked");
     alert("Open Explanation clicked");
   });
   });


   menu.appendChild(header);
   menu.appendChild(header);
   menu.appendChild(btnUndo);
   menu.appendChild(btn1);
   menu.appendChild(btnExplain);
   menu.appendChild(btn2);
 
  // -- Common.js detection
  try {
    const user = mw.config.get("wgUserName") || "";
    const pageTitle = mw.config.get("wgPageName") || "";
    if (pageTitle.includes(user + "/common.js")) {
      const btnEZ = makeButton("EZPASTE", async () => {
        try {
          const text = await navigator.clipboard.readText();
          await navigator.clipboard.writeText(text);
          alert("EZPASTE: Clipboard refreshed with:\n\n" + text);
        } catch (err) {
          alert("Clipboard failed: " + err.message);
        }
      });
      menu.appendChild(btnEZ);
    }
  } catch (e) {
    console.warn("Could not detect common.js page", e);
  }
 
   document.body.appendChild(menu);
   document.body.appendChild(menu);


   // === Dragging logic
   // === DRAGGING ===
   let isDragging = false;
   let isDragging = false;
   let offsetX = 0,
   let offsetX = 0, offsetY = 0;
    offsetY = 0;


   function startDrag(x, y) {
   function startDrag(x, y) {
Line 119: Line 103:
     e.preventDefault();
     e.preventDefault();
   });
   });
   document.addEventListener("mousemove", (e) => doDrag(e.clientX, e.clientY));
 
   document.addEventListener("mousemove", (e) => {
    doDrag(e.clientX, e.clientY);
  });
 
   document.addEventListener("mouseup", stopDrag);
   document.addEventListener("mouseup", stopDrag);


Line 127: Line 115:
     e.preventDefault();
     e.preventDefault();
   });
   });
   document.addEventListener("touchmove", (e) => {
   document.addEventListener("touchmove", (e) => {
     if (!isDragging) return;
     if (!isDragging) return;
Line 132: Line 121:
     doDrag(touch.clientX, touch.clientY);
     doDrag(touch.clientX, touch.clientY);
   });
   });
   document.addEventListener("touchend", stopDrag);
   document.addEventListener("touchend", stopDrag);
})();
})();