stormcloud-video-player 0.6.11 → 0.6.13

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -2046,6 +2046,106 @@ function createVastAdLayer(contentVideo, options) {
         }
     };
 }
+// src/utils/mqttConfig.ts
+var DEFAULT_MQTT_CONFIG = {
+    enabled: true,
+    brokerAddress: "vecbae77.ala.us-east-1.emqxsl.com",
+    brokerPort: 8883,
+    wsPort: 8084,
+    username: "for-sonifi",
+    password: "sonifi-mqtt",
+    topicPrefix: "adstorm/players",
+    qos: 1
+};
+var mqttConfig = _object_spread({}, DEFAULT_MQTT_CONFIG);
+function isMQTTEnabled() {
+    return mqttConfig.enabled;
+}
+function buildMQTTBrokerUrl() {
+    if (mqttConfig.brokerUrl) return mqttConfig.brokerUrl;
+    return "wss://".concat(mqttConfig.brokerAddress, ":").concat(mqttConfig.wsPort, "/mqtt");
+}
+function buildPlayerTopic(licenseKey, channel) {
+    return "".concat(mqttConfig.topicPrefix, "/").concat(licenseKey, "/").concat(channel);
+}
+// src/utils/mqttClient.ts
+var import_mqtt = __toESM(require("mqtt"), 1);
+var LOG2 = "[StormcloudVideoPlayer][MQTT]";
+var client = null;
+var status = "disconnected";
+function initMQTTClient() {
+    if (client || !isMQTTEnabled()) return;
+    var url = buildMQTTBrokerUrl();
+    status = "connecting";
+    var clientId = "stormcloud-vp-".concat(Math.random().toString(36).slice(2, 9));
+    try {
+        client = import_mqtt.default.connect(url, {
+            clientId: clientId,
+            username: mqttConfig.username,
+            password: mqttConfig.password,
+            keepalive: 60,
+            clean: true,
+            reconnectPeriod: 5e3,
+            connectTimeout: 1e4,
+            queueQoSZero: false
+        });
+    } catch (err) {
+        status = "error";
+        console.warn("".concat(LOG2, " connect() threw:"), err);
+        return;
+    }
+    client.on("connect", function() {
+        status = "connected";
+        console.info("".concat(LOG2, " connected to ").concat(url));
+    });
+    client.on("reconnect", function() {
+        status = "connecting";
+        console.info("".concat(LOG2, " reconnecting…"));
+    });
+    client.on("offline", function() {
+        status = "disconnected";
+        console.warn("".concat(LOG2, " offline"));
+    });
+    client.on("error", function(err) {
+        status = "error";
+        console.warn("".concat(LOG2, " error:"), err.message);
+    });
+    client.on("close", function() {
+        if (status === "connected") {
+            status = "disconnected";
+        }
+    });
+}
+function ensureMQTTClient() {
+    if (isMQTTEnabled() && !client) {
+        initMQTTClient();
+    }
+}
+function publishMQTT(topic, payload) {
+    if (!isMQTTEnabled()) {
+        return false;
+    }
+    ensureMQTTClient();
+    if (!client) {
+        return false;
+    }
+    try {
+        client.publish(topic, JSON.stringify(payload), {
+            qos: mqttConfig.qos
+        });
+        return true;
+    } catch (err) {
+        console.warn("".concat(LOG2, " publish failed on ").concat(topic, ":"), err);
+        return false;
+    }
+}
+function disconnectMQTT() {
+    if (client) {
+        client.end(true);
+        client = null;
+        status = "disconnected";
+    }
+}
 // src/utils/tracking.ts
 var cachedBrowserId = null;
 function getClientInfo() {
@@ -2077,8 +2177,8 @@ function getClientInfo() {
         os = "webOS";
         isSmartTV = true;
         deviceType = "tv";
-        var webosMatch = ua.match(/Web0S\/([^\s]+)/);
-        model = webosMatch ? "webOS ".concat(webosMatch[1]) : "webOS TV";
+        var m = ua.match(/Web0S\/([^\s]+)/);
+        model = m ? "webOS ".concat(m[1]) : "webOS TV";
     } else if (ua.includes("Tizen")) {
         brand = "Samsung";
         os = "Tizen";
@@ -2122,23 +2222,19 @@ function getClientInfo() {
         isAndroid = true;
         os = "Android";
         deviceType = /Mobile/.test(ua) ? "mobile" : "tablet";
-        if (ua.includes("Android") && (maxTouchPoints === 0 || ua.includes("Google TV") || ua.includes("XiaoMi"))) {
+        if (maxTouchPoints === 0 || ua.includes("Google TV") || ua.includes("XiaoMi")) {
             deviceType = "tv";
             isSmartTV = true;
             brand = brand === "Unknown" ? "Android TV" : brand;
         }
         var androidModelMatch = ua.match(/\(([^)]*Android[^)]*)\)/);
-        if (androidModelMatch && androidModelMatch[1]) {
-            model = androidModelMatch[1];
-        }
+        if (androidModelMatch === null || androidModelMatch === void 0 ? void 0 : androidModelMatch[1]) model = androidModelMatch[1];
     }
     if (/iPad|iPhone|iPod/.test(ua)) {
         os = "iOS";
         deviceType = "mobile";
         brand = "Apple";
-        if (navigator.maxTouchPoints > 1 && /iPad/.test(ua)) {
-            deviceType = "tablet";
-        }
+        if (navigator.maxTouchPoints > 1 && /iPad/.test(ua)) deviceType = "tablet";
     }
     if (!isAndroid && !isSmartTV && !/Mobile/.test(ua)) {
         if (ua.includes("Windows")) {
@@ -2159,9 +2255,7 @@ function getClientInfo() {
         if (vendor.includes("Samsung") || ua.includes("SM-")) brand = "Samsung";
     }
     isWebView = /wv|WebView|Linux; U;/.test(ua);
-    if (((_window = window) === null || _window === void 0 ? void 0 : _window.outerHeight) === 0 && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.outerWidth) === 0) {
-        isWebView = true;
-    }
+    if (((_window = window) === null || _window === void 0 ? void 0 : _window.outerHeight) === 0 && ((_window1 = window) === null || _window1 === void 0 ? void 0 : _window1.outerWidth) === 0) isWebView = true;
     isWebApp = window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone === true || ((_window_screen = window.screen) === null || _window_screen === void 0 ? void 0 : (_window_screen_orientation = _window_screen.orientation) === null || _window_screen_orientation === void 0 ? void 0 : _window_screen_orientation.angle) !== void 0;
     return {
         brand: brand,
@@ -2192,18 +2286,16 @@ function getClientInfo() {
 }
 function getBrowserID(clientInfo) {
     return _async_to_generator(function() {
-        var fingerprintString, encodedData, utf8, buffer, i, hashBuffer, hashArray, hashHex, error, hash, i1, char, fallbackHash, timestamp, random;
+        var _crypto_subtle, fingerprintString, encodedData, utf8, buffer, i, hashBuffer, hashHex, unused, hash, i1, char, fallbackHash, timestamp, random;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    if (cachedBrowserId) {
-                        return [
-                            2,
-                            cachedBrowserId
-                        ];
-                    }
+                    if (cachedBrowserId) return [
+                        2,
+                        cachedBrowserId
+                    ];
                     fingerprintString = JSON.stringify(clientInfo);
-                    if (!(typeof crypto !== "undefined" && crypto.subtle && crypto.subtle.digest)) return [
+                    if (!(typeof crypto !== "undefined" && ((_crypto_subtle = crypto.subtle) === null || _crypto_subtle === void 0 ? void 0 : _crypto_subtle.digest))) return [
                         3,
                         5
                     ];
@@ -2230,9 +2322,7 @@ function getBrowserID(clientInfo) {
                     } else {
                         utf8 = unescape(encodeURIComponent(fingerprintString));
                         buffer = new Uint8Array(utf8.length);
-                        for(i = 0; i < utf8.length; i++){
-                            buffer[i] = utf8.charCodeAt(i);
-                        }
+                        for(i = 0; i < utf8.length; i++)buffer[i] = utf8.charCodeAt(i);
                         encodedData = buffer;
                     }
                     return [
@@ -2241,8 +2331,7 @@ function getBrowserID(clientInfo) {
                     ];
                 case 3:
                     hashBuffer = _state.sent();
-                    hashArray = Array.from(new Uint8Array(hashBuffer));
-                    hashHex = hashArray.map(function(b) {
+                    hashHex = Array.from(new Uint8Array(hashBuffer)).map(function(b) {
                         return b.toString(16).padStart(2, "0");
                     }).join("");
                     cachedBrowserId = hashHex;
@@ -2251,8 +2340,8 @@ function getBrowserID(clientInfo) {
                         hashHex
                     ];
                 case 4:
-                    error = _state.sent();
-                    console.warn("[StormcloudVideoPlayer] crypto.subtle.digest not supported, using fallback hash");
+                    unused = _state.sent();
+                    console.warn("[StormcloudVideoPlayer] crypto.subtle not supported, using fallback hash");
                     return [
                         3,
                         5
@@ -2276,177 +2365,91 @@ function getBrowserID(clientInfo) {
         });
     })();
 }
-var PLAYER_TRACKING_BASE_URL = "https://adstorm.co/api-adstorm-dev/adstorm/player-tracking";
-var TRACK_URL = "".concat(PLAYER_TRACKING_BASE_URL, "/metrics/ingest");
-var HEARTBEAT_URL = "".concat(PLAYER_TRACKING_BASE_URL, "/heartbeat");
-var IMPRESSIONS_URL = "".concat(PLAYER_TRACKING_BASE_URL, "/impressions/ingest");
-function buildHeaders(licenseKey) {
-    var headers = {
-        "Content-Type": "application/json"
-    };
-    if (licenseKey) {
-        headers["Authorization"] = "Bearer ".concat(licenseKey);
-    }
-    return headers;
-}
-function sendTrackRequest(licenseKey, body) {
-    return _async_to_generator(function() {
-        var response;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        fetch(TRACK_URL, {
-                            method: "POST",
-                            headers: buildHeaders(licenseKey),
-                            body: JSON.stringify(body)
-                        })
-                    ];
-                case 1:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 2:
-                    _state.sent();
-                    return [
-                        2
-                    ];
-            }
-        });
-    })();
+function canPublish(licenseKey) {
+    return Boolean(isMQTTEnabled() && licenseKey);
 }
-function postJson(url, licenseKey, body) {
+function buildPlayerMetricEvent() {
     return _async_to_generator(function() {
-        var response;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        fetch(url, {
-                            method: "POST",
-                            headers: buildHeaders(licenseKey),
-                            body: JSON.stringify(body)
-                        })
-                    ];
-                case 1:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 2:
-                    _state.sent();
-                    return [
-                        2
-                    ];
-            }
-        });
-    })();
-}
-function buildPlayerMetricEvent(_0) {
-    return _async_to_generator(function(licenseKey) {
-        var context, flags, _flags_captureAt, clientInfo, browserId, captureAt;
+        var context, flags, _flags_captureAt, _flags_adLoaded, _flags_adDetect, clientInfo, playerId, captureAt;
         var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    context = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, flags = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    context = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : {}, flags = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {};
                     clientInfo = getClientInfo();
                     return [
                         4,
                         getBrowserID(clientInfo)
                     ];
                 case 1:
-                    browserId = _state.sent();
+                    playerId = _state.sent();
                     captureAt = (_flags_captureAt = flags.captureAt) !== null && _flags_captureAt !== void 0 ? _flags_captureAt : /* @__PURE__ */ new Date().toISOString();
                     return [
                         2,
-                        {
-                            player_id: browserId,
-                            browserId: browserId,
+                        _object_spread({
+                            player_id: playerId,
                             device_type: clientInfo.deviceType,
-                            deviceType: clientInfo.deviceType,
-                            input_stream_type: context.inputStreamType,
-                            os: clientInfo.os,
-                            ad_loaded: flags.adLoaded,
-                            ad_detect: flags.adDetect,
-                            license_key: licenseKey,
-                            capture_at: captureAt,
-                            timestamp: captureAt
-                        }
+                            os: clientInfo.os.toLowerCase(),
+                            ad_loaded: (_flags_adLoaded = flags.adLoaded) !== null && _flags_adLoaded !== void 0 ? _flags_adLoaded : false,
+                            ad_detect: (_flags_adDetect = flags.adDetect) !== null && _flags_adDetect !== void 0 ? _flags_adDetect : false,
+                            capture_at: captureAt
+                        }, context.inputStreamType ? {
+                            input_stream_type: context.inputStreamType
+                        } : {})
                     ];
             }
         });
     }).apply(this, arguments);
 }
+function publishTracking(licenseKey, channel, body) {
+    ensureMQTTClient();
+    publishMQTT(buildPlayerTopic(licenseKey, channel), body);
+}
 function sendInitialTracking(_0) {
     return _async_to_generator(function(licenseKey) {
-        var context, clientInfo, browserId, trackingData, error;
+        var context, metricEvent, error;
         var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     context = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
                     _state.label = 1;
                 case 1:
                     _state.trys.push([
                         1,
-                        4,
+                        3,
                         ,
-                        5
+                        4
                     ]);
-                    clientInfo = getClientInfo();
                     return [
                         4,
-                        getBrowserID(clientInfo)
-                    ];
-                case 2:
-                    browserId = _state.sent();
-                    trackingData = _object_spread({
-                        browserId: browserId
-                    }, clientInfo);
-                    return [
-                        4,
-                        sendTrackRequest(licenseKey, {
-                            events: [
-                                {
-                                    player_id: browserId,
-                                    device_type: clientInfo.deviceType,
-                                    input_stream_type: context.inputStreamType,
-                                    os: clientInfo.os,
-                                    ad_loaded: false,
-                                    ad_detect: false,
-                                    license_key: licenseKey,
-                                    capture_at: /* @__PURE__ */ new Date().toISOString()
-                                }
-                            ],
-                            trackingData: trackingData
+                        buildPlayerMetricEvent(context, {
+                            adLoaded: false,
+                            adDetect: false
                         })
                     ];
-                case 3:
-                    _state.sent();
+                case 2:
+                    metricEvent = _state.sent();
+                    publishTracking(licenseKey, "metrics", {
+                        events: [
+                            metricEvent
+                        ]
+                    });
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 4:
+                case 3:
                     error = _state.sent();
                     console.error("[StormcloudVideoPlayer] Error sending initial tracking data:", error);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 5:
+                case 4:
                     return [
                         2
                     ];
@@ -2550,53 +2553,48 @@ function sendAdImpressionTracking(_0, _1) {
             switch(_state.label){
                 case 0:
                     context = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
                     _state.label = 1;
                 case 1:
                     _state.trys.push([
                         1,
-                        4,
+                        3,
                         ,
-                        5
+                        4
                     ]);
                     return [
                         4,
-                        buildPlayerMetricEvent(licenseKey, context, {
+                        buildPlayerMetricEvent(context, {
                             captureAt: adImpressionInfo.timestamp
                         })
                     ];
                 case 2:
                     metricEvent = _state.sent();
-                    return [
-                        4,
-                        Promise.all([
-                            postJson(HEARTBEAT_URL, licenseKey, metricEvent),
-                            postJson(IMPRESSIONS_URL, licenseKey, {
-                                events: [
-                                    {
-                                        player_id: metricEvent.player_id,
-                                        ad_played_count: 1,
-                                        ad_url: adImpressionInfo.adUrl,
-                                        license_key: licenseKey,
-                                        capture_at: adImpressionInfo.timestamp
-                                    }
-                                ]
-                            })
-                        ])
-                    ];
-                case 3:
-                    _state.sent();
+                    publishTracking(licenseKey, "heartbeat", metricEvent);
+                    publishTracking(licenseKey, "impressions", {
+                        events: [
+                            {
+                                player_id: metricEvent.player_id,
+                                ad_played_count: 1,
+                                ad_url: adImpressionInfo.adUrl,
+                                capture_at: adImpressionInfo.timestamp
+                            }
+                        ]
+                    });
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 4:
+                case 3:
                     error = _state.sent();
                     console.error("[StormcloudVideoPlayer] Error sending ad impression tracking:", error);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 5:
+                case 4:
                     return [
                         2
                     ];
@@ -2612,38 +2610,36 @@ function sendHeartbeat(_0) {
             switch(_state.label){
                 case 0:
                     context = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, flags = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
                     _state.label = 1;
                 case 1:
                     _state.trys.push([
                         1,
-                        4,
+                        3,
                         ,
-                        5
+                        4
                     ]);
                     return [
                         4,
-                        buildPlayerMetricEvent(licenseKey, context, flags)
+                        buildPlayerMetricEvent(context, flags)
                     ];
                 case 2:
                     heartbeatData = _state.sent();
-                    return [
-                        4,
-                        postJson(HEARTBEAT_URL, licenseKey, heartbeatData)
-                    ];
-                case 3:
-                    _state.sent();
+                    publishTracking(licenseKey, "heartbeat", heartbeatData);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 4:
+                case 3:
                     error = _state.sent();
                     console.error("[StormcloudVideoPlayer] Error sending heartbeat:", error);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 5:
+                case 4:
                     return [
                         2
                     ];
@@ -4557,6 +4553,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "initializeTracking",
             value: function initializeTracking() {
                 var _this = this;
+                if (isMQTTEnabled()) {
+                    initMQTTClient();
+                }
                 sendInitialTracking(this.config.licenseKey, this.getAnalyticsContext()).then(function() {
                     _this.heartbeatInterval = window.setInterval(function() {
                         _this.sendHeartbeatIfNeeded();
@@ -6236,6 +6235,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     clearInterval(this.heartbeatInterval);
                     this.heartbeatInterval = void 0;
                 }
+                if (isMQTTEnabled()) {
+                    disconnectMQTT();
+                }
                 (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.destroy();
                 (_this_adLayer = this.adLayer) === null || _this_adLayer === void 0 ? void 0 : _this_adLayer.destroy();
                 this.consecutiveFailures = 0;