@gcorevideo/player 2.20.3 → 2.20.4

package/dist/index.js

@@ -42494,7 +42494,7 @@ class Player {
             Log.setLevel(0);
         }
         const coreOpts = this.buildCoreOptions(playerElement);
-        const { core, container } = Loader.registeredPlugins;
+        const { core, container } = Player.getRegisteredPlugins();
         trace(`${T$d} init`, {
             registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.name),
         });
@@ -42656,13 +42656,35 @@ class Player {
      * ```
      */
     static registerPlugin(plugin) {
+        assert.ok(plugin.type === 'core' || plugin.type === 'container', 'Invalid plugin type');
+        if (plugin.type === 'core') {
+            if (plugin.prototype.name === 'media_control') {
+                Player.corePlugins.unshift(plugin);
+            }
+            else {
+                Player.corePlugins.push(plugin);
+            }
+            return;
+        }
         Loader.registerPlugin(plugin);
     }
+    static getRegisteredPlugins() {
+        for (const plugin of Player.corePlugins) {
+            Loader.registerPlugin(plugin);
+        }
+        return Loader.registeredPlugins;
+    }
+    static corePlugins = [];
     /**
      * Unregisters a plugin registered earlier with {@link Player.registerPlugin}.
      * @param plugin - a plugin class
      */
     static unregisterPlugin(plugin) {
+        assert.ok(plugin.type === 'core' || plugin.type === 'container', 'Invalid plugin type');
+        if (plugin.type === 'core') {
+            Player.corePlugins = Player.corePlugins.filter((p) => p !== plugin);
+            return;
+        }
         Loader.unregisterPlugin(plugin);
     }
     setConfig(config) {
@@ -42803,8 +42825,10 @@ class Player {
         }, null);
     }
     bindCoreListeners() {
-        const core = this.player?.core;
-        core?.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
+        // TODO create an class inherited from PlayerClappr
+        assert.ok(this.player, 'Player is not initialized');
+        const core = this.player.core;
+        core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
             trace(`${T$d} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 orientation,
                 rootNode: {
@@ -42819,14 +42843,14 @@ class Player {
                 });
             }
         }, null);
-        core?.on(Events$1.CORE_RESIZE, ({ width, height }) => {
+        core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
             trace(`${T$d} on CORE_RESIZE`, {
                 width,
                 height,
             });
             this.safeTriggerEvent(PlayerEvent.Resize, { width, height });
         }, null);
-        core?.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
+        core.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
             trace(`${T$d} CORE_FULLSCREEN`, {
                 isFullscreen,
             });
@@ -42835,7 +42859,7 @@ class Player {
     }
 }
 
-var version$1 = "2.20.3";
+var version$1 = "2.20.4";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -48961,9 +48985,10 @@ const streamsMomentoIcon = "<svg id=\"Слой_1\" data-name=\"Слой 1\" xmln
 const streamsWhiteNightsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <defs>\n    <clipPath id=\"clip-Icon\">\n      <rect width=\"50\" height=\"50\"/>\n    </clipPath>\n  </defs>\n  <g id=\"Icon\" clip-path=\"url(#clip-Icon)\">\n    <g id=\"icon2\" transform=\"translate(-0.041 0)\">\n      <path id=\"Контур_77\" data-name=\"Контур 77\" d=\"M6.493,13v8.266h6.275V19.74H8.31V17.714h4.006V16.3H8.31V14.53h4.365V13Zm7.5,0v8.266h1.7V15.732h.023l3.438,5.534h1.818V13h-1.7v5.545h-.023L15.8,13Z\" fill=\"#fff\"/>\n      <path id=\"Контур_76\" data-name=\"Контур 76\" d=\"M29.949,29.1V26.774H31.94a1.4,1.4,0,0,1,.938.272,1.1,1.1,0,0,1,.313.874,1.155,1.155,0,0,1-.313.9,1.375,1.375,0,0,1-.938.278ZM28.132,25.36v8.266h1.817V30.4h1.818a1.353,1.353,0,0,1,.984.3,1.637,1.637,0,0,1,.394.949c.046.333.079.681.1,1.042a3.2,3.2,0,0,0,.185.938h1.819a1.218,1.218,0,0,1-.191-.423,3.611,3.611,0,0,1-.093-.527c-.019-.185-.033-.367-.041-.544s-.016-.332-.023-.463a5.052,5.052,0,0,0-.087-.625,2.109,2.109,0,0,0-.2-.573,1.586,1.586,0,0,0-.359-.451,1.414,1.414,0,0,0-.556-.284v-.023a1.926,1.926,0,0,0,1-.81,2.494,2.494,0,0,0,.307-1.262,2.308,2.308,0,0,0-.165-.88,2.128,2.128,0,0,0-.486-.724,2.3,2.3,0,0,0-.764-.492,2.67,2.67,0,0,0-1-.179ZM43.506,30.5V25.36H41.689V30.5a2.065,2.065,0,0,1-.37,1.36,1.7,1.7,0,0,1-1.343.434,2.086,2.086,0,0,1-.886-.156,1.283,1.283,0,0,1-.758-.978,3.748,3.748,0,0,1-.058-.66V25.36H36.456V30.5a3.16,3.16,0,0,0,.92,2.5,3.807,3.807,0,0,0,2.6.81,3.82,3.82,0,0,0,2.593-.816,3.132,3.132,0,0,0,.937-2.492Z\" fill=\"#fff\"/>\n      <path id=\"Контур_80\" data-name=\"Контур 80\" d=\"M22.646,31.2H4.689a4.505,4.505,0,0,1-4.5-4.5V8.5A4.505,4.505,0,0,1,4.689,4h18.2a4.505,4.505,0,0,1,4.5,4.5v8.445l-.893.1a3.184,3.184,0,0,0-2.846,3.177V30.5l-.465.7ZM4.689,6a2.5,2.5,0,0,0-2.5,2.5V26.7a2.5,2.5,0,0,0,2.5,2.5H21.65V20.22a5.18,5.18,0,0,1,3.739-4.992V8.5a2.5,2.5,0,0,0-2.5-2.5Z\" fill=\"#fff\"/>\n      <path id=\"Контур_81\" data-name=\"Контур 81\" d=\"M30.127,47.884a1,1,0,0,1-1-1V43.267H26.846a5.206,5.206,0,0,1-5.2-5.2V20.222a5.206,5.206,0,0,1,5.2-5.2H44.692a5.206,5.206,0,0,1,5.2,5.2V38.068a5.206,5.206,0,0,1-5.2,5.2H35.058l-4.216,4.316A1,1,0,0,1,30.127,47.884ZM26.846,17.022a3.2,3.2,0,0,0-3.2,3.2V38.067a3.2,3.2,0,0,0,3.2,3.2h3.281a1,1,0,0,1,1,1v2.162l2.8-2.86a1,1,0,0,1,.715-.3H44.692a3.2,3.2,0,0,0,3.2-3.2V20.222a3.2,3.2,0,0,0-3.2-3.2Z\" fill=\"#fff\"/>\n    </g>\n  </g>\n</svg>\n";
 
 const VERSION$3 = '0.0.1';
-const T$7 = 'plugins.media_control_multicamera';
+const T$7 = 'plugins.multicamera';
 /**
  * The plugin adds support for loading multiple streams and switching between them using the media control UI.
+ * @beta
  */
 class MultiCamera extends UICorePlugin {
     currentCamera = null;
@@ -48972,7 +48997,7 @@ class MultiCamera extends UICorePlugin {
     multicamera = [];
     noActiveStreams = false;
     get name() {
-        return 'media_control_multicamera';
+        return 'multicamera';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -49927,7 +49952,7 @@ const { formatTime } = Utils;
  */
 class SeekTime extends UICorePlugin {
     get name() {
-        return 'media_control_seek_time';
+        return 'seek_time';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -50088,7 +50113,7 @@ class Share extends UICorePlugin {
     hide = false;
     container = null;
     get name() {
-        return 'media_control_share';
+        return 'share';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -51731,6 +51756,10 @@ class Thumbnails extends UICorePlugin {
     }
 }
 
+/**
+ * Events emitted by the VolumeFade plugin.
+ * @beta
+ */
 var VolumeFadeEvents;
 (function (VolumeFadeEvents) {
     VolumeFadeEvents["FADE"] = "core:volume:fade";

package/dist/player.d.ts

@@ -529,6 +529,10 @@ export declare class ContextMenu extends UIContainerPlugin {
     private hideOnBodyClick;
 }
 
+/**
+ * The plugin adds a context menu to the player.
+ * @beta
+ */
 export declare interface ContextMenuPluginSettings {
     label?: string;
     url?: string;
@@ -1218,6 +1222,7 @@ declare type MetricsUpdateFn = (metrics: Metrics) => void;
 
 /**
  * The plugin adds support for loading multiple streams and switching between them using the media control UI.
+ * @beta
  */
 export declare class MultiCamera extends UICorePlugin {
     private currentCamera;
@@ -2670,6 +2675,10 @@ export declare class VolumeFade extends UICorePlugin {
     private onLeave;
 }
 
+/**
+ * Events emitted by the VolumeFade plugin.
+ * @beta
+ */
 export declare enum VolumeFadeEvents {
     FADE = "core:volume:fade"
 }
@@ -2683,6 +2692,7 @@ export declare interface WatchEventData {
 }
 
 /**
+ * {@link https://zeptojs.com/#$() | Zepto query result}
  * @beta
  */
 export declare type ZeptoResult = ReturnType<typeof $>;