@gcorevideo/player 2.22.24 → 2.22.26

package/lib/plugins/clappr-nerd-stats/speedtest/Speedtest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Speedtest.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAID,KAAK,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACrC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;AAEnD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAIrD,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAsB;IAEpC,OAAO,CAAC,SAAS,CAAsB;IAEvC,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,OAAO,CAAC,eAAe,CAAsB;IAE7C,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,cAAc,CAAK;IAE3B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAO;IAE/B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAO;IAErC,QAAQ;IAIR,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAY9C,sBAAsB,CAAC,MAAM,EAAE,MAAM;IAiCrC,YAAY,CAAC,MAAM,EAAE,MAAM;IAY3B,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;IAM5B,iBAAiB;IAQjB,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,YAAY,CAAC,MAAM,EAAE,cAAc;IA0KnC,KAAK;IAsEL,KAAK;IASL,OAAO,CAAC,UAAU;CAUnB"}
+{"version":3,"file":"Speedtest.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAID,KAAK,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACrC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,UAAU,EAAE,CAAC,GAAG,CAAC,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;AAEnD,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAIrD,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAsB;IAEpC,OAAO,CAAC,SAAS,CAAsB;IAEvC,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,OAAO,CAAC,eAAe,CAAsB;IAE7C,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,SAAS,CAA8B;IAE/C,OAAO,CAAC,cAAc,CAAK;IAE3B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAO;IAE/B,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAO;IAErC,QAAQ;IAIR,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAY9C,sBAAsB,CAAC,MAAM,EAAE,MAAM;IAiCrC,YAAY,CAAC,MAAM,EAAE,MAAM;IAY3B,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;IAM5B,iBAAiB;IAQjB,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,YAAY,CAAC,MAAM,EAAE,cAAc;IA0KnC,KAAK;IAuEL,KAAK;IASL,OAAO,CAAC,UAAU;CAUnB"}

package/lib/plugins/clappr-nerd-stats/speedtest/Speedtest.js

@@ -313,6 +313,7 @@ export class Speedtest {
             }
         }
         this._state = 3;
+        // TODO don't run until properly initialized (url_ping, etc)
         this.worker.postMessage('start ' + JSON.stringify(this._settings));
         // ... [rest of the logic remains unchanged] ...
     }

package/lib/plugins/clappr-nerd-stats/speedtest/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAqC9C,wBAAgB,oBAAoB,SAmBnC;AAID,eAAO,MAAM,aAAa,kBAAmB,gBAAgB,KAAG,OAAO,CAAC,IAAI,CA+E3E,CAAC;AAEF,eAAO,MAAM,aAAa,YAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,YAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAEjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAGnD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/clappr-nerd-stats/speedtest/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAkC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAqC9C,wBAAgB,oBAAoB,SAoBnC;AAID,eAAO,MAAM,aAAa,kBAAmB,gBAAgB,KAAG,OAAO,CAAC,IAAI,CAmF3E,CAAC;AAEF,eAAO,MAAM,aAAa,YAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,YAI1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,YAGjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAGnD"}

package/lib/plugins/clappr-nerd-stats/speedtest/index.js

@@ -1,8 +1,9 @@
+import { trace } from '@gcorevideo/utils';
 import { Speedtest } from './Speedtest.js';
 const DIGITS_THRESHOLD = 99999;
 const DEFAULT_DOWNLOAD_SPEED = '0.00';
 const DRAW_SIZE = 5;
-// const T = 'plugins.clappr_nerd_stats.speedtest';
+const T = 'plugins.clappr_nerd_stats.speedtest';
 function limitDigits(value) {
     return value > DIGITS_THRESHOLD ? '> ' + DIGITS_THRESHOLD : value.toFixed(2);
 }
@@ -30,6 +31,7 @@ const getColor = (speedValue) => {
     }
 };
 export function drawSpeedTestResults() {
+    trace(`${T} drawSpeedTestResults`);
     const canvas = document.getElementById('nerd-stats-speed-test-canvas');
     if (!canvas) {
         return;
@@ -52,6 +54,7 @@ export const initSpeedTest = (customMetrics) => {
         return inited;
     }
     inited = (async () => {
+        trace(`${T} initSpeedTest run`);
         // TODO: fix server selection
         // const response = await fetch('https://iam.gcdn.co/info/json');
         // const data = await response.json();
@@ -106,6 +109,7 @@ export const initSpeedTest = (customMetrics) => {
         await fetch('https://iam.gcdn.co/info/json')
             .then(r => r.json())
             .then(data => {
+            trace(`${T} initSpeedTest fetched`);
             const country = data['Server Country code'].toLowerCase();
             const server = serversList.find(s => s.country === country) || serversList[0];
             if (!server) {
@@ -113,6 +117,7 @@ export const initSpeedTest = (customMetrics) => {
             }
             speedTest.addTestPoint(server);
             speedTest.setSelectedServer(server);
+            trace(`${T} initSpeedTest done`);
         });
     })();
     return inited;
@@ -128,6 +133,7 @@ export const startSpeedtest = () => {
     }
 };
 export const clearSpeedTestResults = () => {
+    trace(`${T} clearSpeedTestResults`);
     speedtestResults.splice(0, speedtestResults.length);
 };
 export function configureSpeedTest(servers) {

package/lib/plugins/seek-time/SeekTime.d.ts

@@ -9,15 +9,13 @@ export declare class SeekTime extends UICorePlugin {
     get supportedVersion(): {
         min: string;
     };
-    get template(): any;
+    private static readonly template;
     get attributes(): {
         class: string;
         'data-seek-time': string;
     };
-    get mediaControl(): any;
-    get mediaControlContainer(): any;
-    get isLiveStreamWithDvr(): any;
-    get durationShown(): boolean;
+    private get isLiveStreamWithDvr();
+    private get durationShown();
     private hoveringOverSeekBar;
     private hoverPosition;
     private displayedDuration;
@@ -26,17 +24,23 @@ export declare class SeekTime extends UICorePlugin {
     private rendered;
     private $durationEl;
     private $seekTimeEl;
+    /**
+     * @internal
+     */
     bindEvents(): void;
+    private onCoreReady;
     private onContainerChanged;
     private onTimeUpdate;
     private showTime;
     private hideTime;
     private calculateHoverPosition;
-    getSeekTime(): {
-        seekTime: number;
-    };
-    update(): void;
-    shouldBeVisible(): any;
+    private getSeekTime;
+    private update;
+    private shouldBeVisible;
+    /**
+     * @internal
+     */
     render(): this;
+    private mount;
 }
 //# sourceMappingURL=SeekTime.d.ts.map

package/lib/plugins/seek-time/SeekTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeekTime.d.ts","sourceRoot":"","sources":["../../../src/plugins/seek-time/SeekTime.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,YAAY,EAAmB,MAAM,cAAc,CAAC;AAM/E,OAAO,0CAA0C,CAAC;AAKlD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,YAAY;IACxC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAI,YAAY,QAEf;IAED,IAAI,qBAAqB,QAExB;IAED,IAAI,mBAAmB,QAItB;IAED,IAAI,aAAa,YAEhB;IAED,OAAO,CAAC,mBAAmB,CAAS;IAEpC,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,CAAC,iBAAiB,CAAsB;IAE/C,OAAO,CAAC,QAAQ,CAAK;IAGrB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,WAAW,CAA4B;IAE/C,OAAO,CAAC,WAAW,CAA4B;IAEtC,UAAU;IAWnB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,sBAAsB;IAO9B,WAAW;;;IAYX,MAAM;IA8CN,eAAe;IAQN,MAAM;CAahB"}
+{"version":3,"file":"SeekTime.d.ts","sourceRoot":"","sources":["../../../src/plugins/seek-time/SeekTime.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,YAAY,EAAmB,MAAM,cAAc,CAAA;AAM9E,OAAO,0CAA0C,CAAA;AAMjD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,YAAY;IACxC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD,IAAa,UAAU;;;MAKtB;IAED,OAAO,KAAK,mBAAmB,GAM9B;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,OAAO,CAAC,aAAa,CAAI;IAEzB,OAAO,CAAC,iBAAiB,CAAsB;IAE/C,OAAO,CAAC,iBAAiB,CAAsB;IAE/C,OAAO,CAAC,QAAQ,CAAI;IAGpB,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,WAAW,CAA2B;IAE9C,OAAO,CAAC,WAAW,CAA2B;IAE9C;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,WAAW;IAoCnB,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,MAAM;IAgDd,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,KAAK;CAGd"}

package/lib/plugins/seek-time/SeekTime.js

@@ -5,6 +5,7 @@ import { Events, Playback, UICorePlugin, Utils, template } from '@clappr/core';
 import { CLAPPR_VERSION } from '../../build.js';
 import seekTimeHTML from '../../../assets/seek-time/seek-time.html';
 import '../../../assets/seek-time/seek-time.scss';
+import assert from 'assert';
 const { formatTime } = Utils;
 /**
  * `PLUGIN` that adds a seek time indicator to the media control UI.
@@ -17,25 +18,17 @@ export class SeekTime extends UICorePlugin {
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get template() {
-        return template(seekTimeHTML);
-    }
+    static template = template(seekTimeHTML);
     get attributes() {
         return {
-            'class': 'seek-time',
-            'data-seek-time': ''
+            class: 'seek-time',
+            'data-seek-time': '',
         };
     }
-    get mediaControl() {
-        return this.core.mediaControl;
-    }
-    get mediaControlContainer() {
-        return this.mediaControl.container;
-    }
     get isLiveStreamWithDvr() {
-        return this.mediaControlContainer &&
-            this.mediaControlContainer.getPlaybackType() === Playback.LIVE &&
-            this.mediaControlContainer.isDvrEnabled();
+        return (this.core.activeContainer &&
+            this.core.activeContainer.getPlaybackType() === Playback.LIVE &&
+            this.core.activeContainer.isDvrEnabled());
     }
     get durationShown() {
         return !this.isLiveStreamWithDvr;
@@ -49,20 +42,27 @@ export class SeekTime extends UICorePlugin {
     rendered = false;
     $durationEl = null;
     $seekTimeEl = null;
+    /**
+     * @internal
+     */
     bindEvents() {
-        this.listenTo(this.mediaControl, Events.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.mediaControl, Events.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime);
-        this.listenTo(this.mediaControl, Events.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime);
-        this.listenTo(this.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
-        if (this.mediaControlContainer) {
-            this.listenTo(this.mediaControlContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
-            this.listenTo(this.mediaControlContainer, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
+        this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
+    }
+    onCoreReady() {
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'MediaControl plugin is required for SeekTime plugin to work');
+        this.listenTo(mediaControl, Events.MEDIACONTROL_RENDERED, this.mount);
+        this.listenTo(mediaControl, Events.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime);
+        this.listenTo(mediaControl, Events.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime);
+        this.listenTo(mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
+        if (this.core.activeContainer) {
+            this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
+            this.listenTo(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
         }
     }
     onContainerChanged() {
-        // @ts-ignore
-        this.stopListening();
-        this.bindEvents();
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
     }
     onTimeUpdate({ total }) {
         this.duration = total;
@@ -78,18 +78,15 @@ export class SeekTime extends UICorePlugin {
         this.update();
     }
     calculateHoverPosition(event) {
-        const offset = event.pageX - this.mediaControl.$seekBarContainer.offset().left;
+        const mediaControl = this.core.getPlugin('media_control');
+        const offset = event.pageX - mediaControl.$seekBarContainer.offset().left;
         // proportion into the seek bar that the mouse is hovered over 0-1
-        this.hoverPosition = Math.min(1, Math.max(offset / this.mediaControl.$seekBarContainer.width(), 0));
+        this.hoverPosition = Math.min(1, Math.max(offset / mediaControl.$seekBarContainer.width(), 0));
     }
     getSeekTime() {
-        let seekTime;
-        if (this.isLiveStreamWithDvr) {
-            seekTime = this.duration - this.hoverPosition * this.duration;
-        }
-        else {
-            seekTime = this.hoverPosition * this.duration;
-        }
+        const seekTime = this.isLiveStreamWithDvr
+            ? this.duration - this.hoverPosition * this.duration
+            : this.hoverPosition * this.duration;
         return { seekTime };
     }
     update() {
@@ -100,57 +97,63 @@ export class SeekTime extends UICorePlugin {
         if (!this.shouldBeVisible()) {
             this.$el.hide();
             this.$el.css('left', '-100%');
+            return;
         }
-        else {
-            const seekTime = this.getSeekTime();
-            let currentSeekTime = formatTime(seekTime.seekTime, false);
-            if (this.isLiveStreamWithDvr) {
-                currentSeekTime = `-${currentSeekTime}`;
-            }
-            // only update dom if necessary, ie time actually changed
-            if (currentSeekTime !== this.displayedSeekTime) {
-                this.$seekTimeEl.text(currentSeekTime);
-                this.displayedSeekTime = currentSeekTime;
-            }
-            if (this.durationShown) {
-                this.$durationEl.show();
-                const currentDuration = formatTime(this.duration, false);
-                if (currentDuration !== this.displayedDuration) {
-                    this.$durationEl.text(currentDuration);
-                    this.displayedDuration = currentDuration;
-                }
-            }
-            else {
-                this.$durationEl.hide();
+        const seekTime = this.getSeekTime();
+        let currentSeekTime = formatTime(seekTime.seekTime, false);
+        if (this.isLiveStreamWithDvr) {
+            currentSeekTime = `-${currentSeekTime}`;
+        }
+        // only update dom if necessary, ie time actually changed
+        if (currentSeekTime !== this.displayedSeekTime) {
+            this.$seekTimeEl.text(currentSeekTime);
+            this.displayedSeekTime = currentSeekTime;
+        }
+        if (this.durationShown) {
+            this.$durationEl.show();
+            const currentDuration = formatTime(this.duration, false);
+            if (currentDuration !== this.displayedDuration) {
+                this.$durationEl.text(currentDuration);
+                this.displayedDuration = currentDuration;
             }
-            // the element must be unhidden before its width is requested, otherwise it's width will be reported as 0
-            this.$el.show();
-            const containerWidth = this.mediaControl.$seekBarContainer.width();
-            const elWidth = this.$el.width();
-            let elLeftPos = this.hoverPosition * containerWidth;
-            elLeftPos -= elWidth / 2;
-            elLeftPos = Math.max(0, Math.min(elLeftPos, containerWidth - elWidth));
-            this.$el.css('left', elLeftPos);
         }
+        else {
+            this.$durationEl.hide();
+        }
+        // the element must be unhidden before its width is requested, otherwise it's width will be reported as 0
+        this.$el.show();
+        const mediaControl = this.core.getPlugin('media_control');
+        const containerWidth = mediaControl.$seekBarContainer.width();
+        const elWidth = this.$el.width();
+        let elLeftPos = this.hoverPosition * containerWidth;
+        elLeftPos -= elWidth / 2;
+        elLeftPos = Math.max(0, Math.min(elLeftPos, containerWidth - elWidth));
+        this.$el.css('left', elLeftPos);
     }
     shouldBeVisible() {
-        return this.mediaControlContainer &&
-            this.mediaControlContainer.settings.seekEnabled &&
+        return (this.core.activeContainer &&
+            this.core.activeContainer.settings.seekEnabled &&
             this.hoveringOverSeekBar &&
             this.hoverPosition !== null &&
-            this.duration !== null;
+            this.duration !== null);
     }
+    /**
+     * @internal
+     */
     render() {
         this.rendered = true;
         this.displayedDuration = null;
         this.displayedSeekTime = null;
-        this.$el.html(this.template());
+        this.$el.html(SeekTime.template());
         this.$el.hide();
-        this.mediaControl.$el.append(this.el);
-        this.$seekTimeEl = this.$el.find('[data-seek-time]');
-        this.$durationEl = this.$el.find('[data-duration]');
+        // this.mediaControl.$el.append(this.el);
+        this.$seekTimeEl = this.$el.find('#mc-seek-time');
+        this.$durationEl = this.$el.find('#mc-duration');
         this.$durationEl.hide();
         this.update();
         return this;
     }
+    mount() {
+        this.core.getPlugin('media_control').$el.append(this.$el); // TODO use a method
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.22.24",
+  "version": "2.22.26",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/rollup.config.js

@@ -23,34 +23,34 @@ export default [
       }
     ]
   },
-  {
-    input: 'lib/index.plugins.js',
-    plugins: [
-      resolve(), // TODO check which aren't inlined in the bundle and put them here
-      commonjs(),
-      json(),
-      polyfillNode(),
-      sass({
-        output: 'dist/plugins/index.css',
-        verbose: true,
-      }),
-      string({
-        include: [
-          '**/*.ejs',
-          '**/*.html',
-          '**/*.svg',
-          '**/*.worker.js',
-        ],
-      }),
-    ],
-    output: [
-      {
-        file: 'dist/plugins/index.js',
-        format: 'es',
-        generatedCode: 'es2015',
-      }
-    ]
-  },
+  // {
+  //   input: 'lib/index.plugins.js',
+  //   plugins: [
+  //     resolve(), // TODO check which aren't inlined in the bundle and put them here
+  //     commonjs(),
+  //     json(),
+  //     polyfillNode(),
+  //     sass({
+  //       output: 'dist/plugins/index.css',
+  //       verbose: true,
+  //     }),
+  //     string({
+  //       include: [
+  //         '**/*.ejs',
+  //         '**/*.html',
+  //         '**/*.svg',
+  //         '**/*.worker.js',
+  //       ],
+  //     }),
+  //   ],
+  //   output: [
+  //     {
+  //       file: 'dist/plugins/index.js',
+  //       format: 'es',
+  //       generatedCode: 'es2015',
+  //     }
+  //   ]
+  // },
   {
     input: 'lib/index.js',
     plugins: [

package/src/plugins/bottom-gear/__tests__/BottomGear.test.ts

@@ -71,11 +71,8 @@ describe('BottomGear', () => {
   })
   describe('when clicked twice', () => {
     beforeEach(() => {
-      console.log('display:%s', bottomGear.$el.find('#gear-options-wrapper').css('display'))
       bottomGear.$el.find('#gear-button').click()
-      console.log('display:%s', bottomGear.$el.find('#gear-options-wrapper').css('display'))
       bottomGear.$el.find('#gear-button').click()
-      console.log('display:%s', bottomGear.$el.find('#gear-options-wrapper').css('display'))
     })
     it('should collapse the gear menu', () => {
       expect(bottomGear.$el.find('#gear-options-wrapper').css('display')).toBe(

package/src/plugins/clappr-nerd-stats/speedtest/Speedtest.ts

@@ -384,6 +384,7 @@ export class Speedtest {
       }
     }
     this._state = 3
+    // TODO don't run until properly initialized (url_ping, etc)
     this.worker.postMessage('start ' + JSON.stringify(this._settings))
 
     // ... [rest of the logic remains unchanged] ...

package/src/plugins/clappr-nerd-stats/speedtest/index.ts

@@ -1,3 +1,4 @@
+import { trace } from '@gcorevideo/utils';
 import { type Server, type TestStatusInfo, Speedtest } from './Speedtest.js';
 import { SpeedtestMetrics } from './types.js';
 
@@ -6,7 +7,7 @@ const DEFAULT_DOWNLOAD_SPEED = '0.00';
 
 const DRAW_SIZE = 5;
 
-// const T = 'plugins.clappr_nerd_stats.speedtest';
+const T = 'plugins.clappr_nerd_stats.speedtest';
 
 function limitDigits(value: number): string {
   return value > DIGITS_THRESHOLD ? '> ' + DIGITS_THRESHOLD : value.toFixed(2);
@@ -37,6 +38,7 @@ const getColor = (speedValue: number): string => {
 };
 
 export function drawSpeedTestResults() {
+  trace(`${T} drawSpeedTestResults`);
   const canvas = document.getElementById('nerd-stats-speed-test-canvas');
   if (!canvas) {
     return;
@@ -64,6 +66,7 @@ export const initSpeedTest = (customMetrics: SpeedtestMetrics): Promise<void> =>
     return inited;
   }
   inited = (async () => {
+    trace(`${T} initSpeedTest run`);
     // TODO: fix server selection
     // const response = await fetch('https://iam.gcdn.co/info/json');
     // const data = await response.json();
@@ -127,6 +130,8 @@ export const initSpeedTest = (customMetrics: SpeedtestMetrics): Promise<void> =>
     await fetch('https://iam.gcdn.co/info/json')
       .then(r => r.json())
       .then(data => {
+        trace(`${T} initSpeedTest fetched`);
+
         const country = data['Server Country code'].toLowerCase();
         const server = serversList.find(s => s.country === country) || serversList[0];
         if (!server) {
@@ -134,6 +139,7 @@ export const initSpeedTest = (customMetrics: SpeedtestMetrics): Promise<void> =>
         }
         speedTest.addTestPoint(server);
         speedTest.setSelectedServer(server);
+        trace(`${T} initSpeedTest done`);
       });
   })();
 
@@ -153,6 +159,7 @@ export const startSpeedtest = () =>  {
 };
 
 export const clearSpeedTestResults = () => {
+  trace(`${T} clearSpeedTestResults`);
   speedtestResults.splice(0, speedtestResults.length);
 };