@gcorevideo/player 2.23.2 → 2.24.0

package/dist/index.js

@@ -43303,7 +43303,7 @@ class Player {
     }
 }
 
-var version$1 = "2.23.2";
+var version$1 = "2.24.0";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -44966,7 +44966,7 @@ class BigMuteButton extends UICorePlugin {
      */
     get events() {
         return {
-            'click .big-mute-icon': 'handleBigMuteBtnClick',
+            'click .big-mute-icon': 'clicked',
             'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
         };
     }
@@ -44980,6 +44980,7 @@ class BigMuteButton extends UICorePlugin {
         trace(`${T$h} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
+        // TOOD use core.getPlugin('media_control')
         this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
     onCoreReady() {
@@ -45073,7 +45074,7 @@ class BigMuteButton extends UICorePlugin {
         }
         this.destroy();
     }
-    handleBigMuteBtnClick(e) {
+    clicked(e) {
         const localVolume = Utils.Config.restore('volume');
         const volume = !isNaN(localVolume) ? localVolume : 100;
         // TODO use container.setVolume() instead
@@ -45214,7 +45215,6 @@ class BottomGear extends UICorePlugin {
      */
     bindEvents() {
         this.listenToOnce(this.core, Events$1.CORE_READY, this.onCoreReady);
-        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     /**
      * Adds a custom option to the gear menu
@@ -45266,13 +45266,12 @@ class BottomGear extends UICorePlugin {
         }
         return $item;
     }
-    onActiveContainerChanged() {
-        trace(`${T$g} onActiveContainerChanged`);
-        this.bindContainerEvents();
-    }
-    bindContainerEvents() {
+    bindContainerEvents(container) {
         trace(`${T$g} bindContainerEvents`);
-        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(container, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(container, Events$1.CONTAINER_CLICK, () => {
+            this.collapse();
+        });
     }
     highDefinitionUpdate(isHd) {
         trace(`${T$g} highDefinitionUpdate`, { isHd });
@@ -45307,6 +45306,9 @@ class BottomGear extends UICorePlugin {
      * Should be called by the UI plugin that added a gear item with a submenu when the latter is closed (e.g., when a "back" button is clicked).
      */
     refresh() {
+        this.collapseSubmenus();
+    }
+    collapseSubmenus() {
         this.$el.find('.gear-sub-menu-wrapper').hide();
         this.$el.find('#gear-options').show();
     }
@@ -45325,10 +45327,12 @@ class BottomGear extends UICorePlugin {
         trace(`${T$g} toggleMenu`, { hidden: this.collapsed });
     }
     collapse() {
-        trace(`${T$g} hide`);
+        trace(`${T$g} collapse`);
         this.collapsed = true;
         this.$el.find('#gear-options-wrapper').hide();
         this.$el.find('#gear-button').attr('aria-expanded', 'false');
+        // TODO hide submenus
+        this.collapseSubmenus();
     }
     onCoreReady() {
         trace(`${T$g} onCoreReady`);
@@ -45336,11 +45340,15 @@ class BottomGear extends UICorePlugin {
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.collapse);
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, () => {
+            this.bindContainerEvents(mediaControl.container);
+        });
         this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, (from) => {
             if (from !== this.name) {
                 this.collapse();
             }
         });
+        this.bindContainerEvents(mediaControl.container);
     }
     onMediaControlRendered() {
         trace(`${T$g} onMediaControlRendered`);
@@ -45692,6 +45700,132 @@ class ClapprStats extends ContainerPlugin {
     }
 }
 
+function generateSessionId() {
+    return window.crypto.randomUUID();
+}
+function generateContentId(sourceUrl) {
+    return window.crypto.subtle.digest('SHA-1', new TextEncoder().encode(sourceUrl))
+        .then(buffer => {
+        const hex = Array.from(new Uint8Array(buffer))
+            .map(b => b.toString(16).padStart(2, '0'))
+            .join('');
+        return hex;
+    });
+}
+
+const CMCD_KEYS = [
+    'br',
+    'd',
+    'ot',
+    'tb',
+    'bl',
+    'dl',
+    'mtp',
+    'nor',
+    'nrr',
+    'su',
+    'bs',
+    'rtp',
+    'cid',
+    'pr',
+    'sf',
+    'sid',
+    'st',
+    'v',
+];
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+class CmcdConfig extends CorePlugin {
+    sid;
+    cid = '';
+    /**
+     * @inheritdocs
+     */
+    get name() {
+        return 'cmcd';
+    }
+    constructor(core) {
+        super(core);
+        this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
+    }
+    /**
+     * @inheritdocs
+     */
+    bindEvents() {
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.updateSettings());
+    }
+    async getIds() {
+        return {
+            sid: this.sid,
+            cid: await this.ensureContentId(),
+        };
+    }
+    updateSettings() {
+        switch (this.core.activeContainer.playback.name) {
+            case 'dash':
+                this.updateDashjsSettings();
+                break;
+            case 'hls':
+                this.updateHlsjsSettings();
+                break;
+        }
+    }
+    async updateDashjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            dash: {
+                ...(options.dash ?? {}),
+                cmcd: {
+                    enabled: true,
+                    enabledKeys: CMCD_KEYS,
+                    sid,
+                    cid,
+                },
+            },
+        };
+    }
+    async updateHlsjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            playback: {
+                hlsjsConfig: {
+                    ...(options.playback?.hlsjsConfig ?? {}),
+                    cmcd: {
+                        includeKeys: CMCD_KEYS,
+                        sessionId: sid,
+                        contentId: cid,
+                    },
+                },
+            },
+        };
+    }
+    async ensureContentId() {
+        if (!this.cid) {
+            this.cid = await this.evalContentId();
+        }
+        return this.cid;
+    }
+    async evalContentId() {
+        if (!this.core.activeContainer.options.cmcd?.contentId) {
+            return generateContentId(this.core.activePlayback.options.src);
+        }
+        const contentId = this.core.activeContainer.options.cmcd.contentId;
+        if (typeof contentId === 'string') {
+            return contentId;
+        }
+        return Promise.resolve(contentId(this.core.activePlayback.options.src));
+    }
+}
+
 var mousetrap = {exports: {}};
 
 /*global define:false */
@@ -52173,11 +52307,9 @@ class Thumbnails extends UICorePlugin {
         mediaControl.$el.first().after(this.$el);
     }
     onMouseMoveSeekbar(_, pos) {
-        if (Math.abs(pos - this.hoverPosition) >= 0.01) {
-            this.hoverPosition = pos;
-            this.showing = true;
-            this.update();
-        }
+        this.hoverPosition = pos;
+        this.showing = true;
+        this.update();
     }
     onMouseLeave() {
         this.showing = false;
@@ -52289,7 +52421,6 @@ class Thumbnails extends UICorePlugin {
         // determine which thumbnail applies to the current time
         const thumbIndex = this.getThumbIndexForTime(hoverTime);
         const thumb = this.thumbs[thumbIndex];
-        // update thumbnail
         const $spotlight = this.$el.find('#thumbnails-spotlight');
         this.buildThumbImage(thumb, this.spotlightHeight, $spotlight.find('.thumbnail-container')).appendTo($spotlight);
         const elWidth = this.$el.width();
@@ -52468,4 +52599,4 @@ class VolumeFade extends UICorePlugin {
     }
 }
 
-export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };
+export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, NerdStats as ClapprNerdStats, ClapprStats, ClapprStatsChronograph, ClapprStatsCounter, ClapprStatsEvents, ClickToPause, Clips, ClosedCaptions, CmcdConfig, ContextMenu, DvrControls, ErrorScreen, ExtendedEvents, Favicon, GearEvents, GoogleAnalytics, QualityLevels as LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, NerdStats, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, QualityLevels, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };

package/dist/player.d.ts

@@ -228,6 +228,8 @@ export declare class BigMuteButton extends UICorePlugin {
  */
 export declare class BottomGear extends UICorePlugin {
     private hd;
+    private numItems;
+    private collapsed;
     /**
      * @internal
      */
@@ -282,7 +284,6 @@ export declare class BottomGear extends UICorePlugin {
      * ```
      */
     addItem(name: string, $subMenu?: ZeptoResult): ZeptoResult;
-    private onActiveContainerChanged;
     private bindContainerEvents;
     private highDefinitionUpdate;
     /**
@@ -295,10 +296,12 @@ export declare class BottomGear extends UICorePlugin {
      * Should be called by the UI plugin that added a gear item with a submenu when the latter is closed (e.g., when a "back" button is clicked).
      */
     refresh(): void;
-    private toggleGearMenu;
-    private hide;
+    private collapseSubmenus;
+    private toggleMenu;
+    private collapse;
     private onCoreReady;
     private onMediaControlRendered;
+    private mount;
 }
 
 /**

package/lib/index.plugins.d.ts

@@ -4,6 +4,7 @@ export { AudioTracks as AudioSelector } from "./plugins/audio-selector/AudioTrac
 export * from "./plugins/big-mute-button/BigMuteButton.js";
 export * from "./plugins/bottom-gear/BottomGear.js";
 export * from "./plugins/clappr-stats/ClapprStats.js";
+export * from "./plugins/cmcd-config/CmcdConfig.js";
 export * from "./plugins/clappr-nerd-stats/NerdStats.js";
 export { NerdStats as ClapprNerdStats } from "./plugins/clappr-nerd-stats/NerdStats.js";
 export * from "./plugins/click-to-pause/ClickToPause.js";

package/lib/index.plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACvF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,0CAA0C,CAAC;AACxF,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC3F,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sDAAsD,CAAC;AACrG,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACpF,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACvF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,0CAA0C,CAAC;AACxF,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC3F,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,sDAAsD,CAAC;AACrG,cAAc,iDAAiD,CAAC;AAChE,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACpF,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC"}

package/lib/index.plugins.js

@@ -4,6 +4,7 @@ export { AudioTracks as AudioSelector } from "./plugins/audio-selector/AudioTrac
 export * from "./plugins/big-mute-button/BigMuteButton.js";
 export * from "./plugins/bottom-gear/BottomGear.js";
 export * from "./plugins/clappr-stats/ClapprStats.js";
+export * from "./plugins/cmcd-config/CmcdConfig.js";
 export * from "./plugins/clappr-nerd-stats/NerdStats.js";
 export { NerdStats as ClapprNerdStats } from "./plugins/clappr-nerd-stats/NerdStats.js";
 export * from "./plugins/click-to-pause/ClickToPause.js";

package/lib/plugins/big-mute-button/BigMuteButton.d.ts

@@ -47,6 +47,6 @@ export declare class BigMuteButton extends UICorePlugin {
     private hideBigMuteBtn;
     private showBigMuteBtn;
     private destroyBigMuteBtn;
-    private handleBigMuteBtnClick;
+    private clicked;
 }
 //# sourceMappingURL=BigMuteButton.d.ts.map

package/lib/plugins/big-mute-button/BigMuteButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAA;AAQpE,OAAO,sDAAsD,CAAA;AAM7D;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAQ;IAErC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAcnB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAuBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB;CAS9B"}
+{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAA;AAQpE,OAAO,sDAAsD,CAAA;AAM7D;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAQ;IAErC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAenB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAuBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,OAAO;CAShB"}

package/lib/plugins/big-mute-button/BigMuteButton.js

@@ -34,7 +34,7 @@ export class BigMuteButton extends UICorePlugin {
      */
     get events() {
         return {
-            'click .big-mute-icon': 'handleBigMuteBtnClick',
+            'click .big-mute-icon': 'clicked',
             'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
         };
     }
@@ -48,6 +48,7 @@ export class BigMuteButton extends UICorePlugin {
         trace(`${T} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
+        // TOOD use core.getPlugin('media_control')
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
     onCoreReady() {
@@ -141,7 +142,7 @@ export class BigMuteButton extends UICorePlugin {
         }
         this.destroy();
     }
-    handleBigMuteBtnClick(e) {
+    clicked(e) {
         const localVolume = Utils.Config.restore('volume');
         const volume = !isNaN(localVolume) ? localVolume : 100;
         // TODO use container.setVolume() instead

package/lib/plugins/bottom-gear/BottomGear.d.ts

@@ -138,7 +138,6 @@ export declare class BottomGear extends UICorePlugin {
      * ```
      */
     addItem(name: string, $subMenu?: ZeptoResult): ZeptoResult;
-    private onActiveContainerChanged;
     private bindContainerEvents;
     private highDefinitionUpdate;
     /**
@@ -151,6 +150,7 @@ export declare class BottomGear extends UICorePlugin {
      * Should be called by the UI plugin that added a gear item with a submenu when the latter is closed (e.g., when a "back" button is clicked).
      */
     refresh(): void;
+    private collapseSubmenus;
     private toggleMenu;
     private collapse;
     private onCoreReady;

package/lib/plugins/bottom-gear/BottomGear.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomGear.d.ts","sourceRoot":"","sources":["../../../src/plugins/bottom-gear/BottomGear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuC,MAAM,cAAc,CAAA;AAOhF,OAAO,uCAAuC,CAAA;AAC9C,OAAO,gDAAgD,CAAA;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C;;;GAGG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,QAAQ,aAAa;CACtB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,EAAE,CAAQ;IAElB,OAAO,CAAC,QAAQ,CAAK;IAErB,OAAO,CAAC,SAAS,CAAQ;IAEzB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACM,UAAU;IASnB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW;IA6B1D,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,oBAAoB;IAM5B;;OAEG;IACM,MAAM;IAsBf;;;;OAIG;IACH,OAAO;IAKP,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,WAAW;IAqBnB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,KAAK;CAOd"}
+{"version":3,"file":"BottomGear.d.ts","sourceRoot":"","sources":["../../../src/plugins/bottom-gear/BottomGear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAkD,MAAM,cAAc,CAAA;AAO3F,OAAO,uCAAuC,CAAA;AAC9C,OAAO,gDAAgD,CAAA;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C;;;GAGG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,QAAQ,aAAa;CACtB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,EAAE,CAAQ;IAElB,OAAO,CAAC,QAAQ,CAAK;IAErB,OAAO,CAAC,SAAS,CAAQ;IAEzB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACM,UAAU;IAInB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,GAAG,WAAW;IA6B1D,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,oBAAoB;IAM5B;;OAEG;IACM,MAAM;IAsBf;;;;OAIG;IACH,OAAO;IAIP,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,KAAK;CAOd"}

package/lib/plugins/bottom-gear/BottomGear.js

@@ -134,7 +134,6 @@ export class BottomGear extends UICorePlugin {
      */
     bindEvents() {
         this.listenToOnce(this.core, ClapprEvents.CORE_READY, this.onCoreReady);
-        this.listenTo(this.core, ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     /**
      * Adds a custom option to the gear menu
@@ -186,13 +185,12 @@ export class BottomGear extends UICorePlugin {
         }
         return $item;
     }
-    onActiveContainerChanged() {
-        trace(`${T} onActiveContainerChanged`);
-        this.bindContainerEvents();
-    }
-    bindContainerEvents() {
+    bindContainerEvents(container) {
         trace(`${T} bindContainerEvents`);
-        this.listenTo(this.core.activeContainer, ClapprEvents.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(container, ClapprEvents.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(container, ClapprEvents.CONTAINER_CLICK, () => {
+            this.collapse();
+        });
     }
     highDefinitionUpdate(isHd) {
         trace(`${T} highDefinitionUpdate`, { isHd });
@@ -227,6 +225,9 @@ export class BottomGear extends UICorePlugin {
      * Should be called by the UI plugin that added a gear item with a submenu when the latter is closed (e.g., when a "back" button is clicked).
      */
     refresh() {
+        this.collapseSubmenus();
+    }
+    collapseSubmenus() {
         this.$el.find('.gear-sub-menu-wrapper').hide();
         this.$el.find('#gear-options').show();
     }
@@ -245,10 +246,12 @@ export class BottomGear extends UICorePlugin {
         trace(`${T} toggleMenu`, { hidden: this.collapsed });
     }
     collapse() {
-        trace(`${T} hide`);
+        trace(`${T} collapse`);
         this.collapsed = true;
         this.$el.find('#gear-options-wrapper').hide();
         this.$el.find('#gear-button').attr('aria-expanded', 'false');
+        // TODO hide submenus
+        this.collapseSubmenus();
     }
     onCoreReady() {
         trace(`${T} onCoreReady`);
@@ -256,11 +259,15 @@ export class BottomGear extends UICorePlugin {
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
         this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_HIDE, this.collapse);
+        this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_CONTAINERCHANGED, () => {
+            this.bindContainerEvents(mediaControl.container);
+        });
         this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, (from) => {
             if (from !== this.name) {
                 this.collapse();
             }
         });
+        this.bindContainerEvents(mediaControl.container);
     }
     onMediaControlRendered() {
         trace(`${T} onMediaControlRendered`);

package/lib/plugins/cmcd-config/CmcdConfig.d.ts

@@ -0,0 +1,45 @@
+import { Core, CorePlugin } from '@clappr/core';
+/**
+ * @beta
+ */
+export type CmcdConfigPluginSettings = {
+    /**
+     * Session ID. If ommitted, a random UUID will be generated
+     */
+    sessionId: string;
+    /**
+     * Content ID, either constant or derived from current source.
+     * If ommitted, a SHA-1 hash of current source URL will be used
+     */
+    contentId?: string | ((sourceUrl: string, mimeType?: string) => (string | Promise<string>));
+};
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+export declare class CmcdConfig extends CorePlugin {
+    private sid;
+    private cid;
+    /**
+     * @inheritdocs
+     */
+    get name(): string;
+    constructor(core: Core);
+    /**
+     * @inheritdocs
+     */
+    bindEvents(): void;
+    getIds(): Promise<{
+        sid: string;
+        cid: string;
+    }>;
+    private updateSettings;
+    private updateDashjsSettings;
+    private updateHlsjsSettings;
+    private ensureContentId;
+    private evalContentId;
+}
+//# sourceMappingURL=CmcdConfig.d.ts.map

package/lib/plugins/cmcd-config/CmcdConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmcdConfig.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/CmcdConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EAEX,MAAM,cAAc,CAAA;AAyBrB;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;CAC5F,CAAA;AAED;;;;;;GAMG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,GAAG,CAAK;IAEhB;;OAEG;IACH,IAAI,IAAI,WAEP;gBAEW,IAAI,EAAE,IAAI;IAKtB;;OAEG;IACM,UAAU;IAMb,MAAM,IAAI,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAOrD,OAAO,CAAC,cAAc;YAWR,oBAAoB;YAiBpB,mBAAmB;YAkBnB,eAAe;YAOf,aAAa;CAU5B"}

package/lib/plugins/cmcd-config/CmcdConfig.js

@@ -0,0 +1,114 @@
+import { CorePlugin, Events, } from '@clappr/core';
+import { generateContentId, generateSessionId } from './utils';
+const CMCD_KEYS = [
+    'br',
+    'd',
+    'ot',
+    'tb',
+    'bl',
+    'dl',
+    'mtp',
+    'nor',
+    'nrr',
+    'su',
+    'bs',
+    'rtp',
+    'cid',
+    'pr',
+    'sf',
+    'sid',
+    'st',
+    'v',
+];
+/**
+ * A `PLUGIN` that configures CMCD for playback
+ * @beta
+ * @remarks
+ * Configuration options
+ *   `cmcd`: {@link CmcdConfigPluginSettings}
+ */
+export class CmcdConfig extends CorePlugin {
+    sid;
+    cid = '';
+    /**
+     * @inheritdocs
+     */
+    get name() {
+        return 'cmcd';
+    }
+    constructor(core) {
+        super(core);
+        this.sid = this.options.cmcd?.sessionId ?? generateSessionId();
+    }
+    /**
+     * @inheritdocs
+     */
+    bindEvents() {
+        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, () => this.updateSettings());
+    }
+    async getIds() {
+        return {
+            sid: this.sid,
+            cid: await this.ensureContentId(),
+        };
+    }
+    updateSettings() {
+        switch (this.core.activeContainer.playback.name) {
+            case 'dash':
+                this.updateDashjsSettings();
+                break;
+            case 'hls':
+                this.updateHlsjsSettings();
+                break;
+        }
+    }
+    async updateDashjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            dash: {
+                ...(options.dash ?? {}),
+                cmcd: {
+                    enabled: true,
+                    enabledKeys: CMCD_KEYS,
+                    sid,
+                    cid,
+                },
+            },
+        };
+    }
+    async updateHlsjsSettings() {
+        const { cid, sid } = await this.getIds();
+        const options = this.core.activePlayback.options;
+        this.core.activePlayback.options = {
+            ...options,
+            playback: {
+                hlsjsConfig: {
+                    ...(options.playback?.hlsjsConfig ?? {}),
+                    cmcd: {
+                        includeKeys: CMCD_KEYS,
+                        sessionId: sid,
+                        contentId: cid,
+                    },
+                },
+            },
+        };
+    }
+    async ensureContentId() {
+        if (!this.cid) {
+            this.cid = await this.evalContentId();
+        }
+        return this.cid;
+    }
+    async evalContentId() {
+        if (!this.core.activeContainer.options.cmcd?.contentId) {
+            return generateContentId(this.core.activePlayback.options.src);
+        }
+        const contentId = this.core.activeContainer.options.cmcd.contentId;
+        if (typeof contentId === 'string') {
+            return contentId;
+        }
+        return Promise.resolve(contentId(this.core.activePlayback.options.src));
+    }
+}

package/lib/plugins/cmcd-config/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function generateSessionId(): string;
+export declare function generateContentId(sourceUrl: string): Promise<string>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/plugins/cmcd-config/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/cmcd-config/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAQpE"}

package/lib/plugins/cmcd-config/utils.js

@@ -0,0 +1,12 @@
+export function generateSessionId() {
+    return window.crypto.randomUUID();
+}
+export function generateContentId(sourceUrl) {
+    return window.crypto.subtle.digest('SHA-1', new TextEncoder().encode(sourceUrl))
+        .then(buffer => {
+        const hex = Array.from(new Uint8Array(buffer))
+            .map(b => b.toString(16).padStart(2, '0'))
+            .join('');
+        return hex;
+    });
+}

package/lib/plugins/thumbnails/Thumbnails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnails.d.ts","sourceRoot":"","sources":["../../../src/plugins/thumbnails/Thumbnails.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAKZ,IAAI,EACL,MAAM,cAAc,CAAA;AAUrB,OAAO,uCAAuC,CAAA;AAM9C;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAeD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,qBAAqB,CAAoB;IAEjD,OAAO,CAAC,iBAAiB,CAAY;IAErC,OAAO,CAAC,gBAAgB,CAAY;IAEpC,OAAO,CAAC,aAAa,CAAI;IAEzB,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,eAAe,CAAI;IAE3B,OAAO,CAAC,cAAc,CAAI;IAE1B,OAAO,CAAC,MAAM,CAAsB;IAEpC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;gBAE3C,IAAI,EAAE,IAAI;IAgBtB,OAAO,CAAC,iBAAiB;IAiCzB;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,WAAW;YAmDL,eAAe;IAO7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,IAAI;IAaZ,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,cAAc;IAuEtB,OAAO,CAAC,oBAAoB;IAkD5B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,WAAW;IAgBnB,OAAO,KAAK,YAAY,GAMvB;IAEQ,MAAM;CAShB"}
+{"version":3,"file":"Thumbnails.d.ts","sourceRoot":"","sources":["../../../src/plugins/thumbnails/Thumbnails.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAKZ,IAAI,EACL,MAAM,cAAc,CAAA;AAUrB,OAAO,uCAAuC,CAAA;AAM9C;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAeD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,qBAAqB,CAAoB;IAEjD,OAAO,CAAC,iBAAiB,CAAY;IAErC,OAAO,CAAC,gBAAgB,CAAY;IAEpC,OAAO,CAAC,aAAa,CAAI;IAEzB,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,eAAe,CAAI;IAE3B,OAAO,CAAC,cAAc,CAAI;IAE1B,OAAO,CAAC,MAAM,CAAsB;IAEpC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;gBAE3C,IAAI,EAAE,IAAI;IAgBtB,OAAO,CAAC,iBAAiB;IAiCzB;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,WAAW;YAmDL,eAAe;IAO7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,IAAI;IAaZ,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,cAAc;IAuEtB,OAAO,CAAC,oBAAoB;IAiD5B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,WAAW;IAgBnB,OAAO,KAAK,YAAY,GAMvB;IAEQ,MAAM;CAShB"}