j1-template 2024.3.22 → 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/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2024.3.22'
+  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.22
+  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.22 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.22 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.22 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.22 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 ..

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.23
 
 # copyright
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/modules/amplitude_playlists.yml

@@ -51,6 +51,8 @@ settings:
         audio_base:                     //youtube.com
         audio_info:                     //youtube.com/watch?v=9LojTw98Fks
         cover_image:                    //img.youtube.com/vi/9LojTw98Fks/maxresdefault.jpg
+        repeat:                         false
+        shuffle:                        false        
 
       # ------------------------------------------------------------------------
       # TITLE settings (songs)
@@ -257,6 +259,8 @@ settings:
         audio_fade:                     false
         audio_base:                     //youtube.com
         cover_image:                    //img.youtube.com/vi/D2gVmGFa2wE/maxresdefault.jpg
+        repeat:                         false
+        shuffle:                        false
 
       # ------------------------------------------------------------------------
       # TITLE settings (songs)
@@ -524,6 +528,7 @@ settings:
         cover_image:                    /assets/audio/cover/default/placeholder-blue.jpg
         audio_fade:                     true
         audio_single:                   false
+        repeat:                         false
         shuffle:                        false
 
       # ------------------------------------------------------------------------
@@ -663,6 +668,7 @@ settings:
         cover_image:                    /assets/audio/cover/default/placeholder-blue.jpg
         audio_fade:                     true
         audio_single:                   false
+        repeat:                         false
         shuffle:                        false
 
       # ------------------------------------------------------------------------
@@ -900,7 +906,8 @@ settings:
         cover_image:                    /assets/audio/cover/default/placeholder-blue.jpg
         audio_fade:                     true
         audio_single:                   false
-        shuffle:                        false        
+        repeat:                         false
+        shuffle:                        false    
 
       # ------------------------------------------------------------------------
       # TITLE settings (songs)
@@ -1186,6 +1193,8 @@ settings:
         artist:                         Maritim Verlag
         audio_base:                     //youtube.com
         cover_image:                    /assets/audio/cover/default/placeholder-blue.jpg
+        repeat:                         false
+        shuffle:                        false        
 
       # ------------------------------------------------------------------------
       # Playlist Items (Songs)
@@ -1347,6 +1356,8 @@ settings:
         playlist:                       faelle_des_bnd_yt
         audio_base:                     //youtube.com
         cover_image:                    /assets/audio/cover/default/placeholder-blue.jpg
+        repeat:                         false
+        shuffle:                        false        
 
       # ------------------------------------------------------------------------
       # Playlist Items (Songs)
@@ -1397,6 +1408,8 @@ settings:
         audio_info:                     //emancipatormusic.com/
         audio_fade_in:                  true
         audio_fade_out:                 true
+        repeat:                         false
+        shuffle:                        false        
 
       # ------------------------------------------------------------------------
       # Playlist Items (Songs)
@@ -1519,6 +1532,8 @@ settings:
         audio_base:                     //p.productioncrate.com/stock-hd/audio
         cover_image:                    /assets/audio/cover/royalty_free/free_disco_sounds.jpg
         audio_fade:                     false
+        repeat:                         false
+        shuffle:                        false        
 
       # ------------------------------------------------------------------------
       # Playlist Items (Songs)

data/lib/starter_web/_data/modules/defaults/gallery.yml

@@ -1,5 +1,5 @@
 # ------------------------------------------------------------------------------
-# ~/_data/modules/defaults/gallery.yml
+# ~/_data/modules/defaults/gallery_app.yml
 # Default configuration for J1 justifiedGallery (jg)
 #
 # Product/Info:
@@ -39,7 +39,7 @@ defaults:
   # a gallery is initialized by the JS adapter.
   #
   #   values:                           string
-  #   default:                          /assets/data/galleries.html
+  #   default:                          /assets/data/gallery_app
   #
   # ----------------------------------------------------------------------------
   #
@@ -48,7 +48,7 @@ defaults:
   # ----------------------------------------------------------------------------
   # Global settings
   #
-  xhr_data_path:                        /assets/data/galeries
+  xhr_data_path:                        /assets/data/gallery_app
   gallery_complete_timeout:             1000
 
   # ----------------------------------------------------------------------------