☰

More Ore - Notification+

Remakes the more ore notification system with stacking notifications

Від 11.05.2022. Дивіться остання версія.

// ==UserScript==
// @name         More Ore - Notification+
// @namespace    https://syns.studio/more-ore/
// @version      1.0
// @description  Remakes the more ore notification system with stacking notifications
// @author       123HD123
// @match        https://syns.studio/more-ore/
// @icon         https://syns.studio/more-ore/misc-tinyRock.22ef93dd.ico
// @grant        none
// ==/UserScript==
(function () {
  const MOD_NAME = "Notification Plus";
  const MOD_STORAGE_DEFAULT = {
    listeners: {}
  };

  window.mods = window.mods || {};

  if (Object.keys(window.mods).includes(MOD_NAME)) return;

  window.mods[MOD_NAME] = window.mods[MOD_NAME] || MOD_STORAGE_DEFAULT;

  const MOD_STORAGE = window.mods[MOD_NAME];
  if (MOD_STORAGE.listeners != {})
    Object.keys(MOD_STORAGE.listeners)
    .forEach(
      type => MOD_STORAGE.listeners[type]
      .forEach(
        listener => listener.node.removeEventListener(type, listener.function)
      )
    );

  // Get utils
  const i = utils();

  // Inject styles
  const styles = document.createElement("style");
  styles.innerHTML = `
	.notifications {
  	position: absolute;
    right: 0;
    bottom: 0px;
    text-shadow: 0 0 5px gold,0 0 1px #000;
    font-family: Arial, sans-serif;
    letter-spacing: 0.5px;
    z-index: 10;
  }
  .game-container .notification {
  	position: relative;
   	border-bottom: 1px solid #00000011
  }
  .game-container .notification.show {
  }
`;
  document.head.appendChild(styles);

  // Prepare notification container
  const notifications = document.createElement("div");
  notifications.classList.add("notifications");
  document.querySelector(".game-container").appendChild(notifications);

  // Create NotificationPlus
  window.NotificationPlus = window.NotificationPlus || new (class NotificationPlus {
    notify(msg, seconds) {
      var r = i.getUUID(),
        a = i.createEl("div", ["notification", "notification-default"], msg);
      a.dataset.notificationUuid = r;
      i.select(".notifications").append(a);

      a.getBoundingClientRect();
      a.classList.add("show");
      setTimeout(function () {
        var t = i.select('[data-notification-uuid="'.concat(r, '"]'));
        if (!t) return;
        // Slide up
        t.style.bottom = "0";
        t.classList.remove("show");

        // Fade out
        t.style.transition = "opacity 0.3s ease-out";
        t.style.opacity = "0";
        t.ontransitionend = function () {
          return i.removeEl(t);
        }
      }, seconds * 1000);
    }
    load(name) {
      window.NotificationPlus.notify("Loading " + name, 1.5);
    }
  })();

  // Add override for default notifications
  document.addEventListener("DOMNodeInserted", overrideNotifications);
  MOD_STORAGE.listeners.DOMNodeInserted = MOD_STORAGE.listeners.DOMNodeInserted || [];
  MOD_STORAGE.listeners.DOMNodeInserted.push({
    type: "DOMNodeInserted",
    function: overrideNotifications,
    node: document
  });
  
  function overrideNotifications(e) {
    let node = e.target;
    if (!node?.className?.includes("notification") ||
      e.relatedNode?.className?.includes("notifications")) return;
    node.style.visibility = "hidden";
    setTimeout(() => window.NotificationPlus.notify(node.innerHTML, 2.5), 500);
  }

  function utils() {
    return {
      getRandomNum: function () {
        var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,
          t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1,
          o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0,
          n = !(arguments.length > 3 && void 0 !== arguments[3]) || arguments[3],
          r = Math.pow(10, Math.max(o, 0)),
          i = t * r,
          a = e * r,
          c = n ? 1 : 0;
        return (Math.floor(Math.random() * (i - a + c)) + a) / r
      },
      getUUID: function () {
        return "".concat(this.getRandomNum(1e3, 9999), "-").concat(this.getRandomNum(1e3, 9999), "-").concat(this.getRandomNum(1e3, 9999), "-").concat(this.getRandomNum(1e3, 9999));
      },
      createEl: function (e) {
        var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
          o = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : "",
          n = document.createElement(e);
        return t.forEach(function (e) {
            return n.classList.add(e)
          }),
          n.innerHTML = o + "",
          n
      },
      select: (e, t) => t ? t.querySelector("".concat(e)) : document.querySelector("".concat(e)),
      removeEl: function (e) {
        var t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
        null != e && e.parentNode && (t ? (e.style.opacity = e.style.opacity || "1",
          e.style.transition = "opacity .3s",
          e.addEventListener("transitionend", function () {
            e && e.parentNode.removeChild(e)
          }),
          e.style.opacity = "0") : e.parentNode.removeChild(e))
      }
    };
  }
})();