@gcorevideo/player 2.25.4 → 2.25.6

package/lib/plugins/clips/Clips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clips.d.ts","sourceRoot":"","sources":["../../../src/plugins/clips/Clips.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAe,MAAM,cAAc,CAAA;AAI3E,OAAO,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEjE,OAAO,kCAAkC,CAAA;AAOzC;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAOD;;;;;;;;;;;GAWG;AACH,qBAAa,KAAM,SAAQ,YAAY;IACrC,OAAO,CAAC,QAAQ,CAAgC;IAEhD,OAAO,CAAC,KAAK,CAAiB;IAE9B,OAAO,CAAC,YAAY,CAAuB;IAE3C,OAAO,CAAC,OAAO,CAA2B;IAE1C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAsB;IAEtD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED,IAAI,OAAO,WAEV;IAED,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACM,UAAU;IAUV,MAAM;IAUN,OAAO;IAQP,OAAO;IAQP,MAAM;IAKf;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS;IAK5C,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,WAAW;CAOpB"}
+{"version":3,"file":"Clips.d.ts","sourceRoot":"","sources":["../../../src/plugins/clips/Clips.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAe,MAAM,cAAc,CAAA;AAI3E,OAAO,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEjE,OAAO,kCAAkC,CAAA;AAOzC;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAOD;;;;;;;;;;;GAWG;AACH,qBAAa,KAAM,SAAQ,YAAY;IACrC,OAAO,CAAC,QAAQ,CAAgC;IAEhD,OAAO,CAAC,KAAK,CAAiB;IAE9B,OAAO,CAAC,YAAY,CAAuB;IAE3C,OAAO,CAAC,OAAO,CAA2B;IAE1C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAsB;IAEtD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED,IAAI,OAAO,WAEV;IAED,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACM,UAAU;IAUV,MAAM;IASN,OAAO;IAQP,OAAO;IAQP,MAAM;IAKf;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS;IAK5C,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,kBAAkB;IAwB1B,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,WAAW;CAOpB"}

package/lib/plugins/clips/Clips.js

@@ -37,7 +37,7 @@ export class Clips extends UICorePlugin {
      */
     get attributes() {
         return {
-            class: 'media-control-clips gplayer-mc-clips',
+            class: 'gplayer-mc-clips',
         };
     }
     get version() {
@@ -55,7 +55,6 @@ export class Clips extends UICorePlugin {
         this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onContainerChanged);
     }
     render() {
-        trace(`${T} render`);
         if (!this.options.clips) {
             return this;
         }
@@ -99,8 +98,7 @@ export class Clips extends UICorePlugin {
     }
     onMcRender() {
         trace(`${T} onMcRender`);
-        const mediaControl = this.core.getPlugin('media_control');
-        mediaControl.slot('clips', this.$el);
+        this.core.getPlugin('media_control')?.slot('clips', this.$el);
     }
     onContainerChanged() {
         trace(`${T} onContainerChanged`);

package/lib/plugins/picture-in-picture/PictureInPicture.d.ts

@@ -1,5 +1,5 @@
 import { UICorePlugin } from '@clappr/core';
-import '../../../assets/picture-in-picture/button.scss';
+import '../../../assets/picture-in-picture/style.scss';
 /**
  * `PLUGIN` that enables picture in picture mode.
  * @beta

package/lib/plugins/picture-in-picture/PictureInPicture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureInPicture.d.ts","sourceRoot":"","sources":["../../../src/plugins/picture-in-picture/PictureInPicture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAC;AAO9D,OAAO,gDAAgD,CAAC;AAOxD;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;IAChD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,cAAc,CAAwB;IAErD;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED,IAAa,UAAU;;MAItB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED;;OAEG;IACM,UAAU;IAQnB,OAAO,CAAC,cAAc;IAStB;;OAEG;IACM,MAAM;IAef,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;CAI7B"}
+{"version":3,"file":"PictureInPicture.d.ts","sourceRoot":"","sources":["../../../src/plugins/picture-in-picture/PictureInPicture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAC;AAO9D,OAAO,+CAA+C,CAAC;AAOvD;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;IAChD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,cAAc,CAAwB;IAErD;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED,IAAa,UAAU;;MAItB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED;;OAEG;IACM,UAAU;IAQnB,OAAO,CAAC,cAAc;IAStB;;OAEG;IACM,MAAM;IAef,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;CAI7B"}

package/lib/plugins/picture-in-picture/PictureInPicture.js

@@ -3,7 +3,7 @@ import { trace } from '@gcorevideo/utils';
 import { CLAPPR_VERSION } from '../../build.js';
 import pipIcon from '../../../assets/icons/new/pip.svg';
 import buttonHtml from '../../../assets/picture-in-picture/button.ejs';
-import '../../../assets/picture-in-picture/button.scss';
+import '../../../assets/picture-in-picture/style.scss';
 import assert from 'assert';
 const VERSION = '0.0.1';
 const T = `plugins.pip`;

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,CAAA;AAO9E,OAAO,0CAA0C,CAAA;AAEjD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAMD;;;;;GAKG;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;;MAItB;IAED,OAAO,KAAK,mBAAmB,GAM9B;IAED,OAAO,KAAK,YAAY,GAKvB;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;IAEpB;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,MAAM;IA6Cd,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAQf,OAAO,CAAC,KAAK;CAGd"}
+{"version":3,"file":"SeekTime.d.ts","sourceRoot":"","sources":["../../../src/plugins/seek-time/SeekTime.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,YAAY,EAAmB,MAAM,cAAc,CAAA;AAO9E,OAAO,0CAA0C,CAAA;AAGjD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAMD;;;;;GAKG;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;;MAItB;IAED,OAAO,KAAK,mBAAmB,GAM9B;IAED,OAAO,KAAK,YAAY,GAKvB;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;IAEpB;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,MAAM;IA6Cd,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAQf,OAAO,CAAC,KAAK;CAGd"}

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

@@ -6,8 +6,9 @@ import assert from 'assert';
 import { CLAPPR_VERSION } from '../../build.js';
 import seekTimeHTML from '../../../assets/seek-time/seek-time.html';
 import '../../../assets/seek-time/seek-time.scss';
+import { trace } from '@gcorevideo/utils';
 const { formatTime } = Utils;
-// const T = 'plugins.seek_time'
+const T = 'plugins.seek_time';
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
  * @beta
@@ -66,9 +67,13 @@ export class SeekTime extends UICorePlugin {
     showTime(event) {
         this.hoveringOverSeekBar = true;
         this.calculateHoverPosition(event);
+        trace(`${T} showTime`, {
+            hoverPosition: this.hoverPosition,
+        });
         this.update();
     }
     hideTime() {
+        trace(`${T} hideTime`);
         this.hoveringOverSeekBar = false;
         this.update();
     }
@@ -140,6 +145,6 @@ export class SeekTime extends UICorePlugin {
         return this;
     }
     mount() {
-        this.core.getPlugin('media_control').$el.append(this.$el); // TODO use a method
+        this.core.getPlugin('media_control').$el.append(this.$el); // TODO MediaControl.mount('root', this.$el)
     }
 }

package/package.json

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

package/src/plugins/clips/Clips.ts

@@ -26,7 +26,7 @@ export interface ClipsPluginSettings {
 const VERSION = '2.22.16'
 const CLAPPR_VERSION = '0.11.4'
 
-const COMPACT_WIDTH = 495;
+const COMPACT_WIDTH = 495
 
 /**
  * `PLUGIN` that allows marking up the timeline of the video
@@ -63,7 +63,7 @@ export class Clips extends UICorePlugin {
    */
   override get attributes() {
     return {
-      class: 'media-control-clips gplayer-mc-clips',
+      class: 'gplayer-mc-clips',
     }
   }
 
@@ -89,7 +89,6 @@ export class Clips extends UICorePlugin {
   }
 
   override render() {
-    trace(`${T} render`)
     if (!this.options.clips) {
       return this
     }
@@ -140,8 +139,7 @@ export class Clips extends UICorePlugin {
 
   private onMcRender() {
     trace(`${T} onMcRender`)
-    const mediaControl = this.core.getPlugin('media_control')
-    mediaControl.slot('clips', this.$el)
+    this.core.getPlugin('media_control')?.slot('clips', this.$el)
   }
 
   private onContainerChanged() {

package/src/plugins/picture-in-picture/PictureInPicture.ts

@@ -5,7 +5,7 @@ import { CLAPPR_VERSION } from '../../build.js';
 
 import pipIcon from '../../../assets/icons/new/pip.svg';
 import buttonHtml from '../../../assets/picture-in-picture/button.ejs';
-import '../../../assets/picture-in-picture/button.scss';
+import '../../../assets/picture-in-picture/style.scss';
 import assert from 'assert';
 
 const VERSION = '0.0.1';

package/src/plugins/seek-time/SeekTime.ts

@@ -10,6 +10,7 @@ import { CLAPPR_VERSION } from '../../build.js'
 
 import seekTimeHTML from '../../../assets/seek-time/seek-time.html'
 import '../../../assets/seek-time/seek-time.scss'
+import { trace } from '@gcorevideo/utils'
 
 /**
  * Configuration options for the SeekTime plugin.
@@ -25,7 +26,7 @@ export type SeekTimeSettings = {
 
 const { formatTime } = Utils
 
-// const T = 'plugins.seek_time'
+const T = 'plugins.seek_time'
 
 /**
  * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
@@ -127,10 +128,14 @@ export class SeekTime extends UICorePlugin {
   private showTime(event: MouseEvent) {
     this.hoveringOverSeekBar = true
     this.calculateHoverPosition(event)
+    trace(`${T} showTime`, {
+      hoverPosition: this.hoverPosition,
+    })
     this.update()
   }
 
   private hideTime() {
+    trace(`${T} hideTime`)
     this.hoveringOverSeekBar = false
     this.update()
   }
@@ -220,6 +225,6 @@ export class SeekTime extends UICorePlugin {
   }
 
   private mount() {
-    this.core.getPlugin('media_control').$el.append(this.$el) // TODO use a method
+    this.core.getPlugin('media_control').$el.append(this.$el) // TODO MediaControl.mount('root', this.$el)
   }
 }