@unlk/keymaster 1.6.9 → 1.7.0

package/dist/js/keymaster.js

@@ -1,5 +1,5 @@
 /*!
-  * Unlock Keymaster v1.6.9 (https://keymaster.unlock.com)
+  * Unlock Keymaster v1.7.0 (https://keymaster.unlock.com)
   * Copyright 2022-2026 Unlk Developers
   */
 (function (global, factory) {
@@ -7682,34 +7682,88 @@
 	const SELECTOR_MODAL = '.modal';
 	const SELECTOR_DIALOG = '.modal-dialog-media';
 	const SELECTOR_RATIO = '.ratio';
-	const youTubeAPIInitPromise = new Promise(resolve => {
+	let youTubeAPIInitPromise = null;
+	let vimeoAPIInitPromise = null;
+
+	/**
+	 * Load the YouTube iframe API only when a YouTube video is opened.
+	 */
+	function loadYouTubeAPI() {
 	  if (globalThis.YT?.Player) {
-	    resolve();
-	  } else {
-	    const prev = globalThis.onYouTubeIframeAPIReady;
+	    return Promise.resolve();
+	  }
+	  if (youTubeAPIInitPromise) {
+	    return youTubeAPIInitPromise;
+	  }
+	  youTubeAPIInitPromise = new Promise((resolve, reject) => {
+	    const existingScript = document.querySelector('script[src="https://www.youtube.com/iframe_api"]');
+	    const previousReady = globalThis.onYouTubeIframeAPIReady;
 	    globalThis.onYouTubeIframeAPIReady = () => {
 	      try {
-	        if (typeof prev === 'function') prev();
+	        if (typeof previousReady === 'function') {
+	          previousReady();
+	        }
 	      } catch {}
 	      resolve();
 	    };
+	    if (existingScript) {
+	      if (globalThis.YT?.Player) {
+	        resolve();
+	      }
+	      return;
+	    }
 	    const script = document.createElement('script');
 	    script.src = 'https://www.youtube.com/iframe_api';
+	    script.async = true;
+	    script.addEventListener('error', () => {
+	      youTubeAPIInitPromise = null;
+	      reject(new Error('Failed to load YouTube iframe API'));
+	    });
 	    document.head.append(script);
-	  }
-	});
-	const vimeoAPIInitPromise = new Promise(resolve => {
+	  });
+	  return youTubeAPIInitPromise;
+	}
+
+	/**
+	 * Load the Vimeo Player API only when a Vimeo video is opened.
+	 */
+	function loadVimeoAPI() {
 	  if (globalThis.Vimeo?.Player) {
-	    resolve();
-	  } else {
+	    return Promise.resolve();
+	  }
+	  if (vimeoAPIInitPromise) {
+	    return vimeoAPIInitPromise;
+	  }
+	  vimeoAPIInitPromise = new Promise((resolve, reject) => {
+	    const existingScript = document.querySelector('script[src="https://player.vimeo.com/api/player.js"]');
+	    if (existingScript) {
+	      existingScript.addEventListener('load', () => resolve(), {
+	        once: true
+	      });
+	      existingScript.addEventListener('error', () => {
+	        vimeoAPIInitPromise = null;
+	        reject(new Error('Failed to load Vimeo Player API'));
+	      }, {
+	        once: true
+	      });
+	      return;
+	    }
 	    const script = document.createElement('script');
 	    script.src = 'https://player.vimeo.com/api/player.js';
-	    script.addEventListener('load', () => {
-	      resolve();
+	    script.async = true;
+	    script.addEventListener('load', () => resolve(), {
+	      once: true
+	    });
+	    script.addEventListener('error', () => {
+	      vimeoAPIInitPromise = null;
+	      reject(new Error('Failed to load Vimeo Player API'));
+	    }, {
+	      once: true
 	    });
 	    document.head.append(script);
-	  }
-	});
+	  });
+	  return vimeoAPIInitPromise;
+	}
 	class VideoModal extends BaseComponent {
 	  constructor(element) {
 	    super(element);
@@ -7729,46 +7783,60 @@
 	      id
 	    } = this._element;
 	    const playerID = `video-${id}-youtube-player`;
-	    if (this._vimeoUrl) {
-	      await vimeoAPIInitPromise;
-	      const vimeoId = this._getVimeoId(this._vimeoUrl);
-	      this._vimeoPlayer = new globalThis.Vimeo.Player(this._container, {
-	        id: vimeoId,
-	        autoplay: true
-	      });
-	      this._element.dataset.vimeoId = String(vimeoId);
-	      this._element.__unlkVimeoPlayer = this._vimeoPlayer;
-	      this._element.dispatchEvent(new CustomEvent('videomodal.ready', {
-	        bubbles: true,
-	        detail: {
-	          provider: 'vimeo',
-	          player: this._vimeoPlayer,
-	          videoId: vimeoId
+	    try {
+	      if (this._vimeoUrl) {
+	        await loadVimeoAPI();
+	        const vimeoId = this._getVimeoId(this._vimeoUrl);
+	        if (!vimeoId) {
+	          return;
 	        }
-	      }));
-	      return;
-	    }
-	    if (this._youtubeSrc) {
-	      await youTubeAPIInitPromise;
-	      const youtubeId = this._getYouTubeId(this._youtubeSrc);
-	      const playerDiv = this._container.querySelector(`#${playerID}`);
-	      this._youtubePlayer = new globalThis.YT.Player(playerDiv, {
-	        videoId: youtubeId,
-	        playerVars: {
-	          autoplay: 1,
-	          rel: 0
+	        this._vimeoPlayer = new globalThis.Vimeo.Player(this._container, {
+	          id: vimeoId,
+	          autoplay: true
+	        });
+	        this._element.dataset.vimeoId = String(vimeoId);
+	        this._element.__unlkVimeoPlayer = this._vimeoPlayer;
+	        this._element.dispatchEvent(new CustomEvent('videomodal.ready', {
+	          bubbles: true,
+	          detail: {
+	            provider: 'vimeo',
+	            player: this._vimeoPlayer,
+	            videoId: vimeoId
+	          }
+	        }));
+	        return;
+	      }
+	      if (this._youtubeSrc) {
+	        await loadYouTubeAPI();
+	        const youtubeId = this._getYouTubeId(this._youtubeSrc);
+	        if (!youtubeId) {
+	          return;
 	        }
-	      });
-	      this._element.dataset.ytId = youtubeId;
-	      this._element.__unlkYtPlayer = this._youtubePlayer;
-	      this._element.dispatchEvent(new CustomEvent('videomodal.ready', {
-	        bubbles: true,
-	        detail: {
-	          provider: 'youtube',
-	          player: this._youtubePlayer,
-	          videoId: youtubeId
+	        const playerDiv = this._container.querySelector(`#${playerID}`);
+	        if (!playerDiv) {
+	          return;
 	        }
-	      }));
+	        this._youtubePlayer = new globalThis.YT.Player(playerDiv, {
+	          videoId: youtubeId,
+	          playerVars: {
+	            autoplay: 1,
+	            rel: 0
+	          }
+	        });
+	        this._element.dataset.ytId = youtubeId;
+	        this._element.__unlkYtPlayer = this._youtubePlayer;
+	        this._element.dispatchEvent(new CustomEvent('videomodal.ready', {
+	          bubbles: true,
+	          detail: {
+	            provider: 'youtube',
+	            player: this._youtubePlayer,
+	            videoId: youtubeId
+	          }
+	        }));
+	      }
+	    } catch (error) {
+	      // eslint-disable-next-line no-console
+	      console.error('[VideoModal] Failed to initialize video player:', error);
 	    }
 	  }
 	  _onHide() {
@@ -7803,11 +7871,15 @@
 	  }
 	}
 	EventHandler.on(document, EVENT_SHOW, SELECTOR_MODAL, function () {
-	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) return;
+	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) {
+	    return;
+	  }
 	  VideoModal.getOrCreateInstance(this)._onShow();
 	});
 	EventHandler.on(document, EVENT_HIDDEN, SELECTOR_MODAL, function () {
-	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) return;
+	  if (!SelectorEngine.findOne(SELECTOR_DIALOG, this)) {
+	    return;
+	  }
 	  VideoModal.getOrCreateInstance(this)._onHide();
 	});
 	defineJQueryPlugin(VideoModal);