@arcware-cloud/pixelstreaming-websdk 1.2.16 → 1.2.18

package/README.md

@@ -80,6 +80,15 @@ For more detailed examples and advanced usage, please refer to our documentation
 
 # Changelog
 
+### 1.2.18
+
+- fixed webpack to emit types
+
+### 1.2.17 (broken)
+
+- fixed diagnostics to interpred user agent and user agent data more accurately
+- webpack did not emit types.d.ts do not use this version!
+
 ### 1.2.16
 
 - Added "diagnostics collector" module

package/index.cjs.js

@@ -23351,7 +23351,7 @@ class ArcwareConfig extends lib_pixelstreamingfrontend_ue5_5_1.Config {
         if (!config.initialSettings.ss)
             config.initialSettings.ss = exports.DefaultUrl;
         super(config);
-        this.VERSION = "1.2.16";
+        this.VERSION = "1.2.18";
         this.settings = settings;
         this.session = new Session_1.Session();
         this._initialSettings = config.initialSettings;
@@ -23967,17 +23967,29 @@ exports.ArcwarePixelStreaming = ArcwarePixelStreaming;
  *   Default location: /diag/probe.bin
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.DiagnosticsCollector = void 0;
+exports.DiagnosticsCollector = exports.Type = exports.Orientation = void 0;
 const tslib_1 = __webpack_require__(655);
+var Orientation;
+(function (Orientation) {
+    Orientation["Landscape"] = "landscape";
+    Orientation["Portrait"] = "portrait";
+})(Orientation = exports.Orientation || (exports.Orientation = {}));
+var Type;
+(function (Type) {
+    Type["Desktop"] = "desktop";
+    Type["Mobile"] = "mobile";
+    Type["Tablet"] = "tablet";
+})(Type = exports.Type || (exports.Type = {}));
 /**
  * DiagnosticsCollector
  */
 class DiagnosticsCollector {
     constructor(opts = {}) {
         var _a, _b, _c, _d;
+        this.uaInfoCache = null;
         this.opts = {
             enableBandwidthProbe: (_a = opts.enableBandwidthProbe) !== null && _a !== void 0 ? _a : true,
-            probeUrl: (_b = opts.probeUrl) !== null && _b !== void 0 ? _b : '/diag/probe.bin',
+            probeUrl: (_b = opts.probeUrl) !== null && _b !== void 0 ? _b : "/diag/probe.bin",
             respectSaveData: (_c = opts.respectSaveData) !== null && _c !== void 0 ? _c : true,
             sampleRate: Math.max(0, Math.min(1, (_d = opts.sampleRate) !== null && _d !== void 0 ? _d : 1))
         };
@@ -23990,8 +24002,8 @@ class DiagnosticsCollector {
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
             if (!this.shouldSample()) {
                 return {
-                    device: { type: 'desktop', touchSupport: false },
-                    runtime: { browser: { family: 'Unknown', version: null }, os: { family: 'Unknown', version: null } },
+                    device: { type: Type.Desktop, touchSupport: false },
+                    runtime: { browser: { family: "Unknown", version: null }, os: { family: "Unknown", version: null } },
                     powerHints: { saveData: null, prefersReducedData: null, prefersReducedMotion: null },
                     network: { type: null, effectiveType: null, downlinkMbps: null, rttMs: null, measuredDownlinkMbps: null },
                     timestamps: { collectedAt: Date.now() }
@@ -24037,9 +24049,9 @@ class DiagnosticsCollector {
                 const stats = yield pc.getStats();
                 let selected, transport, local, remote;
                 stats.forEach((r) => {
-                    if (r.type === 'transport' && r.selectedCandidatePairId)
+                    if (r.type === "transport" && r.selectedCandidatePairId)
                         transport = r;
-                    if (r.type === 'candidate-pair' && (r.selected || r.nominated))
+                    if (r.type === "candidate-pair" && (r.selected || r.nominated))
                         selected = r;
                 });
                 if (selected) {
@@ -24080,16 +24092,16 @@ class DiagnosticsCollector {
     hasTouch() {
         var _a;
         const nav = navigator;
-        return 'ontouchstart' in window || ((_a = nav.maxTouchPoints) !== null && _a !== void 0 ? _a : 0) > 0;
+        return "ontouchstart" in window || ((_a = nav.maxTouchPoints) !== null && _a !== void 0 ? _a : 0) > 0;
     }
     getOrientation() {
         var _a;
         try {
             if ((_a = screen.orientation) === null || _a === void 0 ? void 0 : _a.type) {
-                return screen.orientation.type.startsWith('portrait') ? 'portrait' : 'landscape';
+                return screen.orientation.type.startsWith("portrait") ? Orientation.Portrait : Orientation.Landscape;
             }
             if (window.matchMedia) {
-                return window.matchMedia('(orientation: portrait)').matches ? 'portrait' : 'landscape';
+                return window.matchMedia("(orientation: portrait)").matches ? Orientation.Portrait : Orientation.Landscape;
             }
         }
         catch (_b) { }
@@ -24097,8 +24109,8 @@ class DiagnosticsCollector {
     }
     hasWebGL() {
         try {
-            const canvas = document.createElement('canvas');
-            return !!(canvas.getContext('webgl') || canvas.getContext('experimental-webgl'));
+            const canvas = document.createElement("canvas");
+            return !!(canvas.getContext("webgl") || canvas.getContext("experimental-webgl"));
         }
         catch (_a) {
             return false;
@@ -24106,37 +24118,50 @@ class DiagnosticsCollector {
     }
     /**
      * Heuristic device type: best-effort only.
+     * Tries UA-CH, then UA fallback, then touch + screen size heuristics.
      */
     inferDeviceType() {
         const uaData = navigator.userAgentData;
+        const ua = navigator.userAgent || "";
         const isMobileCH = (uaData === null || uaData === void 0 ? void 0 : uaData.mobile) === true;
         const minDim = Math.min(screen.width, screen.height);
-        if (isMobileCH && minDim >= 600)
-            return 'tablet';
-        if (isMobileCH)
-            return 'mobile';
-        if (/\b(iPad|Tablet)\b/i.test(navigator.userAgent))
-            return 'tablet';
-        if (('ontouchstart' in window) && minDim >= 600 && minDim <= 1100)
-            return 'tablet';
-        return 'desktop';
+        // 1. Explicit iPad / tablet detection via UA (iOS often lies in CH)
+        if (/\b(iPad|Tablet)\b/i.test(ua)) {
+            return Type.Tablet;
+        }
+        // 2. UA-CH mobile hint (Chromium only, often accurate for Android)
+        if (isMobileCH) {
+            if (minDim >= 600)
+                return Type.Tablet;
+            return Type.Mobile;
+        }
+        // 3. UA sniffing fallback for mobile
+        if (/\b(iPhone|Android.*Mobile|Windows Phone)\b/i.test(ua)) {
+            return Type.Mobile;
+        }
+        // 4. Touch-capable with "tablet-like" dimensions
+        if (("ontouchstart" in window || navigator.maxTouchPoints > 0) && minDim >= 600 && minDim <= 1100) {
+            return Type.Tablet;
+        }
+        // 5. Default fallback
+        return Type.Desktop;
     }
     getPowerHints() {
         const conn = navigator.connection;
-        const saveData = typeof (conn === null || conn === void 0 ? void 0 : conn.saveData) === 'boolean' ? conn.saveData : null;
+        const saveData = typeof (conn === null || conn === void 0 ? void 0 : conn.saveData) === "boolean" ? conn.saveData : null;
         let prefersReducedData = null;
         let prefersReducedMotion = null;
-        if (typeof window.matchMedia === 'function') {
+        if (typeof window.matchMedia === "function") {
             try {
-                const mqData = window.matchMedia('(prefers-reduced-data: reduce)');
-                if (typeof mqData.matches === 'boolean') {
+                const mqData = window.matchMedia("(prefers-reduced-data: reduce)");
+                if (typeof mqData.matches === "boolean") {
                     prefersReducedData = mqData.matches;
                 }
             }
             catch (_a) { }
             try {
-                const mqMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
-                if (typeof mqMotion.matches === 'boolean') {
+                const mqMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+                if (typeof mqMotion.matches === "boolean") {
                     prefersReducedMotion = mqMotion.matches;
                 }
             }
@@ -24147,10 +24172,10 @@ class DiagnosticsCollector {
     getNetworkInfo(measuredDownlinkMbps) {
         const conn = navigator.connection;
         return {
-            type: (typeof (conn === null || conn === void 0 ? void 0 : conn.type) === 'string') ? conn.type : null,
-            effectiveType: (typeof (conn === null || conn === void 0 ? void 0 : conn.effectiveType) === 'string') ? conn.effectiveType : null,
-            downlinkMbps: (typeof (conn === null || conn === void 0 ? void 0 : conn.downlink) === 'number') ? conn.downlink : null,
-            rttMs: (typeof (conn === null || conn === void 0 ? void 0 : conn.rtt) === 'number') ? conn.rtt : null,
+            type: typeof (conn === null || conn === void 0 ? void 0 : conn.type) === "string" ? conn.type : null,
+            effectiveType: typeof (conn === null || conn === void 0 ? void 0 : conn.effectiveType) === "string" ? conn.effectiveType : null,
+            downlinkMbps: typeof (conn === null || conn === void 0 ? void 0 : conn.downlink) === "number" ? conn.downlink : null,
+            rttMs: typeof (conn === null || conn === void 0 ? void 0 : conn.rtt) === "number" ? conn.rtt : null,
             measuredDownlinkMbps
         };
     }
@@ -24165,8 +24190,8 @@ class DiagnosticsCollector {
             try {
                 const t0 = performance.now();
                 const res = yield fetch(this.withCacheBuster(this.opts.probeUrl), {
-                    cache: 'no-store',
-                    credentials: 'omit'
+                    cache: "no-store",
+                    credentials: "omit"
                 });
                 const buf = yield res.arrayBuffer();
                 const t1 = performance.now();
@@ -24174,7 +24199,7 @@ class DiagnosticsCollector {
                 const seconds = (t1 - t0) / 1000;
                 if (seconds <= 0.05)
                     return null; // ignore unstable samples
-                return +((bits / seconds) / 1000000).toFixed(2);
+                return +(bits / seconds / 1000000).toFixed(2);
             }
             catch (_a) {
                 return null;
@@ -24185,7 +24210,7 @@ class DiagnosticsCollector {
         var _a, _b;
         const u = new URL(url, location.origin);
         const token = (_b = (_a = crypto === null || crypto === void 0 ? void 0 : crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) !== null && _b !== void 0 ? _b : String(Date.now());
-        u.searchParams.set('cb', token);
+        u.searchParams.set("cb", token);
         return u.toString();
     }
     getCodecSupport() {
@@ -24200,10 +24225,10 @@ class DiagnosticsCollector {
     supportsCodec(mime) {
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
             try {
-                if ('mediaCapabilities' in navigator) {
+                if ("mediaCapabilities" in navigator) {
                     // @ts-ignore
                     const res = yield navigator.mediaCapabilities.decodingInfo({
-                        type: 'file',
+                        type: "file",
                         video: { contentType: mime, width: 1920, height: 1080, bitrate: 5000000, framerate: 30 }
                     });
                     return !!(res === null || res === void 0 ? void 0 : res.supported);
@@ -24211,8 +24236,8 @@ class DiagnosticsCollector {
             }
             catch (_a) { }
             try {
-                const v = document.createElement('video');
-                return v.canPlayType(mime) !== '';
+                const v = document.createElement("video");
+                return v.canPlayType(mime) !== "";
             }
             catch (_b) {
                 return false;
@@ -24220,60 +24245,104 @@ class DiagnosticsCollector {
         });
     }
     getUAInfo() {
-        var _a, _b;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            if (this.uaInfoCache)
+                return this.uaInfoCache;
             const nav = navigator;
             const uaData = nav.userAgentData;
-            let browserFamily = 'Unknown', browserVersion = null;
-            let osFamily = 'Unknown', osVersion = null;
-            let model = null, architecture = null, bitness = null;
+            const ua = navigator.userAgent;
+            let browserFamily = "Unknown";
+            let browserVersion = null;
+            let osFamily = "Unknown";
+            let osVersion = null;
+            let model = null;
+            let architecture = null;
+            let bitness = null;
+            // --- UA-CH (modern browsers) ---
             if (uaData === null || uaData === void 0 ? void 0 : uaData.getHighEntropyValues) {
                 try {
                     const high = yield uaData.getHighEntropyValues([
-                        'platform', 'platformVersion', 'model', 'architecture', 'bitness', 'fullVersionList'
+                        "platform",
+                        "platformVersion",
+                        "model",
+                        "architecture",
+                        "bitness",
+                        "fullVersionList"
                     ]);
-                    osFamily = high.platform || 'Unknown';
+                    osFamily = high.platform || "Unknown";
                     osVersion = high.platformVersion || null;
                     model = high.model || null;
                     architecture = high.architecture || null;
                     bitness = high.bitness || null;
                     const brands = high.fullVersionList || uaData.brands || [];
-                    const real = brands.find(b => b.brand && !/Chromium|Not:?A-?Brand/i.test(b.brand));
-                    browserFamily = (real === null || real === void 0 ? void 0 : real.brand) || ((_a = brands[0]) === null || _a === void 0 ? void 0 : _a.brand) || 'Unknown';
-                    browserVersion = (real === null || real === void 0 ? void 0 : real.version) || ((_b = brands[0]) === null || _b === void 0 ? void 0 : _b.version) || null;
-                }
-                catch (_c) { }
-            }
-            if (browserFamily === 'Unknown') {
-                const ua = navigator.userAgent;
-                if (/Firefox\/(\S+)/.test(ua)) {
-                    browserFamily = 'Firefox';
-                    browserVersion = RegExp.$1;
-                }
-                else if (/Edg\/(\S+)/.test(ua)) {
-                    browserFamily = 'Edge';
-                    browserVersion = RegExp.$1;
+                    const realBrand = brands.find((b) => {
+                        if (!b.brand)
+                            return false;
+                        const normalized = b.brand.replace(/[^a-zA-Z]/g, "").toLowerCase();
+                        return !normalized.includes("chromium") && !normalized.includes("notabrand");
+                    });
+                    if (realBrand) {
+                        browserFamily = realBrand.brand;
+                        browserVersion = realBrand.version;
+                    }
                 }
-                else if (/Chrome\/(\S+)/.test(ua)) {
-                    browserFamily = 'Chrome';
-                    browserVersion = RegExp.$1;
+                catch (_a) {
+                    // silently fail
                 }
-                else if (/Version\/(\S+).*Safari/.test(ua)) {
-                    browserFamily = 'Safari';
-                    browserVersion = RegExp.$1;
+            }
+            // --- Fallback to classic UA parsing if browser unknown ---
+            if (!browserFamily || browserFamily === "Unknown") {
+                const browserRegexes = [
+                    [/Edg\/(\S+)/, "Edge"],
+                    [/OPR\/(\S+)/, "Opera"],
+                    [/SamsungBrowser\/(\S+)/, "Samsung Internet"],
+                    [/Firefox\/(\S+)/, "Firefox"],
+                    [/Chrome\/(\S+)/, "Chrome"],
+                    [/Version\/(\S+).*Safari/, "Safari"]
+                ];
+                for (const [regex, name] of browserRegexes) {
+                    const match = ua.match(regex);
+                    if (match) {
+                        browserFamily = name;
+                        browserVersion = match[1];
+                        break;
+                    }
                 }
-                if (/Windows/.test(ua))
-                    osFamily = 'Windows';
-                else if (/Mac OS X/.test(ua))
-                    osFamily = 'macOS';
-                else if (/Android/.test(ua))
-                    osFamily = 'Android';
-                else if (/iPhone|iPad|iPod/.test(ua))
-                    osFamily = 'iOS';
-                else if (/Linux/.test(ua))
-                    osFamily = 'Linux';
-            }
-            return { browserFamily, browserVersion, osFamily, osVersion, model, architecture, bitness };
+            }
+            // --- OS detection (always run, iOS first) ---
+            if (/iPhone|iPad|iPod/.test(ua)) {
+                osFamily = "iOS";
+                const match = ua.match(/OS (\d+[_\d]*)/);
+                if (match)
+                    osVersion = match[1].replace(/_/g, ".");
+            }
+            else if (uaData === null || uaData === void 0 ? void 0 : uaData.platform) {
+                osFamily = uaData.platform;
+            }
+            else if (/Windows/.test(ua)) {
+                osFamily = "Windows";
+                const match = ua.match(/Windows NT (\d+\.\d+)/);
+                if (match)
+                    osVersion = match[1];
+            }
+            else if (/Mac OS X/.test(ua)) {
+                osFamily = "macOS";
+                const match = ua.match(/Mac OS X (\d+[_\d]*)/);
+                if (match)
+                    osVersion = match[1].replace(/_/g, ".");
+            }
+            else if (/Android/.test(ua)) {
+                osFamily = "Android";
+                const match = ua.match(/Android (\d+(\.\d+)?)/);
+                if (match)
+                    osVersion = match[1];
+            }
+            else if (/Linux/.test(ua)) {
+                osFamily = "Linux";
+            }
+            const result = { browserFamily, browserVersion, osFamily, osVersion, model, architecture, bitness };
+            this.uaInfoCache = result;
+            return result;
         });
     }
 }