@sv443-network/userutils 7.1.0 → 7.2.0

package/dist/index.global.js

@@ -8,7 +8,7 @@
 // ==UserLibrary==
 // @name         UserUtils
 // @description  Library with various utilities for userscripts - register listeners for when CSS selectors exist, intercept events, create persistent & synchronous data stores, modify the DOM more easily and more
-// @version      7.1.0
+// @version      7.2.0
 // @license      MIT
 // @copyright    Sv443 (https://github.com/Sv443)
 
@@ -128,6 +128,197 @@ var UserUtils = (function (exports) {
     return retArray;
   }
 
+  // lib/dom.ts
+  function getUnsafeWindow() {
+    try {
+      return unsafeWindow;
+    } catch (e) {
+      return window;
+    }
+  }
+  function addParent(element, newParent) {
+    const oldParent = element.parentNode;
+    if (!oldParent)
+      throw new Error("Element doesn't have a parent node");
+    oldParent.replaceChild(newParent, element);
+    newParent.appendChild(element);
+    return newParent;
+  }
+  function addGlobalStyle(style) {
+    const styleElem = document.createElement("style");
+    setInnerHtmlUnsafe(styleElem, style);
+    document.head.appendChild(styleElem);
+    return styleElem;
+  }
+  function preloadImages(srcUrls, rejects = false) {
+    const promises = srcUrls.map((src) => new Promise((res, rej) => {
+      const image = new Image();
+      image.src = src;
+      image.addEventListener("load", () => res(image));
+      image.addEventListener("error", (evt) => rejects && rej(evt));
+    }));
+    return Promise.allSettled(promises);
+  }
+  function openInNewTab(href, background) {
+    try {
+      GM.openInTab(href, background);
+    } catch (e) {
+      const openElem = document.createElement("a");
+      Object.assign(openElem, {
+        className: "userutils-open-in-new-tab",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        href
+      });
+      openElem.style.display = "none";
+      document.body.appendChild(openElem);
+      openElem.click();
+      setTimeout(openElem.remove, 50);
+    }
+  }
+  function interceptEvent(eventObject, eventName, predicate = () => true) {
+    Error.stackTraceLimit = Math.max(Error.stackTraceLimit, 100);
+    if (isNaN(Error.stackTraceLimit))
+      Error.stackTraceLimit = 100;
+    (function(original) {
+      eventObject.__proto__.addEventListener = function(...args) {
+        var _a, _b;
+        const origListener = typeof args[1] === "function" ? args[1] : (_b = (_a = args[1]) == null ? void 0 : _a.handleEvent) != null ? _b : () => void 0;
+        args[1] = function(...a) {
+          if (args[0] === eventName && predicate(Array.isArray(a) ? a[0] : a))
+            return;
+          else
+            return origListener.apply(this, a);
+        };
+        original.apply(this, args);
+      };
+    })(eventObject.__proto__.addEventListener);
+  }
+  function interceptWindowEvent(eventName, predicate = () => true) {
+    return interceptEvent(getUnsafeWindow(), eventName, predicate);
+  }
+  function isScrollable(element) {
+    const { overflowX, overflowY } = getComputedStyle(element);
+    return {
+      vertical: (overflowY === "scroll" || overflowY === "auto") && element.scrollHeight > element.clientHeight,
+      horizontal: (overflowX === "scroll" || overflowX === "auto") && element.scrollWidth > element.clientWidth
+    };
+  }
+  function observeElementProp(element, property, callback) {
+    const elementPrototype = Object.getPrototypeOf(element);
+    if (elementPrototype.hasOwnProperty(property)) {
+      const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, property);
+      Object.defineProperty(element, property, {
+        get: function() {
+          var _a;
+          return (_a = descriptor == null ? void 0 : descriptor.get) == null ? void 0 : _a.apply(this, arguments);
+        },
+        set: function() {
+          var _a;
+          const oldValue = this[property];
+          (_a = descriptor == null ? void 0 : descriptor.set) == null ? void 0 : _a.apply(this, arguments);
+          const newValue = this[property];
+          if (typeof callback === "function") {
+            callback.bind(this, oldValue, newValue);
+          }
+          return newValue;
+        }
+      });
+    }
+  }
+  function getSiblingsFrame(refElement, siblingAmount, refElementAlignment = "center-top", includeRef = true) {
+    var _a, _b;
+    const siblings = [...(_b = (_a = refElement.parentNode) == null ? void 0 : _a.childNodes) != null ? _b : []];
+    const elemSiblIdx = siblings.indexOf(refElement);
+    if (elemSiblIdx === -1)
+      throw new Error("Element doesn't have a parent node");
+    if (refElementAlignment === "top")
+      return [...siblings.slice(elemSiblIdx + Number(!includeRef), elemSiblIdx + siblingAmount + Number(!includeRef))];
+    else if (refElementAlignment.startsWith("center-")) {
+      const halfAmount = (refElementAlignment === "center-bottom" ? Math.ceil : Math.floor)(siblingAmount / 2);
+      const startIdx = Math.max(0, elemSiblIdx - halfAmount);
+      const topOffset = Number(refElementAlignment === "center-top" && siblingAmount % 2 === 0 && includeRef);
+      const btmOffset = Number(refElementAlignment === "center-bottom" && siblingAmount % 2 !== 0 && includeRef);
+      const startIdxWithOffset = startIdx + topOffset + btmOffset;
+      return [
+        ...siblings.filter((_, idx) => includeRef || idx !== elemSiblIdx).slice(startIdxWithOffset, startIdxWithOffset + siblingAmount)
+      ];
+    } else if (refElementAlignment === "bottom")
+      return [...siblings.slice(elemSiblIdx - siblingAmount + Number(includeRef), elemSiblIdx + Number(includeRef))];
+    return [];
+  }
+  var ttPolicy;
+  function setInnerHtmlUnsafe(element, html) {
+    var _a, _b, _c;
+    if (!ttPolicy && typeof ((_a = window == null ? void 0 : window.trustedTypes) == null ? void 0 : _a.createPolicy) === "function") {
+      ttPolicy = window.trustedTypes.createPolicy("_uu_set_innerhtml_unsafe", {
+        createHTML: (unsafeHtml) => unsafeHtml
+      });
+    }
+    element.innerHTML = (_c = (_b = ttPolicy == null ? void 0 : ttPolicy.createHTML) == null ? void 0 : _b.call(ttPolicy, html)) != null ? _c : html;
+    return element;
+  }
+
+  // lib/crypto.ts
+  function compress(input, compressionFormat, outputType = "string") {
+    return __async(this, null, function* () {
+      const byteArray = typeof input === "string" ? new TextEncoder().encode(input) : input;
+      const comp = new CompressionStream(compressionFormat);
+      const writer = comp.writable.getWriter();
+      writer.write(byteArray);
+      writer.close();
+      const buf = yield new Response(comp.readable).arrayBuffer();
+      return outputType === "arrayBuffer" ? buf : ab2str(buf);
+    });
+  }
+  function decompress(input, compressionFormat, outputType = "string") {
+    return __async(this, null, function* () {
+      const byteArray = typeof input === "string" ? str2ab(input) : input;
+      const decomp = new DecompressionStream(compressionFormat);
+      const writer = decomp.writable.getWriter();
+      writer.write(byteArray);
+      writer.close();
+      const buf = yield new Response(decomp.readable).arrayBuffer();
+      return outputType === "arrayBuffer" ? buf : new TextDecoder().decode(buf);
+    });
+  }
+  function ab2str(buf) {
+    return getUnsafeWindow().btoa(
+      new Uint8Array(buf).reduce((data, byte) => data + String.fromCharCode(byte), "")
+    );
+  }
+  function str2ab(str) {
+    return Uint8Array.from(getUnsafeWindow().atob(str), (c) => c.charCodeAt(0));
+  }
+  function computeHash(input, algorithm = "SHA-256") {
+    return __async(this, null, function* () {
+      let data;
+      if (typeof input === "string") {
+        const encoder = new TextEncoder();
+        data = encoder.encode(input);
+      } else
+        data = input;
+      const hashBuffer = yield crypto.subtle.digest(algorithm, data);
+      const hashArray = Array.from(new Uint8Array(hashBuffer));
+      const hashHex = hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
+      return hashHex;
+    });
+  }
+  function randomId(length = 16, radix = 16, enhancedEntropy = false) {
+    if (enhancedEntropy) {
+      const arr = new Uint8Array(length);
+      crypto.getRandomValues(arr);
+      return Array.from(
+        arr,
+        (v) => mapRange(v, 0, 255, 0, radix).toString(radix).substring(0, 1)
+      ).join("");
+    }
+    return Array.from(
+      { length },
+      () => Math.floor(Math.random() * radix).toString(radix)
+    ).join("");
+  }
+
   // lib/DataStore.ts
   var DataStore = class {
     /**
@@ -432,126 +623,6 @@ Has: ${checksum}`);
     }
   };
 
-  // lib/dom.ts
-  function getUnsafeWindow() {
-    try {
-      return unsafeWindow;
-    } catch (e) {
-      return window;
-    }
-  }
-  function addParent(element, newParent) {
-    const oldParent = element.parentNode;
-    if (!oldParent)
-      throw new Error("Element doesn't have a parent node");
-    oldParent.replaceChild(newParent, element);
-    newParent.appendChild(element);
-    return newParent;
-  }
-  function addGlobalStyle(style) {
-    const styleElem = document.createElement("style");
-    styleElem.innerHTML = style;
-    document.head.appendChild(styleElem);
-    return styleElem;
-  }
-  function preloadImages(srcUrls, rejects = false) {
-    const promises = srcUrls.map((src) => new Promise((res, rej) => {
-      const image = new Image();
-      image.src = src;
-      image.addEventListener("load", () => res(image));
-      image.addEventListener("error", (evt) => rejects && rej(evt));
-    }));
-    return Promise.allSettled(promises);
-  }
-  function openInNewTab(href, background) {
-    try {
-      GM.openInTab(href, background);
-    } catch (e) {
-      const openElem = document.createElement("a");
-      Object.assign(openElem, {
-        className: "userutils-open-in-new-tab",
-        target: "_blank",
-        rel: "noopener noreferrer",
-        href
-      });
-      openElem.style.display = "none";
-      document.body.appendChild(openElem);
-      openElem.click();
-      setTimeout(openElem.remove, 50);
-    }
-  }
-  function interceptEvent(eventObject, eventName, predicate = () => true) {
-    Error.stackTraceLimit = Math.max(Error.stackTraceLimit, 100);
-    if (isNaN(Error.stackTraceLimit))
-      Error.stackTraceLimit = 100;
-    (function(original) {
-      eventObject.__proto__.addEventListener = function(...args) {
-        var _a, _b;
-        const origListener = typeof args[1] === "function" ? args[1] : (_b = (_a = args[1]) == null ? void 0 : _a.handleEvent) != null ? _b : () => void 0;
-        args[1] = function(...a) {
-          if (args[0] === eventName && predicate(Array.isArray(a) ? a[0] : a))
-            return;
-          else
-            return origListener.apply(this, a);
-        };
-        original.apply(this, args);
-      };
-    })(eventObject.__proto__.addEventListener);
-  }
-  function interceptWindowEvent(eventName, predicate = () => true) {
-    return interceptEvent(getUnsafeWindow(), eventName, predicate);
-  }
-  function isScrollable(element) {
-    const { overflowX, overflowY } = getComputedStyle(element);
-    return {
-      vertical: (overflowY === "scroll" || overflowY === "auto") && element.scrollHeight > element.clientHeight,
-      horizontal: (overflowX === "scroll" || overflowX === "auto") && element.scrollWidth > element.clientWidth
-    };
-  }
-  function observeElementProp(element, property, callback) {
-    const elementPrototype = Object.getPrototypeOf(element);
-    if (elementPrototype.hasOwnProperty(property)) {
-      const descriptor = Object.getOwnPropertyDescriptor(elementPrototype, property);
-      Object.defineProperty(element, property, {
-        get: function() {
-          var _a;
-          return (_a = descriptor == null ? void 0 : descriptor.get) == null ? void 0 : _a.apply(this, arguments);
-        },
-        set: function() {
-          var _a;
-          const oldValue = this[property];
-          (_a = descriptor == null ? void 0 : descriptor.set) == null ? void 0 : _a.apply(this, arguments);
-          const newValue = this[property];
-          if (typeof callback === "function") {
-            callback.bind(this, oldValue, newValue);
-          }
-          return newValue;
-        }
-      });
-    }
-  }
-  function getSiblingsFrame(refElement, siblingAmount, refElementAlignment = "center-top", includeRef = true) {
-    var _a, _b;
-    const siblings = [...(_b = (_a = refElement.parentNode) == null ? void 0 : _a.childNodes) != null ? _b : []];
-    const elemSiblIdx = siblings.indexOf(refElement);
-    if (elemSiblIdx === -1)
-      throw new Error("Element doesn't have a parent node");
-    if (refElementAlignment === "top")
-      return [...siblings.slice(elemSiblIdx + Number(!includeRef), elemSiblIdx + siblingAmount + Number(!includeRef))];
-    else if (refElementAlignment.startsWith("center-")) {
-      const halfAmount = (refElementAlignment === "center-bottom" ? Math.ceil : Math.floor)(siblingAmount / 2);
-      const startIdx = Math.max(0, elemSiblIdx - halfAmount);
-      const topOffset = Number(refElementAlignment === "center-top" && siblingAmount % 2 === 0 && includeRef);
-      const btmOffset = Number(refElementAlignment === "center-bottom" && siblingAmount % 2 !== 0 && includeRef);
-      const startIdxWithOffset = startIdx + topOffset + btmOffset;
-      return [
-        ...siblings.filter((_, idx) => includeRef || idx !== elemSiblIdx).slice(startIdxWithOffset, startIdxWithOffset + siblingAmount)
-      ];
-    } else if (refElementAlignment === "bottom")
-      return [...siblings.slice(elemSiblIdx - siblingAmount + Number(includeRef), elemSiblIdx + Number(includeRef))];
-    return [];
-  }
-
   // node_modules/nanoevents/index.js
   var createNanoEvents = () => ({
     emit(event, ...args) {
@@ -796,9 +867,8 @@ Has: ${checksum}`);
         destroyOnClose: false,
         unmountOnClose: true,
         removeListenersOnDestroy: true,
-        smallHeader: false,
-        verticalAlign: "center",
-        dialogCss: defaultDialogCss
+        small: false,
+        verticalAlign: "center"
       }, opts);
       this.id = opts.id;
     }
@@ -806,11 +876,12 @@ Has: ${checksum}`);
     /** Call after DOMContentLoaded to pre-render the dialog and invisibly mount it in the DOM */
     mount() {
       return __async(this, null, function* () {
+        var _a;
         if (this.dialogMounted)
           return;
         this.dialogMounted = true;
         if (!document.querySelector("style.uu-dialog-css"))
-          addGlobalStyle(this.options.dialogCss).classList.add("uu-dialog-css");
+          addGlobalStyle((_a = this.options.dialogCss) != null ? _a : defaultDialogCss).classList.add("uu-dialog-css");
         const bgElem = document.createElement("div");
         bgElem.id = `uu-${this.id}-dialog-bg`;
         bgElem.classList.add("uu-dialog-bg");
@@ -1047,6 +1118,13 @@ Has: ${checksum}`);
       num = num.length;
     return `${word}${num === 1 ? "" : "s"}`;
   }
+  function insertValues(input, ...values) {
+    return input.replace(/%\d/gm, (match) => {
+      var _a, _b;
+      const argIndex = Number(match.substring(1)) - 1;
+      return (_b = (_a = values[argIndex]) != null ? _a : match) == null ? void 0 : _b.toString();
+    });
+  }
   function pauseFor(time) {
     return new Promise((res) => {
       setTimeout(() => res(), time);
@@ -1085,71 +1163,6 @@ Has: ${checksum}`);
       }
     });
   }
-  function insertValues(input, ...values) {
-    return input.replace(/%\d/gm, (match) => {
-      var _a, _b;
-      const argIndex = Number(match.substring(1)) - 1;
-      return (_b = (_a = values[argIndex]) != null ? _a : match) == null ? void 0 : _b.toString();
-    });
-  }
-  function compress(input, compressionFormat, outputType = "string") {
-    return __async(this, null, function* () {
-      const byteArray = typeof input === "string" ? new TextEncoder().encode(input) : input;
-      const comp = new CompressionStream(compressionFormat);
-      const writer = comp.writable.getWriter();
-      writer.write(byteArray);
-      writer.close();
-      const buf = yield new Response(comp.readable).arrayBuffer();
-      return outputType === "arrayBuffer" ? buf : ab2str(buf);
-    });
-  }
-  function decompress(input, compressionFormat, outputType = "string") {
-    return __async(this, null, function* () {
-      const byteArray = typeof input === "string" ? str2ab(input) : input;
-      const decomp = new DecompressionStream(compressionFormat);
-      const writer = decomp.writable.getWriter();
-      writer.write(byteArray);
-      writer.close();
-      const buf = yield new Response(decomp.readable).arrayBuffer();
-      return outputType === "arrayBuffer" ? buf : new TextDecoder().decode(buf);
-    });
-  }
-  function ab2str(buf) {
-    return getUnsafeWindow().btoa(
-      new Uint8Array(buf).reduce((data, byte) => data + String.fromCharCode(byte), "")
-    );
-  }
-  function str2ab(str) {
-    return Uint8Array.from(getUnsafeWindow().atob(str), (c) => c.charCodeAt(0));
-  }
-  function computeHash(input, algorithm = "SHA-256") {
-    return __async(this, null, function* () {
-      let data;
-      if (typeof input === "string") {
-        const encoder = new TextEncoder();
-        data = encoder.encode(input);
-      } else
-        data = input;
-      const hashBuffer = yield crypto.subtle.digest(algorithm, data);
-      const hashArray = Array.from(new Uint8Array(hashBuffer));
-      const hashHex = hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
-      return hashHex;
-    });
-  }
-  function randomId(length = 16, radix = 16, enhancedEntropy = false) {
-    if (enhancedEntropy) {
-      const arr = new Uint8Array(length);
-      crypto.getRandomValues(arr);
-      return Array.from(
-        arr,
-        (v) => mapRange(v, 0, 255, 0, radix).toString(radix).substring(0, 1)
-      ).join("");
-    }
-    return Array.from(
-      { length },
-      () => Math.floor(Math.random() * radix).toString(radix)
-    ).join("");
-  }
 
   // lib/SelectorObserver.ts
   var domLoaded = false;
@@ -1385,6 +1398,7 @@ Has: ${checksum}`);
   exports.randomItem = randomItem;
   exports.randomItemIndex = randomItemIndex;
   exports.randomizeArray = randomizeArray;
+  exports.setInnerHtmlUnsafe = setInnerHtmlUnsafe;
   exports.takeRandomItem = takeRandomItem;
   exports.tr = tr;