j1-template 2024.3.22 → 2024.3.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0de83c8644954a64d439a97054ca2e8ddfc9e35bccf5ba4c5e62731b2c9bd3db
-  data.tar.gz: be8c05d3ff902d257fca78d250fa86eb5c4c5ca96fe1aacc51d9902856eafb50
+  metadata.gz: 6141ac199fa5a1b26bf95b79ce6331ab0540d21bf798dc4dd24ba20681e0cf7a
+  data.tar.gz: a0a0f968cfb9e35d625f8053565664ebd6a3c21877d13e0b605867689506084e
 SHA512:
-  metadata.gz: 2edd13fc4e637fc1323a1b0de4f0839f5bf449935f4392a94c7050a3d0250200dd30a9b46141482720e9fcaf3c126a2a71877fcef523ab30d18d3d5522f20262
-  data.tar.gz: 541a069d76c5ea146d5a79a8a072218f72d3839b5787bf8d671df3a9d8c0cdb773d5355255de0ccb6bce72c43b6727651578a86c0e2e26f7362d8a0a9d09db09
+  metadata.gz: fc3395b6e8c711907410661fe0905ac981a38435433a24039fa3c58a2d794e34cc076854a7b90399abe0a5dc6443ca54304b181d53f05e2922f1c58827e4f0bc
+  data.tar.gz: 23cd6e32cc93dc356a6321e9a98d332d46f818ee531c9098fbcea273bbbf5845d69ae09292faaf19548c1065da4817a28db0eef7125d163258d6dd515a77fa98

data/assets/data/{galeries.html → gallery_app.html}

@@ -167,7 +167,7 @@ exclude_from_search:                    true
         <!-- START {{video.type}} video -->
         <a
           href="#"
-          class="lg-item"
+          class="lg-item lg-uno-video-icon speak2me-ignore"
           data-lg-size="{{video.size}}"
           data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
           data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
@@ -195,7 +195,7 @@ exclude_from_search:                    true
         <!-- START {{video.type}} video -->
         <a
           href="#"
-          class="lg-item speak2me-ignore"
+          class="lg-item lg-uno-video-icon speak2me-ignore"
           data-lg-size="{{video.size}}"
           data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
           data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
@@ -219,7 +219,7 @@ exclude_from_search:                    true
           }'>
 
         	<img
-            class="speak2me-ignore"
+            class="{{gallery.image_styles}}"
             src="{{gallery.image_base_path}}/{{video.poster_image}}"
             alt="{{alt|strip|strip_newlines}}"
             aria-label="{{alt|strip|strip_newlines}}">
@@ -251,4 +251,4 @@ exclude_from_search:                    true
 
 {% comment %} Reset page cache
 -------------------------------------------------------------------------------- {% endcomment %}
-{%- assign cache = false -%}
+{%- assign cache = false -%}

data/assets/theme/j1/adapter/js/amplitude.js

@@ -120,6 +120,24 @@ j1.adapter.amplitude = ((j1, window) => {
   // ----------------------------------
   const requiredForATP = false;
 
+  var AUDIO_ERROR = {
+    SUCCESSFUL:         0,
+    ABORTED:            1,
+    NETWORK_ERROR:      2,
+    DECODE_ERROR:       3,
+    SRC_NOT_SUPPORTED:  4,
+    GENERIC_ERROR:      5
+  };
+
+  var AUDIO_ERROR_NAMES = {
+    0:                "successful",
+    1:                "aborted",
+    2:                "network error",
+    3:                "decode error",
+    4:                "not supported",
+    5:                "generic error",
+  };
+
   const AT_PLAYER_STATE = {
     ENDED:          0,
     PLAYING:        1,
@@ -140,7 +158,7 @@ j1.adapter.amplitude = ((j1, window) => {
     6:              "changed",
   };
 
-  var playLists                         = {};
+  // var playLists                         = {};
   var playersUILoaded                   = { state: false };
   var apiInitialized                    = { state: false };
   var playerCounter                     = 0;
@@ -154,8 +172,6 @@ j1.adapter.amplitude = ((j1, window) => {
   var amplitudePlayerState;
   var amplitudeDefaults;
   var amplitudePlayers
-  var amplitudePlaylists
-  var amplitudeOptions;
 
   var ytPlayer;
   var ytpPlaybackRate
@@ -244,15 +260,33 @@ j1.adapter.amplitude = ((j1, window) => {
       // -----------------------------------------------------------------------
       // global variable settings
       // -----------------------------------------------------------------------
-      amplitudeDefaults  = $.extend({}, {{amplitude_defaults  | replace: 'nil', 'null' | replace: '=>', ':' }});
-      amplitudePlayers   = $.extend({}, {{amplitude_players   | replace: 'nil', 'null' | replace: '=>', ':' }});
-      amplitudePlaylists = $.extend({}, {{amplitude_playlists | replace: 'nil', 'null' | replace: '=>', ':' }});
-      amplitudeOptions   = $.extend(true, {}, amplitudeDefaults, amplitudePlayers, amplitudePlaylists);
+      amplitudeDefaults = $.extend({}, {{amplitude_defaults  | replace: 'nil', 'null' | replace: '=>', ':' }});
+      amplitudePlayers  = $.extend({}, {{amplitude_players   | replace: 'nil', 'null' | replace: '=>', ':' }});
 
-      // save AJS player setiings for later use (e.g. the AJS plugins)
-      // j1.adapter.amplitude['amplitudeDefaults'] = amplitudeDefaults;
-      // j1.adapter.amplitude['amplitudeSettings'] = amplitudeSettings;
-      // j1.adapter.amplitude['amplitudeOptions']  = amplitudeOptions;
+      // set AmplitudeJS data for later use (e.g events)
+      // -----------------------------------------------------------------------
+      j1.modules.amplitudejs                              = {};
+      j1.modules.amplitudejs.songIndex                    = false;
+      j1.modules.amplitudejs.defaults                     = amplitudeDefaults;
+      j1.modules.amplitudejs.players                      = amplitudePlayers || {};
+      j1.modules.amplitudejs.data                         = {};
+      j1.modules.amplitudejs.data.activePlayer            = 'not_set';
+      j1.modules.amplitudejs.data.playerSongElementHeigth = playerSongElementHeigthDesktop;      
+      j1.modules.amplitudejs.data.atp                     = {};
+      j1.modules.amplitudejs.data.ytp                     = {};
+
+      // set INITIAL AmplitudeJS data
+      // -----------------------------------------------------------------------
+      j1.modules.amplitudejs.data.atp.activeIndex         = false;
+      j1.modules.amplitudejs.data.atp.playlist            = false
+      j1.modules.amplitudejs.data.atp.apiError            = false;
+      j1.modules.amplitudejs.data.atp.apiReady            = false ;
+      j1.modules.amplitudejs.data.atp.playlist            = false;
+      j1.modules.amplitudejs.data.atp.players             = {};
+      j1.modules.amplitudejs.data.ytp.apiError            = false;
+      j1.modules.amplitudejs.data.ytp.apiReady            = false;
+      j1.modules.amplitudejs.data.ytp.players             = {};
+      j1.modules.amplitudejs.data.ytp.plugin             = false;
 
       // -----------------------------------------------------------------------
       // control|logging settings
@@ -260,13 +294,15 @@ j1.adapter.amplitude = ((j1, window) => {
       _this                 = j1.adapter.amplitude;
       logger                = log4javascript.getLogger('j1.adapter.amplitude');
 
-      // prepare data element for later use
+      // save amplitudejs data for later use (e.g. events)
+      // -----------------------------------------------------------------------
       j1.adapter.amplitude.data             = {};
       j1.adapter.amplitude.data.atpGlobals  = {};
       j1.adapter.amplitude.data.ytpGlobals  = {};      
       j1.adapter.amplitude.data.ytPlayers   = {};
       
-      // (initial) YT player data for later use (e.g. events)
+      // initial amplitudejs data
+      // -----------------------------------------------------------------------
       j1.adapter.amplitude.data.playerSongElementHeigth     = playerSongElementHeigthDesktop;
       j1.adapter.amplitude.data.activePlayer                = 'not_set';
       j1.adapter.amplitude.data.atpGlobals.activePlayerType = 'not_set';
@@ -585,15 +621,14 @@ j1.adapter.amplitude = ((j1, window) => {
         },
         callbacks: {
           initialized: function() {
-            var amplitudeConfig = Amplitude.getConfig();
-            logger.info('initialze API: finished');
-            // indicate api successfully initialized
-            apiInitialized.state = true;
+            onInitialized();
           },
-          onInitError: function() {
-            // indicate api failed on initialization
-            apiInitialized.state = false;
-            console.error('Amplitude API failed on initialization');
+          error: function(event) {
+            if (event === undefined) {
+              onAudioError(0);
+            } else {
+              onAudioError(event);
+            }
           },
           play: function() {
             // make sure the player is playing
@@ -702,7 +737,7 @@ j1.adapter.amplitude = ((j1, window) => {
         // transition will be
         const iterationSteps = {
           'default':  150,
-          'slow': 	  250,
+          'slow':     250,
           'slower':   350,
           'slowest':  500
         };
@@ -759,7 +794,7 @@ j1.adapter.amplitude = ((j1, window) => {
         // transition will be
         const iterationSteps = {
           'default':  150,
-          'slow': 	  250,
+          'slow':     250,
           'slower':   350,
           'slowest':  500
         };
@@ -775,7 +810,12 @@ j1.adapter.amplitude = ((j1, window) => {
         var songEndTS     = songMetaData.end;
         var playlist      = songMetaData.playlist;
         var songIndex     = songMetaData.index;
-        var trackID       = songIndex + 1; 
+        var trackID       = songIndex + 1;
+
+        // save AT player data for later use (e.g. events)
+        // ---------------------------------------------------------------------
+        j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+        j1.modules.amplitudejs.data.atp.playlist = playlist;
 
         if (volumeSlider !== null) {
           const fadeOutInterval = setInterval(() => {
@@ -817,6 +857,11 @@ j1.adapter.amplitude = ((j1, window) => {
         songIndex     = songMetaData.index;
         trackID       = songIndex + 1;
 
+        // save AT player data for later use (e.g. events)
+        // ---------------------------------------------------------------------
+        j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+        j1.modules.amplitudejs.data.atp.playlist = playlist;
+
         isDev && logger.warn(`DO NOTHING on StateChange for playlist: ${playlist} at trackID|state: ${trackID}|${AT_PLAYER_STATE_NAMES[state]}`);
 
       } // END doNothingOnStateChange
@@ -827,21 +872,25 @@ j1.adapter.amplitude = ((j1, window) => {
       // wrraper to process the ACTIVE player on state PLAYING
       // -----------------------------------------------------------------------      
       function processOnStateChangePlaying(state) {
-        var songMetaData, songIndex,  playList, trackID;
+        var songMetaData, songIndex,  playlist, trackID;
 
         songMetaData  = Amplitude.getActiveSongMetadata();
         songIndex     = songMetaData.index;
-        playList      = Amplitude.getActivePlaylist();
+        playlist      = Amplitude.getActivePlaylist();
         trackID       = songIndex + 1;
 
-        logger.debug(`PLAY audio on ATP at playlist|trackID: ${playList}|${trackID}`);
-        // logger.debug(`PLAY audio on processOnStateChangePlaying for playlist \'${playList}\' at trackID|state: ${trackID}|${AT_PLAYER_STATE_NAMES[state]}`);   
+        // save AT player data for later use (e.g. events)
+        // ---------------------------------------------------------------------
+        j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+        j1.modules.amplitudejs.data.atp.playlist = playlist;
+
+        logger.debug(`PLAY audio on AT Player at playlist|trackID: ${playlist}|${trackID}`);
 
         // save player GLOBAL data for later use (e.g. events)
         j1.adapter.amplitude.data.activePlayer  = 'atp';
 
         // set song (manually) active at index in playlist
-        _this.setSongActive(playList, songIndex);
+        _this.setSongActive(playlist, songIndex);
 
         // stop active YT players
         // ---------------------------------------------------------------------
@@ -870,6 +919,28 @@ j1.adapter.amplitude = ((j1, window) => {
 
       }; // END processOnStateChangePlaying
 
+      // -----------------------------------------------------------------------
+      // onInitialized
+      //
+      // Errors fired by the YT API
+      // -----------------------------------------------------------------------
+      function onInitialized() {
+        // indicate api failed on initialization
+        apiInitialized.state = true;
+        j1.modules.amplitudejs.data.atp.apiReady = apiInitialized.state;
+      } // END onInitialized
+
+      // -----------------------------------------------------------------------
+      // onAudioError
+      //
+      // Errors fired by the YT API
+      // -----------------------------------------------------------------------
+      function onAudioError(event) {
+        if (event > 0) {
+          logger.warn(`Audio API error occured: ${AUDIO_ERROR_NAMES[event]}`);
+        }
+      } // END onAudioError
+
       // -----------------------------------------------------------------------
       // onPlayerStateChange
       //
@@ -976,9 +1047,9 @@ j1.adapter.amplitude = ((j1, window) => {
               if (xhrDataLoaded && playerExistsInPage) {
                 var playerID      = '{{player.id}}';
                 var playerType    = '{{player.type}}';
-                var playList      = '{{player.playlist}}';
-                var playListName  = '{{player.playlist.name}}';
-                var playListTitle = '{{player.playlist.title}}';
+                var playlist      = '{{player.playlist}}';
+                var playlistName  = '{{player.playlist.name}}';
+                var playlistTitle = '{{player.playlist.title}}';
 
                 logger.debug('initialize audio player instance on id: {{player.id}}');
 
@@ -1011,7 +1082,7 @@ j1.adapter.amplitude = ((j1, window) => {
                           // do nothing (managed by plugin)
                         } else {
                           // var currentPlaylist = compactPlayerPlayPauseButton[i].dataset.amplitudePlaylist;
-                          // if (currentPlaylist === playListName) {
+                          // if (currentPlaylist === playlistName) {
                           if (miniPlayerPlayPauseButton[i].id === 'mini_player_play_pause_{{player.id}}') {
                             miniPlayerPlayPauseButton[i].addEventListener('click', function(event) {
                               var ytpPlayer;
@@ -1056,9 +1127,9 @@ j1.adapter.amplitude = ((j1, window) => {
 
                       // show|hide scrollbar in playlist (compact player)
                       // -------------------------------------------------------                   
-                      const songsInPlaylist = Amplitude.getSongsInPlaylist(playListName);
+                      const songsInPlaylist = Amplitude.getSongsInPlaylist(playlistName);
                       if (songsInPlaylist.length <= playerScrollerSongElementMin) {
-                        const titleListCompactPlayer = document.getElementById('compact_player_title_list_' + playListName);
+                        const titleListCompactPlayer = document.getElementById('compact_player_title_list_' + playlistName);
                         if (titleListCompactPlayer !== null) {
                           titleListCompactPlayer.classList.add('hide-scrollbar');
                         }
@@ -1189,7 +1260,7 @@ j1.adapter.amplitude = ((j1, window) => {
                           // do nothing (managed by plugin)
                         } else {
                           // var currentPlaylist = compactPlayerPlayPauseButton[i].dataset.amplitudePlaylist;
-                          // if (currentPlaylist === playListName) {
+                          // if (currentPlaylist === playlistName) {
                           if (compactPlayerPlayPauseButton[i].id === 'compact_player_play_pause_{{player.id}}' || compactPlayerPlayPauseButton[i].id === 'compact_player_list_play_pause_{{player.id}}') {
                             compactPlayerPlayPauseButton[i].addEventListener('click', function(event) {
                               var ytpPlayer;
@@ -1312,7 +1383,7 @@ j1.adapter.amplitude = ((j1, window) => {
                     if (document.getElementById('{{player.id}}') !== null) {
                       // var playlist = '{{player.id}}_yt';
                       var playlistInfo  = {{player.playlist | replace: 'nil', 'null' | replace: '=>', ':'}};
-                      var playList      = playlistInfo.name;
+                      var playlist      = playlistInfo.name;
 
                       {% comment %} PREPARED event listener for LATER use
                       ----------------------------------------------------------
@@ -1324,7 +1395,7 @@ j1.adapter.amplitude = ((j1, window) => {
                           // do nothing for YTP (managed by plugin)
                         } else {
                           var currentPlaylist = largePlayerSongContainer[i].dataset.amplitudePlaylist;
-                          if (currentPlaylist === playList) {
+                          if (currentPlaylist === playlist) {
                           // if (largePlayerSongContainer[i].id === 'large-player-play-pause_{{player.id}}' || largePlayerSongContainer[i].id === 'large-player-play-pause_{{player.id}}') {
                             largePlayerSongContainer[i].addEventListener('click', function(event) {
                               var ytpPlayer, ytpPlayerState, ytpPlayerState, atpPlayerState,
@@ -1383,7 +1454,7 @@ j1.adapter.amplitude = ((j1, window) => {
                           // do nothing for YTP (managed by plugin)
                         } else {
                           var currentPlaylist = largePlayerPlayPauseButton[i].dataset.amplitudePlaylist;                          
-                          if (currentPlaylist === playList) {                        
+                          if (currentPlaylist === playlist) {                        
                             largePlayerPlayPauseButton[i].addEventListener('click', function(event) {
                               var ytpPlayer, ytpPlayerState, playlist, metaData, playerState;
 
@@ -1571,9 +1642,9 @@ j1.adapter.amplitude = ((j1, window) => {
 
                         // show|hide scrollbar in playlist
                         // -----------------------------------------------------
-                        const songsInPlaylist = Amplitude.getSongsInPlaylist(playListName);
+                        const songsInPlaylist = Amplitude.getSongsInPlaylist(playlistName);
                         if (songsInPlaylist.length <= playerScrollerSongElementMin) {
-                          const titleListLargePlayer = document.getElementById('large_player_title_list_' + playListName);
+                          const titleListLargePlayer = document.getElementById('large_player_title_list_' + playlistName);
                           if (titleListLargePlayer !== null) {
                             titleListLargePlayer.classList.add('hide-scrollbar');
                           }
@@ -1852,6 +1923,11 @@ j1.adapter.amplitude = ((j1, window) => {
         return; 
       }
 
+      // save AT player data for later use (e.g. events)
+      // -----------------------------------------------------------------------
+      j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+      j1.modules.amplitudejs.data.atp.playlist = playlist;
+
       // COMPACT players (WIP)
       // -----------------------------------------------------------------------
       // playerSongElementHeigthCompact  = 74.00; 
@@ -1966,8 +2042,9 @@ j1.adapter.amplitude = ((j1, window) => {
         ytPlayerState = YT_PLAYER_STATE_NAMES[playerState];
 
         // stop YT players running in parallel
-        // ---------------------------------------------------------------------        
-        if (ytPlayerState === 'playing' || ytPlayerState === 'paused' || ytPlayerState === 'buffering') {
+        // ---------------------------------------------------------------------
+        var isValidPlayerState = /playing|paused|buffering/.test(ytPlayerState);
+        if (isValidPlayerState) {        
           logger.debug(`STOP YT player on id: ${playerID}`);
           ytPlayer.stopVideo();
         }
@@ -1995,20 +2072,25 @@ j1.adapter.amplitude = ((j1, window) => {
     // process audio for configured START position
     // -------------------------------------------------------------------------
     atpProcessAudioStartPosition: () => {
-      var songMetaData, songIndex, playList,
+      var songMetaData, songIndex, playlist,
           songStartSec, songStartTS, trackID;
 
       songMetaData  = Amplitude.getActiveSongMetadata();
       songIndex     = songMetaData.index;
       songStartTS   = songMetaData.start;
       songStartSec  = _this.timestamp2seconds(songStartTS);
-      playList      = Amplitude.getActivePlaylist();
+      playlist      = Amplitude.getActivePlaylist();
       trackID       = songIndex + 1;
 
       if (!songStartSec) {
         return;
       }
 
+      // save AT player data for later use (e.g. events)
+      // -----------------------------------------------------------------------
+      j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+      j1.modules.amplitudejs.data.atp.playlist = playlist;
+
       var checkIsFading = setInterval (() => {
         if (!isFadingIn) {
           var currentAudioTime = Amplitude.getSongPlayedSeconds();
@@ -2019,13 +2101,13 @@ j1.adapter.amplitude = ((j1, window) => {
             // NOTE: use setSongPlayedPercentage for seeking to NOT
             //       generation any addition state changes like stopped
             //       or playing
-            logger.debug('seek audio in on playlist: ' + playList + ' at|to trackID|timestamp: ' + trackID + '|' + songStartTS);
+            logger.debug('seek audio in on playlist: ' + playlist + ' at|to trackID|timestamp: ' + trackID + '|' + songStartTS);
             Amplitude.setSongPlayedPercentage((songStartSec / songDurationSec) * 100);
 
             // fade-in audio (if enabled)
             var fadeAudioIn = (songMetaData.audio_fade_in === 'true') ? true : false;
             if (fadeAudioIn) {
-              logger.debug('faden audio in on playlist: ' + playList + ' at|to trackID|timestamp: ' + trackID + '|' + songStartTS);
+              logger.debug('faden audio in on playlist: ' + playlist + ' at|to trackID|timestamp: ' + trackID + '|' + songStartTS);
               atpFadeInAudio({ playerID: playerID });
             } // END if fadeAudio
 
@@ -2042,7 +2124,7 @@ j1.adapter.amplitude = ((j1, window) => {
     // process audio for configured END position
     // -------------------------------------------------------------------------
     atpProcessAudioEndPosition: () => {
-      var songMetaData, songIndex, playList,
+      var songMetaData, songIndex, playlist,
           songStartSec, songStartTS, songEndSec, songEndTS,
           trackID;
 
@@ -2052,9 +2134,14 @@ j1.adapter.amplitude = ((j1, window) => {
       songStartSec  = _this.timestamp2seconds(songStartTS);      
       songEndTS     = songMetaData.end;
       songEndSec    = _this.timestamp2seconds(songEndTS);
-      playList      = Amplitude.getActivePlaylist();
+      playlist      = Amplitude.getActivePlaylist();
       trackID       = songIndex + 1;
 
+      // save AT player data for later use (e.g. events)
+      // -----------------------------------------------------------------------
+      j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+      j1.modules.amplitudejs.data.atp.playlist = playlist;
+
       if (songEndSec > songStartSec) {
         var checkIsOnVideoEnd = setInterval(() => {
           if (!isFadingOut) {              
@@ -2070,13 +2157,13 @@ j1.adapter.amplitude = ((j1, window) => {
               // use setSongPlayedPercentage for seeking to NOT
               // generation any addition state changes like stopped
               // or playing                  
-              logger.debug('seek audio to end on playlist: ' + playList + ' at trackID|timestamp: ' + trackID + '|' + songEndTS);
+              logger.debug('seek audio to end on playlist: ' + playlist + ' at trackID|timestamp: ' + trackID + '|' + songEndTS);
               Amplitude.setSongPlayedPercentage(99.99);
               
               // fade-out audio (if enabled)
               var fadeAudioOut = (songMetaData.audio_fade_out === 'true') ? true : false;
               if (fadeAudioOut) {
-                logger.debug('fade audio out on playlist: ' + playList + ' at|to trackID|timestamp: ' + trackID + '|' + songEndTS);
+                logger.debug('fade audio out on playlist: ' + playlist + ' at|to trackID|timestamp: ' + trackID + '|' + songEndTS);
                 atpFadeAudioOut({ playerID: playerID });
               } // END if fadeAudio
 
@@ -2099,7 +2186,7 @@ j1.adapter.amplitude = ((j1, window) => {
       songIndex = currentIndex;
 
       // clear ALL active song containers
-      // -------------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       songContainers = document.getElementsByClassName("amplitude-song-container");
       for (var i=0; i<songContainers.length; i++) {
         songContainers[i].classList.remove("amplitude-active-song-container");
@@ -2113,6 +2200,11 @@ j1.adapter.amplitude = ((j1, window) => {
           playlist = songContainers[i].getAttribute("data-amplitude-playlist");
           if (playlist === currentPlayList) {
             songContainers[i].classList.add("amplitude-active-song-container");
+
+            // save AT player data for later use (e.g. events)
+            // -----------------------------------------------------------------
+            j1.modules.amplitudejs.data.atp.activeIndex = songIndex;
+            j1.modules.amplitudejs.data.atp.playlist = playlist;
           }
         }
       }

data/assets/theme/j1/adapter/js/gallery.js

@@ -62,7 +62,7 @@ regenerate:                             true
  # https://github.com/miromannino/Justified-Gallery
  #
  # Copyright (C) 2020 Miro Mannino
- # Copyright (C) 2023 Sachin Neravath
+ # Copyright (C) 2025 Sachin Neravath
  # Copyright (C) 2023-2025 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.

data/assets/theme/j1/adapter/js/themes.js

@@ -267,44 +267,6 @@ j1.adapter.themes = (function (j1, window) {
 
           logger.info('cookie ' +  cookie_names.user_state + ' successfully loaded after: ' + interval_count * 25 + ' ms');
 
-          // load previously selected theme from cookie (preferred)
-          // if (user_state.theme_css !== '') {
-          //   user_state.theme_name       = default_theme_name;
-          //   user_state.theme_css        = default_theme_css;
-          //   user_state.theme_author     = default_theme_author;
-          //   user_state.theme_author_url = default_theme_author_url;
-
-          //   cookie_written = j1.writeCookie({
-          //     name:     cookie_names.user_state,
-          //     data:     user_state,
-          //     secure:   secure,
-          //     expires:  365
-          //   });
-
-          //   if (!cookie_written) {
-          //     logger.error('failed to write cookie: ' + cookie_names.user_consent);
-          //   }
-          // } // END load previously selected theme
-
-          // load default theme (j1_config and NO theme given with (user_state) cookie
-          // if (user_state.theme_css === '' && default_theme_css.theme_css !== '') {
-          //   user_state.theme_name       = default_theme_name;
-          //   user_state.theme_css        = default_theme_css;
-          //   user_state.theme_author     = default_theme_author;
-          //   user_state.theme_author_url = default_theme_author_url;
-
-          //   cookie_written = j1.writeCookie({
-          //     name:     cookie_names.user_state,
-          //     data:     user_state,
-          //     secure:   secure,
-          //     expires:  365
-          //   });
-
-          //   if (!cookie_written) {
-          //     logger.error('failed to write cookie: ' + cookie_names.user_consent);
-          //   }
-          // } // END load default theme
-
           // load default theme if NO theme given with (user_state) cookie
           if (user_state.theme_css === '') {
             user_state.theme_name       = default_theme_name;
@@ -322,41 +284,51 @@ j1.adapter.themes = (function (j1, window) {
             if (!cookie_written) {
              logger.error('failed to write cookie: ' + cookie_names.user_consent);
             }
-          } // END oad default theme
+          } // END load default theme
 
           // set the theme switcher state
           user_state.theme_switcher = themesOptions.enabled;
           if (themesOptions.enabled) {
-             // enable BS ThemeSwitcher
-             logger.info('themes detected as: ' + themesOptions.enabled);
-             logger.info('remote themes are being initialized');
-
-             /* eslint-disable */
-             // load list of remote themes
-             $('#remote_themes').ThemeSwitcher.defaults = {
-               debug:                    themesOptions.debug,
-               saveToCookie:             themesOptions.saveToCookie,
-               cssThemeLink:             themesOptions.cssThemeLink,
-               cookieThemeName:          themesOptions.cookieThemeName,
-               cookieDefaultThemeName:   themesOptions.cookieDefaultThemeName,
-               cookieThemeCss:           themesOptions.cookieThemeCss,
-               cookieThemeExtensionCss:  themesOptions.cookieThemeExtensionCss,
-               cookieExpiration:         themesOptions.cookieExpiration,
-               cookiePath:               themesOptions.cookiePath,
-               defaultCssFile:           themesOptions.defaultCssFile,
-               bootswatchApiUrl:         themesOptions.bootswatchApiUrl,
-               bootswatchApiVersion:     themesOptions.bootswatchApiVersion,
-               loadFromBootswatch:       themesOptions.loadFromBootswatch,
-               localFeed:                themesOptions.localThemes,
-               excludeBootswatch:        themesOptions.excludeBootswatch,
-               includeBootswatch:        themesOptions.includeBootswatch,
-               skipIncludeBootswatch:    themesOptions.skipIncludeBootswatch
-             };
-             /* eslint-enable */
-           } else {
-             logger.debug('themes detected as: disabled');
-             logger.debug('no remote themes are available');
-          } // END if themesOptions enabled
+            // enable BS ThemeSwitcher
+            logger.info('themes detected as: ' + themesOptions.enabled);
+            logger.info('remote themes are being initialized');
+
+            // validate if theme api json can be loaded
+            var bootswatchApiJson = `${themesOptions.bootswatchApiUrl}/${themesOptions.bootswatchApiVersion}.json`;
+            urlExists(bootswatchApiJson, function(success) {
+              // load theme
+              if (success) {
+                logger.debug('LOAD remote themes from: ' + bootswatchApiJson);
+                // continue processing if ap json is available
+                /* eslint-disable */
+                // load list of remote themes (api json file)
+                $('#remote_themes').ThemeSwitcher.defaults = {
+                  debug:                    themesOptions.debug,
+                  saveToCookie:             themesOptions.saveToCookie,
+                  cssThemeLink:             themesOptions.cssThemeLink,
+                  cookieThemeName:          themesOptions.cookieThemeName,
+                  cookieDefaultThemeName:   themesOptions.cookieDefaultThemeName,
+                  cookieThemeCss:           themesOptions.cookieThemeCss,
+                  cookieThemeExtensionCss:  themesOptions.cookieThemeExtensionCss,
+                  cookieExpiration:         themesOptions.cookieExpiration,
+                  cookiePath:               themesOptions.cookiePath,
+                  defaultCssFile:           themesOptions.defaultCssFile,
+                  bootswatchApiUrl:         themesOptions.bootswatchApiUrl,
+                  bootswatchApiVersion:     themesOptions.bootswatchApiVersion,
+                  loadFromBootswatch:       themesOptions.loadFromBootswatch,
+                  localFeed:                themesOptions.localThemes,
+                  excludeBootswatch:        themesOptions.excludeBootswatch,
+                  includeBootswatch:        themesOptions.includeBootswatch,
+                  skipIncludeBootswatch:    themesOptions.skipIncludeBootswatch
+                };
+                /* eslint-enable */
+              } else {
+                // failed to load oad list of remote themes (api json file)
+                // TODO: create fallback strategy
+                logger.error('failed to LOAD remote themes from: ' + bootswatchApiJson);
+              } // END if success
+            }); // END urlExists
+          } // END if themesOptions.enabled
 
           // validate theme to be loaded
           urlExists(user_state.theme_css, function(success) {