@streamlayer/feature-advertisement 1.1.0 → 1.1.1-rc.1343

package/lib/classic/advertisement.js

@@ -0,0 +1,331 @@
+import { defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.set.difference.v2.js';
+import 'core-js/modules/esnext.set.intersection.v2.js';
+import 'core-js/modules/esnext.set.is-disjoint-from.v2.js';
+import 'core-js/modules/esnext.set.is-subset-of.v2.js';
+import 'core-js/modules/esnext.set.is-superset-of.v2.js';
+import 'core-js/modules/esnext.set.symmetric-difference.v2.js';
+import 'core-js/modules/esnext.set.union.v2.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { AbstractFeatureUnit, createSingleStore, eventBus } from '@streamlayer/sdk-web-interfaces/classic';
+import { createLogger } from '@streamlayer/sdk-web-logger/classic';
+import { externalAd } from './units/external-ad.js';
+import { externalPauseAd } from './units/external-pause-ad.js';
+import { pauseAdListStore } from './units/pause-ad.js';
+import { SsaiCreativeCache } from './units/ssai-creative.js';
+import { resolveProvider } from './units/ssai-providers.js';
+import { createSsaiDetector } from './units/ssai-detector.js';
+import { createSsaiAdBreakStore } from './units/ssai-ad-break.js';
+import { preloadCreativeAssets } from './units/ssai-preload.js';
+
+class Advertisement extends AbstractFeatureUnit {
+  constructor(instance) {
+    super();
+    _defineProperty(this, "getExternalAd", void 0);
+    _defineProperty(this, "getExternalPauseAd", void 0);
+    _defineProperty(this, "getPauseAdList", void 0);
+    _defineProperty(this, "ssaiAdBreak", createSsaiAdBreakStore());
+    _defineProperty(this, "startSsaiMonitoring", void 0);
+    _defineProperty(this, "stopSsaiMonitoring", void 0);
+    /**
+     * Fire the impression tracking pixel for a creative. Called by the UI the
+     * moment the bar actually renders the creative, so "impression" means the
+     * viewer saw it (not merely that metadata resolved).
+     */
+    _defineProperty(this, "fireSsaiImpression", void 0);
+    /**
+     * Fire a named tracking beacon for a creative (`clickThrough`, or any event
+     * the creative carries). Lifecycle beacons — `start`, the quartiles and
+     * `complete` — are fired automatically by the detector as playback crosses
+     * them; this is for the ones only the UI knows about.
+     */
+    _defineProperty(this, "fireSsaiTracking", void 0);
+    /**
+     * Fire the companion's `clickTracking` beacons. Exposed for hosts that render
+     * the companion banner themselves — the TV overlay has no companion surface,
+     * so nothing in this SDK calls it.
+     */
+    _defineProperty(this, "fireSsaiCompanionClick", void 0);
+    /**
+     * User-dismissed the current break: hide the bar now and keep it hidden for
+     * the rest of this break (a later break/creative shows again).
+     */
+    _defineProperty(this, "dismissSsaiBreak", void 0);
+    /**
+     * Read-only timing introspection of the running SSAI monitor (null while no
+     * monitor runs). Feeds the demo app's SSAI debug window; safe to poll.
+     */
+    _defineProperty(this, "getSsaiDebugSnapshot", void 0);
+    _defineProperty(this, "externalAdStores", new Map());
+    _defineProperty(this, "externalPauseAdStores", new Map());
+    _defineProperty(this, "externalPauseAdEnabled", new Map());
+    _defineProperty(this, "pauseAdStore", null);
+    _defineProperty(this, "pauseAdEnabled", null);
+    _defineProperty(this, "ssaiDetector", null);
+    _defineProperty(this, "ssaiCache", null);
+    _defineProperty(this, "log", void 0);
+    _defineProperty(this, "connect", () => {
+      this.log.debug('connect');
+    });
+    _defineProperty(this, "disconnect", () => {
+      this.log.debug('disconnect');
+      this.stopSsaiMonitoring();
+      this.externalAdStores.forEach(store => {
+        store.off();
+      });
+      this.externalAdStores.clear();
+      this.externalPauseAdStores.forEach(store => {
+        store.off();
+      });
+      this.externalPauseAdEnabled.forEach(enabled => {
+        enabled.off();
+      });
+      this.externalPauseAdEnabled.clear();
+      this.externalPauseAdStores.clear();
+      if (this.pauseAdStore) {
+        var _this$pauseAdEnabled;
+        this.pauseAdStore.$list.off();
+        this.pauseAdStore.$index.off();
+        (_this$pauseAdEnabled = this.pauseAdEnabled) === null || _this$pauseAdEnabled === void 0 || _this$pauseAdEnabled.off();
+        this.pauseAdStore = null;
+        this.pauseAdEnabled = null;
+      }
+    });
+    this.log = createLogger('advertisement');
+    const externalAdGenerator = externalAd(instance);
+    const externalPauseAdGenerator = externalPauseAd(instance);
+    const pauseAdGenerator = pauseAdListStore(instance);
+    this.fireSsaiImpression = () => undefined;
+    this.fireSsaiTracking = () => undefined;
+    this.fireSsaiCompanionClick = () => undefined;
+    this.dismissSsaiBreak = () => undefined;
+    // Stable across start/stop cycles — always answers from the CURRENT detector.
+    this.getSsaiDebugSnapshot = () => {
+      var _this$ssaiDetector$ge, _this$ssaiDetector;
+      return (_this$ssaiDetector$ge = (_this$ssaiDetector = this.ssaiDetector) === null || _this$ssaiDetector === void 0 ? void 0 : _this$ssaiDetector.getDebugSnapshot()) !== null && _this$ssaiDetector$ge !== void 0 ? _this$ssaiDetector$ge : null;
+    };
+    this.getPauseAdList = options => {
+      if (this.pauseAdStore) {
+        const $enabled = this.pauseAdEnabled;
+        const wasDisabled = $enabled.get() === false;
+        $enabled.set(options.$enabled);
+        if (wasDisabled && options.$enabled) {
+          window.requestAnimationFrame(() => {
+            if (this.pauseAdStore) this.pauseAdStore.$list.revalidate();
+          });
+        }
+        return this.pauseAdStore;
+      }
+      const $enabled = createSingleStore(options.$enabled);
+      this.pauseAdEnabled = $enabled;
+      this.pauseAdStore = pauseAdGenerator($enabled, options);
+      return this.pauseAdStore;
+    };
+    this.getExternalAd = (adUrl = '') => {
+      if (this.externalAdStores.has(adUrl)) {
+        const $store = this.externalAdStores.get(adUrl);
+        return [$store, adUrl];
+      }
+      const store = externalAdGenerator(adUrl);
+      this.externalAdStores.set(adUrl, store);
+      return [store, adUrl];
+    };
+    this.getExternalPauseAd = (adUrl, options) => {
+      var _options$template;
+      // Store identity is (template, url): the template selects a DIFFERENT creative
+      // from the SAME tag, so the two must not share a store. Required because the
+      // cache-hit branch below applies only `$enabled` and drops the rest of `options`.
+      const storeKey = `${(_options$template = options.template) !== null && _options$template !== void 0 ? _options$template : 'default'}::${adUrl}`;
+      if (this.externalPauseAdStores.has(storeKey)) {
+        const $enabled = this.externalPauseAdEnabled.get(storeKey);
+        const $store = this.externalPauseAdStores.get(storeKey);
+        const shouldRevalidate = $enabled.get() === false && options.$enabled === true;
+        $enabled.set(options.$enabled);
+        if (shouldRevalidate) {
+          window.requestAnimationFrame(() => {
+            $store.revalidate();
+          });
+        }
+        // The 2nd element MUST stay the BARE url — `ExposedPauseAd` compares it to
+        // `vastUrlRef.current` (index.tsx:121) to scope store errors to the selected tag.
+        return [$store, adUrl];
+      }
+      const $enabled = createSingleStore(options.$enabled);
+      const store = externalPauseAdGenerator(adUrl, $enabled, options);
+      this.externalPauseAdEnabled.set(storeKey, $enabled);
+      this.externalPauseAdStores.set(storeKey, store);
+      return [store, adUrl];
+    };
+    this.startSsaiMonitoring = options => {
+      this.stopSsaiMonitoring();
+      const provider = resolveProvider(options.provider);
+      const cache = new SsaiCreativeCache(provider);
+      this.ssaiCache = cache;
+      this.fireSsaiImpression = creativeId => {
+        cache.fireImpressionById(creativeId);
+      };
+      this.fireSsaiTracking = (creativeId, event) => {
+        cache.fireTrackingById(creativeId, event);
+      };
+      this.fireSsaiCompanionClick = creativeId => {
+        cache.fireCompanionClickById(creativeId);
+      };
+      // Creative ids whose artwork preload has completed. Tracked apart from the
+      // cache: `peek` alone would let the bar show with a logo still in flight.
+      const preloadedIds = new Set();
+      /**
+       * Resolve + warm a creative the moment its id shows up in the manifest —
+       * typically seconds before its break starts, since the playhead trails the
+       * live edge. By break start the sync fast-path in `loadCreative` then flips
+       * the store straight to 'ready'. Failure here is only a debug note: the
+       * break may still be minutes away, and `loadCreative` retries (and warns)
+       * when the ad actually starts.
+       */
+      const prefetchCreative = creativeId => {
+        cache.resolve(creativeId).then(creative => preloadCreativeAssets(creative)).then(() => {
+          preloadedIds.add(creativeId);
+        }).catch(error => {
+          this.log.debug(error, 'ssai creative prefetch failed');
+        });
+      };
+      const publishReady = (range, creative) => {
+        this.ssaiAdBreak.set({
+          creativeId: range.creativeId,
+          creative,
+          status: 'ready',
+          startMs: range.startMs,
+          durationSec: range.durationSec
+        });
+        // "loaded" = metadata resolved. Impression (eventBus + pixel) fires
+        // from the UI when the bar is actually rendered, not here.
+        eventBus.emit('ssaiAdBreak', {
+          action: 'vastLoaded',
+          payload: {
+            creativeId: creative.creativeId,
+            advertiser: creative.advertiser,
+            clickThroughUrl: creative.clickThroughUrl
+          }
+        });
+      };
+      const loadCreative = range => {
+        // Fast path: prefetched at discovery, artwork warm — go straight to
+        // 'ready'. Skipping the 'detecting' hop matters for pods in particular:
+        // it momentarily empties the store, which the UI renders as the bar
+        // starting to close between two back-to-back ads.
+        const prefetched = cache.peek(range.creativeId);
+        if (prefetched && preloadedIds.has(range.creativeId)) {
+          publishReady(range, prefetched);
+          return;
+        }
+        this.ssaiAdBreak.set({
+          creativeId: range.creativeId,
+          status: 'detecting',
+          startMs: range.startMs,
+          durationSec: range.durationSec
+        });
+        cache.resolve(range.creativeId)
+        // Warm the artwork BEFORE flipping to 'ready', so the bar fades in with
+        // its logo already decoded instead of popping it in mid-animation. Capped
+        // internally, so a slow image host delays nothing.
+        .then(creative => preloadCreativeAssets(creative).then(() => {
+          preloadedIds.add(range.creativeId);
+          return creative;
+        })).then(creative => {
+          const current = this.ssaiAdBreak.get();
+          // Re-checked after the preload as well as the fetch: the break can end
+          // while either is in flight.
+          if (!current || current.creativeId !== range.creativeId) {
+            return;
+          }
+          publishReady(range, creative);
+        }).catch(error => {
+          this.log.warn(error, 'ssai creative resolution failed');
+        });
+      };
+      this.ssaiDetector = createSsaiDetector({
+        player: options.player,
+        videoRef: options.videoRef,
+        manifestUrl: options.manifestUrl,
+        onAdDiscovered: creativeId => {
+          this.log.debug({
+            creativeId
+          }, 'ssai ad discovered, prefetching creative');
+          prefetchCreative(creativeId);
+        },
+        onBreakStart: range => {
+          this.log.debug({
+            creativeId: range.creativeId
+          }, 'ssai break start');
+          eventBus.emit('ssaiAdBreak', {
+            action: 'breakStart',
+            payload: {
+              creativeId: range.creativeId
+            }
+          });
+          loadCreative(range);
+        },
+        onCreativeChange: range => {
+          this.log.debug({
+            creativeId: range.creativeId
+          }, 'ssai creative change');
+          loadCreative(range);
+        },
+        onAdEnding: range => {
+          const current = this.ssaiAdBreak.get();
+          // Only a bar currently showing this creative has anything to wind
+          // down — a dismissed or still-resolving break stays as it is.
+          if (!current || current.creativeId !== range.creativeId || current.status !== 'ready') {
+            return;
+          }
+          this.ssaiAdBreak.set(_objectSpread2(_objectSpread2({}, current), {}, {
+            status: 'ending'
+          }));
+        },
+        onProgress: (range, event) => {
+          this.log.debug({
+            creativeId: range.creativeId,
+            event
+          }, 'ssai progress');
+          cache.fireTrackingById(range.creativeId, event);
+        },
+        onBreakEnd: () => {
+          this.log.debug('ssai break end');
+          const current = this.ssaiAdBreak.get();
+          eventBus.emit('ssaiAdBreak', {
+            action: 'breakEnd',
+            payload: {
+              creativeId: current === null || current === void 0 ? void 0 : current.creativeId
+            }
+          });
+          this.ssaiAdBreak.set(null);
+        }
+      });
+      this.dismissSsaiBreak = () => {
+        var _this$ssaiDetector2;
+        (_this$ssaiDetector2 = this.ssaiDetector) === null || _this$ssaiDetector2 === void 0 || _this$ssaiDetector2.dismissActiveBreak();
+        this.ssaiAdBreak.set(null);
+      };
+    };
+    this.stopSsaiMonitoring = () => {
+      if (this.ssaiDetector) {
+        this.ssaiDetector.destroy();
+        this.ssaiDetector = null;
+      }
+      if (this.ssaiCache) {
+        this.ssaiCache.destroy();
+        this.ssaiCache = null;
+      }
+      this.fireSsaiImpression = () => undefined;
+      this.fireSsaiTracking = () => undefined;
+      this.fireSsaiCompanionClick = () => undefined;
+      this.dismissSsaiBreak = () => undefined;
+      this.ssaiAdBreak.set(null);
+    };
+  }
+}
+
+export { Advertisement };

package/lib/classic/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,77 @@
+'use strict';
+
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  if (typeof Symbol === "function" && t instanceof Symbol) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+exports.asyncToGenerator = _asyncToGenerator;
+exports.defineProperty = _defineProperty;
+exports.objectSpread2 = _objectSpread2;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;