@versini/ui-fingerprint 1.1.1 → 1.1.2

package/README.md

@@ -1,3 +1,34 @@
 # @versini/ui-fingerprint
 
-This package provides a simple way to fingerprint a user's browser and device.
+[![npm version](https://img.shields.io/npm/v/@versini/ui-fingerprint?style=flat-square)](https://www.npmjs.com/package/@versini/ui-fingerprint)
+
+> A React component for generating unique visual fingerprints built with TypeScript and TailwindCSS.
+
+The Fingerprint component creates unique visual patterns for user identification, data visualization, or decorative purposes.
+
+
+## Table of Contents
+
+- [Features](#features)
+- [Installation](#installation)
+- [Usage](#usage)
+
+## Installation
+
+```bash
+npm install @versini/ui-fingerprint
+```
+
+> **Note**: This component requires TailwindCSS and the `@versini/ui-styles` plugin for proper styling. See the [root README](../../README.md#tailwindcss-setup) for complete setup instructions.
+
+## Usage
+
+```tsx
+import { Fingerprint } from "@versini/ui-fingerprint";
+
+function App() {
+  return (
+    <Fingerprint seed="unique-identifier" />
+  );
+}
+```

package/dist/index.js

@@ -1,52 +1,50 @@
 /*!
-  @versini/ui-fingerprint v1.1.1
+  @versini/ui-fingerprint v1.1.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_FINGERPRINT__ || (window.__VERSINI_UI_FINGERPRINT__ = {
-    version: "1.1.1",
-    buildTime: "07/14/2025 12:04 PM EDT",
+    version: "1.1.2",
+    buildTime: "08/23/2025 09:10 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const D = (t) => Array.from(t).map((e) => e.toString(16).padStart(2, "0")).join(""), v = async (t) => {
+const D = (t) => Array.from(t).map((e) => e.toString(16).padStart(2, "0")).join(""), w = async (t) => {
   if (t === "")
     return "";
   const e = new TextEncoder().encode(t), o = await crypto.subtle.digest("SHA-256", e);
-  return Array.from(new Uint8Array(o)).map((c) => c.toString(16).padStart(2, "0")).join("");
+  return Array.from(new Uint8Array(o)).map((s) => s.toString(16).padStart(2, "0")).join("");
 };
-function S(t, n) {
+function y(t, n) {
   return new Promise((e) => setTimeout(e, t, n));
 }
 async function T(t, n, e = 50) {
-  var a, c, d;
   const o = document;
   for (; !o.body; )
-    await S(e);
+    await y(e);
   const r = o.createElement("iframe");
   try {
-    for (await new Promise((m, y) => {
-      let g = !1;
-      const f = () => {
-        g = !0, m();
-      }, p = (s) => {
-        g = !0, y(s);
+    for (await new Promise((a, s) => {
+      let l = !1;
+      const m = () => {
+        l = !0, a();
+      }, p = (f) => {
+        l = !0, s(f);
       };
-      r.onload = f, r.onerror = p;
+      r.onload = m, r.onerror = p;
       const { style: u } = r;
       u.setProperty("display", "block", "important"), u.position = "absolute", u.top = "0", u.left = "0", u.visibility = "hidden", r.src = "about:blank", o.body.appendChild(r);
-      const i = () => {
-        var s, l;
-        g || (((l = (s = r.contentWindow) == null ? void 0 : s.document) == null ? void 0 : l.readyState) === "complete" ? f() : setTimeout(i, 10));
+      const g = () => {
+        l || (r.contentWindow?.document?.readyState === "complete" ? m() : setTimeout(g, 10));
       };
-      i();
-    }); !((c = (a = r.contentWindow) == null ? void 0 : a.document) != null && c.body); )
-      await S(e);
+      g();
+    }); !r.contentWindow?.document?.body; )
+      await y(e);
     return await t(r, r.contentWindow);
   } finally {
-    (d = r.parentNode) == null || d.removeChild(r);
+    r.parentNode?.removeChild(r);
   }
 }
 const x = {
@@ -56,16 +54,16 @@ const x = {
     maxChannels: 0,
     channelCountMode: ""
   }
-}, P = async (t) => new Promise((n) => {
+}, H = async (t) => new Promise((n) => {
   try {
     const e = new window.OfflineAudioContext(1, 5e3, 44100), o = e.createBufferSource(), r = e.createOscillator();
     r.frequency.value = 1e3;
     const a = e.createDynamicsCompressor();
-    a.threshold.value = -50, a.knee.value = 40, a.ratio.value = 12, a.attack.value = 0, a.release.value = 0.2, r.connect(a), a.connect(e.destination), r.start(), e.startRendering(), e.oncomplete = (c) => {
-      const d = c.renderedBuffer.getChannelData(0);
+    a.threshold.value = -50, a.knee.value = 40, a.ratio.value = 12, a.attack.value = 0, a.release.value = 0.2, r.connect(a), a.connect(e.destination), r.start(), e.startRendering(), e.oncomplete = (s) => {
+      const l = s.renderedBuffer.getChannelData(0);
       r.disconnect(), a.disconnect(), n({
         audio: {
-          sampleHash: D(d),
+          sampleHash: D(l),
           oscillator: r.type,
           maxChannels: e.destination.maxChannelCount,
           channelCountMode: o.channelCountMode
@@ -82,7 +80,7 @@ const x = {
       }
     });
   }
-}), E = { browser: "" }, H = async (t) => typeof navigator > "u" ? E : { browser: navigator.userAgent }, C = {
+}), v = { browser: "" }, P = async (t) => typeof navigator > "u" ? v : { browser: navigator.userAgent }, E = {
   canvas: {
     data: ""
   }
@@ -94,11 +92,11 @@ const x = {
     ), r = N(o, 300, 30);
     return {
       canvas: {
-        data: (await v(r.data.toString())).toString()
+        data: (await w(r.data.toString())).toString()
       }
     };
   } catch (o) {
-    return t && (console.error("Error creating canvas fingerprint"), console.info(o)), C;
+    return t && (console.error("Error creating canvas fingerprint"), console.info(o)), E;
   }
 }, _ = (t, n) => {
   const e = document.createElement("canvas"), o = e.getContext("2d");
@@ -121,15 +119,15 @@ const x = {
   return e;
 }, N = (t, n, e) => {
   const o = [];
-  for (let c = 0; c < t[0].data.length; c++) {
-    const d = [];
+  for (let s = 0; s < t[0].data.length; s++) {
+    const l = [];
     for (let m = 0; m < t.length; m++)
-      d.push(t[m].data[c]);
-    o.push(F(d));
+      l.push(t[m].data[s]);
+    o.push(F(l));
   }
   const r = o, a = new Uint8ClampedArray(r);
   return new ImageData(a, n, e);
-}, G = [], L = "mmMwWLliI0O&1", k = "48px", h = ["monospace", "sans-serif", "serif"], w = [
+}, G = [], L = "mmMwWLliI0O&1", k = "48px", h = ["monospace", "sans-serif", "serif"], S = [
   "sans-serif-thin",
   "ARNO PRO",
   "Agency FB",
@@ -172,33 +170,33 @@ const x = {
   o.style.fontSize = k;
   const r = e.createElement("div");
   r.style.setProperty("visibility", "hidden", "important");
-  const a = {}, c = {}, d = (i) => {
-    const s = e.createElement("span"), { style: l } = s;
-    return l.position = "absolute", l.top = "0", l.left = "0", l.fontFamily = i, s.textContent = L, r.appendChild(s), s;
-  }, m = (i, s) => d(`'${i}',${s}`), y = () => h.map(d), g = () => {
+  const a = {}, s = {}, l = (i) => {
+    const c = e.createElement("span"), { style: d } = c;
+    return d.position = "absolute", d.top = "0", d.left = "0", d.fontFamily = i, c.textContent = L, r.appendChild(c), c;
+  }, m = (i, c) => l(`'${i}',${c}`), p = () => h.map(l), u = () => {
     const i = {};
-    for (const s of w)
-      i[s] = h.map(
-        (l) => m(s, l)
+    for (const c of S)
+      i[c] = h.map(
+        (d) => m(c, d)
       );
     return i;
-  }, f = (i) => h.some(
-    (s, l) => i[l].offsetWidth !== a[s] || i[l].offsetHeight !== c[s]
-  ), p = y(), u = g();
+  }, g = (i) => h.some(
+    (c, d) => i[d].offsetWidth !== a[c] || i[d].offsetHeight !== s[c]
+  ), f = p(), I = u();
   o.appendChild(r);
   for (let i = 0; i < h.length; i++)
-    a[h[i]] = p[i].offsetWidth, c[h[i]] = p[i].offsetHeight;
-  return w.filter((i) => f(u[i]));
-}), M = {
+    a[h[i]] = f[i].offsetWidth, s[h[i]] = f[i].offsetHeight;
+  return S.filter((i) => g(I[i]));
+}), C = {
   vendor: "",
   vendorUnmasked: "",
   renderer: "",
   rendererUnmasked: "",
   version: "",
   shadingLanguageVersion: ""
-}, b = {
+}, A = {
   hardware: {
-    videocard: M,
+    videocard: C,
     architecture: 0,
     deviceMemory: "undefined",
     jsHeapSizeLimit: 0
@@ -217,7 +215,7 @@ function U() {
       shadingLanguageVersion: (n.getParameter(n.SHADING_LANGUAGE_VERSION) || "").toString()
     };
   }
-  return M;
+  return C;
 }
 function B() {
   const t = new Float32Array(1), n = new Uint8Array(t.buffer);
@@ -237,7 +235,7 @@ const W = () => navigator.deviceMemory || 0, V = () => window.performance && win
       }
     });
   } catch (e) {
-    t && (console.error("Error getting hardware data"), console.info(e)), n(b);
+    t && (console.error("Error getting hardware data"), console.info(e)), n(A);
   }
 }), j = {
   locales: {
@@ -251,7 +249,7 @@ const W = () => navigator.deviceMemory || 0, V = () => window.performance && win
       timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
     }
   });
-}), A = {
+}), M = {
   screen: {
     colorDepth: 0,
     pixelDepth: 0,
@@ -272,7 +270,7 @@ const W = () => navigator.deviceMemory || 0, V = () => window.performance && win
     };
     n(o);
   } catch (e) {
-    t && (console.error("Error creating screen fingerprint"), console.info(e)), n(A);
+    t && (console.error("Error creating screen fingerprint"), console.info(e)), n(M);
   }
 });
 function J() {
@@ -314,9 +312,9 @@ const K = async (t) => {
       }
     };
   } catch (n) {
-    return t && (console.error("Error getting system data"), console.info(n)), I;
+    return t && (console.error("Error getting system data"), console.info(n)), b;
   }
-}, I = {
+}, b = {
   system: {
     platform: "",
     cookieEnabled: !1,
@@ -326,8 +324,8 @@ const K = async (t) => {
 }, Z = async (t) => {
   try {
     return Promise.all([
-      P(t),
-      H(),
+      H(t),
+      P(),
       R(t),
       O(),
       z(t),
@@ -338,19 +336,19 @@ const K = async (t) => {
   } catch {
     return [
       x,
+      v,
       E,
-      C,
       G,
-      b,
-      j,
       A,
-      I
+      j,
+      M,
+      b
     ];
   }
 }, Q = async (t) => {
   try {
     const n = await Z(t);
-    return await v(JSON.stringify(n));
+    return await w(JSON.stringify(n));
   } catch (n) {
     return t && (console.error("Error getting fingerprint hash"), console.info(n)), "";
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-fingerprint",
-	"version": "1.1.1",
+	"version": "1.1.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -15,7 +15,8 @@
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"files": [
-		"dist"
+		"dist",
+		"README.md"
 	],
 	"scripts": {
 		"build:check": "tsc",
@@ -27,10 +28,11 @@
 		"dev:types": "tsup --watch src",
 		"dev": "npm-run-all clean --parallel dev:js dev:types",
 		"lint": "biome lint src",
+		"lint:fix": "biome check src --write --no-errors-on-unmatched",
 		"prettier": "biome check --write --no-errors-on-unmatched",
 		"start": "static-server dist --port 5173",
 		"test:watch": "vitest",
 		"test": "vitest run"
 	},
-	"gitHead": "097e81ba959c30dc2ee37ff9050981a02420360b"
+	"gitHead": "7bbfa99a4441ef5b0828a37d190f694e199b663d"
 }