@stormstreaming/stormstreamer 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 1.0.7
+
+Fixed race condition in StageController where resize methods could fire after detach, causing "Cannot read properties of null" errors.
+
+## 1.0.6
+
+Fixed intervals not being properly cleaned up when player instance is removed,
+
 ## 1.0.5
 
 Bugfix for destroying Network Controller,

package/dist/amd/index.js

@@ -4,8 +4,8 @@
  * contact@stormstreaming.com
  * https://stormstreaming.com
  *
- * Version: 1.0.5
- * Version: 2/20/2026, 10:02:22 AM
+ * Version: 1.0.7
+ * Version: 2/24/2026, 9:59:15 AM
  *
  * LEGAL NOTICE:
  * This software is subject to the terms and conditions defined in
@@ -2774,12 +2774,12 @@
          */
         this._tempContainerHeight = 0;
         /**
-         * Video width (initally 0, after "onmetadata" event is updated to match the real one
+         * Video width (initially 0, after "onmetadata" event is updated to match the real one)
          * @private
          */
         this._videoWidth = 0;
         /**
-         * Video width (initally 0, after "onmetadata" event is updated to match the real one
+         * Video height (initially 0, after "onmetadata" event is updated to match the real one)
          * @private
          */
         this._videoHeight = 0;
@@ -2799,7 +2799,7 @@
          */
         this._isResizing = false;
         /**
-         * Deco
+         * Auto resize flag
          * @private
          */
         this._autoResizeEnabled = true;
@@ -2855,16 +2855,17 @@
         this._screenElement = new ScreenElement(this._main);
         this._videoContainer.appendChild(this._screenElement.getVideoElement());
         const debounceValue = this._main.getConfigManager().getSettingsData().getVideoData().resizeDebounce;
+        // FIX: debounce(() => ()=>{}) zwracało funkcję zamiast ją wywoływać
         if (debounceValue > 0) {
-          this._resizeObserver = new ResizeObserver(debounce$1(() => () => {
-            if (this._autoResizeEnabled) this.handleResize();
+          this._resizeObserver = new ResizeObserver(debounce$1(() => {
+            if (this._autoResizeEnabled && this._parentElement) this.handleResize();
           }, debounceValue, {
             leading: false,
             trailing: true
           }));
         } else {
           this._resizeObserver = new ResizeObserver(() => {
-            if (this._autoResizeEnabled) this.handleResize();
+            if (this._autoResizeEnabled && this._parentElement) this.handleResize();
           });
         }
         this._fullscreenChangeHandler = this.onFullScreenChange;
@@ -2892,7 +2893,7 @@
        */
       attachToParent(container) {
         // preparing elements
-        let result = false; // To indicate the success of the operation
+        let result = false;
         let tempParentElement = null;
         // Check if container is either an ID string or an HTMLElement instance
         if (typeof container === "string") {
@@ -2914,20 +2915,19 @@
           this._parentElement = tempParentElement;
           this._parentElement.appendChild(this._videoContainer);
           this._resizeObserver.observe(this._parentElement);
-          this._parentElement.addEventListener("transitionend", () => {
-            this.handleResize();
-          });
+          // FIX: użyj zapisanego handlera zamiast anonimowej funkcji
+          this._parentElement.addEventListener("transitionend", this._transitionEndHandler);
           this._main.dispatchEvent("containerChange", {
             ref: this._main,
             container: this._parentElement
           });
           this.handleResize();
-          result = true; // Operation successful
+          result = true;
         } else {
           if (this._debug) this._logger.decoratedLog("Attach To Parent: " + container + " (failure - container not found)", "dark-pink");
           this._logger.warning(this, "attachToParent :: container \"" + container + "\"+ was not found");
         }
-        return result; // Return the result of the operation
+        return result;
       }
       /**
        * Detaches the library from a parent container
@@ -2937,7 +2937,16 @@
         let result = false;
         if (this._parentElement != null && this._videoContainer != null) {
           this._logger.info(this, "Detaching from parent: " + this._videoContainer);
-          // POPRAWKA: Usuń event listener z zapisanym handlerem
+          // FIX: anuluj pending requestAnimationFrame żeby callback nie strzelił na null parent
+          if (this._animationFrameId !== null) {
+            cancelAnimationFrame(this._animationFrameId);
+            this._animationFrameId = null;
+            // przywróć overflow jeśli został zmieniony przez handleResize
+            if (this._isResizing) {
+              this._parentElement.style.overflow = this._parentOriginalOverflow;
+            }
+            this._isResizing = false;
+          }
           if (this._transitionEndHandler) {
             this._parentElement.removeEventListener("transitionend", this._transitionEndHandler);
           }
@@ -2958,7 +2967,6 @@
       }
       handleResize() {
         if (!this._parentElement || this._isResizing || this._isDestroying) return;
-        // POPRAWKA: Anulowanie poprzedniego requestAnimationFrame
         if (this._animationFrameId !== null) {
           cancelAnimationFrame(this._animationFrameId);
         }
@@ -2966,7 +2974,12 @@
         this._parentOriginalOverflow = this._parentElement.style.overflow;
         this._parentElement.style.overflow = 'hidden';
         this._animationFrameId = requestAnimationFrame(() => {
-          if (this._isDestroying) return;
+          // FIX: ponowny guard - parentElement mógł zostać null między kolejkowaniem a wykonaniem RAF
+          if (this._isDestroying || !this._parentElement) {
+            this._isResizing = false;
+            this._animationFrameId = null;
+            return;
+          }
           this.calculateNewDimensions();
           if (this._parentElement) {
             this._parentElement.style.overflow = this._parentOriginalOverflow;
@@ -2983,6 +2996,7 @@
         });
       }
       calculateNewDimensions() {
+        if (!this._parentElement) return;
         const calcMethod = this._main.getConfigManager().getSettingsData().getVideoData().parentSizeCalculationMethod;
         switch (calcMethod) {
           case SizeCalculationType.CLIENT_DIMENSIONS:
@@ -3080,7 +3094,6 @@
             //--- LETTER BOX
             case ScalingType.LETTER_BOX:
               {
-                // jeżeli szerokość
                 videoWidth = this._containerWidth;
                 videoHeight = this._videoHeight * this._containerWidth / this._videoWidth;
                 if (videoHeight <= this._containerHeight) {
@@ -3255,42 +3268,37 @@
             }
             this._fullscreenChangeHandler = null;
           }
-          // 6. Zniszcz ScreenElement
+          // 5. Zniszcz ScreenElement
           if (this._screenElement) {
-            // Wyczyść video element
             const videoElement = this._screenElement.getVideoElement();
             if (videoElement) {
-              // Zatrzymaj wszelkie strumienie
               if (videoElement.srcObject instanceof MediaStream) {
                 videoElement.srcObject.getTracks().forEach(track => {
                   track.enabled = false;
                   track.stop();
                 });
               }
-              // Wyczyść element
               videoElement.pause();
               videoElement.removeAttribute('src');
               videoElement.srcObject = null;
               videoElement.load();
-              // Usuń z DOM jeśli jest podłączony
               if (videoElement.parentNode) {
                 videoElement.parentNode.removeChild(videoElement);
               }
             }
-            // Jeśli ScreenElement ma własną metodę destroy, wywołaj ją
             if (typeof this._screenElement.destroy === 'function') {
               this._screenElement.destroy();
             }
             this._screenElement = null;
           }
-          // 7. Usuń kontener video z DOM
+          // 6. Usuń kontener video z DOM
           if (this._videoContainer) {
             if (this._videoContainer.parentNode) {
               this._videoContainer.parentNode.removeChild(this._videoContainer);
             }
             this._videoContainer = null;
           }
-          // 8. Resetuj zmienne
+          // 7. Resetuj zmienne
           this._containerWidth = 0;
           this._containerHeight = 0;
           this._tempContainerWidth = 0;
@@ -3300,6 +3308,7 @@
           this.isInFullScreenMode = false;
           this._isResizing = false;
           this._autoResizeEnabled = false;
+          this._transitionEndHandler = null;
           this._logger.success(this, "StageController successfully destroyed");
         } catch (error) {
           this._logger.error(this, "Error during destroy: " + error);
@@ -4009,6 +4018,7 @@
           this.socket.onerror = null;
           this.socket.close();
         }
+        clearTimeout(this._connectionTimeout);
       }
       /**
        * Destroys connection
@@ -4016,6 +4026,10 @@
        * @protected
        */
       destroy() {
+        if (this._connectionTimeout != null) {
+          clearTimeout(this._connectionTimeout);
+          this._connectionTimeout = null;
+        }
         if (this.socket !== undefined && this.socket !== null) {
           this.socket.onopen = null;
           this.socket.onmessage = null;
@@ -6138,6 +6152,8 @@
        */
       constructor(main, networkController) {
         super();
+        // WowzaConnection
+        this._isDestroyed = false;
         this._logger = main.getLogger();
         this._main = main;
         this._networkController = networkController;
@@ -6249,9 +6265,7 @@
       initiateReconnect() {
         const shouldReconnect = this._main.getConfigManager().getSettingsData().getIfRestartOnError();
         const reconnectTime = this._main.getConfigManager().getSettingsData().getReconnectTime();
-        if (this._disconnectedByUser) {
-          return;
-        }
+        if (this._isDestroyed || this._disconnectedByUser) return;
         if (shouldReconnect) {
           if (this._reconnectTimer != null) clearTimeout(this._reconnectTimer);
           this._reconnectTimer = setTimeout(() => {
@@ -6307,6 +6321,7 @@
        * Destroys object and clean-ups everything that is needed
        */
       destroy() {
+        this._isDestroyed = true;
         super.destroy();
         if (this._reconnectTimer != null) clearTimeout(this._reconnectTimer);
       }
@@ -6754,8 +6769,8 @@
       constructor(streamConfig, autoInitialize = false) {
         super();
         this.DEV_MODE = true;
-        this.STREAMER_VERSION = "1.0.5";
-        this.COMPILE_DATE = "2/20/2026, 10:02:20 AM";
+        this.STREAMER_VERSION = "1.0.7";
+        this.COMPILE_DATE = "2/24/2026, 9:59:13 AM";
         this.STREAMER_BRANCH = "Experimental";
         this.STREAMER_PROTOCOL_VERSION = 1;
         this._initialized = false;
@@ -7122,7 +7137,7 @@
         this._graphs = [];
         if (this._networkController) {
           (_c = this._logger) === null || _c === void 0 ? void 0 : _c.info(this, "🔴 [DESTROY] Destroying NetworkController...");
-          this._networkController.destroy(); // zamiast ręcznego getConnection()?.destroy()
+          this._networkController.destroy();
           this._networkController = null;
         }
         // Destroy streamer controller (this is also sync now)