@thumbmarkjs/thumbmarkjs 0.12.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Ilkka
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,95 @@
+# ThumbmarkJS
+![GitHub package.json dynamic](https://img.shields.io/github/package-json/version/ilkkapeltola/thumbmarkjs)
+![NPM Version](https://img.shields.io/npm/v/@thumbmarkjs/thumbmarkjs)
+
+ThumbmarkJS is the world's second best browser fingerprinting JavaScript library. While not (yet?) as good, it's a free open source alternative to the market leading [FingerprintJS](https://github.com/fingerprintjs/fingerprintjs). It is easy to use and easily extendable.
+
+ThumbmarkJS is open source (MIT).
+
+## Demo page
+
+You can help this project by visiting the demo page that **logs your fingerprint for analysis**. The logged fingerprint data is only used to improve this library. Visit the page from the link: [Show and log my fingerprint](https://www.thumbmarkjs.com/)
+
+The library works very well to distinguish common browsers.
+
+## Simple usage from CDN
+
+```javascript
+<script src="https://cdn.thumbmarkjs.com/latest/Thumbmark.js"></script>
+<script>
+ThumbmarkJS.getFingerprint().then(
+    function(fp) {
+        console.log(fp);
+    }
+);
+</script>
+
+<!-- or -->
+
+<script>
+import('https://cdn.thumbmarkjs.com/latest/Thumbmark.js')
+.then(() => {
+    ThumbmarkJS.getFingerprint().then((fp) => { console.log(fp)})
+})
+</script>
+
+```
+
+You can also call `ThumbmarkJS.getFingerprintData()` to get a full JSON object with all its components.
+You can also get any previous version from the CDN by replacing `latest` with the version number. Currently the URL would be
+`https://cdn.thumbmarkjs.com/0.11.4/Thumbmark.js`
+
+## Install with NPM
+
+Installing from NPM:
+
+```bash
+npm install @thumbmarkjs/thumbmarkjs
+```
+
+and in your code
+
+```javascript
+import { getFingerprint } from '@thumbmarkjs/thumbmarkjs'
+```
+
+But bear in mind that the library is meant to be running in the browser. Let me know if the library fails on a server side import. However, `getFingerprint()` is not meant to be called server side.
+
+## Build it yourself
+
+Clone this repo and then run
+
+```
+npm run install
+npm run build
+```
+
+## How you can help
+
+Simply going to the [Show and log my fingerprint](https://www.thumbmarkjs.com/)-page helps a lot. The logging is all anonymous and only used to develop this library. Let me know if you run into any errors by opening an issue. The discussion section is also open.
+
+Test cases you can try:
+- Check your fingerprint, then refresh the page with Ctrl + R
+- Refresh without cache
+- Move the window to another screen
+- Try in incognito
+
+if you see a fingerprint change when it shouldn't, you can use [this JSON Diff Finder tool](https://url-decode.com/tool/json-diff) to check what causes the diff.
+
+## Components included in fingerprint
+- audio fingerprint
+- canvas fingerprint
+- webgl fingerprint
+- available fonts and how they render
+- videocard
+- browser languages and time zone
+- browser permissions
+- available plugins
+- a ton of screen details including media queries
+- and a bunch of smaller things
+
+## Technical details
+
+I wanted to create something that's easy to build, extend and use. If you're interested in how the library works, the structure is very simple.
+
+Have a look at the [technical_details](technical_details.md)

package/dist/components/audio/audio.d.ts

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

package/dist/components/audio/audio.js

@@ -0,0 +1,91 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var factory_1 = require("../../factory");
+function createAudioFingerprint() {
+    return __awaiter(this, void 0, void 0, function () {
+        var resultPromise;
+        return __generator(this, function (_a) {
+            resultPromise = new Promise(function (resolve, reject) {
+                try {
+                    // Set up audio parameters
+                    var sampleRate = 44100;
+                    var numSamples = 5000;
+                    var audioContext_1 = new (window.OfflineAudioContext || window.webkitOfflineAudioContext)(1, numSamples, sampleRate);
+                    var audioBuffer_1 = audioContext_1.createBufferSource();
+                    var oscillator_1 = audioContext_1.createOscillator();
+                    oscillator_1.frequency.value = 1000;
+                    var compressor = audioContext_1.createDynamicsCompressor();
+                    compressor.threshold.value = -50;
+                    compressor.knee.value = 40;
+                    compressor.ratio.value = 12;
+                    compressor.attack.value = 0;
+                    compressor.release.value = 0.2;
+                    oscillator_1.connect(compressor);
+                    compressor.connect(audioContext_1.destination);
+                    oscillator_1.start();
+                    var samples_1;
+                    audioContext_1.oncomplete = function (event) {
+                        samples_1 = event.renderedBuffer.getChannelData(0);
+                        resolve({
+                            'sampleHash': calculateHash(samples_1),
+                            'oscillator': oscillator_1.type,
+                            'maxChannels': audioContext_1.destination.maxChannelCount,
+                            'channelCountMode': audioBuffer_1.channelCountMode,
+                        });
+                    };
+                    audioContext_1.startRendering();
+                }
+                catch (error) {
+                    console.error('Error creating audio fingerprint:', error);
+                    reject(error);
+                }
+            });
+            return [2 /*return*/, resultPromise];
+        });
+    });
+}
+function calculateHash(samples) {
+    var hash = 0;
+    for (var i = 0; i < samples.length; ++i) {
+        hash += Math.abs(samples[i]);
+    }
+    return hash;
+}
+(0, factory_1.includeComponent)('audio', createAudioFingerprint);
+//# sourceMappingURL=audio.js.map

package/dist/components/audio/audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../../src/components/audio/audio.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAoE;AAEpE,SAAe,sBAAsB;;;;YAC7B,aAAa,GAAG,IAAI,OAAO,CAAqB,UAAC,OAAO,EAAE,MAAM;gBACpE,IAAI,CAAC;oBACH,0BAA0B;oBAC1B,IAAM,UAAU,GAAG,KAAK,CAAC;oBACzB,IAAM,UAAU,GAAG,IAAI,CAAC;oBACxB,IAAM,cAAY,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,IAAI,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,CAAE,CAAC;oBACtH,IAAM,aAAW,GAAG,cAAY,CAAC,kBAAkB,EAAE,CAAC;oBAEtD,IAAM,YAAU,GAAG,cAAY,CAAC,gBAAgB,EAAE,CAAC;oBACnD,YAAU,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;oBAClC,IAAM,UAAU,GAAG,cAAY,CAAC,wBAAwB,EAAE,CAAC;oBAC3D,UAAU,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;oBACjC,UAAU,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC3B,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC5B,UAAU,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;oBAC5B,UAAU,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;oBAC/B,YAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;oBAC/B,UAAU,CAAC,OAAO,CAAC,cAAY,CAAC,WAAW,CAAC,CAAC;oBAC7C,YAAU,CAAC,KAAK,EAAE,CAAC;oBACnB,IAAI,SAAqB,CAAC;oBAE1B,cAAY,CAAC,UAAU,GAAG,UAAA,KAAK;wBAC7B,SAAO,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;wBACjD,OAAO,CACH;4BACI,YAAY,EAAE,aAAa,CAAC,SAAO,CAAC;4BACpC,YAAY,EAAE,YAAU,CAAC,IAAI;4BAC7B,aAAa,EAAE,cAAY,CAAC,WAAW,CAAC,eAAe;4BACvD,kBAAkB,EAAE,aAAW,CAAC,gBAAgB;yBAEnD,CACF,CAAC;oBACN,CAAC,CAAC;oBAEF,cAAY,CAAC,cAAc,EAAE,CAAC;gBAGhC,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;oBAC1D,MAAM,CAAC,KAAK,CAAC,CAAC;gBAChB,CAAC;YAEH,CAAC,CAAC,CAAC;YAEH,sBAAO,aAAa,EAAC;;;CAEtB;AAGD,SAAS,aAAa,CAAC,OAAqB;IAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;QACxC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,IAAA,0BAAgB,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC"}

package/dist/components/canvas/canvas.d.ts

@@ -0,0 +1,2 @@
+import { componentInterface } from '../../factory';
+export default function generateCanvasFingerprint(): Promise<componentInterface>;

package/dist/components/canvas/canvas.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var factory_1 = require("../../factory");
+var hash_1 = require("../../utils/hash");
+var commonPixels_1 = require("../../utils/commonPixels");
+/**
+ * A simple canvas finger printing function
+ *
+ * @returns a CanvasInfo JSON object
+ */
+var _WIDTH = 280;
+var _HEIGHT = 20;
+function generateCanvasFingerprint() {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    return new Promise(function (resolve) {
+        /**
+         * Since some browsers fudge with the canvas pixels to prevent fingerprinting, the following
+         * creates the canvas three times and getCommonPixels picks the most common byte for each
+         * channel of each pixel.
+         */
+        var imageDatas = Array.from({ length: 3 }, function () { return generateCanvasImageData(); });
+        var commonImageData = (0, commonPixels_1.getCommonPixels)(imageDatas, _WIDTH, _HEIGHT);
+        resolve({
+            'commonImageDataHash': (0, hash_1.hash)(commonImageData.data.toString()).toString()
+        });
+    });
+}
+exports.default = generateCanvasFingerprint;
+function generateCanvasImageData() {
+    var canvas = document.createElement('canvas');
+    var ctx = canvas.getContext('2d');
+    if (!ctx) {
+        return new ImageData(1, 1);
+    }
+    // Set canvas dimensions
+    canvas.width = _WIDTH;
+    canvas.height = _HEIGHT;
+    // Create rainbow gradient for the background rectangle
+    var gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+    gradient.addColorStop(0, "red");
+    gradient.addColorStop(1 / 6, "orange");
+    gradient.addColorStop(2 / 6, "yellow");
+    gradient.addColorStop(3 / 6, "green");
+    gradient.addColorStop(4 / 6, "blue");
+    gradient.addColorStop(5 / 6, "indigo");
+    gradient.addColorStop(1, "violet");
+    // Draw background rectangle with the rainbow gradient
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    // Draw some random text
+    var randomText = 'Random Text WMwmil10Oo';
+    ctx.font = '23.123px Arial';
+    ctx.fillStyle = 'black';
+    ctx.fillText(randomText, -5, 15);
+    // Draw the same text with an offset, different color, and slight transparency
+    ctx.fillStyle = 'rgba(0, 0, 255, 0.5)';
+    ctx.fillText(randomText, -3.3, 17.7);
+    // Draw a line crossing the image at an arbitrary angle
+    ctx.beginPath();
+    ctx.moveTo(0, 0);
+    ctx.lineTo(canvas.width * 2 / 7, canvas.height);
+    ctx.strokeStyle = 'white';
+    ctx.lineWidth = 2;
+    ctx.stroke();
+    var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    // Return data URL of the canvas
+    return imageData;
+}
+(0, factory_1.includeComponent)('canvas', generateCanvasFingerprint);
+//# sourceMappingURL=canvas.js.map

package/dist/components/canvas/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/components/canvas/canvas.ts"],"names":[],"mappings":"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"}

package/dist/components/canvas/canvas.test.d.ts

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

package/dist/components/canvas/canvas.test.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var canvas_1 = require("./canvas");
+var MockImageData = /** @class */ (function () {
+    function MockImageData(pixelData, width, height) {
+        this.width = width;
+        this.height = height;
+        this.data = new Uint8ClampedArray(pixelData);
+        ; // Mimic the data structure of ImageData
+    }
+    return MockImageData;
+}());
+// Mock the global ImageData object in jsdom environment
+global.ImageData = MockImageData;
+var createImageFromArray = function (array) {
+    var width = 1;
+    var height = 1;
+    var pixelData = array;
+    var pixelArray = new Uint8ClampedArray(pixelData);
+    return new ImageData(pixelArray, width, height);
+};
+describe('canvas tests', function () {
+    test("single pixel array", function () {
+        var pixel1 = createImageFromArray([128, 255, 255, 255]);
+        var pixel2 = createImageFromArray([255, 200, 255, 230]);
+        var pixel3 = createImageFromArray([255, 255, 250, 255]);
+        var pixel4 = createImageFromArray([255, 255, 255, 255]);
+        expect((0, canvas_1.getCommonPixels)([pixel1, pixel2, pixel3], 1, 1)).toBeInstanceOf(ImageData);
+        expect((0, canvas_1.getCommonPixels)([pixel1, pixel2, pixel3], 1, 1).data).toStrictEqual(pixel4.data);
+    });
+});
+//# sourceMappingURL=canvas.test.js.map

package/dist/components/canvas/canvas.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.test.js","sourceRoot":"","sources":["../../../src/components/canvas/canvas.test.ts"],"names":[],"mappings":";;AAAA,mCAA2C;AAE3C;IAKI,uBAAY,SAAmB,EAAE,KAAa,EAAE,MAAc;QAC5D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAAA,CAAC,CAAC,wCAAwC;IACzF,CAAC;IACH,oBAAC;AAAD,CAAC,AAVH,IAUG;AAEH,wDAAwD;AACvD,MAAc,CAAC,SAAS,GAAG,aAAa,CAAC;AAE1C,IAAM,oBAAoB,GAAG,UAAC,KAAe;IACzC,IAAM,KAAK,GAAG,CAAC,CAAC;IAChB,IAAM,MAAM,GAAG,CAAC,CAAC;IACjB,IAAM,SAAS,GAAG,KAAK,CAAC;IACxB,IAAM,UAAU,GAAG,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACpD,OAAO,IAAI,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACpD,CAAC,CAAA;AAED,QAAQ,CAAC,cAAc,EAAE;IACrB,IAAI,CAAC,oBAAoB,EAAE;QACvB,IAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1D,IAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1D,IAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1D,IAAM,MAAM,GAAG,oBAAoB,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1D,MAAM,CAAC,IAAA,wBAAe,EAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QAClF,MAAM,CAAC,IAAA,wBAAe,EAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5F,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/fonts/fonts.d.ts

@@ -0,0 +1,2 @@
+import { componentInterface } from '../../factory';
+export default function getFontMetrics(): Promise<componentInterface>;

package/dist/components/fonts/fonts.js

@@ -0,0 +1,179 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var factory_1 = require("../../factory");
+var ephemeralIFrame_1 = require("../../utils/ephemeralIFrame");
+var browser_1 = require("../system/browser");
+var availableFonts = [
+    'Arial',
+    'Arial Black',
+    'Arial Narrow',
+    'Arial Rounded MT',
+    'Arimo',
+    'Archivo',
+    'Barlow',
+    'Bebas Neue',
+    'Bitter',
+    'Bookman',
+    'Calibri',
+    'Cabin',
+    'Candara',
+    'Century',
+    'Century Gothic',
+    'Comic Sans MS',
+    'Constantia',
+    'Courier',
+    'Courier New',
+    'Crimson Text',
+    'DM Mono',
+    'DM Sans',
+    'DM Serif Display',
+    'DM Serif Text',
+    'Dosis',
+    'Droid Sans',
+    'Exo',
+    'Fira Code',
+    'Fira Sans',
+    'Franklin Gothic Medium',
+    'Garamond',
+    'Geneva',
+    'Georgia',
+    'Gill Sans',
+    'Helvetica',
+    'Impact',
+    'Inconsolata',
+    'Indie Flower',
+    'Inter',
+    'Josefin Sans',
+    'Karla',
+    'Lato',
+    'Lexend',
+    'Lucida Bright',
+    'Lucida Console',
+    'Lucida Sans Unicode',
+    'Manrope',
+    'Merriweather',
+    'Merriweather Sans',
+    'Montserrat',
+    'Myriad',
+    'Noto Sans',
+    'Nunito',
+    'Nunito Sans',
+    'Open Sans',
+    'Optima',
+    'Orbitron',
+    'Oswald',
+    'Pacifico',
+    'Palatino',
+    'Perpetua',
+    'PT Sans',
+    'PT Serif',
+    'Poppins',
+    'Prompt',
+    'Public Sans',
+    'Quicksand',
+    'Rajdhani',
+    'Recursive',
+    'Roboto',
+    'Roboto Condensed',
+    'Rockwell',
+    'Rubik',
+    'Segoe Print',
+    'Segoe Script',
+    'Segoe UI',
+    'Sora',
+    'Source Sans Pro',
+    'Space Mono',
+    'Tahoma',
+    'Taviraj',
+    'Times',
+    'Times New Roman',
+    'Titillium Web',
+    'Trebuchet MS',
+    'Ubuntu',
+    'Varela Round',
+    'Verdana',
+    'Work Sans',
+];
+var baseFonts = ['monospace', 'sans-serif', 'serif'];
+function getFontMetrics() {
+    var _this = this;
+    return new Promise(function (resolve, reject) {
+        try {
+            (0, ephemeralIFrame_1.ephemeralIFrame)(function (_a) {
+                var iframe = _a.iframe;
+                return __awaiter(_this, void 0, void 0, function () {
+                    var textToRender, canvas, ctx, defaultWidths, results;
+                    return __generator(this, function (_b) {
+                        textToRender = 'Hello, world!';
+                        canvas = iframe.createElement('canvas');
+                        ctx = canvas.getContext('2d');
+                        defaultWidths = baseFonts.map(function (font) {
+                            return measureSingleFont(ctx, font);
+                        });
+                        results = {};
+                        availableFonts.forEach(function (font) {
+                            var fontWidth = measureSingleFont(ctx, font);
+                            if (!defaultWidths.includes(fontWidth))
+                                results[font] = fontWidth;
+                        });
+                        resolve(results);
+                        return [2 /*return*/];
+                    });
+                });
+            });
+        }
+        catch (error) {
+            reject({ 'error': 'unsupported' });
+        }
+    });
+}
+exports.default = getFontMetrics;
+;
+function measureSingleFont(ctx, font) {
+    if (!ctx) {
+        throw new Error('Canvas context not supported');
+    }
+    var text = "WwMmLli0Oo";
+    var defaultFont = ctx.font; // Store default font
+    ctx.font = "72px ".concat(font); // Set a default font size
+    return ctx.measureText(text).width;
+}
+if ((0, browser_1.getBrowser)().name != 'Firefox')
+    (0, factory_1.includeComponent)('fonts', getFontMetrics);
+//# sourceMappingURL=fonts.js.map

package/dist/components/fonts/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/components/fonts/fonts.ts"],"names":[],"mappings":"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"}

package/dist/components/hardware/hardware.d.ts

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

package/dist/components/hardware/hardware.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var factory_1 = require("../../factory");
+function getHardwareInfo() {
+    return new Promise(function (resolve, reject) {
+        var deviceMemory = (navigator.deviceMemory !== undefined) ? navigator.deviceMemory : 0;
+        resolve({
+            'videocard': getVideoCard(),
+            'architecture': getArchitecture(),
+            'deviceMemory': deviceMemory.toString() || 'undefined'
+        });
+    });
+}
+/**
+ * @see Credits: https://stackoverflow.com/a/49267844
+ */
+function getVideoCard() {
+    var _a;
+    var canvas = document.createElement('canvas');
+    var gl = (_a = canvas.getContext('webgl')) !== null && _a !== void 0 ? _a : canvas.getContext('experimental-webgl');
+    if (gl && 'getParameter' in gl) {
+        return {
+            vendor: (gl.getParameter(gl.VENDOR) || '').toString(),
+            renderer: (gl.getParameter(gl.RENDERER) || '').toString(),
+        };
+    }
+    return "undefined";
+}
+function getArchitecture() {
+    var f = new Float32Array(1);
+    var u8 = new Uint8Array(f.buffer);
+    f[0] = Infinity;
+    f[0] = f[0] - f[0];
+    return u8[3];
+}
+(0, factory_1.includeComponent)('hardware', getHardwareInfo);
+//# sourceMappingURL=hardware.js.map

package/dist/components/hardware/hardware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hardware.js","sourceRoot":"","sources":["../../../src/components/hardware/hardware.ts"],"names":[],"mappings":";;AAAA,yCAAoE;AAEpE,SAAS,eAAe;IACtB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QACjC,IAAM,YAAY,GAAG,CAAC,SAAS,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QACxF,OAAO,CACL;YACE,WAAW,EAAE,YAAY,EAAE;YAC3B,cAAc,EAAE,eAAe,EAAE;YACjC,cAAc,EAAE,YAAY,CAAC,QAAQ,EAAE,IAAI,WAAW;SACvD,CACF,CAAA;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAOD;;GAEG;AACH,SAAS,YAAY;;IACnB,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAC/C,IAAM,EAAE,GAAG,MAAA,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,mCAAI,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAChF,IAAI,EAAE,IAAI,cAAc,IAAI,EAAE,EAAE,CAAC;QAC/B,OAAO;YACL,MAAM,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;YACrD,QAAQ,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;SAC1D,CAAA;IACH,CAAC;IACD,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,SAAS,eAAe;IACtB,IAAM,CAAC,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAM,EAAE,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;IAChB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACf,CAAC;AAED,IAAA,0BAAgB,EAAC,UAAU,EAAE,eAAe,CAAC,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Does anyone have a cleaner way of doing this?
+ * I want to import all the components in this folder
+ * Feels a little dumb I'm doing this manually.
+ */
+import './audio/audio';
+import './canvas/canvas';
+import './fonts/fonts';
+import './hardware/hardware';
+import './locales/locales';
+import './permissions/permissions';
+import './plugins/plugins';
+import './screen/screen';
+import './system/system';
+import './webgl/webgl';
+import './math/math';

package/dist/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * Does anyone have a cleaner way of doing this?
+ * I want to import all the components in this folder
+ * Feels a little dumb I'm doing this manually.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./audio/audio");
+require("./canvas/canvas");
+require("./fonts/fonts");
+require("./hardware/hardware");
+require("./locales/locales");
+require("./permissions/permissions");
+require("./plugins/plugins");
+require("./screen/screen");
+require("./system/system");
+require("./webgl/webgl");
+require("./math/math");
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAEH,yBAAsB;AACtB,2BAAwB;AACxB,yBAAsB;AACtB,+BAA4B;AAC5B,6BAA0B;AAC1B,qCAAkC;AAClC,6BAA0B;AAC1B,2BAAwB;AACxB,2BAAwB;AACxB,yBAAsB;AACtB,uBAAoB"}

package/dist/components/locales/locales.d.ts

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

package/dist/components/locales/locales.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var factory_1 = require("../../factory");
+function getLocales() {
+    return new Promise(function (resolve) {
+        resolve({
+            'languages': getUserLanguage(),
+            'timezone': getUserTimezone()
+        });
+    });
+}
+function getUserLanguage() {
+    var userLanguages = [];
+    return navigator.language;
+}
+function getUserTimezone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+(0, factory_1.includeComponent)('locales', getLocales);
+//# sourceMappingURL=locales.js.map

package/dist/components/locales/locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales.js","sourceRoot":"","sources":["../../../src/components/locales/locales.ts"],"names":[],"mappings":";;AAAA,yCAAoE;AAEpE,SAAS,UAAU;IACjB,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO;QACzB,OAAO,CACL;YACE,WAAW,EAAE,eAAe,EAAE;YAC9B,UAAU,EAAE,eAAe,EAAE;SAC9B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,eAAe;IACpB,IAAM,aAAa,GAAa,EAAE,CAAC;IAEnC,OAAO,SAAS,CAAC,QAAQ,CAAC;AAC5B,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;AAC1D,CAAC;AAED,IAAA,0BAAgB,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/math/math.d.ts

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