@sv443-network/userutils 7.2.1 → 7.2.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sv443-network/userutils
 
+## 7.2.2
+
+### Patch Changes
+
+- a171b0d: Fix color functions not being exported 🥴
+
 ## 7.2.1
 
 ### Patch Changes

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.2.1
+// @version      7.2.2
 // @license      MIT
 // @copyright    Sv443 (https://github.com/Sv443)
 
@@ -128,6 +128,55 @@ var UserUtils = (function (exports) {
     return retArray;
   }
 
+  // lib/colors.ts
+  function hexToRgb(hex) {
+    hex = hex.trim();
+    const bigint = parseInt(hex.startsWith("#") ? hex.slice(1) : hex, 16);
+    const r = bigint >> 16 & 255;
+    const g = bigint >> 8 & 255;
+    const b = bigint & 255;
+    return [clamp(r, 0, 255), clamp(g, 0, 255), clamp(b, 0, 255)];
+  }
+  function rgbToHex(red, green, blue, withHash = true, upperCase = false) {
+    const toHexVal = (n) => clamp(Math.round(n), 0, 255).toString(16).padStart(2, "0")[upperCase ? "toUpperCase" : "toLowerCase"]();
+    return `${withHash ? "#" : ""}${toHexVal(red)}${toHexVal(green)}${toHexVal(blue)}`;
+  }
+  function lightenColor(color, percent) {
+    return darkenColor(color, percent * -1);
+  }
+  function darkenColor(color, percent) {
+    var _a;
+    color = color.trim();
+    const darkenRgb = (r2, g2, b2, percent2) => {
+      r2 = Math.max(0, Math.min(255, r2 - r2 * percent2 / 100));
+      g2 = Math.max(0, Math.min(255, g2 - g2 * percent2 / 100));
+      b2 = Math.max(0, Math.min(255, b2 - b2 * percent2 / 100));
+      return [r2, g2, b2];
+    };
+    let r, g, b, a;
+    const isHexCol = color.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);
+    if (isHexCol)
+      [r, g, b] = hexToRgb(color);
+    else if (color.startsWith("rgb")) {
+      const rgbValues = (_a = color.match(/\d+(\.\d+)?/g)) == null ? void 0 : _a.map(Number);
+      if (rgbValues)
+        [r, g, b, a] = rgbValues;
+      else
+        throw new Error("Invalid RGB/RGBA color format");
+    } else
+      throw new Error("Unsupported color format");
+    [r, g, b] = darkenRgb(r, g, b, percent);
+    const upperCase = color.match(/[A-F]/) !== null;
+    if (isHexCol)
+      return rgbToHex(r, g, b, color.startsWith("#"), upperCase);
+    else if (color.startsWith("rgba"))
+      return `rgba(${r}, ${g}, ${b}, ${a})`;
+    else if (color.startsWith("rgb"))
+      return `rgb(${r}, ${g}, ${b})`;
+    else
+      throw new Error("Unsupported color format");
+  }
+
   // lib/dom.ts
   function getUnsafeWindow() {
     try {
@@ -1376,6 +1425,7 @@ Has: ${checksum}`);
   exports.clamp = clamp;
   exports.compress = compress;
   exports.computeHash = computeHash;
+  exports.darkenColor = darkenColor;
   exports.debounce = debounce;
   exports.decompress = decompress;
   exports.defaultDialogCss = defaultDialogCss;
@@ -1383,10 +1433,12 @@ Has: ${checksum}`);
   exports.fetchAdvanced = fetchAdvanced;
   exports.getSiblingsFrame = getSiblingsFrame;
   exports.getUnsafeWindow = getUnsafeWindow;
+  exports.hexToRgb = hexToRgb;
   exports.insertValues = insertValues;
   exports.interceptEvent = interceptEvent;
   exports.interceptWindowEvent = interceptWindowEvent;
   exports.isScrollable = isScrollable;
+  exports.lightenColor = lightenColor;
   exports.mapRange = mapRange;
   exports.observeElementProp = observeElementProp;
   exports.openDialogs = openDialogs;
@@ -1398,6 +1450,7 @@ Has: ${checksum}`);
   exports.randomItem = randomItem;
   exports.randomItemIndex = randomItemIndex;
   exports.randomizeArray = randomizeArray;
+  exports.rgbToHex = rgbToHex;
   exports.setInnerHtmlUnsafe = setInnerHtmlUnsafe;
   exports.takeRandomItem = takeRandomItem;
   exports.tr = tr;

package/dist/index.js

@@ -108,6 +108,55 @@ function randomizeArray(array) {
   return retArray;
 }
 
+// lib/colors.ts
+function hexToRgb(hex) {
+  hex = hex.trim();
+  const bigint = parseInt(hex.startsWith("#") ? hex.slice(1) : hex, 16);
+  const r = bigint >> 16 & 255;
+  const g = bigint >> 8 & 255;
+  const b = bigint & 255;
+  return [clamp(r, 0, 255), clamp(g, 0, 255), clamp(b, 0, 255)];
+}
+function rgbToHex(red, green, blue, withHash = true, upperCase = false) {
+  const toHexVal = (n) => clamp(Math.round(n), 0, 255).toString(16).padStart(2, "0")[upperCase ? "toUpperCase" : "toLowerCase"]();
+  return `${withHash ? "#" : ""}${toHexVal(red)}${toHexVal(green)}${toHexVal(blue)}`;
+}
+function lightenColor(color, percent) {
+  return darkenColor(color, percent * -1);
+}
+function darkenColor(color, percent) {
+  var _a;
+  color = color.trim();
+  const darkenRgb = (r2, g2, b2, percent2) => {
+    r2 = Math.max(0, Math.min(255, r2 - r2 * percent2 / 100));
+    g2 = Math.max(0, Math.min(255, g2 - g2 * percent2 / 100));
+    b2 = Math.max(0, Math.min(255, b2 - b2 * percent2 / 100));
+    return [r2, g2, b2];
+  };
+  let r, g, b, a;
+  const isHexCol = color.match(/^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/);
+  if (isHexCol)
+    [r, g, b] = hexToRgb(color);
+  else if (color.startsWith("rgb")) {
+    const rgbValues = (_a = color.match(/\d+(\.\d+)?/g)) == null ? void 0 : _a.map(Number);
+    if (rgbValues)
+      [r, g, b, a] = rgbValues;
+    else
+      throw new Error("Invalid RGB/RGBA color format");
+  } else
+    throw new Error("Unsupported color format");
+  [r, g, b] = darkenRgb(r, g, b, percent);
+  const upperCase = color.match(/[A-F]/) !== null;
+  if (isHexCol)
+    return rgbToHex(r, g, b, color.startsWith("#"), upperCase);
+  else if (color.startsWith("rgba"))
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+  else if (color.startsWith("rgb"))
+    return `rgb(${r}, ${g}, ${b})`;
+  else
+    throw new Error("Unsupported color format");
+}
+
 // lib/dom.ts
 function getUnsafeWindow() {
   try {
@@ -1325,4 +1374,4 @@ tr.getLanguage = () => {
   return curLang;
 };
 
-export { DataStore, DataStoreSerializer, Dialog, NanoEmitter, SelectorObserver, addGlobalStyle, addParent, autoPlural, clamp, compress, computeHash, currentDialogId, debounce, decompress, defaultDialogCss, defaultStrings, fetchAdvanced, getSiblingsFrame, getUnsafeWindow, insertValues, interceptEvent, interceptWindowEvent, isScrollable, mapRange, observeElementProp, openDialogs, openInNewTab, pauseFor, preloadImages, randRange, randomId, randomItem, randomItemIndex, randomizeArray, setInnerHtmlUnsafe, takeRandomItem, tr };
+export { DataStore, DataStoreSerializer, Dialog, NanoEmitter, SelectorObserver, addGlobalStyle, addParent, autoPlural, clamp, compress, computeHash, currentDialogId, darkenColor, debounce, decompress, defaultDialogCss, defaultStrings, fetchAdvanced, getSiblingsFrame, getUnsafeWindow, hexToRgb, insertValues, interceptEvent, interceptWindowEvent, isScrollable, lightenColor, mapRange, observeElementProp, openDialogs, openInNewTab, pauseFor, preloadImages, randRange, randomId, randomItem, randomItemIndex, randomizeArray, rgbToHex, setInnerHtmlUnsafe, takeRandomItem, tr };

package/dist/lib/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./array.js";
+export * from "./colors.js";
 export * from "./crypto.js";
 export * from "./DataStore.js";
 export * from "./DataStoreSerializer.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sv443-network/userutils",
   "libName": "UserUtils",
-  "version": "7.2.1",
+  "version": "7.2.2",
   "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",
   "main": "dist/index.js",
   "module": "dist/index.mjs",