get-browser-fingerprint 2.1.1 → 3.1.0

package/package.json

@@ -1,19 +1,24 @@
 {
   "name": "get-browser-fingerprint",
-  "version": "2.1.1",
+  "version": "3.1.0",
   "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",
+  "files": [
+    "README.md",
+    "package.json",
+    "src/index.js"
+  ],
   "type": "module",
   "scripts": {
     "eslint": "eslint --ignore-path .gitignore --fix",
-    "test": "NODE_OPTIONS='--experimental-vm-modules' jest --runInBand --no-cache"
+    "test": "vitest run"
   },
   "devDependencies": {
-    "eslint-config-xs": "^1.3.0",
+    "eslint-config-xs": "^2.6.1",
     "http-server": "^14.1.1",
-    "jest": "^28.1.3",
-    "puppeteer": "^16.1.1"
+    "puppeteer": "^21.4.1",
+    "vitest": "^0.34.6"
   }
 }

package/src/index.js

@@ -1,10 +1,5 @@
 const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debug = false } = {}) => {
-  const devicePixelRatio = +parseInt(window.devicePixelRatio);
-
   const {
-    appName,
-    appCodeName,
-    appVersion,
     cookieEnabled,
     deviceMemory,
     doNotTrack,
@@ -13,17 +8,15 @@ const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debu
     languages,
     maxTouchPoints,
     platform,
-    product,
-    productSub,
     userAgent,
     vendor,
-    vendorSub,
   } = window.navigator;
 
   const { width, height, colorDepth, pixelDepth } = window.screen;
   const timezoneOffset = new Date().getTimezoneOffset();
   const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const touchSupport = 'ontouchstart' in window;
+  const devicePixelRatio = window.devicePixelRatio;
 
   const canvas = getCanvasID(debug);
   const webgl = enableWebgl ? getWebglID(debug) : undefined; // undefined will remove this from the stringify down here
@@ -46,9 +39,6 @@ const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debu
         width,
       })
     : JSON.stringify({
-        appCodeName,
-        appName,
-        appVersion,
         canvas,
         colorDepth,
         cookieEnabled,
@@ -62,14 +52,11 @@ const getBrowserFingerprint = ({ hardwareOnly = false, enableWebgl = false, debu
         maxTouchPoints,
         pixelDepth,
         platform,
-        product,
-        productSub,
         timezone,
         timezoneOffset,
         touchSupport,
         userAgent,
         vendor,
-        vendorSub,
         webgl,
         webglInfo,
         width,
@@ -121,7 +108,8 @@ export const getWebglID = (debug) => {
 
     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 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);
@@ -175,10 +163,10 @@ export const getWebglInfo = () => {
     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(),
+      VERSION: String(ctx.getParameter(ctx.VERSION)),
+      SHADING_LANGUAGE_VERSION: String(ctx.getParameter(ctx.SHADING_LANGUAGE_VERSION)),
+      VENDOR: String(ctx.getParameter(ctx.VENDOR)),
+      SUPORTED_EXTENSIONS: String(ctx.getSupportedExtensions()),
     };
 
     return result;
@@ -196,7 +184,11 @@ export const murmurhash3_32_gc = (key) => {
   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);
+    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;
@@ -244,5 +236,8 @@ export const murmurhash3_32_gc = (key) => {
   return h1 >>> 0;
 };
 
-window.getBrowserFingerprint = getBrowserFingerprint;
+if (typeof window !== 'undefined') {
+  window.getBrowserFingerprint = getBrowserFingerprint;
+}
+
 export default getBrowserFingerprint;

package/.babelrc

@@ -1 +0,0 @@
-{}

package/.eslintrc

@@ -1,8 +0,0 @@
-{
-  "extends": [
-    "eslint-config-xs/react"
-  ],
-  "rules": {
-    "jest/no-done-callback": "off"
-  }
-}

package/.github/workflows/commit.yml

@@ -1,24 +0,0 @@
-name: tag
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  test:
-    runs-on: ubuntu-22.04
-    timeout-minutes: 3
-    steps:
-      - name: checkout
-        uses: actions/checkout@v2
-
-      - name: setup node
-        uses: actions/setup-node@v2
-        with:
-          node-version-file: '.nvmrc'
-
-      - name: test
-        run: |
-          yarn install
-          yarn test

package/.github/workflows/tag.yml

@@ -1,28 +0,0 @@
-name: tag
-
-on:
-  push:
-    tags:
-      - v*
-
-jobs:
-  release:
-    runs-on: ubuntu-22.04
-    timeout-minutes: 3
-    steps:
-      - name: checkout
-        uses: actions/checkout@v2
-
-      - name: setup node
-        uses: actions/setup-node@v2
-        with:
-          node-version-file: '.nvmrc'
-          registry-url: https://registry.npmjs.org/
-
-      - name: release
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-        run: |
-          yarn install
-          yarn test
-          npm publish

package/.jest-run/Template Jest.run.xml

@@ -1,9 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="true" type="JavaScriptTestRunnerJest">
-    <node-interpreter value="project" />
-    <node-options value="--experimental-vm-modules" />
-    <working-dir value="" />
-    <scope-kind value="ALL" />
-    <method v="2" />
-  </configuration>
-</component>

package/.nvmrc

@@ -1 +0,0 @@
-v16.16

package/jest.config.js

@@ -1,7 +0,0 @@
-export default {
-  testEnvironment: 'node',
-  clearMocks: true,
-  collectCoverage: true,
-  coverageDirectory: 'coverage',
-  coverageProvider: 'v8',
-};

package/src/index.html

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>get-browser-fingerprint demo</title>
-  </head>
-  <body>
-    <h1>get-browser-fingerprint</h1>
-
-    <h2 id="default"></h2>
-    <h2 id="hardwareOnly"></h2>
-    <h2 id="enableWebgl"></h2>
-
-    <script type="module">
-      import getFingerprint from './index.js';
-
-      args_default: {
-        const t0 = performance.now();
-        const fingerprint = getFingerprint({ debug: true });
-        const t1 = performance.now();
-
-        const result = `Fingerprint: ${fingerprint} (computed in ${(t1 - t0).toFixed(0)} ms)`;
-        console.log(result);
-        document.getElementById('default').innerText = result;
-      }
-
-      args_hardwareOnly: {
-        const t0 = performance.now();
-        const fingerprint = getFingerprint({ hardwareOnly: true, debug: true });
-        const t1 = performance.now();
-
-        const result = `Fingerprint with hardwareOnly=true: ${fingerprint} (computed in ${(t1 - t0).toFixed(0)} ms)`;
-        console.log(result);
-        document.getElementById('hardwareOnly').innerText = result;
-      }
-
-      args_enableWebgl: {
-        const t0 = performance.now();
-        const fingerprint = getFingerprint({ enableWebgl: true, debug: true });
-        const t1 = performance.now();
-
-        const result = `Fingerprint with enableWebgl=true: ${fingerprint} (computed in ${(t1 - t0).toFixed(0)} ms)`;
-        console.log(result);
-        document.getElementById('enableWebgl').innerText = result;
-      }
-    </script>
-  </body>
-</html>

package/src/index.spec.js

@@ -1,52 +0,0 @@
-import puppeteer from 'puppeteer';
-
-describe('getBrowserFingerprint', () => {
-  let browser, page;
-
-  beforeAll(async () => {
-    browser = await puppeteer.launch({
-      // headless: false,
-      // devtools: true,
-    });
-    page = await browser.newPage();
-
-    await page.addScriptTag({
-      type: 'module',
-      path: './src/index.js',
-    });
-  });
-
-  afterAll(async () => {
-    await browser.close();
-  });
-
-  it('works without args', async () => {
-    const result = await page.evaluate(() => {
-      const result = window.getBrowserFingerprint();
-      return result;
-    });
-
-    expect(typeof result).toBe('number');
-    expect(String(result).length).toBeGreaterThanOrEqual(7);
-  });
-
-  it('works without hardwareOnly=true', async () => {
-    const result = await page.evaluate(() => {
-      const result = window.getBrowserFingerprint();
-      return result;
-    });
-
-    expect(typeof result).toBe('number');
-    expect(String(result).length).toBeGreaterThanOrEqual(7);
-  });
-
-  it('works with enableWebgl=true', async () => {
-    const result = await page.evaluate(() => {
-      const result = window.getBrowserFingerprint({ enableWebgl: true });
-      return result;
-    });
-
-    expect(typeof result).toBe('number');
-    expect(String(result).length).toBeGreaterThanOrEqual(7);
-  });
-});

package/src/index.spec.js.bak

@@ -1,34 +0,0 @@
-import { strict as assert } from 'assert';
-import puppeteer from 'puppeteer';
-
-const browser = await puppeteer.launch();
-const page = await browser.newPage();
-
-await page.addScriptTag({
-  type: 'module',
-  path: './src/index.js',
-});
-
-await (async () => {
-  const result = await page.evaluate(() => {
-    const result = getBrowserFingerprint();
-    return result;
-  });
-
-  assert.deepStrictEqual(Number.isInteger(result), true, 'fingerprint is not an integer');
-  assert.deepStrictEqual(String(result).length > 7, true, 'fingerprint is not long enough');
-})();
-
-await (async () => {
-  const browser = await puppeteer.launch();
-  const page = await browser.newPage();
-  const result = await page.evaluate(() => {
-    const result = getBrowserFingerprint({ enableWebgl: true });
-    return result;
-  });
-
-  assert.deepStrictEqual(Number.isInteger(result), true, 'fingerprint is not an integer');
-  assert.deepStrictEqual(String(result).length > 7, true, 'fingerprint is not long enough');
-})();
-
-await browser.close();