async_futurize 0.1.9 → 0.1.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9f1891d7183ce37d2b64efd34549e6022eb8cea45786a547064cec97c7925a16
-  data.tar.gz: 26b33f3cbe9960d1b2c0cfb668d5549ad88dbd893ef04457d430640944c60c30
+  metadata.gz: c63b2ef9df6d0dcc4efafe3bc8bccc3fd051860c8148a536236c4e71afcf98c5
+  data.tar.gz: c9993ee0111d0ecbee32135237f81bc97ae099ab34663917832d2f07d436f99d
 SHA512:
-  metadata.gz: 49f4ed9cfc115a9f3f0ddece36c6d6227cb120e351a0efec98bd45b927294c0d3405a7505575520d8cec4e7d59d8588a03263f4f5d522b321d0a4793a90527fb
-  data.tar.gz: ceedc2ca87a2dc6077847710ce2ec78080aa7e9237ade86d15b9072b5b44e6d30488ec8ae393a4bcda746192c4bfea3f96c1852e1da5e01dbb5b043478ab53d7
+  metadata.gz: 968ff7005a711e286d545036ac6a321a87b16b026ed7291f1725f673af81ce6f210f4f8ca7edf371a1c5490d048b012439799c51549afddc7d7f8b84abbc8114
+  data.tar.gz: 8fef187c24d73c1b74da4e1ea1907cef8db424b0ab40a36ec69360019ad39822e24cd68b1201258cf49f4bff010b43b41e63a6df94d7def1836d2c3a6dcb37ca

data/app/controllers/async_futurize/futurize_controller.rb

@@ -1,5 +1,5 @@
-module async_futurize
-  class FuturizeController < ApplicationController
+module AsyncFuturize
+  class FuturizeController
       def loadComponent
         locals = { component: params[:component_to_load], component_params: params[:component_params] }
         render json: { component: params[:component_to_load], html: render_to_string(partial: './futurize_component_ajax', locals: locals) }

data/lib/async_futurize/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module AsyncFuturize
-  VERSION = "0.1.9"
+  VERSION = "0.1.14"
 end

data/vendor/assets/javascripts/futurize.js

@@ -1,50 +1,50 @@
 global.FuturizeComponent = {    
-    init: function (css_selector) {
-      var obj = document.querySelectorAll(css_selector);
-      for (var i in obj) {
-        if (obj.hasOwnProperty(i)) {
-          //console.log(obj[i].getAttribute('data-futurize-component'));
-          this.load_component(obj[i])
-        }
+  init: function (css_selector) {
+    var obj = document.querySelectorAll(css_selector);
+    for (var i in obj) {
+      if (obj.hasOwnProperty(i)) {
+        //console.log(obj[i].getAttribute('data-futurize-component'));
+        this.load_component(obj[i])
       }
-    },
-  
-    reload: function(css_selector) {
-      document.querySelectorAll(css_selector).forEach(function(o) {
-        o.innerHTML = ""
-      })
-    },
-  
-    load_component: function (obj) {
-      var component_name = obj.getAttribute('data-futurize-component'),
-          component_params = obj.getAttribute('data-futurize-params');
-  
-      if (obj.innerHTML.trim().length <= 0) {
-        obj.innerHTML = 'Loading....';
-      }
-  
-      var AUTH_TOKEN = document.querySelector('meta[name=csrf-token]').getAttribute('content');
-      fetch('/home/loadComponent', {
-        mode: 'same-origin',
-        method: 'POST',
-        dataType: 'json',
-        body : JSON.stringify({ component_to_load: component_name, component_params: component_params }),
-        headers:  {
-          'Content-Type': 'application/json',
-          'X-CSRF-Token' : AUTH_TOKEN,
-        },
-      })
-      .then(response => response.json())
-      .then(data => {
-        obj.innerHTML = data.html
-        obj.querySelectorAll("script").forEach(function(o) {
-          eval(o.innerHTML)
-        })
-      }).catch((error) => {
-        console.error('Error:', error);
-      });
     }
+  },
+
+  reload: function(css_selector) {
+    document.querySelectorAll(css_selector).forEach(function(o) {
+      o.innerHTML = ""
+    })
+  },
+
+  load_component: function (obj) {
+    var component_name = obj.getAttribute('data-futurize-component'),
+        component_params = obj.getAttribute('data-futurize-params');
+
+    if (obj.innerHTML.trim().length <= 0) {
+      obj.innerHTML = 'Loading....';
+    }
+
+    var AUTH_TOKEN = document.querySelector('meta[name=csrf-token]').getAttribute('content');
+    fetch('/home/loadComponent', {
+      mode: 'same-origin',
+      method: 'POST',
+      dataType: 'json',
+      body : JSON.stringify({ component_to_load: component_name, component_params: component_params }),
+      headers:  {
+        'Content-Type': 'application/json',
+        'X-CSRF-Token' : AUTH_TOKEN,
+      },
+    })
+    .then(response => response.json())
+    .then(data => {
+      obj.innerHTML = data.html
+      obj.querySelectorAll("script").forEach(function(o) {
+        eval(o.innerHTML)
+      })
+    }).catch((error) => {
+      console.error('Error:', error);
+    });
   }
-  document.addEventListener('DOMContentLoaded', function () {
-    FuturizeComponent.init('[data-futurize-component]');
-  })
+}
+document.addEventListener('DOMContentLoaded', function () {
+  FuturizeComponent.init('[data-futurize-component]');
+})

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: async_futurize
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.14
 platform: ruby
 authors:
 - Ashesh Tuladhar
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-02-09 00:00:00.000000000 Z
+date: 2021-02-10 00:00:00.000000000 Z
 dependencies: []
 description: Asynchronously load view components.
 email:
@@ -26,7 +26,6 @@ files:
 - Rakefile
 - app/controllers/async_futurize/futurize_controller.rb
 - app/helpers/futurize_helper.rb
-- app/javascript/packs/futurize.js
 - app/views/_futurize_component_ajax.html.erb
 - app/views/_futurize_partial_ajax.html.erb
 - async_futurize.gemspec

data/app/javascript/packs/futurize.js

@@ -1,50 +0,0 @@
-global.FuturizeComponent = {    
-  init: function (css_selector) {
-    var obj = document.querySelectorAll(css_selector);
-    for (var i in obj) {
-      if (obj.hasOwnProperty(i)) {
-        //console.log(obj[i].getAttribute('data-futurize-component'));
-        this.load_component(obj[i])
-      }
-    }
-  },
-
-  reload: function(css_selector) {
-    document.querySelectorAll(css_selector).forEach(function(o) {
-      o.innerHTML = ""
-    })
-  },
-
-  load_component: function (obj) {
-    var component_name = obj.getAttribute('data-futurize-component'),
-        component_params = obj.getAttribute('data-futurize-params');
-
-    if (obj.innerHTML.trim().length <= 0) {
-      obj.innerHTML = 'Loading....';
-    }
-
-    var AUTH_TOKEN = document.querySelector('meta[name=csrf-token]').getAttribute('content');
-    fetch('/home/loadComponent', {
-      mode: 'same-origin',
-      method: 'POST',
-      dataType: 'json',
-      body : JSON.stringify({ component_to_load: component_name, component_params: component_params }),
-      headers:  {
-        'Content-Type': 'application/json',
-        'X-CSRF-Token' : AUTH_TOKEN,
-      },
-    })
-    .then(response => response.json())
-    .then(data => {
-      obj.innerHTML = data.html
-      obj.querySelectorAll("script").forEach(function(o) {
-        eval(o.innerHTML)
-      })
-    }).catch((error) => {
-      console.error('Error:', error);
-    });
-  }
-}
-document.addEventListener('DOMContentLoaded', function () {
-  FuturizeComponent.init('[data-futurize-component]');
-})