stormcloud-video-player 0.2.32 → 0.2.34

package/lib/sdk/ima.cjs

@@ -185,7 +185,7 @@ function createImaController(video, options) {
       video.muted = true;
       video.volume = 0;
       contentVideoHidden = true;
-      console.log("[IMA] Content video hidden and muted");
+      console.log("[DEBUG-LAYER] \u{1F534} Content video HIDDEN | muted=true, volume=0");
     }
   }
   function showContentVideo() {
@@ -198,7 +198,7 @@ function createImaController(video, options) {
       video.volume = originalVolume;
       contentVideoHidden = false;
       console.log(
-        `[IMA] Content video restored (muted: ${originalMutedState}, volume: ${originalVolume})`
+        `[DEBUG-LAYER] \u{1F7E2} Content video RESTORED | muted=${originalMutedState}, volume=${originalVolume}`
       );
     }
   }
@@ -220,12 +220,12 @@ function createImaController(video, options) {
       "canplay",
       () => {
         adVideo.style.opacity = "1";
-        console.log("[IMA] Ad video ready to play");
+        console.log("[DEBUG-LAYER] \u{1F4FA} Ad video element ready (canplay fired)");
       },
       { once: true }
     );
     console.log(
-      `[IMA] Created dedicated ad video element with volume: ${adVideo.volume}, muted: ${adVideo.muted}`
+      `[DEBUG-AUDIO] \u{1F50A} Ad video created | volume=${adVideo.volume}, muted=${adVideo.muted}`
     );
     return adVideo;
   }
@@ -315,9 +315,6 @@ function createImaController(video, options) {
     const preloadedResponse = preloadedVast.get(vastTagUrl);
     if (preloadedResponse) {
       adsRequest.adsResponse = preloadedResponse;
-      console.log(
-        "[IMA] Using preloaded VAST response for immediate ad request"
-      );
     } else {
       adsRequest.adTagUrl = vastTagUrl;
     }
@@ -344,7 +341,6 @@ function createImaController(video, options) {
       }
     }
     adsRequest.vastLoadTimeout = 5e3;
-    console.log(`[IMA] Ads request dimensions: ${videoWidth}x${videoHeight}`);
     adsLoader.requestAds(adsRequest);
     if (preloadedResponse) {
       preloadedVast.delete(vastTagUrl);
@@ -423,22 +419,24 @@ function createImaController(video, options) {
       });
     },
     async requestAds(vastTagUrl) {
-      console.log("[IMA] Requesting ads:", vastTagUrl);
+      console.log("[IMA] \u{1F4E1} === requestAds() called ===");
+      console.log("[IMA] VAST URL:", vastTagUrl);
+      console.log("[IMA] This will fetch the ad from the server - no visual change yet");
       if (!vastTagUrl || vastTagUrl.trim() === "") {
         const error = new Error("VAST tag URL is empty or undefined");
-        console.warn("[IMA]", error.message);
+        console.warn("[IMA] \u274C", error.message);
         return Promise.reject(error);
       }
       try {
         new URL(vastTagUrl);
       } catch (e) {
         const error = new Error(`Invalid VAST tag URL format: ${vastTagUrl}`);
-        console.warn("[IMA]", error.message);
+        console.warn("[IMA] \u274C", error.message);
         return Promise.reject(error);
       }
       if (adPlaying) {
         console.warn(
-          "[IMA] Cannot request new ads while an ad is playing. Call stop() first."
+          "[IMA] \u26A0\uFE0F Cannot request new ads while an ad is playing. Call stop() first."
         );
         return Promise.reject(
           new Error("Ad already playing - cannot request new ads")
@@ -528,20 +526,29 @@ function createImaController(video, options) {
           adsLoader.addEventListener(
             google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
             (evt) => {
-              console.log(
-                "[IMA] Ads manager loaded - enabling preloading for continuous playback"
-              );
+              console.log("[DEBUG-FLOW] \u2705 ADS_MANAGER_LOADED - Setting up manager");
               try {
                 const adsRenderingSettings = new google.ima.AdsRenderingSettings();
                 adsRenderingSettings.enablePreloading = true;
                 adsManager = evt.getAdsManager(video, adsRenderingSettings);
                 const AdEvent = google.ima.AdEvent.Type;
                 const AdErrorEvent = google.ima.AdErrorEvent.Type;
+                const keyEvents = ["STARTED", "COMPLETE", "CONTENT_PAUSE_REQUESTED", "CONTENT_RESUME_REQUESTED", "ALL_ADS_COMPLETED"];
+                keyEvents.forEach((eventType) => {
+                  if (AdEvent[eventType]) {
+                    adsManager.addEventListener(AdEvent[eventType], (e) => {
+                      var _a, _b;
+                      const ad = (_a = e.getAd) == null ? void 0 : _a.call(e);
+                      console.log(`[DEBUG-FLOW] \u{1F3AC} ${eventType} | title=${((_b = ad == null ? void 0 : ad.getTitle) == null ? void 0 : _b.call(ad)) || "N/A"}`);
+                    });
+                  }
+                });
                 adsManager.addEventListener(
                   AdErrorEvent.AD_ERROR,
                   (errorEvent) => {
-                    var _a;
-                    console.error("[IMA] Ad error:", errorEvent.getError());
+                    var _a, _b;
+                    const error = errorEvent.getError();
+                    console.error("[DEBUG-ERROR] \u274C AD_ERROR:", (_a = error.getMessage) == null ? void 0 : _a.call(error));
                     destroyAdsManager();
                     adPlaying = false;
                     setAdPlayingFlag(false);
@@ -552,7 +559,7 @@ function createImaController(video, options) {
                         if (adContainerEl) {
                           adContainerEl.style.pointerEvents = "none";
                           adContainerEl.style.display = "none";
-                          console.log("[IMA] Ad container hidden after error");
+                          console.log("[DEBUG-LAYER] \u274C Ad container HIDDEN (error)");
                         }
                       }, 300);
                     }
@@ -564,9 +571,6 @@ function createImaController(video, options) {
                     }
                     if (lastAdTagUrl && retryAttempts < maxRetries) {
                       const delay = backoffBaseMs * Math.pow(2, retryAttempts++);
-                      console.log(
-                        `[IMA] Retrying ad request in ${delay}ms (attempt ${retryAttempts})`
-                      );
                       window.setTimeout(() => {
                         try {
                           makeAdsRequest(google, lastAdTagUrl);
@@ -574,16 +578,10 @@ function createImaController(video, options) {
                         }
                       }, delay);
                     } else {
-                      console.log(
-                        "[IMA] Max retries reached, emitting ad_error"
-                      );
                       emit("ad_error");
                       if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                         if (video.paused) {
-                          console.log(
-                            "[IMA] Resuming paused video after ad error"
-                          );
-                          (_a = video.play()) == null ? void 0 : _a.catch(() => {
+                          (_b = video.play()) == null ? void 0 : _b.catch(() => {
                           });
                         }
                       }
@@ -593,14 +591,9 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdEvent.CONTENT_PAUSE_REQUESTED,
                   () => {
-                    console.log("[IMA] Content pause requested");
+                    console.log("[DEBUG-FLOW] \u{1F3AF} CONTENT_PAUSE_REQUESTED - Ad starting");
                     if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                       video.pause();
-                      console.log("[IMA] Content video paused (VOD mode)");
-                    } else {
-                      console.log(
-                        "[IMA] Content video continues in background (Live mode)"
-                      );
                     }
                     hideContentVideo();
                     if (adContainerEl) {
@@ -609,7 +602,7 @@ function createImaController(video, options) {
                       adContainerEl.style.backgroundColor = "#000";
                       adContainerEl.offsetHeight;
                       adContainerEl.style.opacity = "1";
-                      console.log("[IMA] Ad container shown on content pause");
+                      console.log("[DEBUG-LAYER] \u{1F7E1} Ad container VISIBLE");
                     }
                     adPlaying = true;
                     setAdPlayingFlag(true);
@@ -617,14 +610,14 @@ function createImaController(video, options) {
                   }
                 );
                 adsManager.addEventListener(AdEvent.STARTED, () => {
-                  console.log("[IMA] Ad started - showing ad video");
+                  console.log("[DEBUG-FLOW] \u25B6\uFE0F STARTED - Ad playing now");
                   setAdPlayingFlag(true);
                   hideContentVideo();
                   if (adVideoElement) {
                     adVideoElement.volume = originalMutedState ? 0 : originalVolume;
                     adVideoElement.muted = originalMutedState;
                     console.log(
-                      `[IMA] Ad video volume: ${adVideoElement.volume}, muted: ${adVideoElement.muted}`
+                      `[DEBUG-AUDIO] \u{1F50A} Ad audio set | volume=${adVideoElement.volume}, muted=${adVideoElement.muted}`
                     );
                   }
                   if (adContainerEl) {
@@ -633,20 +626,20 @@ function createImaController(video, options) {
                     adContainerEl.style.backgroundColor = "#000";
                     adContainerEl.offsetHeight;
                     adContainerEl.style.opacity = "1";
-                    console.log("[IMA] Ad container now visible");
                   }
                 });
                 adsManager.addEventListener(
                   AdEvent.CONTENT_RESUME_REQUESTED,
                   () => {
-                    console.log("[IMA] Content resume requested");
+                    console.log("[DEBUG-FLOW] \u23F8\uFE0F CONTENT_RESUME - Single ad done");
                     adPlaying = false;
                     setAdPlayingFlag(false);
+                    console.log("[DEBUG-LAYER] \u26A0\uFE0F Waiting for pod manager decision (more ads or done)");
                     emit("content_resume");
                   }
                 );
                 adsManager.addEventListener(AdEvent.ALL_ADS_COMPLETED, () => {
-                  console.log("[IMA] All ads completed - restoring content");
+                  console.log("[DEBUG-FLOW] \u{1F3C1} ALL_ADS_COMPLETED - Pod finished");
                   adPlaying = false;
                   setAdPlayingFlag(false);
                   if (adContainerEl) {
@@ -656,15 +649,14 @@ function createImaController(video, options) {
                       if (adContainerEl) {
                         adContainerEl.style.pointerEvents = "none";
                         adContainerEl.style.display = "none";
-                        console.log("[IMA] Ad container hidden");
+                        console.log("[DEBUG-LAYER] \u26AB Ad container HIDDEN (pod done)");
                       }
                     }, 300);
                   }
                   showContentVideo();
                   if (!(options == null ? void 0 : options.continueLiveStreamDuringAds) && video.paused) {
-                    console.log("[IMA] Resuming content video playback");
                     video.play().catch((e) => {
-                      console.warn("[IMA] Failed to resume content video:", e);
+                      console.warn("[DEBUG-ERROR] Failed to resume video:", e);
                     });
                   }
                   emit("all_ads_completed");
@@ -686,18 +678,12 @@ function createImaController(video, options) {
                     if (adContainerEl) {
                       adContainerEl.style.pointerEvents = "none";
                       adContainerEl.style.display = "none";
-                      console.log(
-                        "[IMA] Ad container hidden after setup error"
-                      );
                     }
                   }, 300);
                 }
                 showContentVideo();
                 if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                   if (video.paused) {
-                    console.log(
-                      "[IMA] Resuming paused video after setup error"
-                    );
                     video.play().catch(() => {
                     });
                   }
@@ -715,7 +701,9 @@ function createImaController(video, options) {
           adsLoader.addEventListener(
             google.ima.AdErrorEvent.Type.AD_ERROR,
             (adErrorEvent) => {
-              console.error("[IMA] Ads loader error:", adErrorEvent.getError());
+              var _a;
+              const error = adErrorEvent.getError();
+              console.error("[DEBUG-ERROR] \u274C ADS_LOADER ERROR:", (_a = error.getMessage) == null ? void 0 : _a.call(error));
               adPlaying = false;
               setAdPlayingFlag(false);
               if (adContainerEl) {
@@ -725,14 +713,12 @@ function createImaController(video, options) {
                   if (adContainerEl) {
                     adContainerEl.style.pointerEvents = "none";
                     adContainerEl.style.display = "none";
-                    console.log("[IMA] Ad container hidden after loader error");
                   }
                 }, 300);
               }
               showContentVideo();
               if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                 if (video.paused) {
-                  console.log("[IMA] Resuming paused video after loader error");
                   video.play().catch(() => {
                   });
                 }
@@ -747,7 +733,6 @@ function createImaController(video, options) {
             false
           );
         }
-        console.log("[IMA] Making ads request");
         makeAdsRequest(google, vastTagUrl);
         return adsLoadedPromise;
       } catch (error) {
@@ -786,20 +771,16 @@ function createImaController(video, options) {
     },
     async play() {
       var _a, _b;
+      console.log("[DEBUG-FLOW] \u25B6\uFE0F play() - Starting ad playback");
       if (!((_a = window.google) == null ? void 0 : _a.ima) || !adDisplayContainer) {
-        console.warn(
-          "[IMA] Cannot play ad: IMA SDK or ad container not available"
-        );
         return Promise.reject(new Error("IMA SDK not available"));
       }
       if (!adsManager) {
-        console.warn("[IMA] Cannot play ad: No ads manager available");
         return Promise.reject(new Error("No ads manager"));
       }
       try {
         const width = video.clientWidth || 640;
         const height = video.clientHeight || 360;
-        console.log(`[IMA] Initializing ads manager (${width}x${height})`);
         adsManager.init(width, height, window.google.ima.ViewMode.NORMAL);
         adPlaying = true;
         const adVolume = originalMutedState ? 0 : originalVolume;
@@ -807,20 +788,18 @@ function createImaController(video, options) {
           adVideoElement.volume = adVolume;
           adVideoElement.muted = originalMutedState;
           console.log(
-            `[IMA] Set dedicated ad video volume to ${adVolume}, muted: ${originalMutedState}`
+            `[DEBUG-AUDIO] \u{1F50A} Pre-start ad audio | volume=${adVolume}, muted=${originalMutedState}`
           );
         }
         try {
           adsManager.setVolume(adVolume);
-          console.log(`[IMA] Set IMA manager volume to ${adVolume}`);
         } catch (error) {
-          console.warn("[IMA] Failed to set IMA manager volume:", error);
+          console.warn("[DEBUG-ERROR] Failed to set IMA manager volume:", error);
         }
-        console.log("[IMA] Starting ad playback");
         adsManager.start();
         return Promise.resolve();
       } catch (error) {
-        console.error("[IMA] Error starting ad playback:", error);
+        console.error("[DEBUG-ERROR] \u274C Error starting ad:", error);
         adPlaying = false;
         setAdPlayingFlag(false);
         if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
@@ -832,7 +811,7 @@ function createImaController(video, options) {
     },
     async stop() {
       var _a;
-      console.log("[IMA] Stopping ad playback");
+      console.log("[DEBUG-FLOW] \u23F9\uFE0F stop() - Stopping ad playback");
       adPlaying = false;
       setAdPlayingFlag(false);
       if (adContainerEl) {
@@ -842,7 +821,7 @@ function createImaController(video, options) {
           if (adContainerEl) {
             adContainerEl.style.pointerEvents = "none";
             adContainerEl.style.display = "none";
-            console.log("[IMA] Ad container hidden after stop");
+            console.log("[DEBUG-LAYER] \u26AB Ad container HIDDEN (stop)");
           }
         }, 300);
       }
@@ -913,7 +892,7 @@ function createImaController(video, options) {
     updateOriginalMutedState(muted, volume) {
       const nextVolume = typeof volume === "number" && !Number.isNaN(volume) ? Math.max(0, Math.min(1, volume)) : originalVolume;
       console.log(
-        `[IMA] updateOriginalMutedState called: { muted: ${originalMutedState} -> ${muted}, volume: ${originalVolume} -> ${nextVolume} }`
+        `[DEBUG-AUDIO] \u{1F4BE} Saved original state | muted: ${originalMutedState}->${muted}, volume: ${originalVolume}->${nextVolume}`
       );
       originalMutedState = muted;
       originalVolume = nextVolume;
@@ -930,14 +909,14 @@ function createImaController(video, options) {
         adVideoElement.volume = clampedVolume;
         adVideoElement.muted = clampedVolume === 0;
         console.log(
-          `[IMA] Set dedicated ad video volume to ${clampedVolume}, muted: ${clampedVolume === 0}`
+          `[DEBUG-AUDIO] \u{1F50A} Ad volume changed | volume=${clampedVolume}, muted=${clampedVolume === 0}`
         );
       }
       if (adsManager && adPlaying) {
         try {
           adsManager.setVolume(clampedVolume);
         } catch (error) {
-          console.warn("[IMA] Failed to set IMA manager volume:", error);
+          console.warn("[DEBUG-ERROR] Failed to set IMA manager volume:", error);
         }
       }
     },