first draft of defer feature

Author: jonasjabari

app/concepts/matestack/ui/core/async/async.js

@@ -42,6 +42,13 @@ const componentDef = {
     if(this.componentConfig["hide_on"] != undefined){
       this.showing = true
     }
+    if(this.componentConfig["defer"] != undefined){
+      if(!isNaN(this.componentConfig["defer"])){
+        setTimeout(function () {
+          self.rerender()
+        }, parseInt(this.componentConfig["defer"]));
+      }
+    }
   },
   beforeDestroy: function() {
     const self = this

app/lib/matestack/ui/core/page_node.rb

@@ -55,7 +55,15 @@ def method_missing meth, *args, &block
           end
 
           if block_given?
-            @hash[current_node]["components"] = PageNode.build(@page_instance, included, &block)
+            if args.first.is_a?(Hash) && args.first[:defer].present?
+              if args.first[:url_params].present? && args.first[:url_params][:component_key].present?
+                @hash[current_node]["components"] = PageNode.build(@page_instance, included, &block)
+              else
+                return
+              end
+            else
+              @hash[current_node]["components"] = PageNode.build(@page_instance, included, &block)
+            end
           end
         end
       end

spec/dummy/app/matestack/pages/my_app/my_first_page.rb

@@ -1,4 +1,8 @@
 class Pages::MyApp::MyFirstPage < Matestack::Ui::Page
+  #
+  # def prepare
+  #   @count = DummyModel.all.count
+  # end
 
   def response
     components {
@@ -7,6 +11,21 @@ def response
       div id: "some-id", class: "some-class" do
         plain "hello from page 1"
       end
+      onclick emit: "test" do
+        button text: "rerender"
+      end
+      async defer: true, url_params: context[:params] do
+        partial :my_deferred_scope
+      end
+    }
+  end
+
+  def my_deferred_scope
+    @count = DummyModel.all.count
+    partial {
+      div do
+        plain "#{@count}"
+      end
     }
   end