Greasy Fork

Alienware Arena Helper Reloaded

Make earning daily ARP easier

目前为 2022-08-26 提交的版本。查看 最新版本

// ==UserScript==
// @name         Alienware Arena Helper Reloaded
// @namespace    https://github.com/marcodallagatta/alienware-arena-helper-reloaded
// @version      2022.09.26.12.25
// @description  Make earning daily ARP easier
// @author       Marco Dalla Gatta
// @match        https://*.alienwarearena.com/*
// @license      MIT
// @icon         https://www.alienwarearena.com/favicon.ico
// @grant        none
// @noframes
// ==/UserScript==

function awaHelper() {
  // You can configure options through the user interface. It is not recommended to edit the script for these purposes.
  const version = "2.1.0";

  let contentToCheck = [];
  let saveOptionsTimer;

  // Embed style
  document.head.appendChild(document.createElement("style")).textContent = `
    /* script buttons */
    .awah-btn-cons,
    .awah-btn-cons:hover {color: gold;}
    .list-group-item > .awah-btn-cons {width: 50%;}
    .list-profile-actions > li > .awah-btn-cons {width: 50%;}
    .awah-btn-cons.disabled {position: relative;}
    .awah-btn-quest.disabled::before,
    .awah-btn-cons.disabled::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAMSURBVAjXY2hgYAAAAYQAgSjdetcAAAAASUVORK5CYII=');}
    .awah-btn-quest {padding-left: 0.25rem; padding-right: 0.25rem;}
    .awah-btn-quest.disabled::before {filter: invert(60%)}
    .awah-panel {margin: 20px 0;}
    .awah-activate-steam-key-btn {text-decoration: none !important; padding: 1px 5px; background-color: rgba( 48, 95, 128, 0.9 ); vertical-align: inherit;}
    .awah-activate-steam-key-btn:hover {background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%);}

    /* script tooltips */
    .awah-info-btn {cursor: pointer; opacity: 0.4; transition: opacity 0.25s ease-in-out;}
    .awah-info-btn:hover {opacity: 1;}
    [data-awah-tooltip] {position: relative;}
    [data-awah-tooltip]:after {content: attr(data-awah-tooltip); pointer-events: none; padding: 4px 8px; color: white; position: absolute; left: 0; bottom: 100%; opacity: 0; font-weight: normal; text-transform: none; font-size: 0.9rem; white-space: pre; box-shadow: 0px 0px 3px 0px #54bbdb; background-color: #0e0e0e; transition: opacity 0.25s ease-out, bottom 0.25s ease-out; z-index: 1000;}
    [data-awah-tooltip]:hover:after {bottom: -100%; opacity: 1;}

    /* script GUI */
    #awah-status-overlay {display: flex; flex-flow: column nowrap; align-items: flex-end; color: white; font-size: smaller !important; pointer-events: none; position: fixed; bottom: 0; right: 0; max-width: 40%; min-width: 20%; padding: 1rem 0.5rem 0 0; text-shadow: 2px 2px 2px rgb(0, 0, 0), -1px -1px 2px rgb(0, 0, 0), 2px 2px 5px rgb(0, 0, 0), -1px -1px 5px rgb(0, 0, 0), 0px 0px 10px rgb(0, 0, 0); text-align: right; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 85%, rgba(0, 0, 0, 0.85) 100%) no-repeat scroll 0 0; z-index: 9001;}
    #awah-status-overlay .fa-exclamation-triangle {color: red;}
    #awah-status-overlay a,
    #awah-status-overlay button {pointer-events: all;}
    #awah-status-overlay button {background-color: rgba(255, 255, 255, 0.6);}
    #awah-status-messages {display: flex; flex-flow: column nowrap; align-items: flex-end; white-space: nowrap; border-bottom: 1px solid #1c1e22;}
    #awah-status-messages > div {clear: both; position: relative; animation: awah-slide-from-bottom 0.3s ease-out 1 forwards;}
    .awah-arp-pts {clear: both; width: 100%}
    .awah-arp-pts > div {clear: both; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 14px;}
    .awah-arp-pts > div::after {content: ""; display: block; height: 0; clear: both;}
    .awah-grey {color: #767676;}
    .awah-casper-out {overflow: hidden !important; animation: awah-casper-out 0.6s ease-in !important;}
    .awah-rotating {animation: awah-rotating 2s linear infinite;}

    li.awah-nav-panel {}
    li.awah-nav-panel > a.nav-link {width: 2.5rem; height: 2.5rem; float: left; cursor: pointer;}
    li.awah-nav-panel > a.nav-link > i {font-size: 26px;}

    .awah-daily-reset-timer {min-width: 22%;}
    .toast-body table tbody > :nth-child(2n) {background: #090909}

    /* script options */
    .awah-options-btn {float: left; padding-left: 16px; cursor: pointer; transition: text-shadow 0.25s ease-in-out;}
    .awah-options-btn:hover {text-shadow: 0px 0px 3px rgba(75, 201, 239, 1), 0px 0px 12px rgba(75, 201, 239, 1); /* animation: awah-breathing-text-neon 2s ease 0s infinite alternate; */}
    #awah-options {display: flex; flex-flow: column nowrap; overflow: auto; position: fixed; height: 100vh; width: 30vw; right: calc(-5px - 30vw); padding: 0 11px 2rem 11px; text-shadow: 2px 2px 2px rgb(0, 0, 0), -1px -1px 2px rgb(0, 0, 0); text-align: right; background: rgba(0, 0, 0, 0.85) repeat scroll 0 0; box-shadow: 0px 0px 3px 0px #54bbdb; transition: right 0.3s; z-index: 9000;}
    .awah-option {border-bottom: 1px solid #1c1e22; margin-bottom: 11px;}
    .awah-option label {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: baseline; color: whitesmoke;}
    #awah-options > :first-child {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: baseline;}
    .awah-opt-input {width: 24%; text-align: right; padding: 0 5px; height: auto; background: transparent; color: white; border-width: 0px 0px 1px 0px;}
    .awah-opt-desc {font-size: smaller;}
    .awah-option > .btn-danger {width: 100%;}
    #awah-options .dismiss-menu {font-size: 32px;}

    /* custom checkbox */
    input.awah-opt-input[type="checkbox"] {position: absolute; right: 0; opacity: 0;}
    input.awah-opt-input[type="checkbox"]:focus + div {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
    .awah-opt-input[type="checkbox"] + div {transition: 0.25s all ease; position: relative; overflow: hidden; cursor: pointer;}
    .awah-opt-input[type="checkbox"] + div > div {transition: 0.25s all ease; background-color: #428bca; width: 50%; height: 100%; position: absolute; left: 0;}
    input.awah-opt-input[type="checkbox"]:checked + div {background-color: rgb(66, 139, 202, 0.4);}
    input.awah-opt-input[type="checkbox"]:checked + div > div {left: calc(100% - 50%);}
    .awah-opt-input[type="checkbox"] + div > div::before {content: 'ON'; position: absolute; right: 120%;}
    .awah-opt-input[type="checkbox"] + div > div::after {content: 'OFF'; color: #767676; position: absolute; left: 120%;}

    /* comments */
    .insignia-label::before {content: attr(data-arp-level); font-size: 10px; width: 35px; /* 30 for master */ line-height: 30px; /* 26 for master */ position: absolute; text-align: center; pointer-events: none;}

    /* user profile */
    .awah-sub-recent-activity {text-align: center; font-size: smaller; margin-bottom: 10px; margin-top: -10px;}
    section.um-profile__friends {flex-wrap: wrap;}

    @keyframes awah-slide-from-bottom {
      from {opacity: 0.5; bottom: -90px; max-height: 0px;}
      to {opacity: 1; bottom: 0px; max-height: 70px;}
    }
    @keyframes awah-casper-out {
      0%		{filter: blur(0px); max-height: 50px;}
      100%	{filter: blur(15px); max-height: 0px;}
    }
    @keyframes awah-breathing-text-neon {
      from {text-shadow: 0px 0px 3px rgba(75, 201, 239, 0.25), 0px 0px 12px rgba(75, 201, 239, 0.25);}
      to {text-shadow: 0px 0px 3px rgba(75, 201, 239, 1), 0px 0px 12px rgba(75, 201, 239, 1);}
    }
    @keyframes awah-rotating {
      from {transform: rotate(0deg);}
      to {transform: rotate(360deg);}
    }
    @keyframes awah-element-appears-hook {
      from {opacity: 0.99;}
      to {opacity: 1;}
    }
    .giveaways__listing .row > div {animation-duration: 0.001s; animation-name: awah-element-appears-hook;}
    #giveaway-flash-message {animation-duration: 0.001s; animation-name: awah-element-appears-hook;}

    /* Fix for Alienware Arena design bugs */
    .overlay {position: fixed !important;} /* without it .overlay sticks to top of the site and can be skipped by scrolling */
    .videos__listing .videos__listing-post img {max-height: 299px;} /* videos without thumbnail have bigger height and stretching out of the general row */
    `;

  class Options {
    constructor() {
      this.load();
    }

    default() {
      return {
        statusMessageDelay: 10000,
        actionsDelayMin: 500,
        actionsDelayMax: 2000,
        twitchPlayerRemove: false,
        twitchWatchAutomate: true,
        timeOnSiteCheck: true,
        version
      };
    }

    load() {
      let defaultOptions = this.default();
      Object.keys(defaultOptions).forEach((key) => (this[key] = defaultOptions[key]));

      let savedOptions = JSON.parse(localStorage.getItem("AlienwareArenaHelperOptions"));
      if (savedOptions !== null) {
        Object.keys(savedOptions).forEach((key) => (this[key] = savedOptions[key]));
      }
    }

    save() {
      this.actionsDelayMin = parseInt(document.querySelector("#awah-actions-delay-min").value, 10);
      this.actionsDelayMax = parseInt(document.querySelector("#awah-actions-delay-max").value, 10);
      this.twitchPlayerRemove = document.querySelector("#awah-twitchPlayerRemove").checked;
      this.twitchWatchAutomate = document.querySelector("#awah-twitchWatchAutomate").checked;
      this.timeOnSiteCheck = document.querySelector("#awah-timeOnSiteCheck").checked;
      this.statusMessageDelay = parseInt(document.querySelector("#awah-status-message-delay").value, 10);

      try {
        localStorage.setItem("AlienwareArenaHelperOptions", JSON.stringify(this));
        return true;
      } catch (e) {
        console.warn(e);
        return false;
      }
    }
  }

  let options = new Options();

  class UI {
    constructor() {
      this.hideOverlayAdditionalFunctions = [];
      this.hideOverlayHook();
      this.initNavPanel();
      this.initStatusOverlay();
      this.initOptionsUI();

      document.addEventListener(
        "animationend",
        function (event) {
          if (event.animationName === "awah-casper-out") {
            event.target.remove();
          }
        },
        false
      );
    }

    initNavPanel() {
      let anchor = document.querySelector("li#notification-dropdown");
      this.navPanel = document.createElement("li");
      this.navPanel.classList.add("nav-item", "awah-nav-panel");
      anchor.insertAdjacentElement("beforebegin", this.navPanel);
    }

    initStatusOverlay() {
      let statusOverlayElement = document.createElement("div");
      statusOverlayElement.id = "awah-status-overlay";
      statusOverlayElement.insertAdjacentHTML("afterbegin", '<div id="awah-status-messages"></div><div class="awah-arp-pts"></div>');
      this.messagesContainerElement = statusOverlayElement.querySelector("#awah-status-messages");
      this.messagesContainerElement.insertAdjacentHTML("beforeend", `<div class="awah-con-check-queue" style="display: none;">content to check: <span class="awah-con-check-queue-length">${contentToCheck.length}</span> <span class="fa fa-fw fa-search"></span></div>`);
      document.getElementById("content").appendChild(statusOverlayElement);
    }

    initOptionsUI() {
      this.navPanel.insertAdjacentHTML("beforeend", '<a class="nav-link awah-options-btn" data-awah-tooltip="AWA Helper options"><i aria-hidden="true" class="fa fa-fw fa-cog"></i></a>');

      document.querySelector("div.wrapper").insertAdjacentHTML(
        "beforebegin",
        `<div id="awah-options" style="visibility: hidden;">
        <div class="awah-option">
        <a class="dismiss-menu" data-awah-tooltip="Close options"><i aria-hidden="true" class="fas fa-times"></i></a>
        <span class="awah-opt-desc awah-grey">Alienware Arena Helper Realoaded v<b>${version}</b></span>
        </div>

        <div class="awah-option">
        <label><span class="awah-opt-title">actionsDelayMin</span><input id="awah-actions-delay-min" class="form-control awah-opt-input" type="text" value="${options.actionsDelayMin}"></label>
        <label><span class="awah-opt-title">actionsDelayMax</span><input id="awah-actions-delay-max" class="form-control awah-opt-input" type="text" value="${options.actionsDelayMax}"></label>
        <span class="awah-opt-desc awah-grey">Minimum and maximum random delay time between network actions. (milliseconds)<br>Default minimum: ${options.default().actionsDelayMin} || Default maximum: ${options.default().actionsDelayMax}</span>
        </div>

        <div class="awah-option">
        <label><span class="awah-opt-title">Remove Twitch Player from Homepage</span><input id="awah-twitchPlayerRemove" class="form-control awah-opt-input" type="checkbox" ${options.twitchPlayerRemove ? "checked" : ""}><div class="form-control awah-opt-input"><div>&nbsp;</div>&nbsp;</div></label>
        <span class="awah-opt-desc awah-grey">Removes the player to save resources. Default: ${options.default().twitchPlayerRemove ? "ON" : "OFF"}</span>
        </div>

        <div class="awah-option">
        <label><span class="awah-opt-title">Automate Twitch Watching</span><input id="awah-twitchWatchAutomate" class="form-control awah-opt-input" type="checkbox" ${options.twitchWatchAutomate ? "checked" : ""}><div class="form-control awah-opt-input"><div>&nbsp;</div>&nbsp;</div></label>
        <span class="awah-opt-desc awah-grey">A popup will appear to open the AWA Twitch page, that page will automatically refresh if no streamers are live and open a stream if they are. On Twitch itself, the usersript will remove the player to reduce resources in background. Default: ${options.default().twitchWatchAutomate ? "ON" : "OFF"}</span>
        </div>

        <div class="awah-option">
        <label><span class="awah-opt-title">Time On Site Notification</span><input id="awah-timeOnSiteCheck" class="form-control awah-opt-input" type="checkbox" ${options.timeOnSiteCheck ? "checked" : ""}><div class="form-control awah-opt-input"><div>&nbsp;</div>&nbsp;</div></label>
        <span class="awah-opt-desc awah-grey">A popup will appear when you haven't spent enough time on AWA to get the daily points. Default: ${options.default().timeOnSiteCheck ? "ON" : "OFF"}</span>
        </div>

        <div class="awah-option">
        <label><span class="awah-opt-title">statusMessageDelay</span><input id="awah-status-message-delay" class="form-control awah-opt-input" type="text" value="${options.statusMessageDelay}"></label>
        <span class="awah-opt-desc awah-grey">How long the status messages will be displayed before they disappear. This doesn't affect persistent notifications such as uncompleted quests. (milliseconds)<br>Default: ${options.default().statusMessageDelay}</span>
        </div>

        <div class="awah-option">
        <button id="awah_restore_default" class="btn btn-danger"><span class="fa fa-exclamation-triangle"></span> Restore default</button>
        <span class="awah-opt-desc awah-grey">Restore default settings.</span>
        </div>

        </div>`
      );

      document.querySelectorAll('input.awah-opt-input[type="text"]').forEach((elem) => {
        elem.addEventListener("input", function () {
          this.value = this.value.replace(/[^\d]/, "");
          this.value = this.value.slice(0, 5);
        });
      });

      document.querySelectorAll("input.awah-opt-input").forEach((elem) => {
        elem.addEventListener("change", function () {
          clearTimeout(saveOptionsTimer);
          saveOptionsTimer = setTimeout(function () {
            if (options.save()) {
              ui.newStatusMessage('Settings saved! <span class="fa fa-fw fa-floppy-o"></span>');
            } else {
              ui.newStatusMessage('Error! See console for details. <span class="fa fa-fw fa-exclamation-triangle"></span>');
            }
          }, 400);
        });
      });

      document.querySelector("#awah_restore_default").addEventListener("click", function () {
        if (!confirm("Are you damn sure about this?!")) return;
        localStorage.removeItem("AlienwareArenaHelperOptions");
        ui.newStatusMessage("Default options settings restored! Realoding...");
        setTimeout(function () {
          window.location.reload();
        }, 2500);
      });

      document.querySelector(".awah-options-btn").addEventListener("click", this.toggleOptionsDisplay, false);

      this.hideOverlayAdditionalFunctions.push(function () {
        let awahOptions = document.getElementById("awah-options");
        setTimeout(() => {
          awahOptions.style.visibility = "hidden";
        }, 300);
        awahOptions.style.right = "";
      });
    }

    hideOverlayHook() {
      hideOverlay = new Proxy(hideOverlay, {
        apply(target, thisArg, args) {
          for (const additionalHideFunction of ui.hideOverlayAdditionalFunctions) {
            additionalHideFunction.apply(thisArg, args);
          }
          target.apply(thisArg, args);
        }
      });
    }

    toggleOptionsDisplay() {
      let overlayElement = document.querySelector(".overlay");
      let awahOptions = document.getElementById("awah-options");
      if (awahOptions.style.visibility === "hidden") {
        overlayElement.classList.add("active");
        awahOptions.style.visibility = "visible";
        awahOptions.style.right = "0";
      } else {
        hideOverlay();
      }
    }

    newStatusMessage(text, sticky = false) {
      let statusMessageElement = document.createElement("div");
      statusMessageElement.innerHTML = text;
      this.messagesContainerElement.appendChild(statusMessageElement);
      if (!sticky) {
        setTimeout(() => statusMessageElement.classList.add("awah-casper-out"), options.statusMessageDelay);
      }
      return statusMessageElement;
    }
  }

  let ui = new UI();

  ///////////////////////////////////////
  /// DAILY QUESTS //////////////////////
  ///////////////////////////////////////

  async function showDailyQuestButton() {
    while (!document.querySelector(".quest-title")) {
      await new Promise((r) => setTimeout(r, 500));
    }

    const dailyQuest = document.querySelector(".quest-title").textContent.toLowerCase().trim();
    console.log(`👽 QUEST: ${dailyQuest}`);
    if (document.querySelector(".quest-item-progress").textContent === "Complete") {
      document.querySelector(".awah-btn-quest").addClass("disabled");
    } else {
      switch (dailyQuest) {
        case "show some id":
        case "new bling":
        case "new sheriff in town":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/account/personalization#badges">Daily Quest: change badge</a>`, true);
          break;
        case "town crier":
        case "town gossip":
        case "spread the love":
        case "sharing is caring!":
        case "spread the good word":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/ucf/show/2082495/boards/awa-on-topic/ForumPost/rules-on-old-dead-topics">Daily Quest: share a post</a>`, true);
          break;
        case "librarian approved":
        case "feed the mind":
        case "get smart!":
        case "brush up":
        case "booksmarts":
        case "don the glasses":
        case "check out the headline":
          ui.newStatusMessage(`<a href="https://eu.alienwarearena.com/ucf/News">Daily Quest: open a news</a>`, true);
          break;
        case "chatter box":
        case "water cooler":
        case "chit chat":
        case "make some friends!":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/forums/board/113/awa-on-topic?sort=topic">Daily Quest: write in any thread</a>`, true);
          break;
        case "rank":
        case "who's #1?":
        case "climb the ranks":
        case "i want to be the very best...":
        case "compare notes":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/rewards/leaderboard">Daily Quest: check the Leaderboard</a>`, true);
          break;
        case "frame it":
        case "picture day!":
        case "fresh siding!":
        case "give your alien a new home.":
        case "new space":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/account/personalization#borders">Daily Quest: change your avatar's border</a>`, true);
          break;
        case "go shopping":
        case "window shopping":
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/marketplace/">Daily Quest: go to the Market</a>`, true);
          break;
        default:
          ui.newStatusMessage(`<a href="https://www.alienwarearena.com/forums/board/113/awa-on-topic?sort=topic">Special Daily Quest, please check the forum</a>`, true);
          break;
      }
    }
  }
  showDailyQuestButton();

  ///////////////////////////////////////
  /// ELEMENTS REMOVAL///////////////////
  ///////////////////////////////////////

  // removes twitch player on home page
  if (options.twitchPlayerRemove) {
    if (window.location.pathname === "/") {
      document.querySelector(".embed-responsive-item").remove();
    }
  }

  ///////////////////////////////////////
  /// TWITCH ON AWA AUTOMATION //////////
  ///////////////////////////////////////

  function awaTwitchPageRedir() {
    const targetLink = document.querySelectorAll("a.btn-primary");

    if (targetLink.length) {
      setTimeout(function () {
        window.location.href = targetLink[targetLink.length - 1].href;
      }, 3000);
    } else {
      ui.newStatusMessage(`The page will refresh in 5 minutes to check for online streamers`);
      setTimeout(function () {
        location.reload(true);
      }, 300000); // 5 minutes in milliseconds
    }
  }

  if (options.twitchWatchAutomate) {
    const twitchPoints = document.querySelector("div > div > section:nth-child(9) > div > div:nth-child(2) > center > b");
    // if on another page of awa that is not the twitch one, notify to open it, if points are less than maximum
    if (window.location.pathname != "/twitch/live" && twitchPoints.innerText < 15) {
      ui.newStatusMessage(`<a href="https://www.alienwarearena.com/twitch/live">Open AWA Twitch page and automate watching</a>`, true);
    }
    // on the awa twitch page, execute actions
    if (window.location.pathname === "/twitch/live" && twitchPoints.innerText < 15) {
      awaTwitchPageRedir();
    }
  }

  ///////////////////////////////////////
  /// DAILY TIME SPENT ON AWA ///////////
  ///////////////////////////////////////

  if (options.timeOnSiteCheck) {
    const timeOnSitePoints = document.querySelector("#um div center b");
    if (timeOnSitePoints.innerHTML < 5) {
      ui.newStatusMessage(`You still havent't spent enough time to clear the daily rewards, please keep AWA open`);
    }
  }
  let path = window.location.pathname;
  path = path.replace(/\/+/g, "/");
}

///////////////////////////////////////
/// ACTUAL CALLING ////////////////////
///////////////////////////////////////

if (window.location.hostname.split(".").slice(1).join(".") === "alienwarearena.com") {
  awaHelper(window);
}