j1-template 2021.1.4 → 2021.1.9

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

@@ -393,7 +393,8 @@ j1.adapter['fam'] = (function (j1, window) {
     // reload page
     // -------------------------------------------------------------------------
     reload_page: function () {
-      location.reload();
+      // reload current page (skip cache)
+      location.reload(true);
     }, // END reload_page
 
     // -------------------------------------------------------------------------

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

@@ -23,7 +23,7 @@ regenerate:                             true
 {% endcomment %}
 
 {% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
+------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -93,7 +93,6 @@ regenerate:                             true
  # For details, see https://jekyll.one
  # -----------------------------------------------------------------------------
  #  TODO:
- #    MANAGE themeExtensionCss is to be checked
  #
  # -----------------------------------------------------------------------------
  # Adapter generated: {{site.time}}
@@ -114,14 +113,14 @@ var j1 = (function () {
   // ---------------------------------------------------------------------------
   // globals
   // ---------------------------------------------------------------------------
-  var rePager         = new RegExp('navigator|dateview|tagview|archive');
-  var environment     = '{{environment}}';
-  var moduleOptions   = {};
-  var j1_runtime_data = {};
+  var rePager                   =  new RegExp('navigator|dateview|tagview|archive');
+  var environment               = '{{environment}}';
+  var moduleOptions             = {};
+  var j1_runtime_data           = {};
 
   // Status information
-  var state         = 'not_started';
-  var mode          = 'not_detected';
+  var state                     = 'not_started';
+  var mode                      = 'not_detected';
 
   var current_user_data;
   var current_page;
@@ -131,15 +130,17 @@ var j1 = (function () {
   var app_detected;
   var user_session_detected;
 
-  // Connector settings
-  var translation_enabled = {{template_config.translation.enabled}};
+  // Translatior settings (currently NOT supported)
+  // var translation_enabled       = {{template_config.translation.enabled}};
 
   // Theme information
   var themeName;
   var themeCss;
-  var themeExtensionCss = environment === 'production' ? '/assets/themes/j1/core/css/themes/theme-extensions.min.css' : '/assets/themes/j1/core/css/themes/theme-extensions.css';
+  var cssExtension              = (environment === 'production')
+                                  ? '.min.css'
+                                  : '.css';
 
-  // Pathes of J1 data files
+   // Pathes of J1 data files
   var colors_data_path          = '{{template_config.colors_data_path}}';
   var font_size_data_path       = '{{template_config.font_size_data_path}}';
   var runtime_data_path         = '{{template_config.runtime_data_path}}';
@@ -156,18 +157,11 @@ var j1 = (function () {
   var baseUrl;
   var referrer;
 
-  // var default_theme_css           = environment === 'production' ? '/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css' : '/assets/themes/j1/core/css/themes/uno-light/bootstrap.css';
-  // // TODO: check what property is used default_theme|default_theme_name ?
-  // var default_theme_display_name  = 'Uno (light)';
-  // var default_theme_name          = 'uno-light';
-  // var default_theme_author        = 'J1 Team';
-  // var default_theme_link          = 'https://jekyll.one/';
-  var default_white_listed_pages  = [];
-
   var cookie_names = {
     'app_session':  '{{template_config.cookies.app_session}}',
     'user_session': '{{template_config.cookies.user_session}}',
-    'user_state':   '{{template_config.cookies.user_state}}'
+    'user_state':   '{{template_config.cookies.user_state}}',
+    'user_consent': '{{template_config.cookies.user_consent}}'
   };
 
   // user SESSION cookie (initial values)
@@ -189,29 +183,24 @@ var j1 = (function () {
     'last_pager':           '/pages/public/blog/navigator/'
   };
 
-  // user STATE cookie (initial values)
   var user_state = {
-    'theme_css':            "",
-    'theme_name':           "",
-    'theme_author':         "",
+    'theme_css':            '',
+    'theme_name':           '',
+    'theme_author':         '',
     'theme_version':        '{{site.version}}',
-    'cookies_accepted':     'pending',
-    'whitelistedPages':     default_white_listed_pages,
-    'deleteOnDecline':      false,
-    'showConsentOnPending': false,
-    'stopScrolling':        true,
     'session_active':       false,
-    'last_session_ts':      '',
-    'cc_authenticated':     false
+    'last_session_ts':      ''
   };
 
+  var user_consent;
+
   // ---------------------------------------------------------------------------
   // helper functions
   // ---------------------------------------------------------------------------
 
+  // See: https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string
+  //
   function executeFunctionByName(functionName, context /*, args */) {
-    // See: https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string
-    //
     var args = Array.prototype.slice.call(arguments, 2);
     var namespaces = functionName.split('.');
     var func = namespaces.pop();
@@ -228,7 +217,6 @@ var j1 = (function () {
 
     // -------------------------------------------------------------------------
     // init()
-    // initializer
     // -------------------------------------------------------------------------
     init: function (options) {
 
@@ -238,15 +226,9 @@ var j1 = (function () {
       var logger        = log4javascript.getLogger('j1.init');
       var url           = new liteURL(window.location.href);
       var baseUrl       = url.origin;
-//    moment not used anymore
-//    var epoch         = Math.floor(Date.now()/1000);
-//    var timestamp_now = moment.unix(epoch).format('YYYY-MM-DD HH:mm:ss');
       var date          = new Date();
       var timestamp_now = date.toISOString();
       var curr_state    = 'started';
-      // var date          = new Date();
-      // var my_timestamp  = date.toISOString();
-
 
       // -----------------------------------------------------------------------
       // options loader
@@ -267,51 +249,58 @@ var j1 = (function () {
       j1['xhrDOMState']  = {};
 
       // -----------------------------------------------------------------------
-      // session ON_CLOSE event
-      // wrapup if ALL browser windows get closed. Update user STATE
-      // cookie on window CLOSE.
+      // update cookies if browser window get closed
       // see: https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing
       // -----------------------------------------------------------------------
       window.addEventListener('beforeunload', function (event) {
         var cookie_names              = j1.getCookieNames();
-        var cookie_user_state_name    = cookie_names.user_state;
-        var cookie_user_session_name  = cookie_names.user_session;
-//      moment not used anymore
-//      var epoch                     = Math.floor(Date.now()/1000);
-//      var timestamp_now             = moment.unix(epoch).format('YYYY-MM-DD HH:mm:ss');
         var date                      = new Date();
         var timestamp_now             = date.toISOString();
-        var user_state                = j1.readCookie(cookie_user_state_name);
+        var user_state                = j1.readCookie(cookie_names.user_state);
+        var user_consent              = j1.readCookie(cookie_names.user_consent);
         var ep_status;
         var url;
         var baseUrl;
 
-        // update cookie only, if (already) exists
-        //
-        if (user_state) {
-          user_state.session_active     = false;
-          user_state.last_session_ts    = timestamp_now;
+        user_state.session_active     = false;
+        user_state.last_session_ts    = timestamp_now;
 
+        if (!user_consent.analyses || !user_consent.personalization)  {
+          // expire consent|state cookies to session
+          j1.writeCookie({
+            name:     cookie_names.user_consent,
+            data:     user_state,
+            samesite: 'Strict'
+          });
           j1.writeCookie({
-            name: cookie_user_state_name,
-            data: user_state,
-            expires: 365
+            name:     cookie_names.user_state,
+            data:     user_state,
+            samesite: 'Strict'
+          });
+        } else {
+          j1.writeCookie({
+            name:     cookie_names.user_state,
+            data:     user_state,
+            samesite: 'Strict',
+            expires:  365
           });
         }
 
-      });
+      }); // END beforeunload
 
       // -----------------------------------------------------------------------
-      // initialize|load (existing) user cookies
+      // initialize|load user cookies
       // -----------------------------------------------------------------------
       user_session.created    = timestamp_now;
       user_session.timestamp  = timestamp_now;
 
+      user_consent  = j1.readCookie(cookie_names.user_consent);
       user_session  =  j1.existsCookie(cookie_names.user_session)
                         ? j1.readCookie(cookie_names.user_session)
                         : j1.writeCookie({
                             name:     cookie_names.user_session,
                             data:     user_session,
+                            samesite: 'Strict'
                           });
 
       user_state    =  j1.existsCookie(cookie_names.user_state)
@@ -319,27 +308,38 @@ var j1 = (function () {
                         : j1.writeCookie({
                             name:     cookie_names.user_state,
                             data:     user_state,
+                            samesite: 'Strict',
                             expires:  365
                           });
 
       user_state.session_active = true;
-      j1.writeCookie({
-        name:     cookie_names.user_state,
-        data:     user_state,
-        expires:  365
-      });
+
+      if (!user_consent.analyses || !user_consent.personalization)  {
+        // expire consent|state cookies to session
+        j1.writeCookie({
+          name:     cookie_names.user_state,
+          data:     user_state,
+          samesite: 'Strict'
+        });
+      } else {
+        j1.writeCookie({
+          name:     cookie_names.user_state,
+          data:     user_state,
+          samesite: 'Strict',
+          expires:  365
+        });
+      }
 
       // detect middleware (mode 'app') and update user session cookie
       // -----------------------------------------------------------------------
-      // if (user_session.mode === 'na' || user_session.mode === 'app') {
       if (user_session.mode === 'app') {
         var url           = new liteURL(window.location.href);
         var ep_status     = baseUrl + '/status' + '?page=' + window.location.pathname;
         var detectTimeout =  50;
 
-        baseUrl       = url.origin;
+        baseUrl = url.origin;
 
-        // see: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
+        // See: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
         $.when (
           $.ajax(ep_status)
         )
@@ -356,14 +356,12 @@ var j1 = (function () {
           logger.info('update user session cookie');
           j1.writeCookie({
             name:     cookie_names.user_session,
-            data:     user_session
+            data:     user_session,
+            samesite: 'Strict'
           });
           j1.setState(curr_state);
           logger.info('state: ' + j1.getState());
 
-
-
-
           var dependencies_met_page_displayed = setInterval (function () {
             if (j1.getState() == 'finished') {
               if (j1.authEnabled()) {
@@ -398,8 +396,9 @@ var j1 = (function () {
 
             logger.info(logText);
             j1.writeCookie({
-              name: cookie_names.user_session,
-              data: user_session
+              name:     cookie_names.user_session,
+              data:     user_session,
+              samesite: 'Strict'
             });
             j1.setState(curr_state);
             logger.info('state: ' + j1.getState());
@@ -411,10 +410,6 @@ var j1 = (function () {
         logger.info('page is being initialized');
       }
 
-      // jadams: for testing only
-      // display page
-      // $('#no_flicker').css('display', 'block');
-
       state = 'started';
       logger.info('state: ' + state);
       logger.info('page is being initialized');
@@ -430,7 +425,6 @@ var j1 = (function () {
       // process|update user state cookie
       themeName                 = user_session.theme_name;
       themeCss                  = user_session.theme_css;
-      themeExtensionCss         = user_session.theme_extension_css;
 
       // save last page access
       // see: https://stackoverflow.com/questions/3528324/how-to-get-the-previous-url-in-javascript
@@ -455,18 +449,15 @@ var j1 = (function () {
         last_pager                = user_session.last_pager;
       }
 
-      // jadams: for testing only
-      // display page
-      //$('#no_flicker').css('display', 'block');
-
       logger.info('update user session cookie');
       j1.writeCookie({
-        name: cookie_names.user_session,
-        data: user_session
+        name:     cookie_names.user_session,
+        data:     user_session,
+        samesite: 'Strict'
       });
 
+      // NOTE: asynchronous calls should be rewitten to xhrData
       // initialize page resources for blocks
-      // (asynchronous, should be rewitten to xhrData)
       j1.initBanner(settings);
       j1.initPanel(settings);
       j1.initFooter(settings);
@@ -477,8 +468,9 @@ var j1 = (function () {
 
       user_session.timestamp = timestamp_now;
       j1.writeCookie({
-        name: cookie_names.user_session,
-        data: user_session
+        name:     cookie_names.user_session,
+        data:     user_session,
+        samesite: 'Strict'
       });
 
       // -----------------------------------------------------------------------
@@ -586,7 +578,6 @@ var j1 = (function () {
           if (selector.length) {
             logText = 'loading banner on id: ' +banner[i];
             logger.info(logText);
-//          var banner_data_path = '{{banner_data_path}} ' + id + ' > *';
             var banner_data_path = '{{banner_data_path}} ' + id;
             selector.load(banner_data_path, cb_load_closure(id));
           }
@@ -690,7 +681,6 @@ var j1 = (function () {
           if ( selector.length ) {
             logText = 'loading panel on id: ' +panel[i];
             logger.info(logText);
-//          var panel_data_path = '{{panel_data_path}} ' + id + ' > *';
             var panel_data_path = '{{panel_data_path}} ' + id;
             selector.load(panel_data_path, cb_load_closure(id));
           }
@@ -724,12 +714,6 @@ var j1 = (function () {
             j1.setXhrDataState(footer_id, statusTxt);
             j1.setXhrDomState(footer_id, statusTxt);
             logger.info('XHR data loaded in the DOM: ' + footer_id);
-
-            // jadams, 2020-07-21: intermediate state DISABLED
-            // state = 'footer_loaded';
-            // logger.info('set state for module ' + mod + ': ' + state);
-            // executeFunctionByName(mod + '.setState', window, state);
-
             logText = 'initialization finished';
             logger.info(logText);
           }
@@ -751,7 +735,6 @@ var j1 = (function () {
       var id = '#' + '{{footer_id}}';
       var selector = $(id);
       if ( selector.length ) {
-//      var footer_data_path = '{{footer_data_path}} ' + id + ' > *';
         var footer_data_path = '{{footer_data_path}} ' + id;
         selector.load(footer_data_path, cb_load_closure(id));
       } else {
@@ -807,7 +790,8 @@ var j1 = (function () {
           user_session.current_page = current_url.pathname;
           j1.writeCookie({
             name:     cookie_names.user_session,
-            data:     user_session
+            data:     user_session,
+            samesite: 'Strict'
           });
 
           providerPermissions = user_session.provider_permissions;
@@ -838,7 +822,7 @@ var j1 = (function () {
             $('#no_flicker').css('display', 'block');
 
             // show|hide cookie icon (should MOVED to Cookiebar ???)
-            if (user_state.cookies_accepted === 'accepted') {
+            if (j1.existsCookie(cookie_names.user_consent)) {
               // Display cookie icon
               logText = 'show cookie icon';
               logger.info(logText);
@@ -850,14 +834,14 @@ var j1 = (function () {
               $('#quickLinksCookieButton').css('display', 'none');
             }
 
-            // show|hide translator icon
-            if (translation_enabled) {
-              logger.info('translator detected: google');
-              logger.info('initialize language selector');
-              $('.goog-te-combo').addClass('form-control');
-            }
+            // show|hide translator icon (currently NOT supported)
+            // if (translation_enabled) {
+            //   logger.info('translator detected: google');
+            //   logger.info('initialize language selector');
+            //   $('.goog-te-combo').addClass('form-control');
+            // }
 
-            // show cc icon
+            // show cc icon (currently NOT supported)
             // $('#quickLinksControlCenterButton').css('display', 'block');
 
             if (j1.authEnabled()) {
@@ -921,18 +905,22 @@ var j1 = (function () {
           user_session.current_page = current_url.pathname;
           j1.writeCookie({
               name:     cookie_names.user_session,
-              data:     user_session
+              data:     user_session,
+              samesite: 'Strict'
           });
 
-          // show|hide translator icon
-          if (translation_enabled) {
-            logger.info('translator detected: google');
-            logger.info('initialize language selector');
-            $('.goog-te-combo').addClass('form-control');
-          }
+          // show|hide translator icon (currently NOT supported)
+          // if (translation_enabled) {
+          //   logger.info('translator detected: google');
+          //   logger.info('initialize language selector');
+          //   $('.goog-te-combo').addClass('form-control');
+          // }
 
-          // show|hide cookie icon (should MOVED to Cookiebar ???)
-          if (user_state.cookies_accepted === 'accepted') {
+          // show cc icon (currently NOT supported)
+          // $('#quickLinksControlCenterButton').css('display', 'block');
+
+          // show|hide cookie icon
+          if (j1.existsCookie(cookie_names.user_consent)) {
             // Display cookie icon
             logText = 'show cookie icon';
             logger.info(logText);
@@ -945,7 +933,7 @@ var j1 = (function () {
           }
 
           // If the page requested contains an anchor element,
-          // do a smooth scroll to
+          // do a smooth scroll
           j1.scrollTo();
 
           if (user_session.previous_page !== user_session.current_page) {
@@ -1038,7 +1026,6 @@ var j1 = (function () {
       var toccerScrollOffset   = {{toccer_options.scrollSmoothOffset}};
 
       // calculate offset for correct (smooth) scroll position
-      //
       var $pagehead       = $('.attic');
       var $navbar         = $('nav.navbar');
       var $adblock        = $('#adblock');
@@ -1056,7 +1043,6 @@ var j1 = (function () {
       var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
 
       // static offset, to be checked why this is needed
-      //
       scrollOffset        = scrollOffset + toccerScrollOffset;
 
       if (anchor_id && anchor_id !== '#') {
@@ -1136,11 +1122,6 @@ var j1 = (function () {
         return function (responseTxt, statusTxt, xhr) {
           var logger = log4javascript.getLogger('j1.adapter.xhrData');
           if ( statusTxt === 'success' ) {
-            // jadams, 2020-07-21: intermediate state should DISABLED
-            // if (state) {
-            //   logger.info('set state for ' +mod+ ' to: ' + state);
-            //   executeFunctionByName(mod + '.setState', window, state);
-            // }
             j1.setXhrDataState(id, statusTxt);
             j1.setXhrDomState(id, 'pending');
 
@@ -1167,19 +1148,24 @@ var j1 = (function () {
 
       // see: https://stackoverflow.com/questions/20420577/detect-added-element-to-dom-with-mutation-observer
       //
-      var html_data_path;
+      var html_data_path = options.xhr_data_path + ' #' + options.xhr_data_element;
       var id        = '#' + options.xhr_container_id;
       var container = '#' + options.xhr_container_id + '_container';
       var $selector = $(id);
 
+      // NOTE: Unclear why some pages (e.g. about/site) affected (fam button).
+      // All pages should have FRONTMATTER defaults (by _config.yml) setting
+      // all relevant defaults.
+
+      // failsafe - prevent XHR load errors
+      if (options.xhr_data_element !== '') {
+        logger.info('XHR data element found: ' + options.xhr_data_element);
+      } else  {
+        logger.warn('no XHR data element found, loading data aborted');
+        return;
+      }
+
       if ( $selector.length ) {
-        if (options.xhr_data_element) {
-          html_data_path = options.xhr_data_path + ' #' + options.xhr_data_element;
-          logger.info('XHR data element found: ' + options.xhr_data_element);
-        } else  {
-          logger.warn('no XHR data element found. HTML data loaded full page.');
-          html_data_path = options.xhr_data_path + ' > *';
-        }
         $selector.load( html_data_path, cb_load_closure( mod, id ) );
 
         var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
@@ -1192,7 +1178,7 @@ var j1 = (function () {
 
         selector.each(function(){
             xhrObserver.observe(this, obsConfig);
-        } );
+        });
 
         function mutationHandler (mutationRecords) {
           mutationRecords.forEach ( function (mutation) {
@@ -1204,6 +1190,8 @@ var j1 = (function () {
         }
       } else {
         // jadams, 2020-07-21: To be clarified why a id is "undefined"
+
+        // failsafe - prevent XHR load errors
         if (id != '#undefined') {
           logText = 'data not loaded on id:' + id;
           logger.warn(logText);
@@ -1242,6 +1230,19 @@ var j1 = (function () {
       }
     }, // END readCookie
 
+    // -------------------------------------------------------------------------
+    // findCookie()
+    // Search for cookies (names) in the page header that matches
+    // a given regex string. Returns all names found as an array.
+    // -------------------------------------------------------------------------
+    // See: https://stackoverflow.com/questions/52287989/javascript-cookie-remove-or-delete-with-regex-regular-expression
+    // -------------------------------------------------------------------------
+    findCookie: function (regex) {
+      var r=[];
+      document.cookie.replace(new RegExp(regex + "[^= ]*", "g"), function(a){ r.push(a.trim()); });
+      return r;
+    }, // END findCookie
+
     // -------------------------------------------------------------------------
     // writeCookie()
     // Write 'data' to a cookie 'name'. If not exists, the cookie gets
@@ -1269,21 +1270,17 @@ var j1 = (function () {
     //    context/HTTPS).
     // -------------------------------------------------------------------------
     //
-    writeCookie: function (options /*name, data, [path, expires, SameSite, secure]*/) {
+    writeCookie: function (options /*name, data, [path, expires, samesite, http_only, secure]*/) {
       var defaults = {
           data: {},
           name: '',
-          expires: 0,
           path: '/',
-//        SameSite: 'Strict',
-//        SameSite: 'Lax',
+          expires: 0,
+          samesite: 'Lax',
           http_only: false,
           secure: false
       };
       var settings = $.extend(defaults, options);
-//    moment not used anymore
-//    var epoch         = Math.floor(Date.now()/1000);
-//    var timestamp_now = moment.unix(epoch).format('YYYY-MM-DD HH:mm:ss');
       var date          = new Date();
       var timestamp_now = date.toISOString();
       var cookie_data   = {};
@@ -1300,25 +1297,26 @@ var j1 = (function () {
         if (settings.expires > 0) {
           Cookies.set(settings.name, data_encoded, {
             expires: settings.expires,
-            SameSite: settings.SameSite
+            SameSite: settings.samesite
           });
         } else {
           Cookies.set(settings.name, data_encoded, {
-          SameSite: settings.SameSite
+          SameSite: settings.samesite
           });
         }
       } else {
         cookie_data   = settings.data;
         data_json     = JSON.stringify(settings.data);
         data_encoded  = window.btoa(data_json);
+
         if (settings.expires > 0) {
           Cookies.set(settings.name, data_encoded, {
             expires: settings.expires,
-            SameSite: settings.SameSite
+            SameSite: settings.samesite
           });
         } else {
           Cookies.set(settings.name, data_encoded, {
-            SameSite: settings.SameSite
+            SameSite: settings.samesite
           });
         }
       }
@@ -1357,8 +1355,7 @@ var j1 = (function () {
     // by the browser if the last session (browser window) is closed.
     // See: https://stackoverflow.com/questions/179355/clearing-all-cookies-with-javascript
     // -------------------------------------------------------------------------
-    deleteCookie: function (options) {
-      var name        = options;
+    deleteCookie: function (name) {
       var all_cookies = document.cookie.split('; ');
 
       if ( name === 'all' ) {
@@ -1680,12 +1677,6 @@ var j1 = (function () {
       // -----------------------------------------------------------------------
       $('head').append('<style>.g-bg-primary { background-color: ' +bg_primary+ ' !important; }</style>');
 
-      // Set color of timeline bullet
-      // -----------------------------------------------------------------------
-      // $('head').append('<style>.tmicon { background: ' +bg_primary+ ' !important; }</style>');
-      // $('head').append('<style>.timeline-panel:after { border-left-color: ' +bg_primary+ ' !important; }</style>');
-      // $('head').append('<style>.timeline-panel:after { border-right-color: ' +bg_primary+ ' !important; }</style>');
-
       // mdi icons
       // -----------------------------------------------------------------------
       $('head').append('<style>.iconify-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
@@ -1826,7 +1817,7 @@ var j1 = (function () {
      for ( var i = 0; i < length; i++ ) {
         result += characters.charAt(Math.floor(Math.random() * charactersLength));
      }
-   return result;
+     return result;
     }, // END generateId
 
     // -------------------------------------------------------------------------
@@ -1873,10 +1864,20 @@ var j1 = (function () {
   }; // END j1 (return)
 }) (j1, window);
 
-{% endcapture %}
+{% comment %} NOTE: Unexpected token: punc (;) errors if compressed
+--------------------------------------------------------------------------------
 {% if production %}
   {{ cache | minifyJS }}
 {% else %}
   {{ cache | strip_empty_lines }}
 {% endif %}
 {% assign cache = nil %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+{% if production %}
+  {{ cache | strip_empty_lines }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}