get-browser-fingerprint - npm Package Compare versions

Comparing version 1.1.0 to 2.0.0

package.json

 {
     "name": "get-browser-fingerprint",
-    "version": "1.1.0",
+    "version": "2.0.0",
     "author": "Damiano Barbati <[e-mail]> (http://github.com/damianobarbati)",
@@ -10,8 +10,16 @@ "repository": "https://github.com/damianobarbati/get-browser-fingerprint",
     "scripts": {
+        "eslint": "eslint --ignore-path .gitignore",
+        "prettier": "prettier --ignore-unknown",
         "test": "node src/index.spec.js || echo 'test failed'"
     },
     "devDependencies": {
-        "eslint": "^7.8.1",
-        "puppeteer": "^5.2.1"
+        "@babel/eslint-parser": "^7.13.14",
+        "eslint": "^7.26.0",
+        "eslint-config-prettier": "^8.1.0",
+        "eslint-plugin-editorconfig": "^3.0.2",
+        "eslint-plugin-prettier": "^3.3.1",
+        "http-server": "^0.12.3",
+        "prettier": "^2.2.1",
+        "puppeteer": "^9.1.1"
     }
 }

README.md

@@ -14,7 +14,4 @@ # get-browser-fingerprint
 
-Get a "stable" browser fingerprint across os/browser updates taking into account only hardware:
-```javascript
-import getBrowserFingerprint from 'get-browser-fingerprint';
-const fingerprint = getBrowserFingerprint(true);
-console.log(fingerprint);
-```
+Options available:
+- `enableWebgl`: enable webgl renderer, 5x times slower but deadly powerful (default `false`)
+- `debug`: log data used to generate fingerprint to console (default `false`)

src/index.js

@@ -1,121 +0,237 @@
-export default hardwareOnly => {
-    const { userAgent, language, languages, platform, hardwareConcurrency, deviceMemory } = window.navigator;
+export default ({ enableWebgl = false, debug = false }) => {
+    let { devicePixelRatio } = window;
+    // weird behaviour when getting value from localhost vs ip!!!
+    devicePixelRatio = +parseInt(devicePixelRatio);
+
+    const {
+        appName,
+        appCodeName,
+        appVersion,
+        cookieEnabled,
+        deviceMemory,
+        doNotTrack,
+        hardwareConcurrency,
+        language,
+        languages,
+        maxTouchPoints,
+        platform,
+        product,
+        productSub,
+        userAgent,
+        vendor,
+        vendorSub,
+        webdriver,
+    } = window.navigator;
+
     const plugins = Object.entries(window.navigator.plugins).map(([, plugin]) => plugin.name);
-    const { colorDepth, availWidth, availHeight } = window.screen;
+    const mimeTypes = Object.entries(window.navigator.mimeTypes).map(([, mimeType]) => mimeType.type);
+
+    const { width, height, colorDepth, pixelDepth } = window.screen;
     const timezoneOffset = new Date().getTimezoneOffset();
     const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     const touchSupport = 'ontouchstart' in window;
-    const canvas = (() => {
-        try {
-            const canvas = document.createElement('canvas');
-            const ctx = canvas.getContext('2d');
-            ctx.textBaseline = 'top';
-            ctx.font = "14px 'Arial'";
-            ctx.textBaseline = 'alphabetic';
-            ctx.fillStyle = '#f60';
-            ctx.fillRect(125, 1, 62, 20);
-            ctx.fillStyle = '#069';
-            ctx.fillText("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`~1!2@3#4$5%6^7&8*9(0)-_=+[{]}|;:',<.>/?", 2, 15);
-            ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
-            ctx.fillText("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`~1!2@3#4$5%6^7&8*9(0)-_=+[{]}|;:',<.>/?", 4, 17);
 
-            const result = canvas.toDataURL();
-            return result;
-        }
-        catch (error) {
-            return error;
-        }
-    })();
+    const canvas = getCanvasID(debug);
+    const webgl = enableWebgl ? getWebglID(debug) : null;
+    const webglInfo = getWebglInfo(debug);
 
-    const data = hardwareOnly ?
-        JSON.stringify({
-            platform,
-            hardwareConcurrency,
-            deviceMemory,
-            colorDepth,
-            availWidth,
-            availHeight,
-            touchSupport,
-            canvas,
-        }) :
-        JSON.stringify({
-            userAgent,
-            language,
-            languages,
-            platform,
-            hardwareConcurrency,
-            deviceMemory,
-            plugins,
-            colorDepth,
-            availWidth,
-            availHeight,
-            timezoneOffset,
-            timezone,
-            touchSupport,
-            canvas,
-        });
+    const data = {
+        devicePixelRatio,
+        appName,
+        appCodeName,
+        appVersion,
+        cookieEnabled,
+        deviceMemory,
+        doNotTrack,
+        hardwareConcurrency,
+        language,
+        languages,
+        maxTouchPoints,
+        mimeTypes,
+        platform,
+        plugins,
+        product,
+        productSub,
+        userAgent,
+        vendor,
+        vendorSub,
+        webdriver,
+        width,
+        height,
+        colorDepth,
+        pixelDepth,
+        timezoneOffset,
+        timezone,
+        touchSupport,
+        canvas,
+        webgl,
+        webglInfo,
+    };
 
-    const murmurhash3_32_gc = key => {
-        const remainder = key.length & 3; // key.length % 4
-        const bytes = key.length - remainder;
-        const c1 = 0xcc9e2d51;
-        const c2 = 0x1b873593;
+    const datastring = JSON.stringify(data, null, 4);
 
-        let h1, h1b, k1;
+    if (debug) console.log('fingerprint data', datastring);
 
-        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);
-            ++i;
+    const result = murmurhash3_32_gc(datastring);
+    return result;
+};
 
-            k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
-            k1 = (k1 << 15) | (k1 >>> 17);
-            k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
+export const getCanvasID = (debug) => {
+    try {
+        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.font = "14px 'Arial'";
+        ctx.textBaseline = 'alphabetic';
+        ctx.fillStyle = '#f60';
+        ctx.fillRect(125, 1, 62, 20);
+        ctx.fillStyle = '#069';
+        ctx.fillText(text, 2, 15);
+        ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
+        ctx.fillText(text, 4, 17);
 
-            h1 ^= k1;
-            h1 = (h1 << 13) | (h1 >>> 19);
-            h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
-            h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
+        const result = canvas.toDataURL();
+
+        if (debug) {
+            document.body.appendChild(canvas);
+        } else {
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
         }
 
-        const i = bytes - 1;
+        return murmurhash3_32_gc(result);
+    } catch {
+        return null;
+    }
+};
 
-        k1 = 0;
+export const getWebglID = (debug) => {
+    try {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('webgl');
+        canvas.width = 256;
+        canvas.height = 128;
 
-        switch (remainder) {
-            case 3: {
-                k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
-                break;
-            }
-            case 2: {
-                k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
-                break;
-            }
-            case 1: {
-                k1 ^= (key.charCodeAt(i) & 0xff);
-                break
-            }
+        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);}';
+        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);
+
+        const j = ctx.createProgram();
+        const k = ctx.createShader(ctx.VERTEX_SHADER);
+
+        ctx.shaderSource(k, f);
+        ctx.compileShader(k);
+
+        const l = ctx.createShader(ctx.FRAGMENT_SHADER);
+
+        ctx.shaderSource(l, g);
+        ctx.compileShader(l);
+        ctx.attachShader(j, k);
+        ctx.attachShader(j, l);
+        ctx.linkProgram(j);
+        ctx.useProgram(j);
+
+        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);
+        ctx.uniform2f(j.offsetUniform, 1, 1);
+        ctx.drawArrays(ctx.TRIANGLE_STRIP, 0, h.numItems);
+
+        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, '');
+
+        if (debug) {
+            document.body.appendChild(canvas);
+        } else {
+            ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT | ctx.STENCIL_BUFFER_BIT);
         }
 
-        k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+        return murmurhash3_32_gc(result);
+    } catch {
+        return null;
+    }
+};
+
+export const getWebglInfo = () => {
+    try {
+        const ctx = document.createElement('canvas').getContext('webgl');
+
+        const result = {
+            VERSION: ctx.getParameter(ctx.VERSION),
+            SHADING_LANGUAGE_VERSION: ctx.getParameter(ctx.SHADING_LANGUAGE_VERSION),
+            VENDOR: ctx.getParameter(ctx.VENDOR),
+            SUPORTED_EXTENSIONS: ctx.getSupportedExtensions(),
+        };
+
+        return result;
+    } catch {
+        return null;
+    }
+};
+
+export const murmurhash3_32_gc = (key) => {
+    const remainder = key.length & 3; // key.length % 4
+    const bytes = key.length - remainder;
+    const c1 = 0xcc9e2d51;
+    const c2 = 0x1b873593;
+
+    let h1, h1b, 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);
+        ++i;
+
+        k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
         k1 = (k1 << 15) | (k1 >>> 17);
-        k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+        k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+
         h1 ^= k1;
+        h1 = (h1 << 13) | (h1 >>> 19);
+        h1b = ((h1 & 0xffff) * 5 + ((((h1 >>> 16) * 5) & 0xffff) << 16)) & 0xffffffff;
+        h1 = (h1b & 0xffff) + 0x6b64 + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16);
+    }
 
-        h1 ^= key.length;
+    const i = bytes - 1;
 
-        h1 ^= h1 >>> 16;
-        h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
-        h1 ^= h1 >>> 13;
-        h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
-        h1 ^= h1 >>> 16;
+    k1 = 0;
 
-        return h1 >>> 0;
+    switch (remainder) {
+        case 3: {
+            k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+            break;
+        }
+        case 2: {
+            k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+            break;
+        }
+        case 1: {
+            k1 ^= key.charCodeAt(i) & 0xff;
+            break;
+        }
     }
 
-    const result = murmurhash3_32_gc(data);
-    return result;
+    k1 = ((k1 & 0xffff) * c1 + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+    k1 = (k1 << 15) | (k1 >>> 17);
+    k1 = ((k1 & 0xffff) * c2 + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+    h1 ^= k1;
+
+    h1 ^= key.length;
+
+    h1 ^= h1 >>> 16;
+    h1 = ((h1 & 0xffff) * 0x85ebca6b + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
+    h1 ^= h1 >>> 13;
+    h1 = ((h1 & 0xffff) * 0xc2b2ae35 + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16)) & 0xffffffff;
+    h1 ^= h1 >>> 16;
+
+    return h1 >>> 0;
 };

src/index.spec.js

@@ -25,2 +25,5 @@ import { strict as assert } from 'assert';
     })();
-})().then(console.log).catch(console.error).finally(process.exit);
+})()
+    .then(console.log)
+    .catch(console.error)
+    .finally(process.exit);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10806

increased by66.73%

Number of package files

11

increased by83.33%

Lines of code

219

increased by72.44%

Worsened metrics

Dev dependency count

8

increased by300%

Number of lines in readme file

17

decreased by-15%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes