izi_lightup 1.0.14 → 1.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA256:
-  metadata.gz: b4fe3f152ceb2ca19f1a2fe17b50d4900304d9f90fe653ac85b93107f5263704
-  data.tar.gz: 570e5b0973a51cb297d2d1aecc67335433b432875b9d57400fa483d17efd2024
+SHA1:
+  metadata.gz: 66733fa305a18cf63626ccbd6cf6108041c14a30
+  data.tar.gz: c55cf39cd3f453671ca947aa9050d27d2321843d
 SHA512:
-  metadata.gz: 356a0ba218ce60072b3680f423f385cdf1bc6f81e4477997a8ef2c80d666c3bb72683905fde9073078373059db0f86de5ecff85749471ddd8164b30cda4ada69
-  data.tar.gz: 9820ed029cc0d237fe35bcb67183945c0108eb95efdaa38ff29ba53c96895f85ce4449fec5174671542a0c55051062c6551064cc1665e07ab17ca25ccaaf1d94
+  metadata.gz: 34a7632c132ae107b5e659641fbbf40519c30d49b8abeff0f3a15504ac1922f28387dc65746a9e5ba359278f004561960689e79fba35ae16c049e1701cfdfcef
+  data.tar.gz: b3105cc74e3e4ef983e12d87bf4ec87b4f98f4038347e6b87019ea18a75ee9bcfa382a770e4e77f6a0b525bcda7fa140feb2a8555fae20bf7dc4dda170383834

data/app/assets/javascripts/crit-utils/active_emit.js

@@ -0,0 +1,96 @@
+(function(window, document) {
+  var EVENT_TYPE, MAX_TIMEOUT, TRACK_MARKING, activeForUser, cleanListeners, custom_mt, sendActive, sent, untrack;
+  EVENT_TYPE = window.__activeEventName || 'Activity';
+  MAX_TIMEOUT = window.__activeTimeout || 10000;
+  TRACK_MARKING = window.__activeMark || '_real_track=true';
+  if (custom_mt = /^\?(\d+)$/.exec(window.location.search)) {
+    MAX_TIMEOUT = parseInt(custom_mt[1], 10);
+  }
+  window.activeReady = false;
+  sent = false;
+  window.activeOn = function(callback) {
+    var fn;
+    if (sent) {
+      if (typeof callback !== 'function') {
+        return;
+      }
+      if ((window != null ? window.requestAnimationFrame : void 0) != null) {
+        return requestAnimationFrame(callback);
+      }
+      callback();
+    }
+    fn = function() {
+      document.removeEventListener(EVENT_TYPE, fn);
+      if (typeof callback !== 'function') {
+        return;
+      }
+      if ((window != null ? window.requestAnimationFrame : void 0) != null) {
+        return requestAnimationFrame(callback);
+      }
+      return callback();
+    };
+    return document.addEventListener(EVENT_TYPE, fn, {
+      passive: true
+    });
+  };
+  cleanListeners = void 0;
+  sendActive = function() {
+    var oldEvt;
+    if (sent) {
+      return;
+    }
+    sent = true;
+    try {
+      document.dispatchEvent(new Event(EVENT_TYPE));
+    } catch (_error) {
+      oldEvt = document.createEvent('CustomEvent');
+      oldEvt.initCustomEvent(EVENT_TYPE, true, true, {});
+      document.dispatchEvent(oldEvt);
+    }
+    return window.activeReady = true;
+  };
+  activeForUser = function() {
+    document.cookie = TRACK_MARKING + ";path=/;max-age:31536000;samesite";
+    if (typeof cleanListeners === "function") {
+      cleanListeners();
+    }
+    return sendActive();
+  };
+  untrack = function() {
+    var expTime;
+    expTime = new Date();
+    expTime.setTime(0);
+    return document.cookie = TRACK_MARKING + ";expires=" + (expTime.toGMTString());
+  };
+  if (document.cookie.indexOf(TRACK_MARKING) !== -1) {
+    setTimeout(sendActive, 10);
+    window.activeOn.untrack = untrack;
+    return;
+  }
+  return document.addEventListener('DOMContentLoaded', function() {
+    var body, evt, i, lEvents, len;
+    body = document.body;
+    lEvents = [[body, 'mousemove'], [body, 'scroll'], [body, 'keydown'], [body, 'click'], [body, 'touchstart'], [window, 'blur'], [window, 'focus']];
+    cleanListeners = function() {
+      var evt, i, len, results;
+      results = [];
+      for (i = 0, len = lEvents.length; i < len; i++) {
+        evt = lEvents[i];
+        results.push(evt[0].removeEventListener(evt[1], activeForUser));
+      }
+      return results;
+    };
+    for (i = 0, len = lEvents.length; i < len; i++) {
+      evt = lEvents[i];
+      evt[0].addEventListener(evt[1], activeForUser, {
+        passive: true
+      });
+    }
+    return setTimeout(sendActive, MAX_TIMEOUT, {
+      passive: true
+    });
+  });
+})(window, document);
+
+// ---
+// generated by coffee-script 1.9.2

data/app/assets/javascripts/crit-utils/measure/cls.js

@@ -0,0 +1,72 @@
+(function(window) {
+  var LCS_BAD, LCS_OK, MAX_TIMEOUT, TTL_TIMEOUT, __check_offset, __lcs, __print, __ttlTimeout;
+  LCS_OK = 0.1;
+  LCS_BAD = 0.25;
+  TTL_TIMEOUT = 2000;
+  MAX_TIMEOUT = 15000;
+  __print = function(msg, value) {
+    var info_css, result_css, tag, tag_css;
+    info_css = 'color: silver;';
+    if (value >= LCS_BAD) {
+      result_css = 'color: red; font-weight: bold;';
+      tag_css = 'color: red; font-weight: bold;';
+      tag = 'ERROR';
+    } else if (value >= LCS_OK) {
+      result_css = 'color: orange; font-style: italic;';
+      tag_css = 'color: orange; font-weight: bold;';
+      tag = 'WARN';
+    } else {
+      result_css = 'color: green;';
+      tag_css = 'color: green; font-weight: bold;';
+      tag = 'OK';
+    }
+    return console.debug('%cMEASURE: %c<%s> %c%s', info_css, tag_css, tag, result_css, msg);
+  };
+  __ttlTimeout = void 0;
+  __lcs = function() {
+    var __finTimeout, __unsub, clsValue, performanceObserver;
+    clsValue = 0;
+    __unsub = void 0;
+    __finTimeout = void 0;
+    performanceObserver = new PerformanceObserver(function(performanceEntryList) {
+      var entry, i, len, performanceEntries, results;
+      performanceEntries = performanceEntryList.getEntries();
+      if (__ttlTimeout != null) {
+        clearTimeout(__ttlTimeout);
+      }
+      __ttlTimeout = setTimeout(__unsub, TTL_TIMEOUT);
+      results = [];
+      for (i = 0, len = performanceEntries.length; i < len; i++) {
+        entry = performanceEntries[i];
+        if (!entry.hadRecentInput) {
+          clsValue += entry.value;
+          results.push(__print("lcs updated " + (clsValue.toFixed(3)) + "(+" + (entry.value.toFixed(3)) + ")", clsValue));
+        } else {
+          results.push(void 0);
+        }
+      }
+      return results;
+    });
+    console.debug('INIT LCS COUNTER...');
+    performanceObserver.observe({
+      type: 'layout-shift',
+      buffered: true
+    });
+    __unsub = function() {
+      performanceObserver.disconnect('layout-shift');
+      __ttlTimeout = void 0;
+      if (__finTimeout != null) {
+        clearTimeout(__finTimeout);
+        __finTimeout = void 0;
+      }
+      return __print("result " + (clsValue.toFixed(3)), clsValue);
+    };
+    return __finTimeout = setTimeout(__unsub, MAX_TIMEOUT);
+  };
+  __check_offset = function() {
+    if (window.scrollY <= 300) {
+      return setTimeout(__lcs, 1);
+    }
+  };
+  return setTimeout(__check_offset, 1);
+})(window);

data/app/assets/javascripts/crit-utils/mini_require.js

@@ -0,0 +1,124 @@
+(function(window, document) {
+  var _buildSubscriptions, _onload, _subscribe;
+  window.__required || (window.__required = {});
+  _onload = function(id) {
+    var callback, callbacks, results;
+    if (typeof __required[id] === 'undefined' || __required[id].loaded) {
+      return;
+    }
+    __required[id].loaded = true;
+    callbacks = __required[id].callbacks;
+    if (!Array.isArray(callbacks)) {
+      return;
+    }
+    results = [];
+    while (callbacks.length > 0) {
+      callback = callbacks.shift();
+      if (typeof callback === 'function') {
+        results.push(callback.call(window, __required[id]));
+      } else {
+        results.push(void 0);
+      }
+    }
+    return results;
+  };
+  _buildSubscriptions = function(id, node) {
+    var callback, data;
+    data = __required[id];
+    if (data.loaded) {
+      return;
+    }
+    callback = node.onload;
+    node.onload = function() {
+      return _onload(id);
+    };
+    if (typeof node.addEventListener === 'function') {
+      node.addEventListener('load', function() {
+        return _onload(id);
+      });
+    }
+    if (typeof node.attachEvent === 'function') {
+      node.attachEvent('load', function() {
+        return _onload(id);
+      });
+    }
+    if (typeof callback === 'function') {
+      return data.callbacks.push(callback);
+    }
+  };
+  _subscribe = function(id, callback) {
+    var data;
+    if (typeof __required[id] === 'undefined') {
+      return;
+    }
+    data = __required[id];
+    if (data.loaded) {
+      return setTimeout(callback, 0);
+    }
+    if (typeof callback === 'function') {
+      return data.callbacks.push(callback);
+    }
+  };
+  window.miniRequire || (window.miniRequire = function(key, source_url, callback) {
+    var id, src;
+    if (callback == null) {
+      callback = void 0;
+    }
+    key || (key = Math.random().toString(36).slice(2, 12));
+    id = "source_" + (key.replace(/[^a-z0-9_\-]+/ig, '_'));
+    __required[id] || (__required[id] = {
+      loaded: false,
+      callbacks: [],
+      started: false
+    });
+    if (!((source_url != null ? source_url.length : void 0) > 0)) {
+      return _subscribe(id, callback);
+    }
+    if (__required[id].started) {
+      return _subscribe(id, callback);
+    }
+    __required[id].started = true;
+    src = document.createElement('script');
+    src.id = id;
+    src.async = true;
+    src.defer = true;
+    src.src = source_url;
+    __required[id].node = src;
+    _buildSubscriptions(id, src);
+    _subscribe(id, callback);
+    document.body.appendChild(src);
+    return true;
+  });
+  return window.miniPreload || (window.miniPreload = function(params, callback) {
+    var id, key, source_url, src;
+    if (callback == null) {
+      callback = void 0;
+    }
+    key = params.key || Math.random().toString(36).slice(2, 12);
+    callback || (callback = params.callback);
+    source_url = params.src;
+    id = "source_" + (key.replace(/[^a-z0-9_\-]+/ig, '_'));
+    __required[id] || (__required[id] = {
+      loaded: false,
+      callbacks: [],
+      started: false
+    });
+    if (!((source_url != null ? source_url.length : void 0) > 0)) {
+      return _subscribe(id, callback);
+    }
+    if (__required[id].started) {
+      return _subscribe(id, callback);
+    }
+    __required[id].started = true;
+    src = document.createElement('link');
+    src.id = id;
+    src.rel = 'preload';
+    src.href = source_url;
+    src.as = params.as || 'style';
+    __required[id].node = src;
+    _buildSubscriptions(id, src);
+    _subscribe(id, callback);
+    document.head.appendChild(src);
+    return true;
+  });
+})(window, document);

data/app/assets/javascripts/crit-utils/wait_for.js

@@ -0,0 +1,35 @@
+(function(window) {
+  window.waitFor || (window.waitFor = function(key, deepCheck, interval) {
+    return function(callback) {
+      var _called, _timer, checker;
+      _timer = null;
+      _called = false;
+      setTimeout((function() {
+        if (!_called) {
+          return console.warn("not loaded component [" + key + "] in " + waitFor.timeout, typeof window[key]);
+        }
+      }), waitFor.timeout);
+      checker = function() {
+        if (_called || typeof window[key] === 'undefined') {
+          return;
+        }
+        if (typeof deepCheck === 'function') {
+          if (!deepCheck.call(window[key])) {
+            return;
+          }
+        }
+        clearInterval(_timer);
+        _called = true;
+        if (typeof callback !== 'function') {
+          return;
+        }
+        return callback.call(window[key], window[key]);
+      };
+      _timer = setInterval(checker, interval || waitFor.tick);
+      checker();
+      return null;
+    };
+  });
+  window.waitFor.timeout = waitFor.timeout || 30000;
+  window.waitFor.tick = waitFor.tick || 100;
+})(window);

data/app/helpers/critical_helper.rb

@@ -52,16 +52,40 @@ module CriticalHelper
     IziLightup::SmartPicture.render(object, *args, **xargs, &block)
   end
 
+  def debug_critical_css(scope_name = 'critical')
+    {
+      lookup: names_for_critical_lookup(scope_name),
+      found: find_scoped_css(scope_name)
+    }.to_json.html_safe
+  end
+
+  def names_for_critical_lookup(scope_name = 'critical', extname = '.css')
+    names = [
+      [controller_path, action_name].compact.join('_'),
+      controller_path,
+      *scoped_namespace_file,
+      [controller_name, action_name].compact.join('_'),
+      controller_name,
+    ].reject(&:blank?).uniq
+    names << nil
+
+    names.map { |l| "#{File.join([scope_name, l].compact)}#{extname}" }
+  end
+
   private
 
+  def scoped_namespace_file(_scope_name = nil)
+    scopes = []
+    return scopes if controller_path == controller_name
+
+    parts = controller_path.gsub(/\/#{controller_name}$/, '').split('/').reject(&:blank?)
+    parts.each { |p| scopes.unshift(File.join([scopes.first, p].compact)) }
+
+    scopes.uniq
+  end
+
   def find_scoped_css(scope_name)
-    [
-      File.join(scope_name, "#{controller_path}_#{action_name}.css"),
-      File.join(scope_name, "#{controller_path}.css"),
-      File.join(scope_name, "#{controller_name}_#{action_name}.css"),
-      File.join(scope_name, "#{controller_name}.css"),
-      "#{scope_name}.css"
-    ].detect { |n| asset_exist?(n) }
+    names_for_critical_lookup(scope_name).detect { |n| asset_exist?(n) }
   end
 
   def fetch_items(object, fields)
@@ -71,11 +95,15 @@ module CriticalHelper
   end
 
   def asset_exist?(name)
-    return find_asset_source(name)&.present? if Rails.env.development?
+    return find_asset_source(name)&.present? if compile_assets?
 
     manifest.assets.key?(name)
   end
 
+  def compile_assets?
+    Rails.application.config.assets.compile
+  end
+
   def find_asset_source(name)
     return find_sources_fallback(name) if old_manifest?
 
@@ -91,6 +119,21 @@ module CriticalHelper
   end
 
   def manifest
-    @manifest ||= Rails.application.assets_manifest
+    @manifest ||= find_or_build_assets_manifest
+  end
+
+  def find_or_build_assets_manifest
+    app = Rails.application
+
+    return app.assets_manifest if app.respond_to?(:assets_manifest)
+    return build_manifest(app.assets) if app.respond_to?(:assets)
+  end
+
+  def build_manifest(assets = [])
+    ::Sprockets::Manifest.new(assets, assets_output_dir)
+  end
+
+  def assets_output_dir
+    @assets_output_dir ||= Rails.root.join('public', Rails.application.config.assets.prefix.presence || 'assets')
   end
 end

data/lib/izi_lightup/engine.rb

@@ -1,18 +1,21 @@
 # frozen_string_literal: true
 
 module IziLightup
+  # GEM engine
   class Engine < ::Rails::Engine
     engine_name 'izi_lightup'
 
     require_relative 'extentions/autoload_paths'
 
-    config.assets.precompile += %w[
-      crit-utils/measure.js
-      crit-utils/bundle.js
+    initializer 'izi_lightup.assets.precompile' do |app|
+      app.config.assets.precompile += %w[
+        crit-utils/measure.js
+        crit-utils/bundle.js
 
-      loadCSS.js
-      cssrelpreload.js
-      crit-utils/async-css.js
-    ]
+        loadCSS.js
+        cssrelpreload.js
+        crit-utils/async-css.js
+      ]
+    end
   end
 end