j1-template 2024.3.21 → 2024.3.23

data/assets/theme/j1/modules/videojs/plugins/players/wt/!unused/wistia.1.js

@@ -0,0 +1,401 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/modules/videojs/js/wt/wistia.js
+ # Provides Wistia Playback Technology (Tech) for Video.js V8 and newer
+ # See: https://github.com/edly-io/videojs-wistia
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ # Copyright (C) 2020-2021 Zia Fazal
+ # Copyright (C) 2021 Edly by Arbisoft
+ # Copyright (C) 2023-2025 Juergen Adams
+ #
+ #  videojs-wistia is licensed under MIT License.
+ #  See: https://github.com/edly-io/videojs-wistia/blob/master/LICENSE
+ #  J1 Theme is licensed under MIT License.
+ #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+/* global define, Wistia */
+(function (root, factory) {
+    if(typeof exports==='object' && typeof module!=='undefined') {
+      var videojs = require('video.js');
+      module.exports = factory(videojs.default || videojs);
+    } else if(typeof define === 'function' && define.amd) {
+      define(['videojs'], function(videojs){
+        return (root.Wistia = factory(videojs));
+      });
+    } else {
+      root.Wistia = factory(root.videojs);
+    }
+  }(this, function(videojs) {
+    'use strict';
+
+    var logger      = log4javascript.getLogger('videoJS.plugin.wistia');
+    var _isOnMobile = videojs.browser.IS_IOS || videojs.browser.IS_NATIVE_ANDROID;
+    var Tech        = videojs.getTech('Tech');
+
+    var startTimeModule;
+    var endTimeModule;
+
+    class Wistia extends Tech {
+
+      constructor(options, ready) {
+        super(options, ready);
+
+        this.setPoster(options.poster);
+        this.setSrc(this.options_.source, true);
+
+        this.setTimeout(function() {
+          if (this.el_) {
+            this.el_.parentNode.className += ' vjs-wistia';
+
+            if (_isOnMobile) {
+              this.el_.parentNode.className += ' vjs-wistia-mobile';
+            }
+
+            if (Wistia.isApiReady) {
+              this.initWistiaPlayer();
+            } else {
+              Wistia.apiReadyQueue.push(this);
+            }
+          }
+        }.bind(this));
+      } // END constructor
+
+      dispose() {
+        if (this.wistiaPlayer) {
+          // dispose of the Wistia Player
+          if (this.wistiaPlayer) {
+            this.wistiaPlayer.pause();
+            this.wistiaPlayer.remove();
+          }
+        } else {
+          // Wistia API hasn't finished loading or the player is already disposed
+          var index = Wistia.apiReadyQueue.indexOf(this);
+          if (index !== -1) {
+            Wistia.apiReadyQueue.splice(index, 1);
+          }
+        }
+        this.wistiaPlayer = null;
+
+        this.el_.parentNode.className = this.el_.parentNode.className
+          .replace(' vjs-wistia', '')
+          .replace(' vjs-wistia-mobile', '');
+        this.el_.parentNode.removeChild(this.el_);
+      } // END dispose
+
+      createEl() {
+        var div = document.createElement('div');
+        div.setAttribute('id', this.options_.techId);
+        div.setAttribute('style', 'width:100%;height:100%;top:0;left:0;position:absolute');
+        div.setAttribute('class', 'vjs-tech ' + this.options_.playback_css_class);
+
+        var divWrapper = document.createElement('div');
+        divWrapper.appendChild(div);
+
+        return divWrapper;
+      } // END createEl
+
+      initWistiaPlayer() {
+        var playerConfig = {
+          controlsVisibleOnLoad:  false,
+          chromeless:             true,
+          playbar:                false,
+          playButton:             false,
+          settingsControl:        false,
+          smallPlayButton:        false,
+          volumeControl:          false,
+          videoFoam:              false,
+          fullscreenButton:       false,
+          preload:                true,
+          doNotTrack:             true,
+          autoPlay:               false
+        };
+
+        if (typeof this.options_.videoFoam !== 'undefined') {
+          playerConfig.videoFoam = this.options_.videoFoam;
+        }
+
+        if (typeof this.options_.source !== 'undefined') {
+          this.videoId = this.options_.source.src;
+        }
+
+        if (typeof this.options_.autoplay !== 'undefined') {
+          playerConfig.autoPlay = this.options_.autoplay;
+          playerConfig.muted = this.options_.autoplay;
+        }
+
+        var this_ = this;
+        window._wq = window._wq || [];
+        _wq.push({
+          id: this.videoId,
+          options: playerConfig,
+          onReady: function(video) {
+            this_.wistiaPlayer = video;
+            this_.onPlayerReady();
+            this_.wistiaPlayer.bind('end', this_.onPlaybackEnded.bind(this_));
+          }
+        });
+
+        logger.debug('\n' + 'created ' + this.name_ + ' player on ID: ' + this.el_.firstChild.id);
+      } // END initWistiaPlayer
+
+      onPlayerReady() {
+        var wt_player = document.getElementById(this.options_.playerId + '_wistia_api');
+        var wt_embed  = document.getElementsByClassName("w-vulcan-v2");
+        var currState;
+
+        // set the cursor on the embedded player to 'pointer'
+        for (var i = 0; i < wt_embed.length; i++) {
+          wt_embed[i].style.cursor = 'pointer';
+        }
+
+        // workaround toggle play|pause for Wistia Tech (click on video itself)
+        wt_player.addEventListener('click', (event) => {
+          currState = this.wistiaPlayer.state();
+
+          // suppress default actions|bubble up
+          event.preventDefault();
+          event.stopPropagation();
+
+          // trigger play on state beforeplay (initiate FIRST play)
+          if (currState === 'beforeplay') {
+            this.wistiaPlayer.play();
+            this.trigger('play');
+            logger.debug('\n' + 'triggered play on state: ' + currState);
+          }
+
+          // update player state
+          if (currState === 'playing' ) {
+            this.trigger('play');
+          }
+
+          // update player state
+          if (currState === 'paused' ) {
+            this.trigger('pause');
+          }
+        }); // END EventListener 'click'
+
+        // default actions
+        // ---------------------------------------------------------------------
+        if (this.options_.muted) {
+          this.wistiaPlayer.mute();
+        }
+
+        this.playerReady_ = true;
+        this.triggerReady();
+
+        if (this.playOnReady) {
+          this.play();
+        }
+      } // END onPlayerReady
+
+      onPlaybackEnded() {
+        this.trigger('ended');
+      } // END onPlaybackEnded
+
+      src(src) {
+        this.setSrc({ src: src });
+        return this.source;
+      } // END src
+
+      setSrc(source) {
+        if (!source || !source.src) { return; }
+
+        delete this.errorName;
+        this.source = source;
+
+        if (this.options_.autoplay && !_isOnMobile) {
+          if (this.isReady_) {
+            this.play();
+          } else {
+            this.playOnReady = true;
+          }
+        }
+      } // END setSrc
+
+      autoplay() {
+        return this.options_.autoplay;
+      } // END autoplay
+
+      setAutoplay(val) {
+        this.options_.autoplay = val;
+      } // END setAutoplay
+
+      loop() {
+        return this.options_.loop;
+      } // END loop
+
+      setLoop(val) {
+        this.options_.loop = val;
+      } // END setLoop
+
+      play() {
+        if (!this.videoId) { return; }
+
+        if (this.isReady_) {
+          this.wistiaPlayer.play();
+          this.trigger('play');
+        } else {
+          this.trigger('waiting');
+          this.playOnReady = true;
+        }
+      } // END play
+
+      pause() {
+        this.wistiaPlayer.pause();
+        this.trigger('pause');
+      } // END pause
+
+      paused() {
+        return this.wistiaPlayer.state() === 'paused' || this.wistiaPlayer.state() === 'ended';
+      } // END paused
+
+      currentTime() {
+        return this.wistiaPlayer.time();
+      } // END currentTime
+
+      setCurrentTime(seconds) {
+        this.wistiaPlayer.time(seconds);
+      } // END setCurrentTime
+
+      duration() {
+        return this.wistiaPlayer.duration();
+      } // END duration
+
+      currentSrc() {
+        return this.source && this.source.src;
+      } // END currentSrc
+
+      ended() {
+        return this.wistiaPlayer.state() === 'ended';
+      } // END ended
+
+      volume() {
+        return this.wistiaPlayer.volume();
+      } // END volume
+
+      setVolume(percentAsDecimal) {
+        this.wistiaPlayer.volume(percentAsDecimal);
+        this.trigger('volumechange');
+      } // END setVolume
+
+      muted() {
+        return this.wistiaPlayer.isMuted();
+      } // END muted
+
+      setMuted(mute) {
+        if (mute === true) {
+          this.wistiaPlayer.mute();
+        } else {
+          this.wistiaPlayer.unmute();
+        }
+
+        this.trigger('volumechange');
+      } // END setMuted
+
+      supportsFullScreen() {
+        return true;
+      } // END supportsFullScreen
+
+    } // END class Wistia
+
+    Wistia.isSupported = function() {
+      return true;
+    };
+
+    Wistia.canPlaySource = function(e) {
+      return Wistia.canPlayType(e.type);
+    };
+
+    Wistia.canPlayType = function(e) {
+      return (e === 'video/wistia');
+    };
+
+    function apiLoaded() {
+      Wistia.isApiReady = true;
+      logger.debug('\n' + 'API loaded successfully');
+      for (var i = 0; i < Wistia.apiReadyQueue.length; ++i) {
+        Wistia.apiReadyQueue[i].initWistiaPlayer();
+      }
+      logger.debug('\n' + 'created all players from queue: #' + i);
+
+      endTimeModule = Date.now();
+      logger.debug('\n' + 'initializing plugin: finished');
+      logger.debug('\n' + 'plugin initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+    } // END apiLoaded
+
+    function loadScript(src, callback) {
+      var loaded = false;
+      var tag = document.createElement('script');
+      var firstScriptTag = document.getElementsByTagName('script')[0];
+      if (!firstScriptTag) { return; }
+
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+      tag.onload = function () {
+        if (!loaded) {
+          loaded = true;
+          callback();
+        }
+      };
+
+      tag.onreadystatechange = function () {
+        if (!loaded && (this.readyState === 'complete' || this.readyState === 'loaded')) {
+          loaded = true;
+          callback();
+        }
+      };
+
+      tag.src = src;
+    } // END loadScript
+
+    function injectCss() {
+      var css  = '.vjs-wistia-mobile .vjs-big-play-button {display: none;}';
+      var head = document.head || document.getElementsByTagName('head')[0];
+
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (style.styleSheet){
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+
+      logger.debug('\n' + 'added additional CSS styles');
+      head.appendChild(style);
+    } // END injectCss
+
+    Wistia.apiReadyQueue = [];
+
+    // initialize plugin when page ready
+    // -------------------------------------------------------------------------
+    var dependencies_met_page_ready = setInterval (() => {
+      var pageState      = $('#content').css("display");
+      var pageVisible    = (pageState === 'block') ? true : false;
+      var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
+
+      if (j1CoreFinished && pageVisible) {
+        startTimeModule = Date.now();
+
+        logger.debug('\n' + 'initializing plugin: started');
+        logger.debug('\n' + 'version of videoJS detected: ' + videojs.VERSION);
+
+        loadScript('//fast.wistia.com/assets/external/E-v1.js', apiLoaded);
+        injectCss();
+
+        clearInterval(dependencies_met_page_ready);
+      } // END pageVisible
+    }, 10); // END dependencies_met_page_ready
+
+    // check VJS version to register Wistia TECH
+    if (typeof videojs.registerTech !== 'undefined') {
+      videojs.registerTech('Wistia', Wistia);
+    } else {
+      console.error('\n' + 'invalid version of videoJS detected: ' + videojs.VERSION);
+    } // END check VJS version
+
+  }));

data/assets/theme/j1/modules/videojs/{js/plugins/players/wt → plugins/players/wt/js}/wistia.js

@@ -33,6 +33,8 @@
   }(this, function(videojs) {
     'use strict';
 
+    const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
     var logger        = log4javascript.getLogger('videoJS.plugin.wistia');
     var _isOnMobile   = videojs.browser.IS_IOS || videojs.browser.IS_NATIVE_ANDROID;
     var Tech          = videojs.getTech('Tech');
@@ -150,7 +152,7 @@
           }
         });
 
-        logger.debug('\n' + 'created ' + this.name_ + ' player on ID: ' + this.el_.firstChild.id);
+        isDev && logger.debug('\n' + 'created ' + this.name_ + ' player on ID: ' + this.el_.firstChild.id);
       } // END initWistiaPlayer
 
       onPlayerReady(options) {
@@ -170,7 +172,7 @@
           wt_player.addEventListener('click', (event) => {
             wtPlayerState = this.wistiaPlayer.state();
 
-            logger.debug('\n' + 'wt player state: ' + wtPlayerState);
+            isDev && logger.debug('\n' + 'wt player state: ' + wtPlayerState);
           }); // END EventListener 'click'
         } else {
           // workaround toggle play|pause for Wistia Tech (click on video itself)
@@ -178,13 +180,13 @@
           wt_player.addEventListener('click', (event) => {
             wtPlayerState = this.wistiaPlayer.state();
 
-            logger.debug('\n' + 'wt player state: ' + wtPlayerState);
+            isDev && logger.debug('\n' + 'wt player state: ' + wtPlayerState);
 
             // trigger play on state beforeplay (initiate FIRST play)
             if (wtPlayerState === 'beforeplay') {
               this.wistiaPlayer.play();
               this.trigger('play');
-              logger.debug('\n' + 'triggered play on state: ' + wtPlayerState);
+              isDev && logger.debug('\n' + 'triggered play on state: ' + wtPlayerState);
             }
           }); // END EventListener 'click'
 
@@ -332,17 +334,17 @@
 
     function apiLoaded() {
       Wistia.isApiReady = true;
-      logger.debug('\n' + 'API loaded successfully');
+      isDev && logger.debug('\n' + 'API loaded successfully');
 
       // NOTE: skip first element in ready queue as it is used internally
       for (var i = 0; i < Wistia.apiReadyQueue.length; ++i) {
         Wistia.apiReadyQueue[i].initWistiaPlayer();
       }
-      logger.debug('\n' + 'added players to ready queue: #' + i);
+      isDev && logger.debug('\n' + 'added players to ready queue: #' + i);
 
       endTimeModule = Date.now();
-      logger.debug('\n' + 'initializing plugin: finished');
-      logger.debug('\n' + 'plugin initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+      isDev && logger.debug('\n' + 'initializing plugin: finished');
+      isDev && logger.debug('\n' + 'plugin initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
     } // END apiLoaded
 
     function loadScript(src, callback) {
@@ -385,7 +387,7 @@
         style.appendChild(document.createTextNode(css));
       }
 
-      logger.debug('\n' + 'added additional CSS styles');
+      isDev && logger.debug('\n' + 'added additional CSS styles');
       head.appendChild(style);
     } // END injectCss
 
@@ -401,8 +403,8 @@
       if (j1CoreFinished && pageVisible) {
         startTimeModule = Date.now();
 
-        logger.debug('\n' + 'initializing plugin: started');
-        logger.debug('\n' + 'version of videoJS detected: ' + videojs.VERSION);
+        isDev && logger.debug('\n' + 'initializing plugin: started');
+        isDev && logger.debug('\n' + 'version of videoJS detected: ' + videojs.VERSION);
 
         loadScript('//fast.wistia.com/assets/external/E-v1.js', apiLoaded);
         injectCss();

data/assets/theme/j1/modules/videojs/plugins/players/wt/js/wistia.min.js

@@ -0,0 +1,21 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/modules/videojs/js/plugins/players/wt/wistia.min.js
+ # Provides Wistia Playback Technology (Tech) for Video.js V8 and newer
+ # See: https://github.com/edly-io/videojs-wistia
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ # Copyright (C) 2020-2021 Zia Fazal
+ # Copyright (C) 2021 Edly by Arbisoft
+ # Copyright (C) 2023-2025 Juergen Adams
+ #
+ #  videojs-wistia is licensed under MIT License.
+ #  See: https://github.com/edly-io/videojs-wistia/blob/master/LICENSE
+ #  J1 Theme is licensed under MIT License.
+ #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+!function(e,t){if("object"==typeof exports&&"undefined"!=typeof module){var i=require("video.js");module.exports=t(i.default||i)}else"function"==typeof define&&define.amd?define(["videojs"],(function(i){return e.Wistia=t(i)})):e.Wistia=t(e.videojs)}(this,(function(e){"use strict";const t="development"===j1.env||"dev"===j1.env;var i,s,a,o=log4javascript.getLogger("videoJS.plugin.wistia"),r=e.browser.IS_IOS||e.browser.IS_NATIVE_ANDROID,n=e.getTech("Tech");class l extends n{constructor(e,t){super(e,t),this.setPoster(e.poster),this.setSrc(this.options_.source,!0);var i=document.getElementById(e.playerId);i.classList.remove("vjs-controls-disabled"),i.classList.add("vjs-controls-enabled"),i.classList.remove("vjs-user-inactive"),i.classList.add("vjs-user-active"),this.setTimeout(function(){this.el_&&(this.el_.parentNode.className+=" vjs-wistia",r&&(this.el_.parentNode.className+=" vjs-wistia-mobile"),l.isApiReady?this.initWistiaPlayer():l.apiReadyQueue.push(this))}.bind(this))}dispose(){if(this.wistiaPlayer)this.wistiaPlayer&&(this.wistiaPlayer.pause(),this.wistiaPlayer.remove());else{var e=l.apiReadyQueue.indexOf(this);-1!==e&&l.apiReadyQueue.splice(e,1)}this.wistiaPlayer=null,this.el_.parentNode.className=this.el_.parentNode.className.replace(" vjs-wistia","").replace(" vjs-wistia-mobile",""),this.el_.parentNode.removeChild(this.el_)}createEl(){var e=document.createElement("div");e.setAttribute("id",this.options_.techId),e.setAttribute("style","position:absolute;width:100%;height:100%;top:0;left:0"),e.setAttribute("class","vjs-tech "+this.options_.playback_css_class);var t=document.createElement("div");return t.appendChild(e),t}initWistiaPlayer(){var e={controlsVisibleOnLoad:!1,chromeless:!0,playbar:!1,playButton:!1,settingsControl:!1,smallPlayButton:!1,volumeControl:!1,videoFoam:!1,fullscreenButton:!1,preload:!0,doNotTrack:!0,autoPlay:!1};void 0!==this.options_.videoFoam&&(e.videoFoam=this.options_.videoFoam),void 0!==this.options_.source&&(this.videoId=this.options_.source.src),void 0!==this.options_.autoplay&&(e.autoPlay=this.options_.autoplay,e.muted=this.options_.autoplay);var i=this;window._wq=window._wq||[],_wq.push({id:this.videoId,options:e,onReady:e=>{i.wistiaPlayer=e,i.onPlayerReady(i.options_),i.wistiaPlayer.bind("end",i.onPlaybackEnded.bind(i))}}),t&&o.debug("\ncreated "+this.name_+" player on ID: "+this.el_.firstChild.id)}onPlayerReady(e){for(var s=e.poster,a=e.techId,r=document.getElementById(a),n=(document.getElementsByClassName("w-vulcan-v2"),document.getElementsByClassName("vjs-poster")),l=0;l<n.length;l++)n[l].style.cursor="default";""!==s?r.addEventListener("click",(e=>{i=this.wistiaPlayer.state(),t&&o.debug("\nwt player state: "+i)})):r.addEventListener("click",(e=>{i=this.wistiaPlayer.state(),t&&o.debug("\nwt player state: "+i),"beforeplay"===i&&(this.wistiaPlayer.play(),this.trigger("play"),t&&o.debug("\ntriggered play on state: "+i))})),this.options_.muted&&this.wistiaPlayer.mute(),this.playerReady_=!0,this.triggerReady(),this.playOnReady&&this.play()}onPlaybackEnded(){this.trigger("ended")}src(e){return this.setSrc({src:e}),this.source}setSrc(e){e&&e.src&&(delete this.errorName,this.source=e,this.options_.autoplay&&!r&&(this.isReady_?this.play():this.playOnReady=!0))}setPoster(e){this.poster_=e}autoplay(){return this.options_.autoplay}setAutoplay(e){this.options_.autoplay=e}loop(){return this.options_.loop}setLoop(e){this.options_.loop=e}play(){this.videoId&&(this.isReady_?(this.wistiaPlayer.play(),this.trigger("play")):(this.trigger("waiting"),this.playOnReady=!0))}pause(){this.wistiaPlayer.pause(),this.trigger("pause")}paused(){return"paused"===this.wistiaPlayer.state()||"ended"===this.wistiaPlayer.state()}currentTime(){return this.wistiaPlayer.time()}setCurrentTime(e){this.wistiaPlayer.time(e)}duration(){return this.wistiaPlayer.duration()}currentSrc(){return this.source&&this.source.src}ended(){return"ended"===this.wistiaPlayer.state()}volume(){return this.wistiaPlayer.volume()}setVolume(e){this.wistiaPlayer.volume(e),this.trigger("volumechange")}muted(){return this.wistiaPlayer.isMuted()}setMuted(e){!0===e?this.wistiaPlayer.mute():this.wistiaPlayer.unmute(),this.trigger("volumechange")}supportsFullScreen(){return!0}}function d(){l.isApiReady=!0,t&&o.debug("\nAPI loaded successfully");for(var e=0;e<l.apiReadyQueue.length;++e)l.apiReadyQueue[e].initWistiaPlayer();t&&o.debug("\nadded players to ready queue: #"+e),a=Date.now(),t&&o.debug("\ninitializing plugin: finished"),t&&o.debug("\nplugin initializing time: "+(a-s)+"ms")}l.isSupported=()=>!0,l.canPlaySource=e=>l.canPlayType(e.type),l.canPlayType=e=>"video/wistia"===e,l.apiReadyQueue=[];var u=setInterval((()=>{var i="block"===$("#content").css("display");"finished"===j1.getState()&&i&&(s=Date.now(),t&&o.debug("\ninitializing plugin: started"),t&&o.debug("\nversion of videoJS detected: "+e.VERSION),function(e,t){var i=!1,s=document.createElement("script"),a=document.getElementsByTagName("script")[0];a&&(a.parentNode.insertBefore(s,a),s.onload=()=>{i||(i=!0,t())},s.onreadystatechange=()=>{i||"complete"!==this.readyState&&"loaded"!==this.readyState||(i=!0,t())},s.src=e)}("//fast.wistia.com/assets/external/E-v1.js",d),function(){const e="\n        .vjs-wistia-mobile .vjs-big-play-button { display: none; }\n      ";var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),t&&o.debug("\nadded additional CSS styles"),i.appendChild(s)}(),clearInterval(u))}),10);void 0!==e.registerTech?e.registerTech("Wistia",l):console.error("\ninvalid version of videoJS detected: "+e.VERSION)}));

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt → plugins/players/yt/js}/youtube.js

@@ -33,6 +33,8 @@
 }(this, function(videojs) {
   'use strict';
 
+  const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
   var logger      = log4javascript.getLogger('videoJS.plugin.youtube');
   var _isOnMobile = videojs.browser.IS_IOS || videojs.browser.IS_NATIVE_ANDROID;
   var Tech        = videojs.getTech('Tech');
@@ -277,7 +279,7 @@
 
       this.ytPlayer = new YT.Player(this.options_.techId, playerConfig);
 
-      logger.debug('\n' + 'created ' + this.name_ + ' player on ID: ' + this.el_.firstChild.id);
+      isDev && logger.debug('\n' + 'created ' + this.name_ + ' player on ID: ' + this.el_.firstChild.id);
     } // END initYTPlayer
 
     onPlayerReady() {
@@ -762,16 +764,16 @@
   function apiLoaded() {
     YT.ready(() => {
       Youtube.isApiReady = true;
-      logger.debug('\n' + 'API loaded successfully');
+      isDev && logger.debug('\n' + 'API loaded successfully');
 
       for (var i = 0; i < Youtube.apiReadyQueue.length; ++i) {
         Youtube.apiReadyQueue[i].initYTPlayer();
       }
-      logger.debug('\n' + 'created all players from queue: #' + i);
+      isDev && logger.debug('\n' + 'created all players from queue: #' + i);
 
       endTimeModule = Date.now();
-      logger.debug('\n' + 'initializing plugin: finished');
-      logger.debug('\n' + 'plugin initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+      isDev && logger.debug('\n' + 'initializing plugin: finished');
+      isDev && logger.debug('\n' + 'plugin initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
     });
   } // END apiLoaded
 
@@ -820,7 +822,7 @@
     }
 
     head.appendChild(style);
-    logger.debug('\n' + 'added additional CSS styles');
+    isDev && logger.debug('\n' + 'added additional CSS styles');
   } // END injectCss
 
   Youtube.apiReadyQueue = [];
@@ -835,8 +837,8 @@
     if (j1CoreFinished && pageVisible) {
       startTimeModule = Date.now();
 
-      logger.debug('\n' + 'initializing plugin: started');
-      logger.debug('\n' + 'version of videoJS detected: ' + videojs.VERSION);
+      isDev && logger.debug('\n' + 'initializing plugin: started');
+      isDev && logger.debug('\n' + 'version of videoJS detected: ' + videojs.VERSION);
 
       loadScript('//www.youtube.com/iframe_api', apiLoaded);
       injectCss();

data/assets/theme/j1/modules/videojs/plugins/players/yt/js/youtube.min.js

@@ -0,0 +1,21 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.min.js
+ # Provides YouTube Playback Technology (Tech) for Video.js V8 and newer
+ #
+ # Product/Info:
+ # http://jekyll.one
+ #
+ # Copyright (C) 2023-2025 Juergen Adams
+ # Copyright (C) 2014-2015 Gary Katsevman, Benoit Tremblay
+ #
+ # YouTube Playback Technology (Tech) is licensed under MIT License.
+ # See: https://github.com/videojs/videojs-youtube/blob/main/README.md
+ # J1 Theme is licensed under MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+/* Version 3.0.1, modified version for J1 Template */
+
+!function(e,t){if("object"==typeof exports&&"undefined"!=typeof module){var i=require("video.js");module.exports=t(i.default||i)}else"function"==typeof define&&define.amd?define(["videojs"],(function(i){return e.Youtube=t(i)})):e.Youtube=t(e.videojs)}(this,(function(e){"use strict";const t="development"===j1.env||"dev"===j1.env;var i,s,o=log4javascript.getLogger("videoJS.plugin.youtube"),a=e.browser.IS_IOS||e.browser.IS_NATIVE_ANDROID,r=e.getTech("Tech");class n extends r{constructor(e,t){super(e,t),this.setPoster(e.poster),this.setSrc(this.options_.source,!0),this.setTimeout(function(){this.el_&&(this.el_.parentNode.className+=" vjs-youtube",a&&(this.el_.parentNode.className+=" vjs-youtube-mobile"),n.isApiReady?this.initYTPlayer():n.apiReadyQueue.push(this))}.bind(this))}dispose(){if(this.ytPlayer)this.ytPlayer.stopVideo&&this.ytPlayer.stopVideo(),this.ytPlayer.destroy&&this.ytPlayer.destroy();else{var e=n.apiReadyQueue.indexOf(this);-1!==e&&n.apiReadyQueue.splice(e,1)}this.ytPlayer=null,this.el_.parentNode.className=this.el_.parentNode.className.replace(" vjs-youtube","").replace(" vjs-youtube-mobile",""),this.el_.parentNode.removeChild(this.el_),r.prototype.dispose.call(this)}createEl(){var e=document.createElement("div");e.setAttribute("id",this.options_.techId),e.setAttribute("style","width:100%;height:100%;top:0;left:0;position:absolute"),e.setAttribute("class","vjs-tech");var t=document.createElement("div");if(t.appendChild(e),!a&&!this.options_.ytControls){var i=document.createElement("div");i.setAttribute("class","vjs-iframe-blocker"),i.setAttribute("style","position:absolute;top:0;left:0;width:100%;height:100%"),i.onclick=function(){this.pause()}.bind(this),t.appendChild(i)}return t}initYTPlayer(){var e=j1.modules.videojs.options.players.youtube,i={autoplay:e.autoplay,controls:e.controls,cc_load_policy:e.cc_load_policy,disablekb:e.disablekb,enablejsapi:e.enablejsapi,fs:e.fs,iv_load_policy:e.iv_load_policy,loop:e.loop,modestbranding:e.modestbranding,rel:e.rel,showinfo:e.showinfo};if(void 0!==this.options_.autohide&&(i.autohide=this.options_.autohide),void 0!==this.options_.loop&&(i.loop=this.options_.loop),void 0!==this.options_.cc_load_policy&&(i.cc_load_policy=this.options_.cc_load_policy),void 0!==this.options_.cc_load_policy&&(i.iv_load_policy=this.options_.iv_load_policy),void 0!==this.options_.ytControls&&(i.controls=this.options_.ytControls),void 0!==this.options_.disablekb&&(i.disablekb=this.options_.disablekb),void 0!==this.options_.color&&(i.color=this.options_.color),i.controls?void 0!==this.options_.fs&&(i.fs=this.options_.fs):i.fs=0,-1!==this.options_.source.src.indexOf("end=")){var s=this.options_.source.src.match(/end=([0-9]*)/);this.options_.end=parseInt(s[1])}if(void 0!==this.options_.end&&(i.end=this.options_.end),void 0!==this.options_.hl?i.hl=this.options_.hl:void 0!==this.options_.language&&(i.hl=this.options_.language.substr(0,2)),void 0!==this.options_.iv_load_policy&&(i.iv_load_policy=this.options_.iv_load_policy),void 0!==this.options_.list?i.list=this.options_.list:this.url&&void 0!==this.url.listId&&(i.list=this.url.listId),void 0!==this.options_.listType&&(i.listType=this.options_.listType),void 0!==this.options_.modestbranding&&(i.modestbranding=this.options_.modestbranding),void 0!==this.options_.playlist&&(i.playlist=this.options_.playlist),void 0!==this.options_.playsinline&&(i.playsinline=this.options_.playsinline),void 0!==this.options_.rel&&(i.rel=this.options_.rel),void 0!==this.options_.showinfo&&(i.showinfo=this.options_.showinfo),-1!==this.options_.source.src.indexOf("start=")){var a=this.options_.source.src.match(/start=([0-9]*)/);this.options_.start=parseInt(a[1])}if(void 0!==this.options_.start&&(i.start=this.options_.start),void 0!==this.options_.theme&&(i.theme=this.options_.theme),void 0!==this.options_.customVars){var r=this.options_.customVars;Object.keys(r).forEach((e=>{i[e]=r[e]}))}this.activeVideoId=this.url?this.url.videoId:null,this.activeList=i.list;var n={videoId:this.activeVideoId,playerVars:i,events:{onReady:this.onPlayerReady.bind(this),onPlaybackQualityChange:this.onPlayerPlaybackQualityChange.bind(this),onPlaybackRateChange:this.onPlayerPlaybackRateChange.bind(this),onStateChange:this.onPlayerStateChange.bind(this),onVolumeChange:this.onPlayerVolumeChange.bind(this),onError:this.onPlayerError.bind(this)}};void 0!==this.options_.enablePrivacyEnhancedMode&&this.options_.enablePrivacyEnhancedMode&&(n.host="https://www.youtube-nocookie.com"),this.ytPlayer=new YT.Player(this.options_.techId,n),t&&o.debug("\ncreated "+this.name_+" player on ID: "+this.el_.firstChild.id)}onPlayerReady(){this.options_.muted&&this.ytPlayer.mute(),this.ytPlayer.getAvailablePlaybackRates().length>1&&(this.featuresPlaybackRate=!0),this.playerReady_=!0,this.triggerReady(),this.playOnReady?this.play():this.cueOnReady&&(this.cueVideoById_(this.url.videoId),this.activeVideoId=this.url.videoId)}onPlayerPlaybackQualityChange(){}onPlayerPlaybackRateChange(){this.trigger("ratechange")}onPlayerStateChange(e){var t=e.data;if(t!==this.lastState&&!this.errorNumber)switch(this.lastState=t,t){case-1:this.trigger("loadstart"),this.trigger("loadedmetadata"),this.trigger("durationchange"),this.trigger("ratechange");break;case YT.PlayerState.ENDED:this.trigger("ended");break;case YT.PlayerState.PLAYING:this.trigger("timeupdate"),this.trigger("durationchange"),this.trigger("playing"),this.trigger("play"),this.isSeeking&&this.onSeeked();break;case YT.PlayerState.PAUSED:this.trigger("canplay"),this.isSeeking?this.onSeeked():this.trigger("pause");break;case YT.PlayerState.BUFFERING:this.player_.trigger("timeupdate"),this.player_.trigger("waiting")}}onPlayerVolumeChange(){this.trigger("volumechange")}onPlayerError(e){this.errorNumber=e.data,this.trigger("pause"),this.trigger("error")}error(){var e=1e3+this.errorNumber;switch(this.errorNumber){case 5:return{code:e,message:"Error while trying to play the video"};case 2:case 100:return{code:e,message:"Unable to find the video"};case 101:case 150:return{code:e,message:"Playback on other Websites has been disabled by the video owner."}}return{code:e,message:"YouTube unknown error ("+this.errorNumber+")"}}loadVideoById_(e){var t={videoId:e};this.options_.start&&(t.startSeconds=this.options_.start),this.options_.end&&(t.endSeconds=this.options_.end),this.ytPlayer.loadVideoById(t)}cueVideoById_(e){var t={videoId:e};this.options_.start&&(t.startSeconds=this.options_.start),this.options_.end&&(t.endSeconds=this.options_.end),this.ytPlayer.cueVideoById(t)}poster(){return a?null:this.poster_}setPoster(e){this.poster_=e}src(e){return e&&this.setSrc({src:e}),this.source}setSrc(e){e&&e.src&&(delete this.errorNumber,this.source=e,this.url=n.parseUrl(e.src),this.options_.poster||this.url.videoId&&(this.poster_="https://img.youtube.com/vi/"+this.url.videoId+"/sddefault.jpg",this.trigger("posterchange"),this.checkHighResPoster()),this.options_.autoplay&&!a?this.isReady_?this.play():this.playOnReady=!0:this.activeVideoId!==this.url.videoId&&(this.isReady_?(this.cueVideoById_(this.url.videoId),this.activeVideoId=this.url.videoId):this.cueOnReady=!0))}autoplay(){return this.options_.autoplay}setAutoplay(e){this.options_.autoplay=e}loop(){return this.options_.loop}setLoop(e){this.options_.loop=e}play(){this.url&&this.url.videoId&&(this.wasPausedBeforeSeek=!1,this.isReady_?(this.url.listId&&(this.activeList===this.url.listId?this.ytPlayer.playVideo():(this.ytPlayer.loadPlaylist(this.url.listId),this.activeList=this.url.listId)),this.activeVideoId===this.url.videoId?this.ytPlayer.playVideo():(this.loadVideoById_(this.url.videoId),this.activeVideoId=this.url.videoId)):(this.trigger("waiting"),this.playOnReady=!0))}pause(){this.ytPlayer&&this.ytPlayer.pauseVideo()}paused(){return!this.ytPlayer||this.lastState!==YT.PlayerState.PLAYING&&this.lastState!==YT.PlayerState.BUFFERING}currentTime(){return this.ytPlayer?this.ytPlayer.getCurrentTime():0}setCurrentTime(e){this.lastState===YT.PlayerState.PAUSED&&(this.timeBeforeSeek=this.currentTime()),this.isSeeking||(this.wasPausedBeforeSeek=this.paused()),this.ytPlayer.seekTo(e,!0),this.trigger("timeupdate"),this.trigger("seeking"),this.isSeeking=!0,this.lastState===YT.PlayerState.PAUSED&&this.timeBeforeSeek!==e&&(clearInterval(this.checkSeekedInPauseInterval),this.checkSeekedInPauseInterval=setInterval(function(){this.lastState===YT.PlayerState.PAUSED&&this.isSeeking?this.currentTime()!==this.timeBeforeSeek&&(this.trigger("timeupdate"),this.onSeeked()):clearInterval(this.checkSeekedInPauseInterval)}.bind(this),250))}seeking(){return this.isSeeking}seekable(){return this.ytPlayer?e.time.createTimeRanges(0,this.ytPlayer.getDuration()):e.time.createTimeRanges()}onSeeked(){clearInterval(this.checkSeekedInPauseInterval),this.isSeeking=!1,this.wasPausedBeforeSeek&&this.pause(),this.trigger("seeked")}playbackRate(){return this.ytPlayer?this.ytPlayer.getPlaybackRate():1}setPlaybackRate(e){this.ytPlayer&&this.ytPlayer.setPlaybackRate(e)}duration(){return this.ytPlayer?this.ytPlayer.getDuration():0}currentSrc(){return this.source&&this.source.src}ended(){return!!this.ytPlayer&&this.lastState===YT.PlayerState.ENDED}volume(){return this.ytPlayer?this.ytPlayer.getVolume()/100:1}setVolume(e){this.ytPlayer&&this.ytPlayer.setVolume(100*e)}muted(){return!!this.ytPlayer&&this.ytPlayer.isMuted()}setMuted(e){this.ytPlayer&&(this.muted(!0),e?this.ytPlayer.mute():this.ytPlayer.unMute(),this.setTimeout((()=>{this.trigger("volumechange")}),50))}buffered(){if(!this.ytPlayer||!this.ytPlayer.getVideoLoadedFraction)return e.time.createTimeRanges();this.ytPlayer.getVideoLoadedFraction(),this.ytPlayer.getDuration();return e.time.createTimeRanges(0,this.ytPlayer.getDuration())}preload(){}load(){}reset(){}networkState(){if(!this.ytPlayer)return 0;switch(this.ytPlayer.getPlayerState()){case-1:return 0;case 3:return 2;default:return 1}}readyState(){if(!this.ytPlayer)return 0;switch(this.ytPlayer.getPlayerState()){case-1:return 0;case 5:return 1;case 3:return 2;default:return 4}}supportsFullScreen(){return document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled}checkHighResPoster(){var e="https://img.youtube.com/vi/"+this.url.videoId+"/maxresdefault.jpg";try{var t=new Image;t.onload=function(){if("naturalHeight"in t){if(t.naturalHeight<=90||t.naturalWidth<=120)return}else if(t.height<=90||t.width<=120)return;this.poster_=e,this.trigger("posterchange")}.bind(this),t.onerror=function(){},t.src=e}catch(e){}}}function l(){YT.ready((()=>{n.isApiReady=!0,t&&o.debug("\nAPI loaded successfully");for(var e=0;e<n.apiReadyQueue.length;++e)n.apiReadyQueue[e].initYTPlayer();t&&o.debug("\ncreated all players from queue: #"+e),s=Date.now(),t&&o.debug("\ninitializing plugin: finished"),t&&o.debug("\nplugin initializing time: "+(s-i)+"ms")}))}n.isSupported=()=>!0,n.canPlaySource=e=>n.canPlayType(e.type),n.canPlayType=e=>"video/youtube"===e,n.parseUrl=e=>{var t={videoId:null},i=e.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);i&&11===i[2].length&&(t.videoId=i[2]);return(i=e.match(/[?&]list=([^#\&\?]+)/))&&i[1]&&(t.listId=i[1]),t},n.apiReadyQueue=[];var h=setInterval((()=>{var s="block"===$("#content").css("display");"finished"===j1.getState()&&s&&(i=Date.now(),t&&o.debug("\ninitializing plugin: started"),t&&o.debug("\nversion of videoJS detected: "+e.VERSION),function(e,t){var i=!1,s=document.createElement("script"),o=document.getElementsByTagName("script")[0];o&&(o.parentNode.insertBefore(s,o),s.onload=()=>{i||(i=!0,t())},s.onreadystatechange=()=>{i||"complete"!==this.readyState&&"loaded"!==this.readyState||(i=!0,t())},s.src=e)}("//www.youtube.com/iframe_api",l),function(){const e="\n      .vjs-youtube .vjs-iframe-blocker { display: none; }\n      .vjs-youtube.vjs-user-inactive .vjs-iframe-blocker { display: block; }\n      .vjs-youtube .vjs-poster { background-size: cover; }\n      .vjs-youtube-mobile .vjs-big-play-button { display: none; }\n    ";var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),i.appendChild(s),t&&o.debug("\nadded additional CSS styles")}(),clearInterval(h))}),10);void 0!==e.registerTech?e.registerTech("Youtube",n):console.error("\ninvalid version of videoJS detected: "+e.VERSION)}));

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2024.3.21'
+  VERSION = '2024.3.23'
 end

data/lib/starter_web/README.md

@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
   2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
   2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.21
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.23
   2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2023-02-28 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
   2023-02-28 18:17:48 - SETUP: Initialize the project ...
   2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
   2023-02-28 18:17:49 - SETUP:
-  2023-02-28 18:17:49 - SETUP: > j1@2024.3.21 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2024.3.23 setup C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2023-02-28 18:17:49 - SETUP:
   2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2023-02-28 18:26:18 - SITE: Starting up your site ...
   2023-02-28 18:26:18 - SITE:
-  2023-02-28 18:26:18 - SITE: > j1@2024.3.21 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2024.3.23 j1-site C:\Users\jadams\j1-projects\my-starter
   2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
   2023-02-28 18:26:18 - SITE:
   2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2023-02-28 18:45:09 - REBUILD:
-2023-02-28 18:45:09 - REBUILD: > j1@2024.3.21 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2024.3.23 rebuild C:\Users\xxx\j1-projects\my-starter
 2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2023-02-28 18:45:09 - REBUILD:
 2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
   2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
   2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
   2023-02-28 18:29:08 - RESET:
-  2023-02-28 18:29:08 - RESET: > j1@2024.3.21 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2024.3.23 reset C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:29:08 - RESET: > run-s -s reset:*
   2023-02-28 18:29:08 - RESET:
   2023-02-28 18:29:08 - RESET: Reset project to factory state ..