@gcorevideo/player 2.22.14 → 2.22.15

package/dist/plugins/index.js

@@ -13318,42 +13318,18 @@ class ClipsPlugin extends UICorePlugin {
     }
 }
 
-const templateHtml$1 = "<ul class=\"context-menu-list\">\n    <% if(options) { %>\n        <% for (var i = 0; i < options.length; i++) { %>\n        <li class=\"context-menu-list-item <%= options[i].class %>\"\n            data-<%= options[i].name %>><%= options[i].label %></li>\n        <% } %>\n    <% } %>\n</ul>\n";
-
-var version$1 = "2.22.14";
-
-var packages = {
-	"node_modules/@clappr/core": {
-		version: "0.11.4"},
-	"node_modules/dashjs": {
-		version: "4.7.4"},
-	"node_modules/hls.js": {
-		version: "1.5.20"}};
-
-/**
- * Version information about the gplayer and its main dependencies
- * @returns Version information about the gplayer and its main dependencies
- * @beta
- */
-function version() {
-    return {
-        gplayer: version$1,
-        clappr: packages['node_modules/@clappr/core'].version,
-        dashjs: packages['node_modules/dashjs'].version,
-        hlsjs: packages['node_modules/hls.js'].version,
-    };
-}
+const templateHtml$1 = "<ul class=\"context-menu-list\" role=\"menu\" id=\"context-menu-options\">\n    <% for (const item of options) { %>\n    <li class=\"context-menu-list-item <%= item.class %>\">\n        <button role=\"menuitem\" data-name=\"<%= item.name %>\">\n            <% if (iconic) { %>\n            <span class=\"context-menu-list-item_icon\"><%= item.icon || '' %></span>\n            <% } %>\n            <% if (item.labelKey) { %>\n                <%= i18n.t(item.labelKey) %>\n            <% } else { %>\n                <%= item.label %>\n            <% } %>\n        </button>\n    </li>\n    <% } %>\n</ul>\n";
 
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
  * @beta
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
+ *
+ * Should not be used together with {@link ClickToPause} plugin
  */
 class ContextMenu extends UIContainerPlugin {
-    _label = '';
-    _url = '';
-    menuOptions = [];
+    open = false;
     /**
      * @internal
      */
@@ -13373,34 +13349,16 @@ class ContextMenu extends UIContainerPlugin {
         return { class: 'context-menu' };
     }
     static template = tmpl(templateHtml$1);
-    get label() {
-        return this._label || 'Gcore player ver. ' + version().gplayer;
-    }
-    get url() {
-        return this._url || 'https://gcore.com/';
-    }
-    get exposeVersion() {
-        return {
-            label: this.label,
-            name: 'version',
-        };
-    }
     /**
      * @internal
      */
     get events() {
         return {
-            'click [data-version]': 'onOpenMainPage',
+            'click [role="menuitem"]': 'runAction',
         };
     }
     constructor(container) {
         super(container);
-        if (this.options.contextMenu && this.options.contextMenu.label) {
-            this._label = this.options.contextMenu.label;
-        }
-        if (this.options.contextMenu && this.options.contextMenu.url) {
-            this._url = this.options.contextMenu.url;
-        }
         this.render();
         $('body').on('click', this.hideOnBodyClick);
     }
@@ -13408,8 +13366,8 @@ class ContextMenu extends UIContainerPlugin {
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
-        this.listenTo(this.container, Events.CONTAINER_CLICK, this.hide);
+        this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.onContextMenu);
+        this.listenTo(this.container, Events.CONTAINER_CLICK, this.onContainerClick);
     }
     /**
      * @internal
@@ -13418,34 +13376,55 @@ class ContextMenu extends UIContainerPlugin {
         $('body').off('click', this.hideOnBodyClick);
         return super.destroy();
     }
-    toggleContextMenu(event) {
+    onContainerClick() {
+        this.hide();
+    }
+    onContextMenu(event) {
+        if (!this.options.contextMenu?.options?.length) {
+            return;
+        }
         event.preventDefault();
+        event.stopPropagation();
         const offset = this.container?.$el.offset();
         this.show(event.pageY - offset.top, event.pageX - offset.left);
     }
     show(top, left) {
-        this.hide();
-        if (this.options.contextMenu &&
-            this.options.contextMenu.preventShowContextMenu) {
-            return;
-        }
+        this.open = true;
         this.$el.css({ top, left });
         this.$el.show();
     }
     hide() {
+        this.open = false;
         this.$el.hide();
     }
-    onOpenMainPage() {
-        window.open(this.url, '_blank');
+    runAction(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const itemName = event.currentTarget.dataset.name;
+        if (!itemName) {
+            return;
+        }
+        const item = this.options.contextMenu?.options.find((option) => option.name === itemName);
+        if (item?.handler) {
+            item.handler();
+        }
+        this.hide();
     }
     /**
      * @internal
      */
     render() {
-        this.menuOptions = [this.exposeVersion];
-        this.$el.html(ContextMenu.template({ options: this.menuOptions }));
+        if (!this.options.contextMenu?.options?.length) {
+            return this;
+        }
+        const options = this.options.contextMenu.options;
+        this.$el.html(ContextMenu.template({
+            options,
+            i18n: this.container.i18n,
+            iconic: options.some((option) => option.icon),
+        }));
         this.container.$el.append(this.$el); // TODO append to the container, turn into a container plugin
-        this.hide();
+        this.$el.hide();
         return this;
     }
     hideOnBodyClick = () => {

package/lib/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}

package/lib/Player.js

@@ -93,6 +93,9 @@ export class Player {
      * ```
      */
     attachTo(playerElement) {
+        trace(`${T} attachTo`, {
+            player: !!this.player,
+        });
         assert.ok(!this.player, 'Player already initialized');
         assert.ok(playerElement, 'Player container element is required');
         if (this.config.debug === 'all' || this.config.debug === 'clappr') {
@@ -304,9 +307,9 @@ export class Player {
         trace(`${T} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
+            player: !!this.player,
             // TODO selected options
         });
-        assert.ok(!this.player, 'Player already initialized');
         const player = new PlayerClappr(coreOptions);
         this.player = player;
         this.bindCoreListeners();

package/lib/playback/hls-playback/HlsPlayback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HlsPlayback.d.ts","sourceRoot":"","sources":["../../../src/playback/hls-playback/HlsPlayback.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"HlsPlayback.d.ts","sourceRoot":"","sources":["../../../src/playback/hls-playback/HlsPlayback.ts"],"names":[],"mappings":"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"}

package/lib/playback/hls-playback/HlsPlayback.js

@@ -386,16 +386,6 @@ export default class HlsPlayback extends BasePlayback {
         this.seek(seekTo);
     }
     seek(time) {
-        // trace(`${T} seek`, {
-        //   time,
-        //   duration: this._duration,
-        //   startTime: this._startTime,
-        //   currentTimestamp: this.currentTimestamp,
-        //   playbackType: this.getPlaybackType(),
-        //   dvrEnabled: this.dvrEnabled,
-        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-        //   minDvrSize: this._minDvrSize,
-        //  })
         if (time < 0) {
             Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
             time = this.getDuration();
@@ -547,11 +537,6 @@ export default class HlsPlayback extends BasePlayback {
             return;
         }
         this._lastTimeUpdate = update;
-        // trace(`${T} _onTimeUpdate`, {
-        //   current: update.current,
-        //   total: update.total,
-        //   firstFragDateTime: update.firstFragDateTime,
-        // })
         this.trigger(Events.PLAYBACK_TIMEUPDATE, update, this.name);
     }
     _onDurationChange() {
@@ -823,12 +808,6 @@ export default class HlsPlayback extends BasePlayback {
         this.trigger(Events.PLAYBACK_LEVEL_SWITCH_END);
     }
     get dvrEnabled() {
-        // trace(`${T} dvrEnabled`, {
-        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-        //   duration: this._duration,
-        //   minDvrSize: this._minDvrSize,
-        //   playbackType: this.getPlaybackType(),
-        // })
         // enabled when:
         // - the duration does not include content after hlsjs's live sync point
         // - the playable region duration is longer than the configured duration to enable dvr after

package/lib/plugins/click-to-pause/ClickToPause.js

@@ -5,7 +5,7 @@
 import { ContainerPlugin, Events, Playback } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 import { CLAPPR_VERSION } from '../../build.js';
-const T = 'plugins.click_to_pause_custom';
+const T = 'plugins.click_to_pause';
 /**
  * A small `PLUGIN` that toggles the playback state on click over the video container
  * @beta

package/lib/plugins/context-menu/ContextMenu.d.ts

@@ -1,24 +1,47 @@
 import { Container, UIContainerPlugin } from '@clappr/core';
 import '../../../assets/context-menu/context_menu.scss';
+/**
+ * @beta
+ */
+export type MenuOption = {
+    /**
+     * Menu item label text. One of `label` or `labelKey` must be specified.
+     */
+    label?: string;
+    /**
+     * Menu item label localisation key, if specified, the `label` will be ignored
+     */
+    labelKey?: string;
+    /**
+     * Menu item name. Must be unique.
+     */
+    name: string;
+    /**
+     * Menu item handler function
+     */
+    handler?: () => void;
+    /**
+     * Menu item icon, plain HTML string
+     */
+    icon?: string;
+};
 /**
  * Context menu plugin settings
  * @beta
  */
 export interface ContextMenuPluginSettings {
-    label?: string;
-    url?: string;
-    preventShowContextMenu?: boolean;
+    options?: MenuOption[];
 }
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
  * @beta
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
+ *
+ * Should not be used together with {@link ClickToPause} plugin
  */
 export declare class ContextMenu extends UIContainerPlugin {
-    private _label;
-    private _url;
-    private menuOptions;
+    private open;
     /**
      * @internal
      */
@@ -36,14 +59,11 @@ export declare class ContextMenu extends UIContainerPlugin {
         class: string;
     };
     private static readonly template;
-    private get label();
-    private get url();
-    private get exposeVersion();
     /**
      * @internal
      */
     get events(): {
-        'click [data-version]': string;
+        'click [role="menuitem"]': string;
     };
     constructor(container: Container);
     /**
@@ -54,10 +74,11 @@ export declare class ContextMenu extends UIContainerPlugin {
      * @internal
      */
     destroy(): import("@clappr/core").UIObject;
-    private toggleContextMenu;
+    private onContainerClick;
+    private onContextMenu;
     private show;
     private hide;
-    private onOpenMainPage;
+    private runAction;
     /**
      * @internal
      */

package/lib/plugins/context-menu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/plugins/context-menu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EACT,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAIrB,OAAO,gDAAgD,CAAA;AASvD;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAChD,OAAO,CAAC,MAAM,CAAa;IAE3B,OAAO,CAAC,IAAI,CAAa;IAEzB,OAAO,CAAC,WAAW,CAAmB;IAEtC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,UAAU;;MAEtB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,KAAK,GAAG,GAEd;IAED,OAAO,KAAK,aAAa,GAKxB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;gBAEW,SAAS,EAAE,SAAS;IAYhC;;OAEG;IACM,UAAU;IASnB;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,IAAI;IAYZ,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,cAAc;IAItB;;OAEG;IACM,MAAM;IASf,OAAO,CAAC,eAAe,CAEtB;CACF"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/plugins/context-menu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhF,OAAO,gDAAgD,CAAA;AAGvD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;CACvB;AAID;;;;;;;GAOG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAChD,OAAO,CAAC,IAAI,CAAQ;IAEpB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,UAAU;;MAEtB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD;;OAEG;IACH,IAAa,MAAM;;MAIlB;gBAEW,SAAS,EAAE,SAAS;IAMhC;;OAEG;IACM,UAAU;IASnB;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,IAAI;IAKZ,OAAO,CAAC,SAAS;IAiBjB;;OAEG;IACM,MAAM;IAkBf,OAAO,CAAC,eAAe,CAEtB;CACF"}

package/lib/plugins/context-menu/ContextMenu.js

@@ -1,18 +1,18 @@
-import { Events, template, $, UIContainerPlugin, } from '@clappr/core';
+import { Events, template, $, UIContainerPlugin } from '@clappr/core';
 import { CLAPPR_VERSION } from '../../build.js';
 import '../../../assets/context-menu/context_menu.scss';
 import templateHtml from '../../../assets/context-menu/context_menu.ejs';
-import { version } from '../../version.js';
+const T = 'plugins.context_menu';
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
  * @beta
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
+ *
+ * Should not be used together with {@link ClickToPause} plugin
  */
 export class ContextMenu extends UIContainerPlugin {
-    _label = '';
-    _url = '';
-    menuOptions = [];
+    open = false;
     /**
      * @internal
      */
@@ -32,34 +32,16 @@ export class ContextMenu extends UIContainerPlugin {
         return { class: 'context-menu' };
     }
     static template = template(templateHtml);
-    get label() {
-        return this._label || 'Gcore player ver. ' + version().gplayer;
-    }
-    get url() {
-        return this._url || 'https://gcore.com/';
-    }
-    get exposeVersion() {
-        return {
-            label: this.label,
-            name: 'version',
-        };
-    }
     /**
      * @internal
      */
     get events() {
         return {
-            'click [data-version]': 'onOpenMainPage',
+            'click [role="menuitem"]': 'runAction',
         };
     }
     constructor(container) {
         super(container);
-        if (this.options.contextMenu && this.options.contextMenu.label) {
-            this._label = this.options.contextMenu.label;
-        }
-        if (this.options.contextMenu && this.options.contextMenu.url) {
-            this._url = this.options.contextMenu.url;
-        }
         this.render();
         $('body').on('click', this.hideOnBodyClick);
     }
@@ -67,8 +49,8 @@ export class ContextMenu extends UIContainerPlugin {
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
-        this.listenTo(this.container, Events.CONTAINER_CLICK, this.hide);
+        this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.onContextMenu);
+        this.listenTo(this.container, Events.CONTAINER_CLICK, this.onContainerClick);
     }
     /**
      * @internal
@@ -77,34 +59,55 @@ export class ContextMenu extends UIContainerPlugin {
         $('body').off('click', this.hideOnBodyClick);
         return super.destroy();
     }
-    toggleContextMenu(event) {
+    onContainerClick() {
+        this.hide();
+    }
+    onContextMenu(event) {
+        if (!this.options.contextMenu?.options?.length) {
+            return;
+        }
         event.preventDefault();
+        event.stopPropagation();
         const offset = this.container?.$el.offset();
         this.show(event.pageY - offset.top, event.pageX - offset.left);
     }
     show(top, left) {
-        this.hide();
-        if (this.options.contextMenu &&
-            this.options.contextMenu.preventShowContextMenu) {
-            return;
-        }
+        this.open = true;
         this.$el.css({ top, left });
         this.$el.show();
     }
     hide() {
+        this.open = false;
         this.$el.hide();
     }
-    onOpenMainPage() {
-        window.open(this.url, '_blank');
+    runAction(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const itemName = event.currentTarget.dataset.name;
+        if (!itemName) {
+            return;
+        }
+        const item = this.options.contextMenu?.options.find((option) => option.name === itemName);
+        if (item?.handler) {
+            item.handler();
+        }
+        this.hide();
     }
     /**
      * @internal
      */
     render() {
-        this.menuOptions = [this.exposeVersion];
-        this.$el.html(ContextMenu.template({ options: this.menuOptions }));
+        if (!this.options.contextMenu?.options?.length) {
+            return this;
+        }
+        const options = this.options.contextMenu.options;
+        this.$el.html(ContextMenu.template({
+            options,
+            i18n: this.container.i18n,
+            iconic: options.some((option) => option.icon),
+        }));
         this.container.$el.append(this.$el); // TODO append to the container, turn into a container plugin
-        this.hide();
+        this.$el.hide();
         return this;
     }
     hideOnBodyClick = () => {

package/package.json

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

package/src/Player.ts

@@ -159,6 +159,9 @@ export class Player {
    * ```
    */
   attachTo(playerElement: HTMLElement): void {
+    trace(`${T} attachTo`, {
+      player: !!this.player,
+    })
     assert.ok(!this.player, 'Player already initialized')
     assert.ok(playerElement, 'Player container element is required')
     if (this.config.debug === 'all' || this.config.debug === 'clappr') {
@@ -398,11 +401,9 @@ export class Player {
     trace(`${T} initPlayer`, {
       autoPlay: coreOptions.autoPlay,
       sources: coreOptions.sources,
+      player: !!this.player,
       // TODO selected options
     })
-
-    assert.ok(!this.player, 'Player already initialized')
-
     const player = new PlayerClappr(coreOptions)
     this.player = player
     this.bindCoreListeners()

package/src/playback/hls-playback/HlsPlayback.ts

@@ -586,17 +586,6 @@ export default class HlsPlayback extends BasePlayback {
   }
 
   seek(time: number) {
-    // trace(`${T} seek`, {
-    //   time,
-    //   duration: this._duration,
-    //   startTime: this._startTime,
-    //   currentTimestamp: this.currentTimestamp,
-    //   playbackType: this.getPlaybackType(),
-    //   dvrEnabled: this.dvrEnabled,
-    //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-    //   minDvrSize: this._minDvrSize,
-      
-    //  })
     if (time < 0) {
       Log.warn(
         'Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.',
@@ -768,11 +757,6 @@ export default class HlsPlayback extends BasePlayback {
       return
     }
     this._lastTimeUpdate = update
-    // trace(`${T} _onTimeUpdate`, {
-    //   current: update.current,
-    //   total: update.total,
-    //   firstFragDateTime: update.firstFragDateTime,
-    // })
     this.trigger(Events.PLAYBACK_TIMEUPDATE, update, this.name)
   }
 
@@ -1097,12 +1081,6 @@ export default class HlsPlayback extends BasePlayback {
   }
 
   get dvrEnabled() {
-    // trace(`${T} dvrEnabled`, {
-    //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-    //   duration: this._duration,
-    //   minDvrSize: this._minDvrSize,
-    //   playbackType: this.getPlaybackType(),
-    // })
     // enabled when:
     // - the duration does not include content after hlsjs's live sync point
     // - the playable region duration is longer than the configured duration to enable dvr after

package/src/plugins/click-to-pause/ClickToPause.ts

@@ -10,7 +10,7 @@ import { CLAPPR_VERSION } from '../../build.js'
 
 type Timer = ReturnType<typeof setTimeout>
 
-const T = 'plugins.click_to_pause_custom'
+const T = 'plugins.click_to_pause'
 
 /**
  * A small `PLUGIN` that toggles the playback state on click over the video container