j1-template 2020.0.11 → 2020.0.12

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -42,11 +42,18 @@ regenerate:                             false
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site_config.environment %}
 {% assign algolia_config    = site_config.algolia %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/algolia.js
@@ -325,5 +332,9 @@ j1.adapter['algolia'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -50,6 +50,11 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign attic_options        = attic_defaults | merge: attic_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/attic.js
@@ -119,14 +124,17 @@ j1.adapter['attic'] = (function (j1, window) {
       logger.info('module is being initialized');
 
       {% comment %} Loading headers if j1.template.init() loaded all data objects
+      DISABLED all DEPENDENCIES to NOT delay the render of a page (SEO)
       -------------------------------------------------------------------------- {% endcomment %}
-      var dependencies_met_attic_adapter = setInterval(function() {
-        if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
-          _this.loadHeader(frontmatterOptions);
-          // clear interval checking
-          clearInterval(dependencies_met_attic_adapter);
-        }
-      }, 25); // END 'dataLoaded'
+      // var dependencies_met_attic_adapter = setInterval(function() {
+      //   if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
+      //     _this.loadHeader(frontmatterOptions);
+      //     // clear interval checking
+      //     clearInterval(dependencies_met_attic_adapter);
+      //   }
+      // }, 25); // END 'dataLoaded'
+
+      _this.loadHeader(frontmatterOptions);
 
       return true;
     }, // END init
@@ -434,15 +442,23 @@ j1.adapter['attic'] = (function (j1, window) {
 
             {% comment %} Resolve symbolic color names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
-            atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
-            atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
-            atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+            // atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
+            // atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
+            // atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
+            // atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+
+            atticOptions.title_color         = atticOptions.title_color;
+            atticOptions.tagline_color       = atticOptions.tagline_color;
+            atticOptions.background_color_1  = atticOptions.background_color_1;
+            atticOptions.background_color_2  = atticOptions.background_color_2;
 
             {% comment %} Resolve symbolic font sizes names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
-            atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+            // atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
+            // atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+
+            atticOptions.title_size          = atticOptions.title_size;
+            atticOptions.tagline_size        = atticOptions.tagline_size;
 
             {% comment %} Add header CSS classes
             -------------------------------------------------------------------- {% endcomment %}
@@ -560,5 +576,9 @@ j1.adapter['attic'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,6 +31,12 @@ regenerate:                             true
 {% assign template_version    = site.version %}
 {% assign slider_id           = '' %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
@@ -320,5 +326,9 @@ j1.adapter['carousel'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{cache | strip_empty_lines}}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -0,0 +1,232 @@
+---
+regenerate: true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/clipboard.js
+ # Liquid template to adapt Clipboard for J1 Template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config  = site %}
+
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment   = site_config.environment %}
+
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/clipboard.js
+ # JS Adapter for Clipboard
+ #
+ # Product/Info:
+ # {{site.data.template_settings.theme_author_url}}
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see {{site.data.template_settings.theme_author_url}}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+j1.adapter['clipboard'] = (function (j1, window) {
+
+  // ---------------------------------------------------------------------------
+  // globals
+  // ---------------------------------------------------------------------------
+  var environment         = '{{environment}}';
+  var moduleOptions       = {};
+  var logger;
+  var logText;
+  var _this;
+  var clipboardJS;
+
+  // ---------------------------------------------------------------------------
+  // main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // module initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.clipboard.state = 'pending';
+
+      // -----------------------------------------------------------------------
+      // defaults
+      // -----------------------------------------------------------------------
+      var settings  = $.extend({
+        module_name: 'j1.adapter.clipboard',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.clipboard;
+      logger  = log4javascript.getLogger('j1.adapter.clipboard');
+      logText = 'initialization: started';
+      logger.info(logText);
+
+      // initialize ClipboardJS if page is loaded
+      var dependencies_met_j1_finished = setInterval(function() {
+        if ( j1.getState() == 'finished' ) {
+          logText = 'create clipboard';
+          logger.info(logText);
+
+          clipboardJS = new ClipboardJS('.btn-clipboard', {
+            target: function target(trigger) {
+              return trigger.parentNode.nextElementSibling;
+            }
+          });
+
+          _this.initClipButtons();
+          _this.initEventHandler(clipboardJS);
+
+          clearInterval(dependencies_met_j1_finished);
+          logText = 'initialization: finished';
+          logger.info(logText);
+        }
+      }, 25); // END dependencies_met_j1_finished
+    },
+
+    // -------------------------------------------------------------------------
+    // initClipboard
+    // Create copy-to-clipboard for all pages
+    // -------------------------------------------------------------------------
+    initClipButtons: function () {
+      // insert copy to clipboard button before all elements having a
+      // class of ".highlight" assigned to (e.g. Asciidoc source blocks)
+      $('.highlight').each(function () {
+        // Check if no clipboard should be applied
+        var isNoClip = $(this).closest('.noclip');
+        if ( isNoClip.length == 0) {
+          var btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" data-toggle="tooltip" data-placement="left" title="Copy to clipboard">Copy</span></div>';
+          $(this).before(btnHtml);
+          $('.btn-clipboard').tooltip();
+        }
+      });
+    }, // END initClipboard
+
+    // -------------------------------------------------------------------------
+    // Event handler
+    // -------------------------------------------------------------------------
+    initEventHandler: function (clipboard) {
+      // Manage clipboard events
+      clipboard.on('success', function (e) {
+        $(e.trigger).attr('title', 'copied!').tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
+        var logger = log4javascript.getLogger('j1.initClipboard');
+        var logText = 'initialization copy-to-clipboard sucessfull';
+        logger.debug(logText);
+        /* Cleanup clipped data for trailing numbers */
+        var splitted = e.text.split('\n');
+        var concat;
+        var i;
+        for (i=0; i<splitted.length; i++) {
+          concat += splitted[i].replace(/^\s+\d+/, '');
+        }
+        e.clearSelection();
+      });
+      clipboard.on('error', function (e) {
+        var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'press \u2318 to copy' : 'press ctrl-c to copy';
+        logger = log4javascript.getLogger('j1.initClipboard');
+        logText = 'initialization copy-to-clipboard failed, fallback used.';
+        logger.warn(logText);
+        $(e.trigger).attr('title', fallbackMsg).tooltip('_fixTitle').tooltip('show').attr('title', 'copy to clipboard').tooltip('_fixTitle');
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // messageHandler
+    // Manage messages (paylods) send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      // var json_message = JSON.stringify(message, undefined, 2);              // multiline
+      var json_message = JSON.stringify(message);
+
+      logText = 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info(message.text);
+      }
+      if (message.type === 'command' && message.action === 'status') {
+        logger.info('messageHandler: received - ' + message.action);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.clipboard.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.clipboard.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,6 +31,10 @@ regenerate:                             false
 {% assign environment       = site.environment %}
 {% assign template_version  = site.version %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
@@ -171,8 +175,9 @@ j1.adapter['cookie_consent'] = (function (j1, window) {
         // ---------------------------------------------------------------------
         // data loader
         // ---------------------------------------------------------------------
-        logger.info('loading html data for modals');
-        $.when (j1.xhrData('j1.adapter.cookie_consent', moduleOptions, 'data_loaded'))
+        $.when (
+          j1.xhrData('j1.adapter.cookie_consent', moduleOptions, 'data_loaded')
+        )
         .then (function (success) {
           if (success) {
             logger.info('loading data completed');
@@ -273,5 +278,9 @@ j1.adapter['cookie_consent'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -49,6 +49,10 @@ regenerate:                             false
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign framer_options    = framer_defaults | merge: framer_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
 
 /*
  # -----------------------------------------------------------------------------
@@ -211,5 +215,9 @@ j1.adapter['framer'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}