@gcorevideo/player 2.22.25 → 2.22.27

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

@@ -1 +1 @@
-{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAiCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAgBZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,aAAa;IAmFrB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}
+{"version":3,"file":"NerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/NerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,IAAI,EAGL,MAAM,cAAc,CAAA;AAuBrB,OAAO,0DAA0D,CAAA;AAiCjE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,YAAY;IACzC,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,gBAAgB,CAIvB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAuB;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,CAAC,OAAO;IAKf,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAUnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAiChC;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,aAAa;IAmFrB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAcf,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,kBAAkB;CAU3B"}

package/lib/plugins/clappr-nerd-stats/NerdStats.js

@@ -170,6 +170,7 @@ export class NerdStats extends UICorePlugin {
         this.refreshSpeedTest();
         initSpeedTest(this.speedtestMetrics)
             .then(() => {
+            trace(`${T} show initSpeedTest ready`);
             startSpeedtest();
         })
             .catch((e) => {
@@ -355,6 +356,7 @@ export class NerdStats extends UICorePlugin {
         });
     }
     clearSpeedtestMetrics() {
+        trace(`${T} clearSpeedtestMetrics`);
         const clapprStats = this.container?.getPlugin('clappr_stats');
         this.speedtestMetrics.connectionSpeed = 0;
         this.speedtestMetrics.ping = 0;
@@ -371,9 +373,9 @@ export class NerdStats extends UICorePlugin {
             clearSpeedTestResults();
             drawSpeedTestResults();
         }, 200);
-        setTimeout(() => {
-            startSpeedtest();
-        }, 800);
+        // setTimeout(() => {
+        //   startSpeedtest()
+        // }, 800)
     }
     formatPlaybackName(playbackType) {
         switch (playbackType) {

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

@@ -1,6 +1,6 @@
-import { reportError } from '@gcorevideo/utils';
+import { reportError, trace } from '@gcorevideo/utils';
 import SpeedtestWorkerModule from '../../../../assets/clappr-nerd-stats/speedtest/speedtest.worker.js';
-// const T = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
+const T = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
 export class Speedtest {
     worker = null;
     workerUrl = null;
@@ -255,9 +255,7 @@ export class Speedtest {
             if (e.data === this._prevData) {
                 return;
             }
-            else {
-                this._prevData = e.data;
-            }
+            this._prevData = e.data;
             const data = e.data;
             try {
                 if (this.onupdate) {
@@ -313,6 +311,8 @@ export class Speedtest {
             }
         }
         this._state = 3;
+        trace(`${T} start`, { state: this._state, server: this._selectedServer, settings: this._settings });
+        // 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,YAK1B,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;
@@ -123,11 +128,13 @@ export const stopSpeedtest = () => {
     }
 };
 export const startSpeedtest = () => {
+    trace(`${T} startSpeedtest`);
     if (speedTest.getState() !== 3) {
         speedTest.start();
     }
 };
 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.25",
+  "version": "2.22.27",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/src/plugins/clappr-nerd-stats/NerdStats.ts

@@ -248,6 +248,7 @@ export class NerdStats extends UICorePlugin {
     this.refreshSpeedTest()
     initSpeedTest(this.speedtestMetrics)
       .then(() => {
+        trace(`${T} show initSpeedTest ready`);
         startSpeedtest()
       })
       .catch((e) => {
@@ -466,6 +467,7 @@ export class NerdStats extends UICorePlugin {
   }
 
   private clearSpeedtestMetrics() {
+    trace(`${T} clearSpeedtestMetrics`);
     const clapprStats = this.container?.getPlugin('clappr_stats')
 
     this.speedtestMetrics.connectionSpeed = 0
@@ -485,9 +487,9 @@ export class NerdStats extends UICorePlugin {
       clearSpeedTestResults()
       drawSpeedTestResults()
     }, 200)
-    setTimeout(() => {
-      startSpeedtest()
-    }, 800)
+    // setTimeout(() => {
+    //   startSpeedtest()
+    // }, 800)
   }
 
   private formatPlaybackName(playbackType: PlaybackType): string {

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

@@ -1,4 +1,4 @@
-import { reportError } from '@gcorevideo/utils'
+import { reportError, trace } from '@gcorevideo/utils'
 
 import SpeedtestWorkerModule from '../../../../assets/clappr-nerd-stats/speedtest/speedtest.worker.js'
 
@@ -38,7 +38,7 @@ type UpdateHandler = (data: TestStatusInfo) => void
 
 type SelectCallback = (server: Server | null) => void
 
-// const T = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
+const T = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
 
 export class Speedtest {
   private worker: Worker | null = null
@@ -328,9 +328,8 @@ export class Speedtest {
     this.worker.onmessage = (e: MessageEvent) => {
       if (e.data === this._prevData) {
         return
-      } else {
-        this._prevData = e.data
       }
+      this._prevData = e.data
       const data = e.data
 
       try {
@@ -384,6 +383,8 @@ export class Speedtest {
       }
     }
     this._state = 3
+    trace(`${T} start`, { state: this._state, server: this._selectedServer, settings: this._settings })
+    // 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`);
       });
   })();
 
@@ -147,12 +153,14 @@ export const stopSpeedtest = () => {
 };
 
 export const startSpeedtest = () =>  {
+  trace(`${T} startSpeedtest`);
   if (speedTest.getState() !== 3) {
     speedTest.start();
   }
 };
 
 export const clearSpeedTestResults = () => {
+  trace(`${T} clearSpeedTestResults`);
   speedtestResults.splice(0, speedtestResults.length);
 };