get-browser-fingerprint 3.1.0 → 3.2.2

package/README.md

@@ -13,7 +13,8 @@ console.log(fingerprint);
 
 Options available:
 - `hardwareOnly` (default `false`): leverage only hardware info about device 
-- `enableWebgl` (default `false`): enable webgl renderer, ~4x times slower but adds another deadly powerful hardware detection layer on top of canvas 
+- `enableWebgl` (default `false`): enable webgl renderer, ~4x times slower but adds another deadly powerful hardware detection layer on top of canvas
+- `enableScreen` (default `true`): enable screen resolution detection, disable it if your userbase may use multiple screens
 - `debug`: log data used to generate fingerprint to console and add canvas/webgl canvas to body to see rendered image (default `false`)
 
 ⚠️ Be careful: the strongest discriminating factor is canvas token which can't be computed on old devices (eg: iPhone 6), deal accordingly ⚠️
@@ -29,5 +30,5 @@ yarn test
 
 To run example locally:
 ```sh
-yarn http-server src -o -c-1 -p 80
-```
+pnpm serve -p 80 ./src
+```

package/package.json

@@ -1,24 +1,26 @@
 {
   "name": "get-browser-fingerprint",
-  "version": "3.1.0",
+  "version": "3.2.2",
   "author": "Damiano Barbati <damiano.barbati@gmail.com> (https://github.com/damianobarbati)",
   "repository": "https://github.com/damianobarbati/get-browser-fingerprint",
   "license": "MIT",
   "main": "src/index.js",
+  "type": "module",
   "files": [
     "README.md",
     "package.json",
-    "src/index.js"
+    "src/index.js",
+    "src/index.d.js"
   ],
-  "type": "module",
+  "types": "./src/index.d.ts",
   "scripts": {
-    "eslint": "eslint --ignore-path .gitignore --fix",
+    "lint": "biome check --write",
     "test": "vitest run"
   },
   "devDependencies": {
-    "eslint-config-xs": "^2.6.1",
-    "http-server": "^14.1.1",
-    "puppeteer": "^21.4.1",
-    "vitest": "^0.34.6"
+    "@biomejs/biome": "^1.8.3",
+    "@playwright/test": "^1.47.0",
+    "serve": "^14.2.3",
+    "vitest": "^2.0.5"
   }
 }

package/src/index.js

@@ -1,21 +1,10 @@
-const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debug = false } = {}) => {
-  const {
-    cookieEnabled,
-    deviceMemory,
-    doNotTrack,
-    hardwareConcurrency,
-    language,
-    languages,
-    maxTouchPoints,
-    platform,
-    userAgent,
-    vendor,
-  } = window.navigator;
-
-  const { width, height, colorDepth, pixelDepth } = window.screen;
+const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, enableScreen = true, debug = false } = {}) => {
+  const { cookieEnabled, deviceMemory, doNotTrack, hardwareConcurrency, language, languages, maxTouchPoints, platform, userAgent, vendor } = window.navigator;
+
+  const { width, height, colorDepth, pixelDepth } = enableScreen ? window.screen : {}; // undefined will remove this from the stringify down here
   const timezoneOffset = new Date().getTimezoneOffset();
   const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-  const touchSupport = 'ontouchstart' in window;
+  const touchSupport = "ontouchstart" in window;
   const devicePixelRatio = window.devicePixelRatio;
 
   const canvas = getCanvasID(debug);
@@ -64,7 +53,7 @@ const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debu
 
   const datastring = JSON.stringify(data, null, 4);
 
-  if (debug) console.log('fingerprint data', datastring);
+  if (debug) console.log("fingerprint data", datastring);
 
   const result = murmurhash3_32_gc(datastring);
   return result;
@@ -72,17 +61,17 @@ const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debu
 
 export const getCanvasID = (debug) => {
   try {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('2d');
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
     const text = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`~1!2@3#4$5%6^7&8*9(0)-_=+[{]}|;:',<.>/?";
-    ctx.textBaseline = 'top';
+    ctx.textBaseline = "top";
     ctx.font = "14px 'Arial'";
-    ctx.textBaseline = 'alphabetic';
-    ctx.fillStyle = '#f60';
+    ctx.textBaseline = "alphabetic";
+    ctx.fillStyle = "#f60";
     ctx.fillRect(125, 1, 62, 20);
-    ctx.fillStyle = '#069';
+    ctx.fillStyle = "#069";
     ctx.fillText(text, 2, 15);
-    ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
+    ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
     ctx.fillText(text, 4, 17);
 
     const result = canvas.toDataURL();
@@ -101,22 +90,23 @@ export const getCanvasID = (debug) => {
 
 export const getWebglID = (debug) => {
   try {
-    const canvas = document.createElement('canvas');
-    const ctx = canvas.getContext('webgl');
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("webgl");
     canvas.width = 256;
     canvas.height = 128;
 
     const f =
-      'attribute vec2 attrVertex;varying vec2 varyinTexCoordinate;uniform vec2 uniformOffset;void main(){varyinTexCoordinate=attrVertex+uniformOffset;gl_Position=vec4(attrVertex,0,1);}';
-    const g =
-      'precision mediump float;varying vec2 varyinTexCoordinate;void main() {gl_FragColor=vec4(varyinTexCoordinate,0,1);}';
+      "attribute vec2 attrVertex;varying vec2 varyinTexCoordinate;uniform vec2 uniformOffset;void main(){varyinTexCoordinate=attrVertex+uniformOffset;gl_Position=vec4(attrVertex,0,1);}";
+    const g = "precision mediump float;varying vec2 varyinTexCoordinate;void main() {gl_FragColor=vec4(varyinTexCoordinate,0,1);}";
     const h = ctx.createBuffer();
 
     ctx.bindBuffer(ctx.ARRAY_BUFFER, h);
 
     const i = new Float32Array([-0.2, -0.9, 0, 0.4, -0.26, 0, 0, 0.7321, 0]);
 
-    ctx.bufferData(ctx.ARRAY_BUFFER, i, ctx.STATIC_DRAW), (h.itemSize = 3), (h.numItems = 3);
+    ctx.bufferData(ctx.ARRAY_BUFFER, i, ctx.STATIC_DRAW);
+    h.itemSize = 3;
+    h.numItems = 3;
 
     const j = ctx.createProgram();
     const k = ctx.createShader(ctx.VERTEX_SHADER);
@@ -133,8 +123,8 @@ export const getWebglID = (debug) => {
     ctx.linkProgram(j);
     ctx.useProgram(j);
 
-    j.vertexPosAttrib = ctx.getAttribLocation(j, 'attrVertex');
-    j.offsetUniform = ctx.getUniformLocation(j, 'uniformOffset');
+    j.vertexPosAttrib = ctx.getAttribLocation(j, "attrVertex");
+    j.offsetUniform = ctx.getUniformLocation(j, "uniformOffset");
 
     ctx.enableVertexAttribArray(j.vertexPosArray);
     ctx.vertexAttribPointer(j.vertexPosAttrib, h.itemSize, ctx.FLOAT, !1, 0, 0);
@@ -144,7 +134,7 @@ export const getWebglID = (debug) => {
     const n = new Uint8Array(canvas.width * canvas.height * 4);
     ctx.readPixels(0, 0, canvas.width, canvas.height, ctx.RGBA, ctx.UNSIGNED_BYTE, n);
 
-    const result = JSON.stringify(n).replace(/,?"[0-9]+":/g, '');
+    const result = JSON.stringify(n).replace(/,?"[0-9]+":/g, "");
 
     if (debug) {
       document.body.appendChild(canvas);
@@ -160,7 +150,7 @@ export const getWebglID = (debug) => {
 
 export const getWebglInfo = () => {
   try {
-    const ctx = document.createElement('canvas').getContext('webgl');
+    const ctx = document.createElement("canvas").getContext("webgl");
 
     const result = {
       VERSION: String(ctx.getParameter(ctx.VERSION)),
@@ -181,14 +171,12 @@ export const murmurhash3_32_gc = (key) => {
   const c1 = 0xcc9e2d51;
   const c2 = 0x1b873593;
 
-  let h1, h1b, k1;
+  let h1;
+  let h1b;
+  let k1;
 
   for (let i = 0; i < bytes; i++) {
-    k1 =
-      (key.charCodeAt(i) & 0xff) |
-      ((key.charCodeAt(++i) & 0xff) << 8) |
-      ((key.charCodeAt(++i) & 0xff) << 16) |
-      ((key.charCodeAt(++i) & 0xff) << 24);
+    k1 = (key.charCodeAt(i) & 0xff) | ((key.charCodeAt(++i) & 0xff) << 8) | ((key.charCodeAt(++i) & 0xff) << 16) | ((key.charCodeAt(++i) & 0xff) << 24);
     ++i;
 
     k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
@@ -236,7 +224,7 @@ export const murmurhash3_32_gc = (key) => {
   return h1 >>> 0;
 };
 
-if (typeof window !== 'undefined') {
+if (typeof window !== "undefined") {
   window.getBrowserFingerprint = getBrowserFingerprint;
 }