scandit-sdk
Version:
Scandit Barcode Scanner SDK for the Web
188 lines • 8.01 kB
JavaScript
import Cookies from "js-cookie";
import UAParser from "ua-parser-js";
export { UAParser };
import { BrowserCompatibility } from "./browserCompatibility";
export var BrowserHelper;
(function (BrowserHelper) {
/**
* @hidden
*/
BrowserHelper.userAgentInfo = new UAParser(navigator.userAgent);
/**
* @hidden
*/
BrowserHelper.canvas = document.createElement("canvas"); // For some reason, export is needed!
/**
* @hidden
*
* @returns Whether the device is a desktop/laptop for sure.
*/
function isDesktopDevice() {
if ("orientation" in window) {
// Only mobile browsers have this (deprecated but still available) property
return false;
}
else {
// Query for no "coarse" pointing device available (finger, touchscreen)
const query = "(any-pointer: coarse)"; // Spaces matter!
const mediaQueryList = window.matchMedia?.(query);
// If the device doesn't have a touchscreen, it's a computer
if (navigator.maxTouchPoints === 0 || (mediaQueryList?.media === query && mediaQueryList?.matches === false)) {
return true;
}
else {
return false;
}
}
}
BrowserHelper.isDesktopDevice = isDesktopDevice;
/**
* @hidden
*
* @returns Whether the device is a iOS device running a recent-enough OS version allowing any browser to access all
* available cameras (including the UltraWide one).
*/
function isIOSDeviceWithExtendedCameraAccess() {
// OS: iOS version 16.3+
const os = BrowserHelper.userAgentInfo.getOS();
return (os.name === "iOS" && os.version != null && os.version.localeCompare("16.3", undefined, { numeric: true }) >= 0);
}
BrowserHelper.isIOSDeviceWithExtendedCameraAccess = isIOSDeviceWithExtendedCameraAccess;
/**
* @returns The built [[BrowserCompatibility]] object representing the current OS/Browser's support for features.
*/
function checkBrowserCompatibility() {
function objectHasPropertyWithType(object, propertyNames, propertyType) {
// tslint:disable-next-line:no-any
const objectProperty = object[propertyNames[0]];
if (objectProperty == null) {
return false;
}
if (propertyNames.length === 1) {
return typeof objectProperty === propertyType;
}
else {
return ((typeof objectProperty === "function" || typeof objectProperty === "object") &&
objectHasPropertyWithType(objectProperty, propertyNames.slice(1), propertyType));
}
}
function isBrokenWebAssemblyOS(os) {
return os.name === "iOS" && os.version != null && ["11.2.2", "11.2.5", "11.2.6"].includes(os.version);
}
let fullSupport = true;
let scannerSupport = true;
const missingFeatures = [];
if (!location.protocol.startsWith("http")) {
missingFeatures.push(BrowserCompatibility.Feature.HTTP_PROTOCOL);
fullSupport = scannerSupport = false;
}
if (objectHasPropertyWithType(window, ["isSecureContext"], "boolean") && window.isSecureContext === false) {
missingFeatures.push(BrowserCompatibility.Feature.SECURE_CONTEXT);
// Don't disable full support in case browser is set to allow camera video streaming access in insecure contexts
}
if (!objectHasPropertyWithType(navigator, ["mediaDevices", "getUserMedia"], "function") &&
!objectHasPropertyWithType(navigator, ["enumerateDevices"], "function") &&
!objectHasPropertyWithType(window, ["MediaStreamTrack", "getSources"], "function")) {
missingFeatures.push(BrowserCompatibility.Feature.MEDIA_DEVICES);
fullSupport = false;
}
if (!objectHasPropertyWithType(window, ["Worker"], "function")) {
missingFeatures.push(BrowserCompatibility.Feature.WEB_WORKERS);
fullSupport = scannerSupport = false;
}
if (!objectHasPropertyWithType(window, ["WebAssembly"], "object")) {
missingFeatures.push(BrowserCompatibility.Feature.WEB_ASSEMBLY);
fullSupport = scannerSupport = false;
}
if (!objectHasPropertyWithType(window, ["Blob"], "function")) {
missingFeatures.push(BrowserCompatibility.Feature.BLOB);
fullSupport = scannerSupport = false;
}
if (!objectHasPropertyWithType(window, ["URL", "createObjectURL"], "function")) {
missingFeatures.push(BrowserCompatibility.Feature.URL_OBJECT);
fullSupport = scannerSupport = false;
}
if (!objectHasPropertyWithType(window, ["OffscreenCanvas"], "function")) {
missingFeatures.push(BrowserCompatibility.Feature.OFFSCREEN_CANVAS);
}
try {
if (!objectHasPropertyWithType(window, ["WebGLRenderingContext"], "function") ||
(BrowserHelper.canvas.getContext("webgl") == null && BrowserHelper.canvas.getContext("experimental-webgl") == null)) {
throw new Error();
}
}
catch {
missingFeatures.push(BrowserCompatibility.Feature.WEBGL);
}
const userAgentOS = BrowserHelper.userAgentInfo.getOS();
if (isBrokenWebAssemblyOS(userAgentOS)) {
missingFeatures.push(BrowserCompatibility.Feature.WEB_ASSEMBLY_ERROR_FREE);
fullSupport = scannerSupport = false;
}
return {
fullSupport,
scannerSupport,
missingFeatures,
};
}
BrowserHelper.checkBrowserCompatibility = checkBrowserCompatibility;
/**
* @hidden
*
* Get a device id for the current browser.
*
* When available it's retrieved from localStorage, as fallback from cookies (used by older library versions),
* when not available it's randomly generated and stored in localStorage to be retrieved by later calls and returned.
*
* @returns The device id for the current browser.
*/
function getDeviceId() {
const devideIdKey = "scandit-device-id";
let deviceId = localStorage.getItem(devideIdKey);
if (deviceId != null && deviceId !== "") {
return deviceId;
}
deviceId = Cookies.get(devideIdKey);
if (deviceId != null && deviceId !== "") {
localStorage.setItem(devideIdKey, deviceId);
return deviceId;
}
const randomDeviceIdBytes = new Uint8Array(20);
crypto.getRandomValues(randomDeviceIdBytes);
deviceId = Array.from(randomDeviceIdBytes)
.map((byteNumber) => {
const byteHex = byteNumber.toString(16);
return byteHex.length === 1 ? /* istanbul ignore next */ `0${byteHex}` : byteHex;
})
.join("");
localStorage.setItem(devideIdKey, deviceId);
return deviceId;
}
BrowserHelper.getDeviceId = getDeviceId;
/**
* @hidden
*
* Check if a given object is a valid HTMLElement
*
* @param object The object to check.
* @returns Whether the given object is a valid HTMLElement.
*/
// tslint:disable-next-line:no-any
function isValidHTMLElement(object) {
return (object instanceof HTMLElement ||
(object != null && typeof object === "object" && typeof object.tagName === "string"));
}
BrowserHelper.isValidHTMLElement = isValidHTMLElement;
/**
* @hidden
*
* Check if the device is an iPhone device
*
* @returns Whether or not is an iPhone device
*/
function isIPhone() {
return BrowserHelper.userAgentInfo.getDevice().model === "iPhone";
}
BrowserHelper.isIPhone = isIPhone;
})(BrowserHelper || (BrowserHelper = {}));
//# sourceMappingURL=browserHelper.js.map