hyalite 0.3.0 → 0.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1cee62746243fb66ec1822aa5f86ed56c6337b9848dcc1eeb367e0d0d0cfbbf1
-  data.tar.gz: bab11fdea1c47d9c39de6c373d9beb2c63d7569b7c5026d190f0db041ceacceb
+  metadata.gz: 5df6a60774832f8c464f4068dcb1e9b41d5032d96845da36641cae82af36c05a
+  data.tar.gz: 18c395c9fe8555880b94c6260fa99c3f95c22176db8598f644397944b1c13d37
 SHA512:
-  metadata.gz: 779e397173dd2e174640e4c6fe24a4f989311d9a7bcbf5dc39dc35f616c78651c696425a2ddec7326d4c99975bc6a21da5aeea6850a5766bfc01fdf3b3f0c16d
-  data.tar.gz: a1f67a9f3a62a39ba32255fecd1d190e05bda73786a75fa1e8659da82e2c4e37db46fd892e20aa1470d02f79d0b8b37e8b1082c70a69c5a677281c107c3165aa
+  metadata.gz: 4746cfb7725e9b47924e7999e89b1d163a0974e6ba08260da8726696e0030642a113a442cfd6d961b87db98ad870b2800a60f1939e14d013da7932155d2a2a44
+  data.tar.gz: f8f3bedb133ddcda97686e6733c47a5444dee37596dd1bc24a0bb4d93ec3a7c97cad1cd98064f733471d8030d1eaa04269a9611700d68a1cf227911def4b6a5f

data/hyalite.gemspec

@@ -19,7 +19,7 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
 
-  spec.add_dependency 'opal'
+  spec.add_dependency 'opal', "~> 1.0"
 
   spec.add_development_dependency "bundler", "~> 1.8"
   spec.add_development_dependency "rake", "~> 10.0"

data/lib/hyalite/component.rb

@@ -109,6 +109,12 @@ module Hyalite
         end
       end
 
+      TAGS.each do |tag|
+        define_method(tag) do |props, *children, &block|
+          @component.send(tag, props, *children, &block)
+        end
+      end
+
       def method_missing(method_name, *args, &block)
         if @component.respond_to?(method_name, true)
           @component.send(method_name, *args, &block)

data/lib/hyalite/dom/collection.rb

@@ -17,6 +17,14 @@ module Hyalite::DOM
       Element.new(`self.native.item(index)`)
     end
 
+    def first
+      Element.new(`self.native.item(0)`)
+    end
+
+    def last
+      Element.new(`self.native.item(self.native.length - 1)`)
+    end
+
     def length
       `self.native.length`
     end

data/lib/hyalite/dom/element.rb

@@ -15,20 +15,20 @@ module Hyalite::DOM
     end
 
     def input_type
-      `self.native.type`
+      `#@native.type`
     end
 
     def [](prop_name)
-      `self.native[#{prop_name}]`
+      `#@native[#{prop_name}]`
     end
 
     def add_class(name)
-      `self.native.classList.add(name)`
+      `#@native.classList.add(name)`
       self
     end
 
     def class_names
-      Array.new(`self.native.classList`).to_a
+      Array.new(`#@native.classList`).to_a
     end
 
     def attributes
@@ -36,11 +36,11 @@ module Hyalite::DOM
     end
 
     def text
-      `self.native.textContent`
+      `#@native.textContent`
     end
 
     def text=(text)
-      `self.native.textContent = text`
+      `#@native.textContent = text`
     end
 
     def width
@@ -59,22 +59,26 @@ module Hyalite::DOM
       `#@native.clientLeft`
     end
 
+    def client_rect
+      Native(`#@native.getBoundingClientRect()`)
+    end
+
     def style(hash)
       hash.each do |key, value|
-        `self.native.style[key] = value`
+        `#@native.style[key] = value`
       end
     end
 
     def add_child(child)
-      `self.native.appendChild(child.native)`
+      `#@native.appendChild(child.native)`
     end
 
     def inner_html
-      `self.native.innerHTML`
+      `#@native.innerHTML`
     end
 
     def inner_html=(html)
-      `self.native.innerHTML = html`
+      `#@native.innerHTML = html`
     end
 
     def inner_dom=(dom)
@@ -87,7 +91,7 @@ module Hyalite::DOM
     end
 
     def to_s
-      "<#{`self.native.tagName`} class='#{self.class_names.join(' ')}' id='#{self['id']}'/>"
+      "<#{`#@native.tagName`} class='#{self.class_names.join(' ')}' id='#{self['id']}' />"
     end
 
     def self.create(tag)

data/lib/hyalite/dom/html_input.rb

@@ -0,0 +1,14 @@
+module Hyalite::DOM
+  class HtmlInput
+    include Native
+    include Element
+
+    def self.create()
+      $document.create_text(text)
+    end
+
+    def checked?
+      `#@native.checked`
+    end
+  end
+end

data/lib/hyalite/dom/node.rb

@@ -27,47 +27,55 @@ module Hyalite::DOM
     end
 
     def attr(name)
-      `self.native[name]`
+      `#@native[name] || #{nil}`
+    end
+
+    def data(name)
+      `#@native.dataset[#{name}] || #{nil}`
+    end
+
+    def insert_before(node)
+      `#@native.parentNode.insertBefore(#{node.native}, #@native)`
     end
 
     def node_name
-      `self.native.tagName`
+      `#@native.tagName`
     end
 
     def <<(child)
-      `self.native.appendChild(child.native)`
+      `#@native.appendChild(child.native)`
     end
 
     def clear
       %x(
-        var len = self.native.childNodes.length;
+        var len = #@native.childNodes.length;
         for (var i = 0; i < len; i++) {
-          self.native.childNodes[0].remove();
+          #@native.childNodes[0].remove();
         }
       )
     end
 
     def parent
-      if parent = `self.native.parentNode`
+      if parent = `#@native.parentNode`
         Node.create(parent)
       end
     end
 
     def children
-      Collection.new `self.native.childNodes`
+      Collection.new `#@native.childNodes`
     end
 
     def remove
-      `self.native.remove()`
+      `#@native.remove()`
     end
 
     def next_sibling
-      sib = `self.native.nextSibling`
+      sib = `#@native.nextSibling`
       Node.create(sib) if sib
     end
 
     def ==(other)
-      `self.native === other.native`
+      `#@native === other.native`
     end
   end
 end

data/lib/hyalite/dom/window.rb

@@ -9,6 +9,10 @@ module Hyalite::DOM
       Native(`#@native.location`)
     end
 
+    def location=(loc)
+      Native(`#@native.location=loc`)
+    end
+
     def width
       `#@native.innerWidth`
     end

data/lib/hyalite/dom_property_operations.rb

@@ -17,11 +17,11 @@ module Hyalite
             return
           end
 
-          element.attributes[attribute_name]=Hyalite.escape_text_content_for_browser(value)
+          element.attributes[attribute_name] = Hyalite.escape_text_content_for_browser(value.to_s)
         elsif DOMProperty.is_custom_attribute(name)
           return if value.nil?
 
-          element.attributes[name]=Hyalite.escape_text_content_for_browser(value)
+          element.attributes[name] = Hyalite.escape_text_content_for_browser(value.to_s)
         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.attributes[name]=Hyalite.escape_text_content_for_browser(value)
+        element.attributes[name] = Hyalite.escape_text_content_for_browser(value.to_s)
       end
 
       def is_attribute_name_safe(attribute_name)

data/lib/hyalite/mount.rb

@@ -60,7 +60,7 @@ module Hyalite
         return false unless node.element?
 
         id = node_id(node)
-        id ? id[0] == SEPARATOR : false
+        id ? id[0] == Hyalite::Reconciler::SEPARATOR : false
       end
 
       def render_new_root_component(next_element, container, should_reuse_markup)
@@ -74,6 +74,40 @@ module Hyalite
         component_instance
       end
 
+      def unmount_component_at_node(container)
+        root_id = root_id(container)
+        component = @instances_by_root_id[root_id]
+        unless component
+          container_has_non_root_child = has_non_root_child(container)
+
+          container_id = internal_id(container)
+          container_id &&
+          container_id == InstanceHandles.root_id_from_node_id(container_id)
+          return false
+        end
+
+        Hyalite.updates.batched_updates do
+          unmount_component_from_node(component, container)
+        end
+
+        @instances_by_root_id.delete(root_id)
+        @containers_by_root_id.delete(root_id)
+        true
+      end
+
+      def has_non_root_child(node)
+        root_id = root_id(container)
+        root_id ? root_id != InstanceHandles.root_id_from_node_id(root_id) : false
+      end
+
+      def unmount_component_from_node(instance, container)
+        Reconciler.unmount_component(instance)
+
+        while container.children.length > 0
+          container.children.last.remove
+        end
+      end
+
       def register_component(next_component, container)
         #ReactBrowserEventEmitter.ensureScrollValueMonitoring();
 
@@ -122,7 +156,7 @@ module Hyalite
 
       def root_element_in_container(container)
         if container.document?
-          $document
+          container
         else
           container.children.first
         end

data/lib/hyalite/multi_children.rb

@@ -198,7 +198,7 @@ module Hyalite
         if index >= parent_node.children.length
           parent_node.add_child(child_node)
         else
-          parent_node.children[index].add_previous_sibling(child_node)
+          parent_node.children[index].insert_before(child_node)
         end
       end
     end

data/lib/hyalite/version.rb

@@ -1,3 +1,3 @@
 module Hyalite
-  VERSION = "0.3.0"
+  VERSION = "0.3.4"
 end

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: hyalite
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.4
 platform: ruby
 authors:
 - youchan
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-03-17 00:00:00.000000000 Z
+date: 2022-04-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -92,6 +92,7 @@ files:
 - lib/hyalite/dom/event/mouse_event_interface.rb
 - lib/hyalite/dom/event/touch_event.rb
 - lib/hyalite/dom/event_target.rb
+- lib/hyalite/dom/html_input.rb
 - lib/hyalite/dom/node.rb
 - lib/hyalite/dom/text.rb
 - lib/hyalite/dom/window.rb
@@ -143,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.1
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: Virtual DOM implimentation in Ruby