async_futurize 0.1.10 → 0.1.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 54a2ffe3a30c4bae87a3d167fad40d50ab746ca8646f9f54e83bc53a4cda9434
-  data.tar.gz: 8e45e89b5db8955ccec5c5c64a6b28a0195bf2998f3b4beedb342a51004ff25d
+  metadata.gz: a12b25da2b5758f71855d8b5ed5c957ea175eb4318fc84ffb4d382af161dd347
+  data.tar.gz: 547abd3295c49f82ed4cde236e84bace98e0584198ede046ef5afb032e6ed91f
 SHA512:
-  metadata.gz: 06bac83343261bb75fa4b2ee08ed419c6d83c1f6459cf0102f693c1a8e5bcc338bb3dde4e2b6ff4eca58a82a2b4bdb72ca4c59e7c8d118f5caf4fd82774a4a37
-  data.tar.gz: e085f393dd0634b79a817d9eda95eccdec981d8ac0f6ebc979d05199b4fb9618967af97b3b9a77d375a5484149796bc761487cb072ac2476e2a5e28db73586c9
+  metadata.gz: dd6ba71e1b44595f4a60f7fea88e19e5e1e5c0d192b2b5a38ec2631f415890792ceaa5dde422f22e8adc83ebb39b9ea512eaf063116f7127dbc5ce488b357193
+  data.tar.gz: 99795b75406f43751e4e03e960d71c939b79e5e63311c748413d1a39fd9c9e5c4103d268f6949078ae30ca3bd681d565d5c3d17d5048d1197dbe27ecc921e7cd

data/app/controllers/async_futurize/futurize_controller.rb

@@ -1,5 +1,5 @@
 module AsyncFuturize
-  class FuturizeController < ApplicationController
+  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.10"
+  VERSION = "0.1.15"
 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.10
+  version: 0.1.15
 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]');
-})