opal-virtual-dom 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c56e43b7c45be94787d99ca10c30bf46db403f9e
+  data.tar.gz: 55e255e70937cbc43f0fedc862a8435ae5d7533f
+SHA512:
+  metadata.gz: 99336d26f7a317f6a95f5a48f75b2ac833e1a9050489af078d30fffc3aca32b8749f98545e3ed24409e01b86d46f623c18a2de42c30ab2d7882f5f1348d72103
+  data.tar.gz: 4e8bf55b6534d825fd266355d9ce87b705a232cf8a41d1d1ea952abca0941c915beeeb3652cd723ac78036097115fe2f6cf835b09e31c42125fe4c7c0ef253ed

data/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

data/README.md

@@ -0,0 +1,60 @@
+# virtual-dom support for Opal
+[![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) 
+
+## requiments
+
+This wrapper require to load [virtual-dom](https://github.com/Matt-Esch/virtual-dom) first. For example you can use rails assets.
+
+```ruby
+source 'https://rails-assets.org' do
+  gem 'rails-assets-virtual-dom'
+end
+```
+
+## usage
+
+Server side (config.ru, Rakefile, Rails, Sinatra, etc.)
+
+```ruby
+require 'opal-virtual-dom'
+```
+
+Browser side
+
+```ruby
+require 'opal'
+require 'virtual-dom' # javascript library
+require 'browser'     # not required
+require 'virtual_dom' # opal wrapper 
+
+class SampleList
+  include VirtualDOM
+
+  def initialize(elements = [])
+    @elements = elements
+  end
+
+  def render
+    elements = @elements
+    virtual_dom do
+      ul class: 'simple-list' do
+        elements.each do |string|
+          li string
+        end
+      end
+    end
+  end
+end
+
+$document.ready do
+  list = SampleList.new(%w(one two three)).render.first
+  back = SampleList.new(%w(three two one)).render.first
+
+  root_node = VirtualDOM.create(list)
+  $document.body.inner_dom = root_node
+
+  diff = VirtualDOM.diff(list, back)
+  VirtualDOM.patch(root_node, diff)
+end
+```

data/Rakefile

@@ -0,0 +1,3 @@
+require 'bundler'
+Bundler.require
+Bundler::GemHelper.install_tasks

data/lib/opal-virtual-dom.rb

@@ -0,0 +1,3 @@
+require 'opal'
+
+Opal.append_path File.expand_path('../../opal', __FILE__)

data/opal-virtual-dom.gemspec

@@ -0,0 +1,17 @@
+Gem::Specification.new do |s|
+  s.name        = 'opal-virtual-dom'
+  s.version     = '0.0.1'
+  s.authors     = [ 'Michał Kalbarczyk' ]
+  s.email       = 'fazibear@gmail.com'
+  s.homepage    = 'http://github.com/fazibear/opal-virtual-dom'
+  s.summary     = 'virtual-dom wrapper for opal'
+  s.description = 'virtual-dom wrapper for opal'
+
+  s.files         = `git ls-files`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_paths = ['lib']
+
+  s.add_dependency 'opal'
+  s.add_development_dependency 'rake'
+end

data/opal/virtual_dom.rb

@@ -0,0 +1,23 @@
+require 'virtual_dom/virtual_node'
+require 'virtual_dom/virtual_text_node'
+require 'virtual_dom/node_factory'
+
+module VirtualDOM
+  def virtual_dom(&block)
+    NodeFactory.new(block).nodes
+  end
+
+  module_function
+
+  def create(vnode)
+    `virtualDom.create(#{vnode})`
+  end
+
+  def diff(old, new)
+    `virtualDom.diff(#{old}, #{new})`
+  end
+
+  def patch(dom, diff)
+    `virtualDom.patch(#{dom}, #{diff})`
+  end
+end

data/opal/virtual_dom/node_factory.rb

@@ -0,0 +1,38 @@
+class VirtualDOM
+  class NodeFactory
+    attr_reader :nodes
+
+    def initialize(dom)
+      @nodes = []
+      @eval = instance_eval(&dom)
+    end
+
+    def method_missing(name, *args, &block)
+      @nodes << if name == 'text'
+                  VirtualTextNode.new(args.first).vnode
+                else
+                  VirtualNode.new(name, params(args), childrens(args, block)).vnode
+                end
+    end
+
+    def params(args)
+      if args.first.is_a?(Hash)
+        args = args.first
+        args['className'] = args.delete('class') if args.keys.include?('class')
+        args
+      else
+        {}
+      end
+    end
+
+    def childrens(args, block)
+      if block
+        NodeFactory.new(block).nodes
+      elsif args.last.is_a?(String)
+        [VirtualTextNode.new(args.last).vnode]
+      else
+        []
+      end
+    end
+  end
+end

data/opal/virtual_dom/virtual_node.rb

@@ -0,0 +1,25 @@
+module VirtualDOM
+  class VirtualNode
+    def initialize(name, params = {}, childrens = [])
+      @name = name
+      @params = params
+      @childrens = childrens
+    end
+
+    def vnode
+      `virtualDom.h(#{@name}, #{@params.to_n}, #{@childrens})`
+    end
+
+    def to_s
+      "<#{@name}#{to_s_params}>#{@childrens.map(&:to_s).join}</#{@name}>"
+    end
+
+    def to_s_params
+      if @params.any?
+        " " + @params.map do |k,v|
+          "#{k}=\"#{v}\""
+        end.join(' ')
+      end
+    end
+  end
+end

data/opal/virtual_dom/virtual_text_node.rb

@@ -0,0 +1,15 @@
+module VirtualDOM
+  class VirtualTextNode
+    def initialize(text)
+      @text = text
+    end
+
+    def vnode
+      @text.to_s
+    end
+
+    def to_s
+      @text
+    end
+  end
+end

metadata

@@ -0,0 +1,79 @@
+--- !ruby/object:Gem::Specification
+name: opal-virtual-dom
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Michał Kalbarczyk
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-07-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: virtual-dom wrapper for opal
+email: fazibear@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- README.md
+- Rakefile
+- lib/opal-virtual-dom.rb
+- opal-virtual-dom.gemspec
+- opal/virtual_dom.rb
+- opal/virtual_dom/node_factory.rb
+- opal/virtual_dom/virtual_node.rb
+- opal/virtual_dom/virtual_text_node.rb
+homepage: http://github.com/fazibear/opal-virtual-dom
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: virtual-dom wrapper for opal
+test_files: []