lazy_loading_page 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5af87dfee621fc240bc5285b2dfea1f4e8c1be00
-  data.tar.gz: 3989e27efdfb2a07413b10105897f200256b2dc2
+  metadata.gz: 5f42ce0f16db8cab516d15e1cb5890dd790ba0ec
+  data.tar.gz: a6843952f4ac0215fd8f74ffca3ba77bd708ebce
 SHA512:
-  metadata.gz: 1a5b9e2d099300039bbc1ba4825f7a0ac2603c6bea5b348b7830fde5763e8089579d870d3cb2d2563256197e104921f3a48cf94a319ac2f454ae0be6a74915e7
-  data.tar.gz: 84bf6a37a8f9b7219fc61ba764d501c55539d0809ac078e9cc9b2158cfbf1b9a2d690fe71254c6ae469ff4aabfdf964e1470397fe5598c86c50d8378b7e395d8
+  metadata.gz: 905d70581a1bc15b9a10287319dd8a937eac3bd3c53e675c7814930fc43d61bae3ef828022a6216628ff213b9fa59acc544f97cf9ec6e4f2551792f526a9cf5f
+  data.tar.gz: 7950c3bee4503cb2a729a4037cd6d9e2c66e1211453d3508b340a082981473f6f6473d4b6a459b9900b2fb960cd32e11c6f4d073f9bbefc527c704f9d2edee86

data/README.md

@@ -1,9 +1,9 @@
 # lazy_loading_page
-***Load page lazily as an when required***
+***Load page lazily as and when required***
 ***
 
 
-lazy_loading_page is a gem that helps to **load page lazily** that is as an **when required**. The gem ***reduces page load time*** and ***reduces server ram*** by loading important content of the page in the first call and then by triggering calls to load the remaining page. The gem give **Reactjs** like **functionality** in your ruby-on-rails application.
+lazy_loading_page is a gem that helps to **load page lazily** that is as and **when required**. The gem ***reduces page load time*** and ***reduces server ram*** by loading important content of the page in the first call and then by triggering calls to load the remaining page. The gem give **Reactjs** like **functionality** in your ruby-on-rails application.
 
 ## Installation
 
@@ -118,3 +118,7 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create a new Pull Request
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/lib/lazy_loading_page/engine.rb

@@ -1,10 +1,11 @@
+require "lazy_load/rails"
 module LazyLoadingPage
   class Engine < ::Rails::Engine
     isolate_namespace LazyLoadingPage
 
-    initializer 'lazy_loading_page.action_controller' do |app|
+    initializer 'lazy_load-rails.action_controller' do |app|
       ActiveSupport.on_load :action_controller do
-        helper LazyLoadingPage::ApplicationHelper
+        helper LazyLoad::Rails::ApplicationHelper
       end
     end
   end

data/lib/lazy_loading_page/version.rb

@@ -1,3 +1,3 @@
 module LazyLoadingPage
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lazy_loading_page
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Jignesh Satam
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-04-08 00:00:00.000000000 Z
+date: 2017-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -24,6 +24,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: lazy_load-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -38,7 +52,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: LazyLoadingPage loads heay pages lazily that is as an when required.
+description: LazyLoadingPage loads heavy pages lazily that is as and when required.
   Single heavy request is broken in small requests, so no timeouts and no congestion
   of requests. The gem reduces page load time and reduces server ram by loading important
   content of the page in the first call and then by triggering calls to load the remaining
@@ -53,9 +67,6 @@ files:
 - README.md
 - README.rdoc
 - Rakefile
-- app/assets/javascripts/lazy_load.js
-- app/assets/stylesheets/lazy_load.css
-- app/helpers/lazy_loading_page/application_helper.rb
 - config/routes.rb
 - lib/lazy_loading_page.rb
 - lib/lazy_loading_page/engine.rb
@@ -121,7 +132,7 @@ rubyforge_project:
 rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
-summary: LazyLoadingPage loads heay pages lazily that is as an when required. Single
+summary: LazyLoadingPage loads heay pages lazily that is as and when required. Single
   heavy request is broken in small requests.
 test_files:
 - test/dummy/app/assets/javascripts/application.js

data/app/assets/javascripts/lazy_load.js

@@ -1,196 +0,0 @@
-("turbolinks:load DOMContentLoaded ready".split(" ")).forEach(function(e){
-  if (window.lazyLoaderInitialize === undefined) {
-    document.addEventListener(e, function() {
-      lazyLoad();
-    });
-    window.lazyLoaderInitialize = true;
-  }
-});
-
-function lazyLoad(){
-  var $lazy_loaders = document.querySelectorAll(".lazy_load:not([data-later='true']):not([data-loading='started'])");
-  lazyLoadElements($lazy_loaders);
-}
-
-function lazyLoadElements(elements){
-  for (var i = 0; i < elements.length; i++) {
-    (function(i){
-      $lazy_loader = elements[i];
-      lazyLoadElement($lazy_loader);
-    })(i);
-  };
-}
-
-function delayedLoading(ele){
-  if ((ele instanceof NodeList) || ((window.jQuery !== undefined || window.$ !== undefined) && (ele instanceof jQuery))) {
-    lazyLoadElements(ele);
-  }
-  else if(ele instanceof HTMLElement){
-    lazyLoadElement(ele);
-  }
-}
-
-function lazyLoadElement(ele){
-  if (!ele.classList.contains("lazy_load"))
-    return false;
-  var id = ele.getAttribute("data-id");
-  var url = ele.getAttribute("data-url");
-  if (ele.getAttribute("data-loader") != "false")
-    addLoader(ele);
-  var xhttp = new XMLHttpRequest();
-  xhttp.onreadystatechange = function(){ajaxCallback(xhttp, id);};
-  xhttp.open("GET", url, true);
-  if (ele.getAttribute("data-type") == "script")
-    xhttp.setRequestHeader('Accept', 'text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*');
-  if (ele.getAttribute("data-type") == "json")
-    xhttp.setRequestHeader('Accept', "application/json, text/javascript, */*");
-  xhttp.setRequestHeader("X-CSRF-Token", document.querySelector("[name='csrf-token']").content);
-  xhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
-  xhttp.send();
-  ele.setAttribute("data-loading", "started");
-}
-
-function addLoader(ele){
-  if (document.querySelector("[data-id='"+ ele.getAttribute("data-id") +"'][class='loading-container']"))
-    return false;
-  var loader_img = document.createElement("div");
-  loader_img.setAttribute("class", "loading-container");
-  loader_img.setAttribute("data-id", ele.getAttribute("data-id"));
-  if (["script", "json"].indexOf(ele.getAttribute("data-type")) >= 0)
-    loader_img.setAttribute("data-type", ele.getAttribute("data-type"));
-  if (ele.getAttribute("data-success") != null)
-    loader_img.setAttribute("data-success", ele.getAttribute("data-success"));
-  if (ele.getAttribute("data-failure") != null)
-    loader_img.setAttribute("data-failure", ele.getAttribute("data-failure"));
-  if (ele.getAttribute("data-complete") != null)
-    loader_img.setAttribute("data-complete", ele.getAttribute("data-complete"));
-  var span = document.createElement("span");
-  span.setAttribute("class", "loading-indicator");
-  for(var j=0; j<3; j++){
-    var i = document.createElement("i");
-    span.appendChild(i);
-  }
-  loader_img.appendChild(span);
-  ele.parentElement.replaceChild(loader_img, ele);
-  loader_img.appendChild(ele);
-}
-
-function ajaxCallback(xhttp, id) {
-  var elementToReplace = document.querySelectorAll("[data-id='"+id+"']")[0];
-  switch(xhttp.readyState) {
-    case XMLHttpRequest.UNSENT:
-      // code block
-      break;
-    case XMLHttpRequest.OPENED:
-      // code block
-      break;
-    case XMLHttpRequest.HEADERS_RECEIVED:
-      // code block
-      break;
-    case XMLHttpRequest.LOADING:
-      // code block
-      break;
-    case XMLHttpRequest.DONE:
-      requestComplete(xhttp, elementToReplace);
-      callbackFor(elementToReplace, "complete", xhttp);
-      break;
-    default:
-      requestComplete(xhttp, elementToReplace);
-      callbackFor(elementToReplace, "complete", xhttp);
-      break;
-  }
-}
-
-function requestComplete(xhttp, elementToReplace){
-  if (xhttp.status == 200) {
-    requestSuccess(xhttp, elementToReplace);
-    callbackFor(elementToReplace, "success", xhttp);
-  }
-  else{
-    requestFailure(xhttp, elementToReplace)
-    callbackFor(elementToReplace, "failure", xhttp);
-  }
-}
-
-function requestSuccess(xhttp, elementToReplace){
-  var parentElement = elementToReplace.parentNode;
-  if (elementToReplace.getAttribute("data-type") == "script"){
-  // if(true){
-    javascriptResponseActions(xhttp, parentElement, elementToReplace);
-  }
-  else if(elementToReplace.getAttribute("data-type") == "json"){
-    // JSON.parse(xhttp.response);
-    parentElement.removeChild(elementToReplace);
-  }
-  else{
-    plainResponseActions(xhttp, parentElement, elementToReplace);
-  }
-  lazyLoad();
-}
-
-function requestFailure(xhttp, elementToReplace){
-  if (elementToReplace.classList.contains("loading-container"))
-    elementToReplace = elementToReplace.querySelector('.lazy_load')
-  loadElement(elementToReplace);
-}
-
-function javascriptResponseActions(xhttp, parentElement, elementToReplace){
-  var newScript = document.createElement("script");
-  newScript.innerHTML = xhttp.responseText;
-  parentElement.insertBefore(newScript, elementToReplace);
-  parentElement.removeChild(elementToReplace);
-}
-
-function plainResponseActions(xhttp, parentElement, elementToReplace){
-  var parser = new DOMParser();
-  var doc = parser.parseFromString(xhttp.responseText, "text/html");
-  var newElements = doc.querySelector("body");
-  if (window.$ !== undefined){
-  // if (false){
-    new_ele = $(xhttp.responseText);
-    if (newElements !== null){
-      new_ele = $(newElements.innerHTML);
-    }
-    $(elementToReplace).replaceWith(new_ele);
-  }
-  else{
-    var template = document.createElement("template");
-    if (newElements !== null){
-      template.innerHTML = newElements.innerHTML;
-    }
-    else{
-      template.innerHTML = xhttp.responseText;
-    }
-    var childNodes = template.content.childNodes
-    var newElement = elementToReplace
-    var scriptTags = [];
-    for(var i= childNodes.length-1; i>=0 ; i--){
-      newPreviousElement = childNodes[i];
-      parentElement.insertBefore(newPreviousElement, newElement);
-      if(newPreviousElement.nodeName == "SCRIPT"){
-        scriptTags.push(newPreviousElement.textContent);
-        eval();
-      }
-      newElement = newPreviousElement;
-    }
-    runScripts(scriptTags);
-    parentElement.removeChild(elementToReplace);
-  }
-}
-
-function runScripts(scriptTags){
-  scriptTags.forEach( function(scriptTag){
-    eval(scriptTag)
-  });
-}
-
-function callbackFor(ele, option, xhttp){
-  var userFunction = ele.getAttribute("data-"+ option);
-  if (userFunction !== null){
-    userFunctionArray = userFunction.split("(");
-    var extractAttributes = userFunctionArray[1].split(")")[0];
-    var attributes = extractAttributes.split(",").map(function(arg){return arg.trim()})
-    var functionName = userFunctionArray[0];
-    eval(functionName).apply(xhttp, attributes);
-  }
-}

data/app/assets/stylesheets/lazy_load.css

@@ -1,49 +0,0 @@
-@-webkit-keyframes bouncedelay {
-  0%, 100%, 80% {
-    -webkit-transform: scale(0);
-    transform: scale(0)
-  }
-  40% {
-    -webkit-transform: scale(1);
-    transform: scale(1)
-  }
-}
-@keyframes bouncedelay {
-  0%, 100%, 80% {
-    -webkit-transform: scale(0);
-    transform: scale(0)
-  }
-  40% {
-    -webkit-transform: scale(1);
-    transform: scale(1)
-  }
-}
-.loading-indicator{
-  display: inline-block;
-  vertical-align: middle;
-}
-.loading-indicator i{
-  position: relative;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  background-color: #A6ADAD;
-  border-radius: 50%;
-  line-height: 0;
-  -webkit-transform-origin: center center;
-  transform-origin: center center;
-  -webkit-animation: bouncedelay 1.3s infinite linear;
-  animation: bouncedelay 1.3s infinite linear
-}
-.loading-indicator i:nth-child(2){
-  -webkit-animation-delay: .3s;
-  animation-delay: .3s
-}
-.loading-indicator i:nth-child(3){
-  -webkit-animation-delay: .6s;
-  animation-delay: .6s
-}
-.loading-container {
-  text-align: center;
-  padding: 1em 1em
-}

data/app/helpers/lazy_loading_page/application_helper.rb

@@ -1,18 +0,0 @@
-module LazyLoadingPage
-  module ApplicationHelper
-    def lazy_load(url, options = {})
-      options = options.symbolize_keys
-      id = options[:id].presence
-      classes = ("lazy_load " + options[:class] rescue "lazy_load")
-      params = options[:params]
-      data_merge_hash = {}
-      options[:later].present? && (options[:later].to_s.downcase == "true") && (data_merge_hash[:later] = true)
-      options[:loader].present? && (options[:loader].to_s.downcase == "off") && (data_merge_hash[:loader] = false)
-      options[:type].present? && (["script", "json"].include?(options[:type])) && (data_merge_hash[:type] = options[:type])
-      options[:success].present? && data_merge_hash[:success] = options[:success]
-      options[:failure].present? && data_merge_hash[:failure] = options[:failure]
-      options[:complete].present? && data_merge_hash[:complete] = options[:complete]
-      content_tag("input", nil, type:"hidden", id: id, class: classes, data: {id: SecureRandom.uuid, url: url}.merge!(data_merge_hash))
-    end
-  end
-end