async_futurize 0.1.11 → 0.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 86b609afd7ae960588a5e6abfe7726a4d1fe49167775e751f1dbcb5abfced1a9
-  data.tar.gz: 847b036f3275fb1b177c0e8113b34c81e12d2498f5109524cd74f561e478ebdf
+  metadata.gz: 0f9e384fc9d4d5147760b05340d78da619382699a067a96aa4f054bdea11b332
+  data.tar.gz: 2db1b001acc015d13fcb8b1d2a8bdc5e55d34990fa49f1d2752109da39125c59
 SHA512:
-  metadata.gz: 128fce6cbde1c4608d55379de82c1539cb2c00defd904741b46efd5697a4fadd1cbfcd7e057864a1c4bf3b24d3d44434abdc2e1ca05dee4d61de22dc2da1d90b
-  data.tar.gz: d2c0867acfd3f32114633d64be844c58f729cf0bded44ea40ebf48a4eea658004836ac0e69b2fdeeaae26545122ad1614b832523337622342a06c14ceb7b1dc8
+  metadata.gz: 769aa4b0b2fe39c416feb949e637d7940d5e8b7eddce35d1b6b4e3907c95e3f403c781c7fd7f3d203b924b66ea24deeb96e01bfa3c91194e900ad57621de8d31
+  data.tar.gz: ceeb0a088b97666d903cacad0ee9539f2804fdfd7eb293539afb643de8d565fccd491b8d79e3272c2fee251ce70da4bc8c020d858feaf67349181c6b56cd1a17

data/app/controllers/async_futurize/futurize_controller.rb

@@ -1,7 +1,9 @@
-class FuturizeController < ApplicationController
-    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) }
-    end
+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) }
+      end
+  end
 end
   

data/lib/async_futurize/engine.rb

@@ -1,4 +1,5 @@
 module AsyncFuturize
   class Engine < Rails::Engine
+    config.assets.precompile += %w(futurize.js) 
   end
 end

data/lib/async_futurize/version.rb

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

data/vendor/assets/javascripts/futurize.js

@@ -1,50 +1,51 @@
+console.log('Futurize loaded ..')
 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.11
+  version: 0.1.16
 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]');
-})