j1-template 2024.3.22 → 2024.3.24

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/yt/examples → plugins/players/yt/!examples}/global-parameters.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -12,10 +12,10 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
     <script>
     // You can use any YouTube player parameters
     // https://developers.google.com/youtube/player_parameters?playerVersion=HTML5#Parameters

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/simple.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -14,9 +14,9 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
   </body>
 </html>

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/switch.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -17,10 +17,10 @@
     <button class="oceans">Oceans</button>
     <button class="youtube">YouTube</button>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
     <script>
       var oceans = document.querySelector('.oceans');
       var youtube = document.querySelector('.youtube');

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/youtube-controls.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -12,9 +12,9 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
   </body>
 </html>

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/youtube-javascript.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -13,10 +13,10 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
     <script>
     // An example of playing with the Video.js javascript API
     // You can look at the doc there: http://docs.videojs.com/docs/guides/api.html

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/youtube-list.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -13,9 +13,9 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
   </body>
 </html>

data/assets/theme/j1/modules/videojs/{js/plugins/players/yt/examples → plugins/players/yt/!examples}/youtube-playlist.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link type="text/css" rel="stylesheet" href="../../../../../css/videojs.min.css" />
+    <link type="text/css" rel="stylesheet" href="../../../../css/videojs.min.css" />
   </head>
   <body>
     <video
@@ -13,9 +13,9 @@
     >
     </video>
 
-    <script src="../../../../../../jquery/js/jquery.js"></script>
-    <script src="../../../../../../log4javascript/js/log4javascript.js"></script>
-    <script src="../../../../../js/video.js"></script>
-    <script src="../youtube.js"></script>
+    <script src="../../../../../jquery/js/jquery.js"></script>
+    <script src="../../../../../log4javascript/js/log4javascript.js"></script>
+    <script src="../../../../js/video.js"></script>
+    <script src="../js/youtube.js"></script>
   </body>
 </html>

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2024.3.22'
+  VERSION = '2024.3.24'
 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.22
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.24
   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.22 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2024.3.24 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.22 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2024.3.24 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.22 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2024.3.24 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.22 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2024.3.24 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 ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of the site
 #
-version:                                2024.3.22
+version:                                2024.3.24
 
 # copyright
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/blocks/banner.yml

@@ -217,7 +217,7 @@ settings:
               gridify:                  true
               size_y:                   450
               darken:                   6
-              background_image:         /assets/image/module/attic/ideas-start-here-1920x1280-bw.jpg
+              background_image:         /assets/image/module/attic/1920x1280/ideas-start-here-1920x1280.jpg
 
 
   # ----------------------------------------------------------------------------
@@ -246,7 +246,7 @@ settings:
           justify:                      true
           brightness:                   80
           opacity:                      false
-          picture:                      /assets/image/module/attic/ideas-start-here-1920x1280-bw.jpg
+          picture:                      /assets/image/module/attic/1920x1280/ideas-start-here-1920x1280.jpg
 
 # ------------------------------------------------------------------------------
 # END config