fix: remove mixin

Author: mizadi

src/mixins/eventable.js

@@ -0,0 +1,58 @@
+/**
+ * Sets up event methods (on, one, off, trigger) on the VideoPlayer instance.
+ * These methods wrap Video.js event methods and add the Player context to events.
+ *
+ * @param {Object} player - The VideoPlayer instance
+ * @param {Object} videojsInstance - The underlying Video.js player instance
+ */
+const setupEventMethods = (player, videojsInstance) => {
+  const handlers = {};
+
+  player.on = (...args) => {
+    const lastIndex = args.length - 1;
+    const func = args[lastIndex];
+
+    handlers[func] = (event, ..._args) => {
+      event.Player = player;
+      func(event, ..._args);
+    };
+
+    args[lastIndex] = handlers[func];
+
+    return videojsInstance.on(...args);
+  };
+
+  player.one = (...args) => {
+    const lastIndex = args.length - 1;
+    const func = args[lastIndex];
+
+    handlers[func] = (event, ..._args) => {
+      event.Player = player;
+      func(event, ..._args);
+      delete handlers[func];
+    };
+
+    args[lastIndex] = handlers[func];
+
+    return videojsInstance.one(...args);
+  };
+
+  player.off = (...args) => {
+    const lastIndex = args.length - 1;
+    const func = args[lastIndex];
+
+    args[lastIndex] = handlers[func];
+
+    const res = videojsInstance.off(...args);
+    delete handlers[func];
+
+    return res;
+  };
+
+  player.trigger = (...args) => {
+    videojsInstance.trigger(...args);
+  };
+};
+
+export default setupEventMethods;
+

src/utils/setup-event-methods.js

@@ -10,7 +10,7 @@ import './components';
 import plugins from './plugins';
 import Utils from './utils';
 import defaults from './config/defaults';
-import Eventable from './mixins/eventable';
+import setupEventMethods from './utils/setup-event-methods';
 import ExtendedEvents from './extended-events';
 import VideoSource from './plugins/cloudinary/models/video-source/video-source';
 import {
@@ -35,7 +35,7 @@ Object.keys(plugins).forEach((key) => {
 
 overrideDefaultVideojsComponents();
 
-class VideoPlayer extends Utils.mixin(Eventable) {
+class VideoPlayer {
 
   static all(selector, ...args) {
     const nodeList = document.querySelectorAll(selector);
@@ -47,8 +47,6 @@ class VideoPlayer extends Utils.mixin(Eventable) {
   }
 
   constructor(elem, options, ready) {
-    super();
-
     this.videoElement = elem;
     this.options = splitOptions(options);
     this._videojsOptions = this.options.videojsOptions;
@@ -67,6 +65,9 @@ class VideoPlayer extends Utils.mixin(Eventable) {
 
     this.videojs = videojs(this.videoElement, this._videojsOptions);
 
+    // Setup event methods (on, one, off, trigger)
+    setupEventMethods(this, this.videojs);
+
     this._isPlayerConfigValid = true;
     if (this.playerOptions.debug) {
       isValidPlayerConfig(this.options).then((valid) => {