j1-template 2021.2.12 → 2021.3.0

data/assets/themes/j1/modules/{j1Deepl/js/j1deepl.js → deeplAPI/js/deeplAPI.js}

@@ -1,7 +1,7 @@
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/j1Deepl/js/j1deepl.js
- # J1 core module for j1Deepl
+ # ~/assets/themes/j1/modules/deeplAPI/js/deeplAPI.js
+ # J1 core module for deeplAPI
  #
  # Product/Info:
  # https://jekyll.one
@@ -25,10 +25,10 @@
     'use strict';
 
     // Create the defaults
-    var pluginName = 'j1deepl',
+    var pluginName = 'deeplAPI',
     defaults = {
       api:                  'free',                                             // free (default) | pro
-      auth_key:             false,                                              // API authorization key.
+      auth_key:             '',                                                 // API authorization key
       source_lang:          'auto',                                             // autodetection (default: auto)|supported language. Specifies the language for the input text.
       target_lang:          'DE',                                               // language to be tranlasted in.
       max_chars:            false,                                              // false (unlimited) or number. Number of chars from the source text passed for translation.
@@ -62,15 +62,39 @@
     // Avoid plugin prototype conflicts
     $.extend(Plugin.prototype, {
       // -----------------------------------------------------------------------
-      // init
-      // initialize the plugin
+      // init()
+      // initialize|run the translation
       // -----------------------------------------------------------------------
       init: function(options) {
-        var logger = log4javascript.getLogger('j1deepl.init');
+        var _this    = this;
+        var logger   = log4javascript.getLogger('deeplAPI.init');
+        var data_url = '/assets/data/private.json';
+        var settings = options;
+        var auth_key;
 
         logger.info('\n' + 'initializing plugin: started');
-        this.translate(options);
-        logger.info('\n' + 'initializing plugin: finished');
+
+        // loading private data (auth key)
+        $.ajax({
+          url: data_url,
+          dataType: 'json',
+          success: function (data) {
+            auth_key = data.translators.deepl.auth_key;
+          },
+          error: function (jqXHR, textStatus, errorThrown) {
+            logger.error('\n' + 'failed to retrieve Yaml data from: ' + data_url);
+          }
+        });
+
+        // run the translation (if private data loaded)
+        var dependencies_met_page_ready = setInterval (function () {
+          if (typeof auth_key !== 'undefined' ) {
+            settings.auth_key = auth_key;
+            _this.translate(settings);
+            logger.info('\n' + 'translation: in progress');
+            clearInterval(dependencies_met_page_ready);
+          }
+        });
       },
 
       // -----------------------------------------------------------------------
@@ -113,7 +137,7 @@
       // then display the result, designed as a module.
       // -----------------------------------------------------------------------
       translate: function (settings) {
-        const logger                  = log4javascript.getLogger('j1deepl.translate');
+        const logger                  = log4javascript.getLogger('deeplAPI.translate');
         const READYSTATE_DONE         = 4;
         const STATUS_OK               = 200;
         const SUPPORTED_LANG          = ['BG', 'CS', 'DA', 'DE', 'EL', 'EN-GB', 'EN-US', 'EN', 'ES', 'ET', 'FI', 'FR', 'HU', 'IT', 'JA', 'LT', 'LV', 'NL', 'PL', 'PT-PT', 'PT-BR', 'PT', 'RO', 'RU', 'SK', 'SL', 'SV', 'ZH'];
@@ -196,7 +220,8 @@
                 translated_text += result.translations[i].text;
                 translated_text += "\n";
               }
-
+              logger.info('\n' + 'translation: finished');
+              
               // update the HTM element (content) by the tranlation
               if (ELEMENT_TYPE === 'TEXTAREA') {
                 $(TARGET_ELEMENT).val(translated_text);

data/assets/themes/j1/modules/deeplAPI/js/deeplAPI.min.js

@@ -0,0 +1,18 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/j1Deepl/js/j1deepl.min.js
+ # J1 core module for j1Deepl
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # NOTE: Based on https://github.com/jquery-boilerplate/jquery-boilerplate
+ # See:  https://www.dotnetcurry.com/jquery/1069/authoring-jquery-plugins
+ # -----------------------------------------------------------------------------
+*/
+(function(e,c,a,g){var d="deeplAPI",f={api:"free",auth_key:"",source_lang:"auto",target_lang:"DE",max_chars:false,split_sentences:"1",preserve_formatting:"0",formality:"default",tag_handling:false,outline_detection:true,non_splitting_tags:false,splitting_tags:false,ignore_tags:false,onInit:function(){},onBeforeTranslation:function(){},onAfterTranslation:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.xhr=new XMLHttpRequest();this.init(this.settings)}e.extend(b.prototype,{init:function(i){var n=this;var h=log4javascript.getLogger("deeplAPI.init");var j="/assets/data/private.json";var k=i;var l;h.info("\ninitializing plugin: started");e.ajax({url:j,dataType:"json",success:function(o){l=o.translators.deepl.auth_key},error:function(o,q,p){h.error("\nfailed to retrieve Yaml data from: "+j)}});var m=setInterval(function(){if(typeof l!=="undefined"){k.auth_key=l;n.translate(k);h.info("\ntranslation: in progress");clearInterval(m)}})},prepareXHR:function(h){if(h.api==="free"){this.xhr.open("POST","https://api-free.deepl.com/v2/translate",true)}else{if(h.api==="pro"){this.xhr.open("POST","https://api.deepl.com/v2/translate",true)}else{this.xhr.open("POST","https://api-free.deepl.com/v2/translate",true)}}this.xhr.setRequestHeader("Accept","*/*");this.xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")},prepareText:function(h){return h.split("\n")},translate:function(C){const H=log4javascript.getLogger("deeplAPI.translate");const n=4;const t=200;const u=["BG","CS","DA","DE","EL","EN-GB","EN-US","EN","ES","ET","FI","FR","HU","IT","JA","LT","LV","NL","PL","PT-PT","PT-BR","PT","RO","RU","SK","SL","SV","ZH"];const h=["DE","FR","IT","ES","NL","PL","PT","PT-BR","RU"];const r=["xml"];const w=C.targetElement;const q=e(w).length;const D="Translation failed.\nReason: ";const o="Translation skipped.\nReason: ";var y;var F;var v;var x={};x["400"]="Bad request. Please check error message and your parameters.";x["401"]="Authorization failed. Please supply a valid DeepL-Auth-Key.";x["403"]="Forbidden. The access to the requested resource is denied, because of insufficient access rights.";x["404"]="The requested resource could not be found.";x["413"]="The request size exceeds the limit.";x["415"]="The requested entries format specified in the Accept header is not supported.";x["429"]="Too many requests. Please wait and resend your request.";x["456"]="Quota exceeded. The maximum amount of glossaries has been reached.";x["500"]="Internal server error";x["503"]="Resource currently unavailable. Try again later.";x["529"]="Too many requests. Please wait and resend your request.";var l;var k="";var j="";var B="";var E="";var m;var G;if(q){y=(w.includes(".")||w.includes("#"))?w.substring(1):w;F=e(w).get(0).nodeName;if(F==="TEXTAREA"){B=this.element.value}else{if(F==="P"){j=this.element;B=e(w).text()}}v=B.length}else{H.error("\ntarget element does not exists: "+w);return false}if(C.max_char&&B.length>C.max_char){var s=B.substring(0,C.max_char-3);B=s+" ...";H.info("\nlimit for source text (max: "+C.max_char+") reached: "+B.length)}E=this.prepareText(B);this.prepareXHR(C);var p="";for(var A=0;A<E.length;A++){p+="&text="+E[A]}this.xhr.onload=function(){if(this.readyState===n){if(this.status===t){var I=JSON.parse(this.responseText);var J="";for(var K=0;K<I.translations.length;K++){J+=I.translations[K].text;J+="\n"}H.info("\ntranslation: finished");if(F==="TEXTAREA"){e(w).val(J)}else{if(F==="P"){e(w).text(J)}}}else{H.error("\nAPI returned "+this.status+": "+x[this.status])}}};m=this.settings.source_lang;G=this.settings.target_lang;if(this.settings.source_lang!=="auto"){this.settings.source_lang=(u.indexOf(this.settings.source_lang)>-1)?this.settings.source_lang:false}this.settings.target_lang=(u.indexOf(this.settings.target_lang)>-1)?this.settings.target_lang:false;if(!this.settings.auth_key||!this.settings.source_lang||!this.settings.target_lang){if(!this.settings.auth_key){l="NO AUTH key passed.";H.error("\ninvalid option found. "+l)}if(!this.settings.source_lang){l="WRONG source language passed: "+m;H.error("\ninvalid option found. "+l)}if(!this.settings.target_lang){l="WRONG target language passed: "+G;H.error("\ninvalid option found. "+l)}if(F==="TEXTAREA"){e(w).val(D+l)}else{if(F==="P"){e(w).text(D+l)}}return false}if(!v){l="NO text found for translation";if(F==="TEXTAREA"){e(w).val(o+l)}else{if(F==="P"){e(w).text(o+l)}}H.warn("\nno text found for translation");return false}if(this.settings.formality!=="default"){if(!(h.indexOf(this.settings.target_lang)>-1)){H.warn("\nwrong language found for formality setting: "+this.settings.target_lang)}this.settings.formality=(h.indexOf(this.settings.target_lang)>-1)?this.settings.formality:"default"}if(this.settings.tag_handling){var z=this.settings.tag_handling;this.settings.tag_handling=(r.indexOf(this.settings.tag_handling)>-1)?this.settings.tag_handling:false;if(this.settings.tag_handling){this.settings.non_splitting_tags=this.settings.non_splitting_tags?encodeURIComponent(this.settings.non_splitting_tags):false;this.settings.splitting_tags=this.settings.splitting_tags?encodeURIComponent(this.settings.splitting_tags):false;this.settings.ignore_tags=this.settings.ignore_tags?encodeURIComponent(this.settings.ignore_tags):false}else{H.error("\ninvalid option found for tag handling : "+z);H.warn("\ndisable option: tag_handling");if(this.settings.non_splitting_tags){H.warn("\ndisable option: "+this.settings.non_splitting_tags);this.settings.non_splitting_tags=false}if(this.settings.splitting_tags){H.warn("\ndisable option : "+this.settings.splitting_tags);this.settings.splitting_tags=false}if(this.settings.ignore_tags){H.warn("\ndisable option: "+this.settings.ignore_tags);this.settings.ignore_tags=false}}}else{if(this.settings.non_splitting_tags){H.warn("\ninvalid option found: "+this.settings.non_splitting_tags);this.settings.non_splitting_tags=false}if(this.settings.splitting_tags){H.warn("\ninvalid option found: "+this.settings.splitting_tags);this.settings.splitting_tags=false}if(this.settings.ignore_tags){H.warn("\ninvalid option found: "+this.settings.ignore_tags);this.settings.ignore_tags=false}}k="auth_key="+this.settings.auth_key;k+=(this.settings.source_lang!=="auto")?"&source_lang="+this.settings.source_lang:"";k+="&target_lang="+this.settings.target_lang;k+=(this.settings.formality!=="default")?"&formality="+this.settings.formality:"";k+=(this.settings.split_sentences)?"&split_sentences="+this.settings.formality:"";k+=(this.settings.tag_handling)?"&tag_handling="+this.settings.tag_handling:"&tag_handling=0";k+=(this.settings.tag_handling&&this.settings.non_splitting_tags)?"&non_splitting_tags="+this.settings.non_splitting_tags:"";k+=(this.settings.tag_handling&&this.settings.splitting_tags)?"&splitting_tags="+this.settings.splitting_tags:"";k+=(this.settings.tag_handling&&this.settings.ignore_tags)?"&ignore_tags="+this.settings.ignore_tags:"";k+=p;this.xhr.send(k)}});e.fn[d]=function(i){var h=arguments;if(i===g||typeof i==="object"){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,i))}})}else{if(typeof i==="string"&&i[0]!=="_"&&i!=="init"){var j;this.each(function(){var k=e.data(this,"plugin_"+d);if(k instanceof b&&typeof k[i]==="function"){j=k[i].apply(k,Array.prototype.slice.call(h,1))}if(i==="destroy"){e.data(this,"plugin_"+d,null)}});return j!==g?j:this}}}})(jQuery,window,document);

data/assets/themes/j1/modules/{j1Scroll → scroller}/css/theme/uno.css

@@ -1,7 +1,7 @@
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/j1Scroll/css/uno.css
- # Provides styles for J1 Module j1Scroll
+ # ~/assets/themes/j1/modules//css/uno.css
+ # Provides styles for J1 Module 
  #
  # Product/Info:
  # https://jekyll.one

data/assets/themes/j1/modules/scroller/js/scroller.js

@@ -0,0 +1,346 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/scroller/js/scroller.js
+ # J1 core module for scroller
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # NOTE: Based on https://github.com/jquery-boilerplate/jquery-boilerplate
+ # See:  https://www.dotnetcurry.com/jquery/1069/authoring-jquery-plugins
+ # -----------------------------------------------------------------------------
+*/
+
+// the semi-colon before function invocation is a SAFETY method
+// against concatenated scripts and/or other plugins which may
+// NOT be closed properly.
+//
+;(function($, window, document, undefined) {
+  'use strict';
+
+  // Create the defaults
+  var pluginName = 'scroller',
+  defaults = {
+    type:                 'infiniteScroll',
+    scrollOffset:         100,
+    elementScroll:        false,
+    firstPage:            2,
+    lastPage:             false,
+    infoLastPage:         false,
+    loadStatus:           false,
+    onInit:               function (){},                                        // callback after plugin has initialized
+    onBeforeLoad:         function (){},                                        // callback before new items are loaded
+    onAfterLoad:          function (){}                                         // callback after new items are loaded
+  };
+
+  // Plugin constructor
+  function Plugin (element, options) {
+    this.element            = element;
+    this.settings           = $.extend( {}, defaults, options);
+    this.settings.elementID = '#' + this.element.id;
+
+    // call the initializer
+    this.init(this.settings);
+  }
+
+  // Avoid plugin prototype conflicts
+  $.extend(Plugin.prototype, {
+    // -----------------------------------------------------------------------
+    // init()
+    // plugin initializer
+    // -----------------------------------------------------------------------
+    init: function(options) {
+      var _this  = this;
+      var logger = log4javascript.getLogger('');
+
+      logger.info('\n' + 'initializing plugin: started');
+      logger.info('\n' + 'state: started');
+
+      if (options.elementScroll) {
+        _this.scroller = _this.element;
+      } else {
+        _this.scroller = window;
+      }
+
+      if (options.loadStatus) {
+        var spinner = '<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';
+        $(spinner).insertAfter(options.elementID);
+      }
+
+      if (options.infoLastPage) {
+        var message = options.lastPageInfo;
+        $(message).insertAfter(options.elementID);
+      }
+
+      // jadams, 2021-11-08: for testing reason, registerScrollEvent delayed
+      // until page_ready state
+      var dependencies_met_page_ready = setInterval (function () {
+        if (j1.getState() === 'finished') {
+
+          // initialize infinite scroll
+          if ( options.type === 'infiniteScroll') {
+            logger.info('\n' + 'processing mode: ' + options.type);
+            logger.info('\n' + 'loading items from path: ' + options.pagePath + "#void");
+            logger.info('\n' + 'monitoring element set to: ' + this.scroller);
+            _this.registerScrollEvent(options);
+          }
+          // initialize show on scroll
+          if ( options.type === 'showOnScroll') {
+            logger.info('\n' + 'processing mode: ' + options.type);
+            logger.info('\n' + 'loading items from path: ' + options.pagePath + "#void");
+            logger.info('\n' + 'monitoring element set to: ' + this.scroller);
+            _this.registerScrollEvent(options);
+          }
+          logger.info('\n' + 'initializing plugin: finished');
+          logger.info('\n' + 'state: finished');
+          clearInterval(dependencies_met_page_ready);
+        }
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // isInViewport()
+    // detects if an element is visible in an viewport specified
+    // -------------------------------------------------------------------------
+    isInViewport: function (elm, offset) {
+      // if the element doesn't exist, abort
+    	if( elm.length == 0 ) {
+    		return;
+    	}
+    	var $window = jQuery(window);
+    	var viewport_top = $window.scrollTop();
+    	var viewport_height = $window.height();
+    	var viewport_bottom = viewport_top + viewport_height;
+    	var $elm = jQuery(elm);
+    	var top = $elm.offset().top + offset;
+    	var height = $elm.height();
+    	var bottom = top + height;
+
+    	return (top >= viewport_top && top < viewport_bottom) ||
+    	(bottom > viewport_top && bottom <= viewport_bottom) ||
+    	(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
+    },
+
+    // -------------------------------------------------------------------------
+    // bottomReached()
+    // detect final scroll position
+    // NOTE: the calculation for BOTTOM position is different for
+    //       elementScroll and windowScroll. For elementScroll, the
+    //       trigger isBottomReached is TRUE, if the scroll position has
+    //       the end of the container PLUS a given scrollOffset.
+    //       For windowScroll, the trigger isBottomReached is TRUE, if
+    //       the scroll position has the end of the window MINUS
+    //       a given scrollOffset.
+    // -------------------------------------------------------------------------
+    isBottomReached: function (options) {
+      var _this = this;
+      var bottom, scrollY;
+      var clientHeight = $(options.elementID).height();
+
+      if (_this.settings.elementScroll) {
+        // check scroll position of the container items are to be added
+        var $window = $(window);
+        var viewport_top = $window.scrollTop();
+        var viewport_height = $window.height();
+        var viewport_bottom = viewport_top + viewport_height - options.scrollOffset;
+        var $elm = $(options.elementID);
+        var top = $elm.offset().top + clientHeight;
+        var height = $elm.height();
+        bottom = top + height;
+
+        return (top >= viewport_top && top < viewport_bottom) ||
+        (bottom > viewport_top && bottom <= viewport_bottom) ||
+        (height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
+      } else {
+        // check scroll position of the (overall) window
+        return (window.innerHeight + window.pageYOffset + options.scrollOffset >= document.body.offsetHeight);
+      }
+    },
+
+    // -------------------------------------------------------------------------
+    // detectScroll()
+    // EventHandler to load new items for infinite scroll if final scroll
+    // position reached
+    // -------------------------------------------------------------------------
+    registerScrollEvent: function (options) {
+      var _this = this;
+      var logger = log4javascript.getLogger('');
+
+      // scroller type infiniteScroll
+      if (options.type === 'infiniteScroll') {
+        logger.info('\n' + 'register scroll event of type: ' + options.type);
+
+        // register event function DYNAMICALLY
+        _this[options.id] = function (event) {
+          var options = _this.settings;
+
+          if (_this.isBottomReached(options)) {
+            if (options.firstPage > options.lastPage ) {
+              logger.info('\n' + 'last page detected on: ' + options.lastPage);
+              window.removeEventListener('scroll', _this[options.id]);
+              logger.info('\n' + 'scroll event: removed');
+
+              if (options.infoLastPage ) {
+                  _this.infoLastPage(options);
+              }
+              return false;
+            }
+            _this.getNewPost(options);
+          }
+        };
+        window.addEventListener('scroll', _this[options.id]);
+        logger.info('\n' + 'scroll event: registered');
+      }
+
+      // scroller type showOnScroll
+      if (options.type === 'showOnScroll') {
+        logger.info('\n' + 'register scroll event of type: ' + options.type);
+
+        // register event function DYNAMICALLY
+        _this[options.id] = function (event) {
+          if (_this.isInViewport ($('#' + options.id ), options.scrollOffset)) {
+      			logger.info('\n' + 'specified container is in view: ' + options.id);
+            $('.' + options.id).show(options.showDelay);
+      			logger.info('\n' + 'remove eventHandler');
+            window.removeEventListener('scroll', _this[options.id]);
+          }
+        }
+      	window.addEventListener('scroll', _this[options.id]);
+      }
+
+    },
+
+    // -------------------------------------------------------------------------
+    // getNewPost()
+    // load new items (from current path)
+    // Note:  loader flag prevents to load items if AJAX load in progress
+    //        is NOT finished
+    // -------------------------------------------------------------------------
+    getNewPost: function (options) {
+      var _this = this;
+      var logger = log4javascript.getLogger('');
+
+      logger.info('\n' + 'trigger loading ');
+
+      // initialze loader flag
+      if (this.itemsLoaded === false) return false;
+
+      // set loader flag (false == not loaded)
+      this.itemsLoaded = false;
+
+      // display spinner while loading
+      if (options.loadStatus) {
+        logger.info('\n' + 'show: spinner');
+        $('.loader-ellips').show();
+      }
+
+      var xmlhttp = new XMLHttpRequest();
+      xmlhttp.onreadystatechange = function () {
+        if (xmlhttp.readyState == XMLHttpRequest.DONE) {
+          if (xmlhttp.status == 200) {
+            options.firstPage++;
+            var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
+            _this.appendNewItems(childItems);
+
+            logger.info('\n' + 'loading new items: successful');
+
+            // hide the spinner after loading
+            if (options.loadStatus) {
+                logger.info('\n' + 'hide: spinner');
+                $('.loader-ellips').hide();
+            }
+
+            // set loader flag (true == loaded)
+            // return _this.itemsLoaded = true;
+            _this.itemsLoaded = true;
+          } else {
+            // hide the spinner
+            if (options.loadStatus) {
+                logger.info('\n' + 'hide: spinner');
+                $('.loader-ellips').hide();
+            }
+
+            logger.error('\n' + 'loading new items failed, HTTP response: ' + xmlhttp.status );
+            // set loader flag (true == loaded)
+            // return _this.itemsLoaded = false;
+            _this.itemsLoaded = false;
+          }
+        }
+      };
+      logger.info('\n' + 'loading new items from path: ' + options.pagePath + options.firstPage);
+      xmlhttp.open("GET", location.origin + options.pagePath + options.firstPage + '/index.html', true);
+      xmlhttp.send();
+    },
+
+    // -------------------------------------------------------------------------
+    // getChildItemsByAjaxHTML()
+    // extract items from page loaded
+    // -------------------------------------------------------------------------
+    getChildItemsByAjaxHTML: function (options, HTMLText) {
+      var newHTML = document.createElement('html');
+      var logger = log4javascript.getLogger('');
+
+      logger.info('\n' + 'load new items');
+      newHTML.innerHTML = HTMLText;
+      var childItems = newHTML.querySelectorAll(options.elementID + ' > *');
+      return childItems;
+    },
+
+    // -------------------------------------------------------------------------
+    // appendNewItems()
+    // append items and run post processing
+    // -------------------------------------------------------------------------
+    appendNewItems: function (items) {
+      var _this           = this;
+      var logger          = log4javascript.getLogger('');
+      var cookie_names    = j1.getCookieNames();
+      var user_translate  = j1.readCookie(cookie_names.user_translate);
+
+      logger.info('\n' + 'append new items');
+      items.forEach(function (item) {
+        _this.element.appendChild(item);
+      });
+
+      // no dropcaps if translation enabled
+      if (user_translate.translationEnabled) {
+        logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
+        logger.warn('\n' + 'skipped processing of dropcaps');
+      } else {
+        // initialize dropcaps
+        logger.info('\n' + 'post processing: createDropCap');
+        j1.core.createDropCap();
+      }
+
+    },
+
+    // -------------------------------------------------------------------------
+    // getNewPost()
+    // load|append new items
+    // Note:  loader flag prevents to load items if AJAX load in progress
+    //        is NOT finished
+    // -------------------------------------------------------------------------
+    infoLastPage: function (options) {
+      var _this         = this;
+        var logger      = log4javascript.getLogger('');
+
+        logger.info('\n' + 'show: infoLastPage');
+        $('.page-scroll-last').show();
+    }
+  }); // END prototype
+
+  // wrapper around the constructor to prevent multiple instantiations
+  $.fn [pluginName] = function(options) {
+    return this.each(function() {
+      if (!$.data( this, "plugin_" + pluginName)) {
+        $.data(this, "plugin_" +
+        pluginName, new Plugin(this, options));
+      }
+    });
+  };
+
+})(jQuery, window, document);

data/assets/themes/j1/modules/scroller/js/scroller.min.js

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules//js/scroller.min.js
+ # J1 core module for scroller
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+(function(e,c,a,g){var d="scroller",f={type:"infiniteScroll",scrollOffset:100,elementScroll:false,firstPage:2,lastPage:false,infoLastPage:false,loadStatus:false,onInit:function(){},onBeforeLoad:function(){},onAfterLoad:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.init(this.settings)}e.extend(b.prototype,{init:function(i){var m=this;var h=log4javascript.getLogger("");h.info("\ninitializing plugin: started");h.info("\nstate: started");if(i.elementScroll){m.scroller=m.element}else{m.scroller=c}if(i.loadStatus){var l='<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';e(l).insertAfter(i.elementID)}if(i.infoLastPage){var j=i.lastPageInfo;e(j).insertAfter(i.elementID)}var k=setInterval(function(){if(j1.getState()==="finished"){if(i.type==="infiniteScroll"){h.info("\nprocessing mode: "+i.type);h.info("\nloading items from path: "+i.pagePath+"#void");h.info("\nmonitoring element set to: "+this.scroller);m.registerScrollEvent(i)}if(i.type==="showOnScroll"){h.info("\nprocessing mode: "+i.type);h.info("\nloading items from path: "+i.pagePath+"#void");h.info("\nmonitoring element set to: "+this.scroller);m.registerScrollEvent(i)}h.info("\ninitializing plugin: finished");h.info("\nstate: finished");clearInterval(k)}})},isInViewport:function(n,m){if(n.length==0){return}var j=jQuery(c);var q=j.scrollTop();var i=j.height();var k=q+i;var l=jQuery(n);var o=l.offset().top+m;var p=l.height();var h=o+p;return(o>=q&&o<k)||(h>q&&h<=k)||(p>i&&o<=q&&h>=k)},isBottomReached:function(s){var n=this;var h,p;var m=e(s.elementID).height();if(n.settings.elementScroll){var j=e(c);var r=j.scrollTop();var i=j.height();var l=r+i-s.scrollOffset;var k=e(s.elementID);var o=k.offset().top+m;var q=k.height();h=o+q;return(o>=r&&o<l)||(h>r&&h<=l)||(q>i&&o<=r&&h>=l)}else{return(c.innerHeight+c.pageYOffset+s.scrollOffset>=a.body.offsetHeight)}},registerScrollEvent:function(i){var j=this;var h=log4javascript.getLogger("");if(i.type==="infiniteScroll"){h.info("\nregister scroll event of type: "+i.type);j[i.id]=function(l){var k=j.settings;if(j.isBottomReached(k)){if(k.firstPage>k.lastPage){h.info("\nlast page detected on: "+k.lastPage);c.removeEventListener("scroll",j[k.id]);h.info("\nscroll event: removed");if(k.infoLastPage){j.infoLastPage(k)}return false}j.getNewPost(k)}};c.addEventListener("scroll",j[i.id]);h.info("\nscroll event: registered")}if(i.type==="showOnScroll"){h.info("\nregister scroll event of type: "+i.type);j[i.id]=function(k){if(j.isInViewport(e("#"+i.id),i.scrollOffset)){h.info("\nspecified container is in view: "+i.id);e("."+i.id).show(i.showDelay);h.info("\nremove eventHandler");c.removeEventListener("scroll",j[i.id])}};c.addEventListener("scroll",j[i.id])}},getNewPost:function(i){var k=this;var h=log4javascript.getLogger("");h.info("\ntrigger loading ");if(this.itemsLoaded===false){return false}this.itemsLoaded=false;if(i.loadStatus){h.info("\nshow: spinner");e(".loader-ellips").show()}var j=new XMLHttpRequest();j.onreadystatechange=function(){if(j.readyState==XMLHttpRequest.DONE){if(j.status==200){i.firstPage++;var l=k.getChildItemsByAjaxHTML(i,j.responseText);k.appendNewItems(l);h.info("\nloading new items: successful");if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}k.itemsLoaded=true}else{if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}h.error("\nloading new items failed, HTTP response: "+j.status);k.itemsLoaded=false}}};h.info("\nloading new items from path: "+i.pagePath+i.firstPage);j.open("GET",location.origin+i.pagePath+i.firstPage+"/index.html",true);j.send()},getChildItemsByAjaxHTML:function(j,i){var l=a.createElement("html");var h=log4javascript.getLogger("");h.info("\nload new items");l.innerHTML=i;var k=l.querySelectorAll(j.elementID+" > *");return k},appendNewItems:function(h){var l=this;var i=log4javascript.getLogger("");var k=j1.getCookieNames();var j=j1.readCookie(k.user_translate);i.info("\nappend new items");h.forEach(function(m){l.element.appendChild(m)});if(j.translationEnabled){i.info("\ntranslation enabled: "+j.translationEnabled);i.warn("\nskipped processing of dropcaps")}else{i.info("\npost processing: createDropCap");j1.core.createDropCap()}},infoLastPage:function(i){var j=this;var h=log4javascript.getLogger("");h.info("\nshow: infoLastPage");e(".page-scroll-last").show()}});e.fn[d]=function(h){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,h))}})}})(jQuery,window,document);

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2021.2.12'
+  VERSION = '2021.3.0'
 end

data/lib/starter_web/Gemfile

@@ -53,7 +53,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2021.2.12'
+gem 'j1-template', '~> 2021.3.0'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2021.2.12
+version:                                2021.3.0
 
 # version
 # ------------------------------------------------------------------------------
@@ -592,6 +592,7 @@ defaults:
     values:
       layout:                           page
       author:                           J1 Team
+      compress:                         true
 
       robots:
         index:                          true
@@ -636,6 +637,7 @@ defaults:
     values:
       layout:                           post
       author:                           J1 Team
+      compress:                         true
 
       robots:
         index:                          true
@@ -680,6 +682,7 @@ defaults:
     values:
       layout:                           post
       author:                           J1 Team
+      compress:                         true
 
       robots:
         index:                          true
@@ -722,6 +725,7 @@ defaults:
     values:
       layout:                           page
       sitemap:                          false
+      compress:                         true
 
       robots:
         index:                          false
@@ -735,7 +739,7 @@ defaults:
       advertising:                      false
       youtube:                          false
       vimeo:                            false
-
+      
 
 # ==============================================================================
 # 6. LAYOUT configuration

data/lib/starter_web/_data/modules/{j1scroll.yml → scroller.yml}

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
-# ~/_data/modules/j1Scroll.yml
-# User configuration for J1 infiniteScroll
+# ~/_data/modules/scroller.yml
+# User configuration for J1 Scroller API
 #
 # Product/Info:
 # https://jekyll.one
@@ -18,7 +18,7 @@ about_config:
 
   title:
   scope:                                User settings
-  location:                             _data/modules/j1Scroll.yml
+  location:                             _data/modules/scroller.yml
 
 # ------------------------------------------------------------------------------
 # User configuration settings
@@ -27,14 +27,38 @@ settings:
   enabled:                              true
 
   scrollers:
+
+    # --------------------------------------------------------------------------
+    # Intro Panel
+    #
+    - scroller:
+        enabled:                        true
+        type:                           showOnScroll
+        id:                             home_intro_panel
+        container:                      home_intro_panel
+        showDelay:                      700
+        scrollOffset:                   500
+
+    # --------------------------------------------------------------------------
+    # Service Panel
+    #
+    - scroller:
+        enabled:                        false
+        type:                           showOnScroll
+        id:                             home_service_panel
+        container:                      home_service_panel
+        showDelay:                      700
+        scrollOffset:                   200
+
     # --------------------------------------------------------------------------
     # News Panel
     #
     - scroller:
         enabled:                        true
+        type:                           infiniteScroll
         id:                             home_news_panel
         container:                      home_news_panel-scroll-group
-        path:                           /assets/data/news_panel_posts/page
+        pagePath:                       /assets/data/news_panel_posts/page
         elementScroll:                  true                                    # false = window, true = container
         scrollOffset:                   100
         lastPage:                       3
@@ -52,9 +76,10 @@ settings:
     #
     - scroller:
         enabled:                        true
+        type:                           infiniteScroll
         id:                             blog_navigator_preview
         container:                      timeline
-        path:                           /pages/public/blog/navigator/page
+        pagePath:                       /pages/public/blog/navigator/page
         elementScroll:                  true
         scrollOffset:                   200
         lastPage:                       4

data/lib/starter_web/_data/private.default.yml

@@ -23,9 +23,16 @@
 # ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 global:
 
-  # used by J1 to encrypt cookies
+  # used by J1 for encryption
   session_secret:                       <your-secret-string>
 
+# ==============================================================================
+# Translator settings
+# ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+translators:
+
+  deepl:
+    auth_key:                           <your-auth-key>
 
 # ==============================================================================
 # MODULE settings