async_futurize 0.1.8 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: efb1dbab4106704ac87569a7e33873fb67512f3b31eac1c6d3225b31ad5027bb
-  data.tar.gz: 88fe432f55ad26e737c26319cccfa8583e83353fad4e931bc4f25bcb2f81a583
+  metadata.gz: 9f1891d7183ce37d2b64efd34549e6022eb8cea45786a547064cec97c7925a16
+  data.tar.gz: 26b33f3cbe9960d1b2c0cfb668d5549ad88dbd893ef04457d430640944c60c30
 SHA512:
-  metadata.gz: a5fbb97ec38798f81a607f3586a71f11f0cad76f8882d944a6be8524dde58444a1c2d0dc05c26b429aaf6f9ef3f095e47aa0e19f24dd98547faa6a4ba42b0d97
-  data.tar.gz: c8189fd75e8ef5f168723bf37c38d79705b0e29b232748093ed304932443dea7d100636364848cc6a0f3710cdb22cd399a9a56b4cda10e663881236e55c5f658
+  metadata.gz: 49f4ed9cfc115a9f3f0ddece36c6d6227cb120e351a0efec98bd45b927294c0d3405a7505575520d8cec4e7d59d8588a03263f4f5d522b321d0a4793a90527fb
+  data.tar.gz: ceedc2ca87a2dc6077847710ce2ec78080aa7e9237ade86d15b9072b5b44e6d30488ec8ae393a4bcda746192c4bfea3f96c1852e1da5e01dbb5b043478ab53d7

data/lib/async_futurize.rb

@@ -3,7 +3,6 @@
 require_relative "async_futurize/version"
 require_relative '../app/helpers/futurize_helper.rb'
 require_relative '../app/controllers/async_futurize/futurize_controller.rb'
-require_relative '../app/javascript/packs/futurize.js'
 
 module AsyncFuturize
   class Base

data/lib/async_futurize/version.rb

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

data/vendor/assets/javascripts/futurize.js

@@ -0,0 +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])
+        }
+      }
+    },
+  
+    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]');
+  })

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: async_futurize
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Ashesh Tuladhar
@@ -35,6 +35,7 @@ files:
 - lib/async_futurize.rb
 - lib/async_futurize/engine.rb
 - lib/async_futurize/version.rb
+- vendor/assets/javascripts/futurize.js
 homepage: https://gitlab.com/asheshtuldhar/async_futurize
 licenses:
 - MIT