MSGPIntegration

Allows access to the Microsoft Store Generation Project from within Microsoft Store itself.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name               MSGPIntegration
// @name:de            MSGPIntegration
// @name:en            MSGPIntegration
// @namespace          sun/userscripts
// @version            2.0.12
// @description        Allows access to the Microsoft Store Generation Project from within Microsoft Store itself.
// @description:de     Integriert das Microsoft Store Generation Project in den Microsoft Store selbst.
// @description:en     Allows access to the Microsoft Store Generation Project from within Microsoft Store itself.
// @compatible         chrome
// @compatible         edge
// @compatible         firefox
// @compatible         opera
// @compatible         safari
// @homepageURL        https://forgejo.sny.sh/sun/userscripts
// @supportURL         https://forgejo.sny.sh/sun/userscripts/issues
// @contributionURL    https://liberapay.com/sun
// @contributionAmount €1.00
// @author             Sunny <[email protected]>
// @include            https://apps.microsoft.com/store/detail/*/*
// @match              https://apps.microsoft.com/store/detail/*/*
// @connect            store.rg-adguard.net
// @run-at             document-end
// @inject-into        auto
// @grant              GM.addStyle
// @grant              GM_addStyle
// @grant              GM.xmlHttpRequest
// @grant              GM_xmlhttpRequest
// @noframes
// @require            https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @icon               https://forgejo.sny.sh/sun/userscripts/raw/branch/main/icons/MSGPIntegration.ico
// @copyright          2021-present, Sunny (https://sny.sh/)
// @license            Hippocratic License; https://forgejo.sny.sh/sun/userscripts/src/branch/main/LICENSE.md
// ==/UserScript==

(() => {
  const observer = new MutationObserver((mutationList, observer) => {
    for (const mutation of mutationList) {
      if (
        Array.from(mutation.addedNodes).filter((node) =>
          node.classList.contains("c013"),
        ).length
      ) {
        observer.disconnect();

        document
          .querySelector("[id^=getOrRemoveButton]")
          .insertAdjacentHTML(
            "afterend",
            "<button id='msgpintegration-button' class='c0151 c0158' style='border-radius: 4px; padding: 0 20px; margin-bottom: 4px' disabled><span id='msgpintegration-text'>Loading...</span></button>",
          );
      }
    }
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });

  const url = location.pathname.split("/")[4];

  GM.xmlHttpRequest({
    method: "POST",
    url: "https://store.rg-adguard.net/api/GetFiles",
    data: `type=ProductId&url=${url}&lang=en_US`,
    headers: {
      "Content-Type": "application/x-www-form-urlencoded",
    },
    onload: (response) => {
      const element = document.createElement("html");
      element.innerHTML = response.responseText;

      if (
        element.getElementsByTagName("p")[0].innerText !==
        "The links were successfully received from the Microsoft Store server."
      ) {
        document.getElementById("msgpintegration-text").innerText =
          "No links found.";
        return;
      }

      document
        .getElementById("msgpintegration-button")
        .classList.remove("c0158");
      document
        .getElementById("msgpintegration-button")
        .removeAttribute("disabled");
      document.getElementById("msgpintegration-text").innerText = `${
        element.getElementsByClassName("tftable")[0].rows.length - 1
      } links found.`;

      document.body.insertAdjacentHTML(
        "beforeend",
        "<div id='msgpintegration-background'></div>",
      );
      document
        .getElementById("msgpintegration-background")
        .insertAdjacentElement(
          "beforeend",
          element.getElementsByClassName("tftable")[0],
        );
      GM.addStyle(`
        #msgpintegration-background {
          position: fixed;
          top: 0;
          width: 100vw;
          height: 100vh;
          z-index: 701;
          background-color: white;
          overflow-y: auto;
          display: none;
        }
        .tftable {
          margin: 3em auto;
        }
        @media (min-width: 1035px) {
          .tftable {
            margin-top: calc(3em + 54px);
          }
        }
      `);

      document
        .getElementById("msgpintegration-button")
        .addEventListener("click", () => {
          document.getElementById("msgpintegration-background").style.display =
            "initial";
        });

      document
        .getElementById("msgpintegration-background")
        .addEventListener("click", (e) => {
          if (
            e.target === document.getElementById("msgpintegration-background")
          )
            document.getElementById(
              "msgpintegration-background",
            ).style.display = "none";
        });
    },
  });
})();