hyalite 0.0.6 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 313aef2818fca410f8a5e8c2444ff9adb4e181f4
-  data.tar.gz: 96ed10c69f561a4a25bbb492fdd58208a0ecc683
+  metadata.gz: 7727408125169943f9effd8021f8d06202219b08
+  data.tar.gz: ae82044f900d23b12ae3d0889b0b349caa711629
 SHA512:
-  metadata.gz: 39495ec8dbf9169247f34e7e94bdd86675a9d2e9c4c3b28d66e2219dac66a54054b12fd6f9c002392423511d3425093443254bd2134c42f3eca323c01e037b9d
-  data.tar.gz: 397bd664105d77c4fbbd4cb29b36abfb1abbd8f499b39d255638a9dff075ec91af5040bceb1fe02e3858b56fa1f8392b07b59424d8ea7596a47d920f5ad9e74e
+  metadata.gz: f4a4e5c3c35ce98a381d64a6565a00ea923d07a78085f2a8251d4e907cfdebbb3784d94b6365f44b42e4c76021bcfbcd3d490483a2c60dee0888f0f948961bcb
+  data.tar.gz: 6f0a78e78b053f182e2ad3c961cb93df72df65de0f7ecd3a5be9f2dee3acefaa82799a1290f1615f8a6b22c56f29f440c4b68b194bb964a961204769e3f3e1c2

data/.ruby-version

@@ -0,0 +1 @@
+2.3.3

data/.travis.yml

@@ -1,3 +1,8 @@
 language: ruby
 rvm:
-    2.3.1
+    2.3.3
+before_script:
+    - mkdir travis-phantomjs
+    - wget https://assets.membergetmember.co/software/phantomjs-2.1.1-linux-x86_64.tar.bz2 -O $PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2
+    - tar -xvf $PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2 -C $PWD/travis-phantomjs
+    - export PATH=$PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64/bin:$PATH

data/Gemfile

@@ -2,4 +2,5 @@ source 'https://rubygems.org'
 
 gemspec
 
-gem 'opal-rspec', '0.5.0'
+gem 'rake'
+gem 'opal-rspec'

data/Gemfile.lock

@@ -3,28 +3,23 @@ PATH
   specs:
     hyalite (0.0.6)
       opal
-      opal-browser
 
 GEM
   remote: https://rubygems.org/
   specs:
-    concurrent-ruby (1.0.2)
+    concurrent-ruby (1.0.4)
     hike (1.2.3)
-    opal (0.9.4)
+    opal (0.10.3)
       hike (~> 1.2)
       sourcemap (~> 0.1.0)
       sprockets (~> 3.1)
       tilt (>= 1.4)
-    opal-browser (0.2.0)
-      opal
-      paggio
-    opal-rspec (0.5.0)
-      opal (>= 0.8.0, < 0.10)
-    paggio (0.2.6)
+    opal-rspec (0.6.0)
+      opal (>= 0.10.0, < 0.11)
     rack (2.0.1)
     rake (10.5.0)
     sourcemap (0.1.1)
-    sprockets (3.7.0)
+    sprockets (3.7.1)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
     tilt (2.0.5)
@@ -35,8 +30,8 @@ PLATFORMS
 DEPENDENCIES
   bundler (~> 1.8)
   hyalite!
-  opal-rspec (= 0.5.0)
-  rake (~> 10.0)
+  opal-rspec
+  rake
 
 BUNDLED WITH
    1.13.6

data/Rakefile

@@ -1,11 +1,11 @@
 require 'opal'
-require 'opal-browser'
 require 'opal/rspec/rake_task'
 require "bundler/gem_tasks"
 
-Opal::Processor.source_map_enabled = true
+Opal::Config.source_map_enabled = true
 
 Opal::RSpec::RakeTask.new(:default) do |server, task|
+  task.files = [ENV['FILE']] if ENV['FILE']
   server.append_path File.expand_path('../client', __FILE__)
   server.source_map = true
   server.debug = true

data/client/hyalite.rb

@@ -1,5 +1,4 @@
 require 'opal'
-require 'browser'
 require 'hyalite/logger'
 require 'hyalite/transaction'
 require 'hyalite/adler32'
@@ -7,6 +6,7 @@ require 'hyalite/mount'
 require 'hyalite/element'
 require 'hyalite/dom_component'
 require 'hyalite/text_component'
+require 'hyalite/dom'
 
 module Hyalite
   class << self
@@ -87,7 +87,7 @@ module Hyalite
     end
 
     def render(next_element, container, &block)
-      Mount.render_subtree_into_container(nil, next_element, container, &block);
+      Mount.render_subtree_into_container(next_element, container, &block);
     end
 
     def instance_map
@@ -108,7 +108,7 @@ module Hyalite
     end
 
     def find_dom_node(component_or_element)
-      return component_or_element if component_or_element.respond_to?(:node_type) && component_or_element.node_type == Browser::DOM::Node::ELEMENT_NODE
+      return component_or_element if component_or_element.respond_to?(:node_type) && component_or_element.element?
 
       if instance_map.has_key?(component_or_element)
         return Mount.node(instance_map[component_or_element].root_node_id)

data/client/hyalite/component.rb

@@ -60,10 +60,6 @@ module Hyalite
       @state.set(state)
     end
 
-    def context_types
-      {}
-    end
-
     def child_context
       {}
     end

data/client/hyalite/composite_component.rb

@@ -25,9 +25,8 @@ module Hyalite
       @mount_order = CompositeComponent.next_mount_id
       @root_node_id = root_id
 
-      public_context = mask_context(@context)
       @instance = @current_element.type.new
-      @instance.init_component(@current_element.props, public_context, UpdateQueue)
+      @instance.init_component(@current_element.props, @context, UpdateQueue)
 
       Hyalite.instance_map[@instance] = self
 
@@ -111,12 +110,8 @@ module Hyalite
       end
     end
 
-    def mask_context(context)
-      context.select {|k, v| @current_element.type.context_types.has_key? k }
-    end
-
     def update_component(mount_ready, prev_parent_element, next_parent_element, prev_unmasked_context, next_unmasked_context)
-      next_context = (@context == next_unmasked_context ? @instance.context : mask_context(next_unmasked_context))
+      next_context = @context == next_unmasked_context ? @instance.context : next_unmasked_context
 
       next_props = next_parent_element.props
       next_state = process_pending_state(next_props, next_context)

data/client/hyalite/dom.rb

@@ -0,0 +1,17 @@
+module Hyalite
+  module DOM
+  end
+end
+
+require 'native'
+require_relative 'dom/event/keyboard_event'
+require_relative 'dom/event/mouse_event'
+require_relative 'dom/event'
+require_relative 'dom/node'
+require_relative 'dom/collection'
+require_relative 'dom/text'
+require_relative 'dom/element'
+require_relative 'dom/body'
+require_relative 'dom/document'
+
+$document = Hyalite::DOM::Document.singleton

data/client/hyalite/dom/body.rb

@@ -0,0 +1,6 @@
+module Hyalite::DOM
+  class Body
+    include Native
+    include Node
+  end
+end

data/client/hyalite/dom/collection.rb

@@ -0,0 +1,24 @@
+require_relative 'element'
+
+module Hyalite::DOM
+  class Collection
+    include Native
+    include Enumerable
+
+    def each(&block)
+      `self.native.length`.times do |i|
+        block.call Element.new(`self.native.item(i)`)
+      end
+
+      nil
+    end
+
+    def [](index)
+      Element.new(`self.native.item(index)`)
+    end
+
+    def length
+      `self.native.length`
+    end
+  end
+end

data/client/hyalite/dom/document.rb

@@ -0,0 +1,41 @@
+module Hyalite::DOM
+  class Document
+    include Native
+    include Node
+
+    def create_element(tag)
+      Element.new `self.native.createElement(tag)`
+    end
+
+    def create_text(text)
+      Text.new `self.native.createTextNode(text)`
+    end
+
+    def body
+      Body.new `self.native.body`
+    end
+
+    def ready(&block)
+      `self.native.addEventListener('DOMContentLoaded', block)`
+    end
+
+    def self.singleton
+      @singleton ||= self.new(`window.document`)
+    end
+
+    def document?
+      true
+    end
+
+    def [](q)
+      elements = []
+      %x(
+        var nodeList = self.native.querySelectorAll(#{q});
+        for (var i = 0; i < nodeList.length; i++) {
+          elements.$push(nodeList.item(i));
+        }
+      )
+      elements.map!{|el| Element.new(el) }
+    end
+  end
+end

data/client/hyalite/dom/element.rb

@@ -0,0 +1,101 @@
+module Hyalite::DOM
+  class Element
+    include Native
+    include Node
+
+    alias_native :set_attribute, :setAttribute
+    alias_native :get_attribute, :getAttribute
+    alias_native :remove_attribute, :removeAttribute
+    alias_native :tag_name, :tagName
+
+    def element?
+      true
+    end
+
+    def input_type
+      `self.native.type`
+    end
+
+    def [](prop_name)
+      `self.native[#{prop_name}]`
+    end
+
+    def add_class(name)
+      `self.native.classList.add(name)`
+      self
+    end
+
+    def class_names
+      Array.new(`self.native.classList`).to_a
+    end
+
+    def attributes
+      @attributes ||= Attributes.new(self)
+    end
+
+    def text
+      `self.native.textContent`
+    end
+
+    def text=(text)
+      `self.native.textContent = text`
+    end
+
+    def value
+      `self.native.value`
+    end
+
+    def style(hash)
+      hash.each do |key, value|
+        `self.native.style[key] = value`
+      end
+    end
+
+    def add_child(child)
+      `self.native.appendChild(child.native)`
+    end
+
+    def inner_html
+      `self.native.innerHTML`
+    end
+
+    def inner_html=(html)
+      `self.native.innerHTML = html`
+    end
+
+    def inner_dom=(dom)
+      clear
+      self << dom
+    end
+
+    def document
+      $document
+    end
+
+    def to_s
+      "<#{`self.native.tagName`} class='#{self.class_names.join(' ')}' id='#{self['id']}'/>"
+    end
+
+    def self.create(tag)
+      $document.create_element(tag)
+    end
+
+    class Attributes
+      def initialize(element)
+        @element = element
+      end
+
+      def [](name)
+        @element.get_attribute(name)
+      end
+
+      def []=(name, value)
+        @element.set_attribute(name, value)
+      end
+
+      def remove(name)
+        @element.remove_attribute(name)
+      end
+    end
+  end
+end

data/client/hyalite/dom/event.rb

@@ -0,0 +1,22 @@
+module Hyalite
+  module DOM
+    module Event
+      EVENT_CLASSES = {
+        'click' => MouseEvent,
+        'keydown' => KeyboardEvent
+      }
+
+      def self.create(event)
+        type = `event.type`
+        event_class = EVENT_CLASSES[type]
+        if event_class
+          event_class.new(event)
+        end
+      end
+
+      def target
+        Node.create(`self.native.target`)
+      end
+    end
+  end
+end

data/client/hyalite/dom/event/keyboard_event.rb

@@ -0,0 +1,13 @@
+module Hyalite
+  module DOM
+    module Event
+      class KeyboardEvent
+        include Native
+        include Event
+
+        alias_native :code
+        alias_native :key_code, :keyCode
+      end
+    end
+  end
+end

data/client/hyalite/dom/event/mouse_event.rb

@@ -0,0 +1,10 @@
+module Hyalite
+  module DOM
+    module Event
+      class MouseEvent
+        include Native
+        include Event
+      end
+    end
+  end
+end

data/client/hyalite/dom/node.rb

@@ -0,0 +1,71 @@
+module Hyalite::DOM
+  module Node
+
+    def self.create(node)
+      @classes ||= [nil, Element, nil, Text, nil, nil, nil, nil, nil, Document, nil, nil]
+
+      if klass = @classes[`node.nodeType`]
+        klass.new(node)
+      else
+        raise ArgumentError, 'cannot instantiate a non derived Node object'
+      end
+    end
+
+    def document?
+      false
+    end
+
+    def element?
+      false
+    end
+
+    def text?
+      false
+    end
+
+    def node_name
+      `self.native.tagName`
+    end
+
+    def <<(child)
+      `self.native.appendChild(child.native)`
+    end
+
+    def clear
+      %x(
+        var len = self.native.childNodes.length;
+        for (var i = 0; i < len; i++) {
+          self.native.childNodes[0].remove();
+        }
+      )
+    end
+
+    def parent
+      if parent = `self.native.parentNode`
+        Node.create(parent)
+      end
+    end
+
+    def children
+      Collection.new `self.native.childNodes`
+    end
+
+    def remove
+      `self.native.remove()`
+    end
+
+    def next_sibling
+      sib = `self.native.nextSibling`
+      Node.create(sib) if sib
+    end
+
+    def on(name, &block)
+      callback = Proc.new{|event| block.call(Event.create(event))}
+      `self.native.addEventListener(name, callback)`
+    end
+
+    def ==(other)
+      `self.native === other.native`
+    end
+  end
+end

data/client/hyalite/dom/text.rb

@@ -0,0 +1,14 @@
+module Hyalite::DOM
+  class Text
+    include Native
+    include Node
+
+    def self.create(text)
+      $document.create_text(text)
+    end
+
+    def text?
+      true
+    end
+  end
+end

data/client/hyalite/dom_component.rb

@@ -1,7 +1,6 @@
 require 'hyalite/multi_children'
 require 'hyalite/dom_property_operations'
 require 'hyalite/internal_component'
-require 'hyalite/browser_event'
 require 'hyalite/input_wrapper'
 
 module Hyalite
@@ -51,8 +50,8 @@ module Hyalite
       #   transaction.getReactMountReady().enqueue(trapBubbledEventsLocal, this);
       end
 
-      element = create_open_tag_markup_and_put_listeners(mount_ready, @element.props)
-      create_content_markup(mount_ready, element, context)
+      markup = create_open_tag_markup_and_put_listeners(mount_ready, @element.props)
+      create_content_markup(mount_ready, markup, context)
     end
 
     def unmount_component
@@ -274,38 +273,37 @@ module Hyalite
 
       #return element if mount_ready.render_to_static_markup
 
-      element[Mount::ID_ATTR_NAME] = @root_node_id
+      element.attributes[Mount::ID_ATTR_NAME] = @root_node_id
       element
     end
 
-    def create_content_markup(mount_ready, element, context)
+    def create_content_markup(mount_ready, markup, context)
       children = @element.props[:children]
 
       inner_html = @element.props[:dangerouslySetInnerHTML]
       if inner_html
-        if inner_html[:__html]
-          html = inner_html[:__html]
-          `element.native.innerHTML = html`
+        if inner_html.has_key?(:__html)
+          markup.inner_html = inner_html[:__html]
         end
       elsif is_text_content(children)
-        element.inner_dom = Browser::DOM::Text.create(@element.props[:children])
+        markup.text = children.to_s
       else
-        mount_images = mount_children(@element.props[:children], mount_ready, context)
-        mount_images.each do |image|
-          if image.is_a?(String)
-            element.text = image
+        mount_images = mount_children(children, mount_ready, context)
+        mount_images.compact.each do |image|
+          if is_text_content(image)
+            markup << Hyalite::DOM::Text.new(image.to_s)
           else
-            image.append_to(element) if image
+            markup << image
           end
         end
       end
-      element
+      markup
     end
 
     def enqueue_put_listener(id, event_name, listener, mount_ready)
       container = Mount.container_for_id(id)
       if container
-        doc = container.node_type == Browser::DOM::Node::ELEMENT_NODE ? container.document : container
+        doc = container.element? ? container.document : container
         BrowserEvent.listen_to(event_name, doc)
       end
       mount_ready.enqueue do

data/client/hyalite/dom_property_operations.rb

@@ -13,15 +13,15 @@ module Hyalite
 
           attribute_name = property_info[:attribute_name]
           if property_info[:has_boolean_value] || property_info[:has_overloaded_boolean_value] && value == true
-            element[attribute_name] = ""
+            element.attributes[attribute_name] = ""
             return
           end
 
-          element[attribute_name]=Hyalite.escape_text_content_for_browser(value)
+          element.attributes[attribute_name]=Hyalite.escape_text_content_for_browser(value)
         elsif DOMProperty.is_custom_attribute(name)
           return if value.nil?
 
-          element[name]=Hyalite.escape_text_content_for_browser(value)
+          element.attributes[name]=Hyalite.escape_text_content_for_browser(value)
         end
       end
 
@@ -32,7 +32,7 @@ module Hyalite
       def create_markup_for_custom_attribute(element, name, value)
         return if (!is_attribute_name_safe(name) || value == null)
 
-        element[name]=Hyalite.escape_text_content_for_browser(value)
+        element.attributes[name]=Hyalite.escape_text_content_for_browser(value)
       end
 
       def is_attribute_name_safe(attribute_name)
@@ -63,12 +63,12 @@ module Hyalite
             attribute_name = property_info[:attribute_name]
             namespace = property_info[:attribute_namespace]
             if namespace
-              node[attribute_name, {namespace: namespace}] = value.to_s
+              node.attributes[attribute_name, {namespace: namespace}] = value.to_s
             elsif property_info[:has_boolean_value] ||
                  (property_info[:has_overloaded_boolean_value] && value == true)
-              node[attribute_name] = ''
+              node.attributes[attribute_name] = ''
             else
-              node[attribute_name] = value.to_s
+              node.attributes[attribute_name] = value.to_s
             end
           else
             prop_name = property_info[:property_name]
@@ -102,7 +102,7 @@ module Hyalite
       end
 
       def set_attribute_for_id(node, id)
-        node[DOMProperty::ID_ATTRIBUTE_NAME] = id
+        node.attributes[DOMProperty::ID_ATTRIBUTE_NAME] = id
       end
 
       def should_ignore_value(property_info, value)

data/client/hyalite/event_plugin/change_event_plugin.rb

@@ -1,9 +1,3 @@
-class Browser::DOM::Element
-  def input_type
-    `self.native.type`
-  end
-end
-
 module Hyalite
   class ChangeEventPlugin
     EVENT_TYPES = {

data/client/hyalite/mount.rb

@@ -22,7 +22,7 @@ module Hyalite
         @instances_by_root_id[root_id]
       end
 
-      def render_subtree_into_container(parent_component, next_element, container, &block)
+      def render_subtree_into_container(next_element, container, &block)
         next_wrapped_element = ElementObject.new(TopLevelWrapper, nil, nil, nil, next_element)
         prev_component = @instances_by_root_id[root_id(container)]
         if prev_component
@@ -32,7 +32,6 @@ module Hyalite
             return update_root_component(
               prev_component,
               next_wrapped_element,
-              container,
               &block
             ).rendered_component.public_instance
           else
@@ -47,10 +46,7 @@ module Hyalite
         component = render_new_root_component(
           next_wrapped_element,
           container,
-          should_reuse_markup,
-          parent_component ?
-            parent_component.internal_instance.process_child_context(parent_component.internal_instance.context) :
-            {}
+          should_reuse_markup
         ).rendered_component.public_instance
 
         if block_given?
@@ -61,18 +57,18 @@ module Hyalite
       end
 
       def is_rendered(node)
-        return false if node.node_type != Browser::DOM::Node::ELEMENT_NODE
+        return false unless node.element?
 
         id = node_id(node)
         id ? id[0] == SEPARATOR : false
       end
 
-      def render_new_root_component(next_element, container, should_reuse_markup, context)
-        component_instance = Hyalite.instantiate_component(next_element, nil)
+      def render_new_root_component(next_element, container, should_reuse_markup)
+        component_instance = Hyalite.instantiate_component(next_element)
         root_id = register_component(component_instance, container)
 
         Hyalite.updates.batched_updates do
-          mount_component_into_node(component_instance, root_id, container, should_reuse_markup, context)
+          mount_component_into_node(component_instance, root_id, container, should_reuse_markup)
         end
 
         component_instance
@@ -100,9 +96,9 @@ module Hyalite
         root_id
       end
 
-      def mount_component_into_node(component_instance, root_id, container, should_reuse_markup, context)
+      def mount_component_into_node(component_instance, root_id, container, should_reuse_markup)
         Hyalite.updates.reconcile_transaction.perform do |transaction|
-          markup = Reconciler.mount_component(component_instance, root_id, transaction.mount_ready, context)
+          markup = Reconciler.mount_component(component_instance, root_id, transaction.mount_ready, {})
           component_instance.rendered_component.top_level_wrapper = component_instance
           mount_image_into_node(markup, container, should_reuse_markup)
         end
@@ -112,23 +108,23 @@ module Hyalite
         if should_reuse_markup
           root_element = root_element_in_container(container)
           checksum = Adler32.checksum markup
-          checksum_attr = root_element.attr(CHECKSUM_ATTR_NAME)
+          checksum_attr = root_element.attributes[CHECKSUM_ATTR_NAME]
           if checksum == checksum_attr
             return
           end
 
-          root_element.remove_attr(CHECKSUM_ATTR_NAME)
-          root_element.attr(CHECKSUM_ATTR_NAME, checksum)
+          root_element.attributes.remove(CHECKSUM_ATTR_NAME)
+          root_element.attributes[CHECKSUM_ATTR_NAME] = checksum
         end
 
         container.inner_dom = markup
       end
 
       def root_element_in_container(container)
-        if container.node_type == Browser::DOM::Node::DOCUMENT_NODE
+        if container.document?
           $document
         else
-          container.child
+          container.children.first
         end
       end
 
@@ -163,8 +159,8 @@ module Hyalite
       end
 
       def internal_id(node)
-        if node.node_type == Browser::DOM::Node::ELEMENT_NODE
-          node.attr(ID_ATTR_NAME)
+        if node.element?
+          node.attributes[ID_ATTR_NAME]
         end
       end
 
@@ -197,7 +193,7 @@ module Hyalite
       def find_component_root(ancestor_node, target_id)
         deepest_ancestor = find_deepest_cached_ancestor(target_id) || ancestor_node
 
-        first_children = [ deepest_ancestor.child ]
+        first_children = [ deepest_ancestor.children.first ]
 
         while first_children.length > 0
           child = first_children.shift
@@ -208,10 +204,10 @@ module Hyalite
               if target_id == child_id
                 return child
               elsif InstanceHandles.is_ancestor_id_of(child_id, target_id)
-                first_children = [ child.child ]
+                first_children = [ child.children.first ]
               end
             else
-              first_children.push(child.child)
+              first_children.push(child.children.first)
             end
 
             child = child.next_sibling
@@ -241,7 +237,7 @@ module Hyalite
           false
         when outer_node == inner_node
           true
-        when outer_node.node_type == Browser::DOM::Node::TEXT_NODE
+        when outer_node.text?
           false
         else
           contains_node(outer_node, inner_node.parent)
@@ -249,8 +245,8 @@ module Hyalite
       end
 
       def find_first_hyalite_dom(node)
-        while node && node.parent != node
-          unless node.node_type == Browser::DOM::Node::ELEMENT_NODE && node_id = internal_id(node)
+        while node && node.parent
+          unless node.element? && node_id = internal_id(node)
             node = node.parent
             next
           end
@@ -272,7 +268,7 @@ module Hyalite
         nil
       end
 
-      def update_root_component(prev_component, next_element, container, &callback)
+      def update_root_component(prev_component, next_element, &callback)
         UpdateQueue.enqueue_element_internal(prev_component, next_element)
         if block_given?
           UpdateQueue.enqueue_callback_internal(prev_component, &callback)

data/client/hyalite/multi_children.rb

@@ -1,7 +1,7 @@
 module Hyalite
   module MultiChildren
     def mount_children(nested_children, mount_ready, context)
-      children = instantiate_children(nested_children, mount_ready, context)
+      children = instantiate_children(nested_children, context)
       @rendered_children = children
       index = 0
       children.keys.map do |name|
@@ -86,7 +86,7 @@ module Hyalite
 
     def instantiate_children(nested_child_nodes, context)
       Reconciler.flatten_children(nested_child_nodes).map {|name, child|
-        child_instance = Hyalite.instantiate_component(child, nil)
+        child_instance = Hyalite.instantiate_component(child)
         [name, child_instance]
       }.to_h
     end
@@ -152,7 +152,7 @@ module Hyalite
         updates.each_with_index do |update, updated_index|
           if update[:type] == :move_existing || update[:type] == :remove_node
             updated_index = update[:fromIndex]
-            updated_child = update[:parentNode].elements[updated_index]
+            updated_child = update[:parentNode].children[updated_index]
             parent_id = update[:parentID]
 
             initial_children[parent_id] ||= []
@@ -188,19 +188,18 @@ module Hyalite
           when :set_markup
             update[:parentNode].inner_html = update[:textContent]
           when :text_content
-            update[:parentNode].content = update[:textContent]
+            update[:parentNode].text = update[:textContent]
           when :remove_node
             # Already removed above.
           end
         end
       end
 
-
       def insert_child_at(parent_node, child_node, index)
-        if index >= parent_node.children.to_ary.length
+        if index >= parent_node.children.length
           parent_node.add_child(child_node)
         else
-          parent_node.children.to_ary[index].add_previous_sibling(child_node)
+          parent_node.children[index].add_previous_sibling(child_node)
         end
       end
     end

data/client/hyalite/reconcile_transaction.rb

@@ -1,4 +1,5 @@
 require 'hyalite/transaction'
+require 'hyalite/browser_event'
 
 module Hyalite
   class ReconcileTransaction < Transaction

data/client/hyalite/reconciler.rb

@@ -53,7 +53,7 @@ module Hyalite
               unmount_component(prev_child, name)
             end
 
-            next_children[name] = Hyalite.instantiate_component(next_element, nil)
+            next_children[name] = Hyalite.instantiate_component(next_element)
           end
         end
 

data/hyalite.gemspec

@@ -20,7 +20,6 @@ Gem::Specification.new do |spec|
   spec.require_paths = ["lib"]
 
   spec.add_dependency 'opal'
-  spec.add_dependency 'opal-browser'
 
   spec.add_development_dependency "bundler", "~> 1.8"
   spec.add_development_dependency "rake", "~> 10.0"

data/lib/hyalite/main.rb

@@ -1,5 +1,4 @@
 require 'opal'
-require 'opal-browser'
 
 Opal.append_path File.expand_path('../../../client', __FILE__)
 

data/lib/hyalite/version.rb

@@ -1,3 +1,3 @@
 module Hyalite
-  VERSION = "0.0.6"
+  VERSION = "0.1.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hyalite
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.1.0
 platform: ruby
 authors:
 - youchan
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-03 00:00:00.000000000 Z
+date: 2017-07-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -24,20 +24,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: opal-browser
-  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: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -74,6 +60,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".ruby-version"
 - ".travis.yml"
 - Gemfile
 - Gemfile.lock
@@ -86,6 +73,16 @@ files:
 - client/hyalite/callback_queue.rb
 - client/hyalite/component.rb
 - client/hyalite/composite_component.rb
+- client/hyalite/dom.rb
+- client/hyalite/dom/body.rb
+- client/hyalite/dom/collection.rb
+- client/hyalite/dom/document.rb
+- client/hyalite/dom/element.rb
+- client/hyalite/dom/event.rb
+- client/hyalite/dom/event/keyboard_event.rb
+- client/hyalite/dom/event/mouse_event.rb
+- client/hyalite/dom/node.rb
+- client/hyalite/dom/text.rb
 - client/hyalite/dom_component.rb
 - client/hyalite/dom_operations.rb
 - client/hyalite/dom_property.rb
@@ -142,7 +139,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: Virtual DOM implimentation in Ruby