@sv443-network/userutils 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sv443-network/userutils
 
+## 0.5.2
+
+### Patch Changes
+
+- 18d4a10: make npm bundle smaller
+
 ## 0.5.1
 
 ### Patch Changes

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@sv443-network/userutils",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Library with various utilities for userscripts - register listeners for when CSS selectors exist, intercept events, modify the DOM more easily and more ",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
     "lint": "tsc && eslint .",
-    "build-common": "tsup lib/index.ts --format cjs,esm,iife --dts --clean --treeshake",
+    "build-common": "tsup lib/index.ts --format cjs,esm --dts --clean --treeshake",
+    "build-iife": "tsup lib/index.ts --format cjs,esm,iife --dts --clean --treeshake --minify",
     "build": "npm run build-common -- --minify",
     "dev": "npm run build-common -- --sourcemap --watch",
     "publish-package": "npm run build && changeset publish"
@@ -39,9 +40,14 @@
     "tsup": "^7.2.0",
     "typescript": "^5.1.6"
   },
-  "browserslist": [
-    "last 1 version",
-    "> 1%",
-    "not dead"
+  "files": [
+    "/dist/index.js",
+    "/dist/index.mjs",
+    "/dist/index.d.ts",
+    "/dist/index.d.mts",
+    "/package.json",
+    "/README.md",
+    "/CHANGELOG.md",
+    "/LICENSE.txt"
   ]
 }

package/README.greasyfork.md

@@ -1,75 +0,0 @@
-## UserUtils
-Library with various utilities for userscripts - register listeners for when CSS selectors exist, intercept events, modify the DOM more easily and more.  
-Contains builtin TypeScript declarations. Webpack compatible and supports ESM and CJS.  
-Licensed under the [MIT license.](https://github.com/Sv443-Network/UserUtils/blob/main/LICENSE.txt)  
-  
-If you like using this library, please consider [supporting the development ❤️](https://github.com/sponsors/Sv443)
-
-<br>
-
-### Full documentation [on GitHub](https://github.com/Sv443-Network/UserUtils#readme)
-
-<br>
-
-## Features:
-- DOM:
-    - [onSelector()](https://github.com/Sv443-Network/UserUtils#onselector) - call a listener once a selector is found in the DOM
-    - [initOnSelector()](https://github.com/Sv443-Network/UserUtils#initonselector) - needs to be called once to be able to use `onSelector()`
-    - [getSelectorMap()](https://github.com/Sv443-Network/UserUtils#getselectormap) - returns all currently registered selectors, listeners and options
-    - [getUnsafeWindow()](https://github.com/Sv443-Network/UserUtils#getunsafewindow) - get the unsafeWindow object or fall back to the regular window object
-    - [insertAfter()](https://github.com/Sv443-Network/UserUtils#insertafter) - insert an element as a sibling after another element
-    - [addParent()](https://github.com/Sv443-Network/UserUtils#addparent) - add a parent element around another element
-    - [addGlobalStyle()](https://github.com/Sv443-Network/UserUtils#addglobalstyle) - add a global style to the page
-    - [preloadImages()](https://github.com/Sv443-Network/UserUtils#preloadimages) - preload images into the browser cache for faster loading later on
-    - [openInNewTab()](https://github.com/Sv443-Network/UserUtils#openinnewtab) - open a link in a new tab
-    - [interceptEvent()](https://github.com/Sv443-Network/UserUtils#interceptevent) - conditionally intercepts events registered by `addEventListener()` on any given EventTarget object
-    - [interceptWindowEvent()](https://github.com/Sv443-Network/UserUtils#interceptwindowevent) - conditionally intercepts events registered by `addEventListener()` on the window object
-    - [amplifyMedia()](https://github.com/Sv443-Network/UserUtils#amplifymedia) - amplify an audio or video element's volume past the maximum of 100%
-- Math:
-    - [clamp()](https://github.com/Sv443-Network/UserUtils#clamp) - constrain a number between a min and max value
-    - [mapRange()](https://github.com/Sv443-Network/UserUtils#maprange) - map a number from one range to the same spot in another range
-    - [randRange()](https://github.com/Sv443-Network/UserUtils#randrange) - generate a random number between a min and max boundary
-- Misc:
-    - [autoPlural()](https://github.com/Sv443-Network/UserUtils#autoplural) - automatically pluralize a string
-    - [pauseFor()](https://github.com/Sv443-Network/UserUtils#pausefor) - pause the execution of a function for a given amount of time
-    - [debounce()](https://github.com/Sv443-Network/UserUtils#debounce) - call a function only once, after a given amount of time
-    - [fetchAdvanced()](https://github.com/Sv443-Network/UserUtils#fetchadvanced) - wrapper around the fetch API with a timeout option
-- Arrays:
-    - [randomItem()](https://github.com/Sv443-Network/UserUtils#randomitem) - returns a random item from an array
-    - [randomItemIndex()](https://github.com/Sv443-Network/UserUtils#randomitemindex) - returns a tuple of a random item and its index from an array
-    - [takeRandomItem()](https://github.com/Sv443-Network/UserUtils#takerandomitem) - returns a random item from an array and mutates it to remove the item
-    - [randomizeArray()](https://github.com/Sv443-Network/UserUtils#randomizearray) - returns a copy of the array with its items in a random order
-
-<br><br>
-
-## Installation:
-- If you are using a bundler like webpack, you can install this package using npm:
-    ```
-    npm i @sv443-network/userutils
-    ```
-
-    Then, import it in your script as usual:
-    ```ts
-    import { addGlobalStyle } from "@sv443-network/userutils";
-    // or
-    import * as userUtils from "@sv443-network/userutils";
-    ```
-
-    Shameless plug: I also have a [webpack-based template for userscripts in TypeScript](https://github.com/Sv443/Userscript.ts) that you can use to get started quickly.
-
-<br>
-
-- If you are not using a bundler, you can include the latest release from GreasyFork by adding this directive to the userscript header:
-    ```
-    // @require https://greasyfork.org/scripts/472956-userutils/code/UserUtils.js
-    ```
-
-    Then, access the functions on the global variable `UserUtils`:
-    ```ts
-    UserUtils.addGlobalStyle("body { background-color: red; }");
-
-    // or using object destructuring:
-
-    const { clamp } = UserUtils;
-    console.log(clamp(1, 5, 10); // 5
-    ```

package/dist/index.global.js

@@ -1,33 +0,0 @@
-(function (exports) {
-	'use strict';
-
-	var h=Object.defineProperty,y=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var f=(n,e,t)=>e in n?h(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e)=>{for(var t in e||(e={}))w.call(e,t)&&f(n,t,e[t]);if(p)for(var t of p(e))v.call(e,t)&&f(n,t,e[t]);return n},b=(n,e)=>y(n,g(e));var x=(n,e,t)=>new Promise((r,o)=>{var i=s=>{try{a(t.next(s));}catch(l){o(l);}},u=s=>{try{a(t.throw(s));}catch(l){o(l);}},a=s=>s.done?r(s.value):Promise.resolve(s.value).then(i,u);a((t=t.apply(n,e)).next());});function A(n,e,t){return Math.max(Math.min(n,t),e)}function N(n,e,t,r,o){return Number(e)===0&&Number(r)===0?n*(o/t):(n-e)*((o-r)/(t-e))+r}function d(...n){let e,t;if(typeof n[0]=="number"&&typeof n[1]=="number")[e,t]=n;else if(typeof n[0]=="number"&&typeof n[1]!="number")e=0,t=n[0];else throw new TypeError(`Wrong parameter(s) provided - expected: "number" and "number|undefined", got: "${typeof n[0]}" and "${typeof n[1]}"`);if(e=Number(e),t=Number(t),isNaN(e)||isNaN(t))throw new TypeError(`Parameters "min" and "max" can't be NaN`);if(e>t)throw new TypeError(`Parameter "min" can't be bigger than "max"`);return Math.floor(Math.random()*(t-e+1))+e}function H(n){return T(n)[0]}function T(n){if(n.length===0)return [void 0,void 0];let e=d(n.length-1);return [n[e],e]}function I(n){let[e,t]=T(n);if(t!==void 0)return n.splice(t,1),e}function C(n){let e=[...n];if(n.length===0)return n;for(let t=e.length-1;t>0;t--){let r=Math.floor(d(0,1e4)/1e4*(t+1));[e[t],e[r]]=[e[r],e[t]];}return e}function L(){try{return unsafeWindow}catch(n){return window}}function j(n,e){var t;return (t=n.parentNode)==null||t.insertBefore(e,n.nextSibling),e}function R(n,e){let t=n.parentNode;if(!t)throw new Error("Element doesn't have a parent node");return t.replaceChild(e,n),e.appendChild(n),e}function F(n){let e=document.createElement("style");e.innerHTML=n,document.head.appendChild(e);}function W(n,e=!1){let t=n.map(r=>new Promise((o,i)=>{let u=new Image;u.src=r,u.addEventListener("load",()=>o(u)),u.addEventListener("error",a=>e&&i(a));}));return Promise.allSettled(t)}function $(n){let e=document.createElement("a");Object.assign(e,{className:"userutils-open-in-new-tab",target:"_blank",rel:"noopener noreferrer",href:n}),e.style.display="none",document.body.appendChild(e),e.click(),setTimeout(e.remove,50);}function M(n,e,t){typeof Error.stackTraceLimit=="number"&&Error.stackTraceLimit<1e3&&(Error.stackTraceLimit=1e3),function(r){element.__proto__.addEventListener=function(...o){if(!(o[0]===e&&t()))return r.apply(this,o)};}(n.__proto__.addEventListener);}function q(n,e){return M(L(),n,e)}function G(n,e=1){let t=new(window.AudioContext||window.webkitAudioContext),r={mediaElement:n,amplify:o=>{r.gain.gain.value=o;},getAmpLevel:()=>r.gain.gain.value,context:t,source:t.createMediaElementSource(n),gain:t.createGain()};return r.source.connect(r.gain),r.gain.connect(t.destination),r.amplify(e),r}function B(n,e){return (Array.isArray(e)||e instanceof NodeList)&&(e=e.length),`${n}${e===1?"":"s"}`}function U(n){return new Promise(e=>{setTimeout(e,n);})}function D(n,e=300){let t;return function(...r){clearTimeout(t),t=setTimeout(()=>n.apply(this,r),e);}}function J(t){return x(this,arguments,function*(n,e={}){let{timeout:r=1e4}=e,o=new AbortController,i=setTimeout(()=>o.abort(),r),u=yield fetch(n,b(m({},e),{signal:o.signal}));return clearTimeout(i),u})}var c=new Map;function V(n,e){let t=[];c.has(n)&&(t=c.get(n)),t.push(e),c.set(n,t),E(n,t);}function X(n){return c.delete(n)}function E(n,e){let t=[];if(e.forEach((r,o)=>{try{let i=r.all?document.querySelectorAll(n):document.querySelector(n);(i!==null&&i instanceof NodeList&&i.length>0||i!==null)&&(r.listener(i),r.continuous||t.push(o));}catch(i){console.error(`Couldn't call listener for selector '${n}'`,i);}}),t.length>0){let r=e.filter((o,i)=>!t.includes(i));r.length===0?c.delete(n):c.set(n,r);}}function Y(n={}){new MutationObserver(()=>{for(let[t,r]of c.entries())E(t,r);}).observe(document.body,m({subtree:!0,childList:!0},n));}function Z(){return c}
-
-	exports.addGlobalStyle = F;
-	exports.addParent = R;
-	exports.amplifyMedia = G;
-	exports.autoPlural = B;
-	exports.clamp = A;
-	exports.debounce = D;
-	exports.fetchAdvanced = J;
-	exports.getSelectorMap = Z;
-	exports.getUnsafeWindow = L;
-	exports.initOnSelector = Y;
-	exports.insertAfter = j;
-	exports.interceptEvent = M;
-	exports.interceptWindowEvent = q;
-	exports.mapRange = N;
-	exports.onSelector = V;
-	exports.openInNewTab = $;
-	exports.pauseFor = U;
-	exports.preloadImages = W;
-	exports.randRange = d;
-	exports.randomItem = H;
-	exports.randomItemIndex = T;
-	exports.randomizeArray = C;
-	exports.removeOnSelector = X;
-	exports.takeRandomItem = I;
-
-	return exports;
-
-})({});