opal-virtual-dom 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d0fbce5e7fa3d1ed96e8563dd882dc9e6ae1220f
-  data.tar.gz: 015720ea081ebf2899d23a895a88da3cfff019c2
+  metadata.gz: 96d8fc092f2b2c0071b9c4f92d3e4695f2c9ce5e
+  data.tar.gz: 0afbc413e5c4e801371d3baf6621083ff6cbd8db
 SHA512:
-  metadata.gz: 95d46a72a130793814ad75cd53f8ac1af3de3dad1ff3e6f23d67a24d8395925e62fb0eeb5c5eab251d43fd57fade10eace5a6c25bdcc52ef2e38e66ffbcfcf57
-  data.tar.gz: de28efb4b7f1a522d3e0f0ea237fd501b4aa650c3137e91df17c5b6b8efe324133abc18ddd4531d90fb03e47b3d3fa049c7773f84af21ef1251c5015de933835
+  metadata.gz: 682a9f128684da190e267aefa56ea2d7feb06b4c08eb092172bc3bd4f2ed04348160bc49e9663c66f4b4e5b2c9a6070a7c290510090f2dae34d3c5d576214a43
+  data.tar.gz: e65b248bbb68d1cd069cacda0cb94c0ecb3e5709f8d49604aa47bf409becaac2fb2419e49c5a3046d768d391bad96478a95d3b3f34a1a5e949e3bf2017581eff

data/.codeclimate.yml

@@ -0,0 +1,2 @@
+exclude_paths:
+  - opal/vendor/*

data/README.md

@@ -2,7 +2,11 @@
 [![Gem Version](https://badge.fury.io/rb/opal-virtual-dom.svg)](http://badge.fury.io/rb/opal-virtual-dom)
 [![Code Climate](https://codeclimate.com/github/fazibear/opal-virtual-dom/badges/gpa.svg)](https://codeclimate.com/github/fazibear/opal-virtual-dom)
 
-## usage
+## Description
+
+Opal wrapper for [virtual-dom](https://github.com/Matt-Esch/virtual-dom) javascript library. For more information see [virtual-dom wiki page](https://github.com/Matt-Esch/virtual-dom/wiki).
+
+## Usage
 
 Server side (config.ru, Rakefile, Rails, Sinatra, etc.)
 
@@ -15,7 +19,10 @@ Browser side
 ```ruby
 require 'opal'
 require 'browser'     # not required
-require 'virtual-dom'
+require 'virtual_dom'
+
+# if you're using broser and you want to have events and elements wrapped
+require 'virtual_dom/external_support/browser'
 
 class SampleList
   include VirtualDOM
@@ -24,8 +31,12 @@ class SampleList
     @elements = elements
   end
 
+  def create_hook(node, name, previous)
+    puts "I'm created: #{node}"
+  end
+
   def render
-    ul class: 'simple-list' do
+    ul class: 'simple-list', hook: Hook.method(:create_hook) do
       @elements.each do |string|
         li do
           text string

data/opal-virtual-dom.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'opal-virtual-dom'
-  s.version     = '0.3.0'
+  s.version     = '0.4.0'
   s.authors     = ['Michał Kalbarczyk']
   s.email       = 'fazibear@gmail.com'
   s.homepage    = 'http://github.com/fazibear/opal-virtual-dom'

data/opal/virtual_dom.rb

@@ -2,6 +2,8 @@ require 'vendor/virtual-dom'
 require 'virtual_dom/virtual_node'
 require 'virtual_dom/wrapper'
 require 'virtual_dom/dom'
+require 'virtual_dom/hook'
+require 'virtual_dom/external_support'
 
 module VirtualDOM
   include VirtualDOM::DOM

data/opal/virtual_dom/dom.rb

@@ -43,17 +43,9 @@ module VirtualDOM
       params
     end
 
-    if defined?(Browser::Event)
-      def event_callback(v)
-        proc do |e|
-          v.call(Browser::Event.new(e))
-        end
-      end
-    else
-      def event_callback(v)
-        proc do |e|
-          v.call(Native(e))
-        end
+    def event_callback(v)
+      proc do |e|
+        v.call(ExternalSupport.wrap_event(e))
       end
     end
 

data/opal/virtual_dom/external_support.rb

@@ -0,0 +1,13 @@
+module VirtualDOM
+  module ExternalSupport
+    module_function
+
+    def wrap_node(node)
+      Native(node)
+    end
+
+    def wrap_event(event)
+      Native(event)
+    end
+  end
+end

data/opal/virtual_dom/external_support/browser.rb

@@ -0,0 +1,13 @@
+module VirtualDOM
+  module ExternalSupport
+    module_function
+
+    def wrap_node(node)
+      Browser::DOM::Element.new(node)
+    end
+
+    def wrap_event(event)
+      Browser::Event.new(event)
+    end
+  end
+end

data/opal/virtual_dom/hook.rb

@@ -0,0 +1,44 @@
+module VirtualDOM
+  class CommonHook
+    def self.method(mthd)
+      new do |node, name, previous|
+        mthd.call(node, name, previous)
+      end
+    end
+
+    def initialize(&block)
+      @block = block
+    end
+
+    def to_n
+      self
+    end
+
+    def call_block(node, name, previous)
+      node = ExternalSupport.wrap_node(node)
+      name = Native(name)
+      previous = Native(previous)
+      @block.call(node, name, previous)
+    end
+  end
+
+  class Hook < CommonHook
+    %x{
+      Opal.defn(self, 'hook', function(node, name, previous) {
+        var self = this;
+        #{call_block(`node`, `name`, `previous`)};
+      });
+      Opal.defn(self, 'unhook', function(node, name, previous) {});
+    }
+  end
+
+  class UnHook < CommonHook
+    %x{
+      Opal.defn(self, 'unhook', function(node, name, previous) {
+        var self = this;
+        #{call_block(`node`, `name`, `previous`)};
+      });
+      Opal.defn(self, 'hook', function(node, name, previous) {});
+    }
+  end
+end

data/opal/virtual_dom/virtual_node.rb

@@ -1,17 +1,17 @@
 module VirtualDOM
   class VirtualNode
-    def initialize(name, params = {}, childrens = [])
+    def initialize(name, params = {}, children = [])
       @name = name
       @params = params
-      @childrens = childrens
+      @children = children
     end
 
     def to_n
-      `virtualDom.h(#{@name}, #{@params.to_n}, #{@childrens})`
+      `virtualDom.h(#{@name}, #{@params.to_n}, #{@children})`
     end
 
     def to_s
-      "<#{@name}#{to_s_params}>#{@childrens.map(&:to_s).join}</#{@name}>"
+      "<#{@name}#{to_s_params}>#{@children.map(&:to_s).join}</#{@name}>"
     end
 
     def to_s_params

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: opal-virtual-dom
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Michał Kalbarczyk
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-11-28 00:00:00.000000000 Z
+date: 2016-04-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -44,6 +44,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".codeclimate.yml"
 - ".gitignore"
 - Gemfile
 - LICENSE.md
@@ -56,6 +57,9 @@ files:
 - opal/virtual-dom.rb
 - opal/virtual_dom.rb
 - opal/virtual_dom/dom.rb
+- opal/virtual_dom/external_support.rb
+- opal/virtual_dom/external_support/browser.rb
+- opal/virtual_dom/hook.rb
 - opal/virtual_dom/virtual_node.rb
 - opal/virtual_dom/wrapper.rb
 homepage: http://github.com/fazibear/opal-virtual-dom
@@ -77,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: virtual-dom wrapper for opal