hyalite 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8ae6b1e6a2f77b3ca785171db8adcffcf67ec20a
-  data.tar.gz: 522297bc892600075409e06fcaad2f4b83afd324
+  metadata.gz: d89b9e9e140202b8dadbe041cd0fd60eaf8a6df6
+  data.tar.gz: 4aa2d43c948f25716b9199184836b5aee1156293
 SHA512:
-  metadata.gz: e91782a3f0991d6a0730ed4530d3528d8da93e52516d67b22b3135c4aaa77d478335a704af26e2240f5f1e86f9566688df947a83e18dc9378e56734e879dec4e
-  data.tar.gz: e16dbeca13e13b18fc8bce24ee6aa09acaffc26a69c324c3d3cdc8b5bbc997f914c14f544d438315224fd3d66b09941835731cf39fd9bb00d104aab324b51082
+  metadata.gz: 45c0d50be1bf7a12aaf21c6c168ad66fb47a1e3053187dc030810a541e3821aa33715957c35ce431c56db906bf344f0d14cbb8377a730e40de4d08b54aaec23f
+  data.tar.gz: 509ba34af727a051ddede9b65c50f3fc1b2bc417029b98cd9f16adb63cf94984b1b300683f3be213bf6a1d54b0d674b3333ce2b497dbe8ef89a98ae6a38240a3

data/Gemfile.lock

@@ -7,22 +7,22 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    concurrent-ruby (1.0.4)
+    concurrent-ruby (1.0.5)
     hike (1.2.3)
-    opal (0.10.3)
+    opal (0.10.5)
       hike (~> 1.2)
       sourcemap (~> 0.1.0)
       sprockets (~> 3.1)
       tilt (>= 1.4)
-    opal-rspec (0.6.0)
-      opal (>= 0.10.0, < 0.11)
-    rack (2.0.1)
-    rake (10.5.0)
+    opal-rspec (0.6.1)
+      opal (>= 0.10.0, < 0.12)
+    rack (2.0.3)
+    rake (12.0.0)
     sourcemap (0.1.1)
     sprockets (3.7.1)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
-    tilt (2.0.5)
+    tilt (2.0.8)
 
 PLATFORMS
   ruby

data/Rakefile

@@ -6,7 +6,7 @@ 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.append_path File.expand_path('../lib', __FILE__)
   server.source_map = true
   server.debug = true
 end

data/lib/hyalite/component.rb

@@ -31,10 +31,49 @@ module Hyalite
         end
 
         define_singleton_method(:initial_state) { @initial_state || {} }
+
+        define_singleton_method(:before_mount) do |&block|
+          if block
+            @before_mount = block
+          else
+            @before_mount
+          end
+        end
+
+        define_singleton_method(:after_mount) do |&block|
+          if block
+            @after_mount = block
+          else
+            @after_mount
+          end
+        end
+
+        define_singleton_method(:before_update) do |&block|
+          if block
+            @before_update = block
+          else
+            @before_update
+          end
+        end
+
+        define_singleton_method(:after_update) do |&block|
+          if block
+            @after_update = block
+          else
+            @after_update
+          end
+        end
       end
 
       TAGS.each do |tag|
-        define_method(tag) do |props, *children|
+        define_method(tag) do |props, *children, &block|
+          if block
+            Hyalite.create_element_hook do |hook_setter|
+              renderer = ChildrenRenderer.new(self, hook_setter)
+              renderer.instance_eval(&block)
+              children << renderer.children
+            end
+          end
           Hyalite.create_element(tag, props, *children)
         end
       end
@@ -42,8 +81,33 @@ module Hyalite
       klass.extend ClassMethods
     end
 
+    class ChildrenRenderer
+      attr_reader :children
+
+      def initialize(component, hook_setter)
+        @component = component
+        @children = []
+        hook_setter.hook do |el|
+          @children << el
+        end
+      end
+
+      def method_missing(method_name, *args, &block)
+        if @component.respond_to?(method_name, true)
+          @component.send(method_name, *args, &block)
+        else
+          super
+        end
+      end
+
+      def respond_to_missing?(method_name, include_private = false)
+        @component.respond_to?(method_name, include_private) || super
+      end
+    end
+
     module ClassMethods
-      def el(props, *children)
+      def el(props, *children, &block)
+        children << ChildrenRenderer.new(self).instance_eval(&block) if block
         Hyalite.create_element(self, props, *children)
       end
     end
@@ -64,22 +128,20 @@ module Hyalite
       {}
     end
 
-    def component_did_mount
-    end
-
     def component_will_mount
+      self.instance_eval(&self.class.before_mount) if self.class.before_mount
     end
 
     def component_did_mount
-    end
-
-    def component_will_unmount
+      self.instance_eval(&self.class.after_mount) if self.class.after_mount
     end
 
     def component_will_update(props, state, context)
+      self.instance_eval(&self.class.before_update) if self.class.before_update
     end
 
     def component_did_update(props, state, context)
+      self.instance_eval(&self.class.after_update) if self.class.after_update
     end
 
     def should_component_update(props, state, context)
@@ -99,6 +161,19 @@ module Hyalite
         @updator.enqueue_callback(self, &block)
       end
     end
+    alias :update_state :set_state
+
+    def method_missing(method_name, *args, &block)
+      if @props.has_key?(method_name)
+        @props[method_name]
+      else
+        super
+      end
+    end
+
+    def respond_to_missing?(method_name, include_private = false)
+      @props.has_key?(method_name) || super
+    end
 
     def render
     end

data/lib/hyalite/dom.rb

@@ -4,8 +4,11 @@ module Hyalite
 end
 
 require 'native'
+require_relative 'dom/event/mouse_event_interface'
+require_relative 'dom/event/data_transfer'
 require_relative 'dom/event/keyboard_event'
 require_relative 'dom/event/mouse_event'
+require_relative 'dom/event/drag_event'
 require_relative 'dom/event'
 require_relative 'dom/node'
 require_relative 'dom/collection'

data/lib/hyalite/dom/event.rb

@@ -2,8 +2,32 @@ module Hyalite
   module DOM
     module Event
       EVENT_CLASSES = {
+        # MouseEvent
         'click' => MouseEvent,
-        'keydown' => KeyboardEvent
+        'dblclick' => MouseEvent,
+        'mousedown' => MouseEvent,
+        'mouseup' => MouseEvent,
+        'mousemove' => MouseEvent,
+        'mouseenter' => MouseEvent,
+        'mouseleave' => MouseEvent,
+        'mouseover' => MouseEvent,
+        'mouseout' => MouseEvent,
+        'contextmenu' => MouseEvent,
+
+        # DragEvent
+        'drag' => DragEvent,
+        'dragstart' => DragEvent,
+        'dragend' => DragEvent,
+        'dragenter' => DragEvent,
+        'dragexit' => DragEvent,
+        'dragleave' => DragEvent,
+        'dragover' => DragEvent,
+        'drop' => DragEvent,
+
+        # KeyboardEvent
+        'keydown' => KeyboardEvent,
+        'keyup' => KeyboardEvent,
+        'keypress' => KeyboardEvent,
       }
 
       def self.create(event)
@@ -17,6 +41,10 @@ module Hyalite
       def target
         Node.create(`self.native.target`)
       end
+
+      def prevent_default
+        `self.native.preventDefault()`
+      end
     end
   end
 end

data/lib/hyalite/dom/event/data_transfer.rb

@@ -0,0 +1,24 @@
+module Hyalite
+  module DOM
+    module Event
+      class DataTransfer
+        include Native
+
+        alias_native :clear, :createData
+        alias_native :drag_image=, :setDragImage
+
+        native_reader :files
+        native_reader :items
+        native_reader :types
+
+        def []=(name, value)
+          `self.native.setData(name, value)`
+        end
+
+        def [](name)
+          `self.native.getData(name)`
+        end
+      end
+    end
+  end
+end

data/lib/hyalite/dom/event/drag_event.rb

@@ -0,0 +1,31 @@
+module Hyalite
+  module DOM
+    module Event
+      class DragEvent
+        include Native
+        include Event
+        include MouseEventInterface
+
+        def drop_effect
+          `self.native.dataTransfer.dropEffect`
+        end
+
+        def drop_effect=(effect)
+          `self.native.dataTransfer.dropEffect = effect`
+        end
+
+        def effect_allowed
+          `self.native.dataTransfer.effectAllowed`
+        end
+
+        def effect_allowed=(effect)
+          `self.native.dataTransfer.effectAllowed = effect`
+        end
+
+        def data
+          DataTransfer.new `self.native.dataTransfer`
+        end
+      end
+    end
+  end
+end

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

@@ -6,7 +6,18 @@ module Hyalite
         include Event
 
         alias_native :code
-        alias_native :key_code, :keyCode
+        alias_native :key
+        alias_native :shift_key, :shiftKey
+        alias_native :alt_key, :altKey
+        alias_native :ctrl_key, :ctrlKey
+        alias_native :meta_key, :metaKey
+        alias_native :locale
+        alias_native :location
+        alias_native :repeat
+        alias_native :composing?, :isComposing
+        alias_native :modifierState, :getModifierState
+        alias_native :init_key_event, :initKeyEventg
+        alias_native :init_keyboard_event, :initKeyboardEventg
       end
     end
   end

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

@@ -4,6 +4,7 @@ module Hyalite
       class MouseEvent
         include Native
         include Event
+        include MouseEventInterface
       end
     end
   end

data/lib/hyalite/dom/event/mouse_event_interface.rb

@@ -0,0 +1,84 @@
+module Hyalite
+  module DOM
+    module Event
+      class AliasPosition
+        def initialize(native, name)
+          @native = native
+          @name = name
+        end
+
+        def x
+          name = @name + 'X'
+          `#@native[name]`
+        end
+
+        def y
+          name = @name + 'Y'
+          `#@native[name]`
+        end
+      end
+
+      module MouseEventInterface
+        def client
+          @client ||= AliasPosition.new(@native, :client)
+        end
+
+        def movement
+          @movement ||= AliasPosition.new(@native, :movement)
+        end
+
+        def offset
+          @offset ||= AliasPosition.new(@native, :offset)
+        end
+
+        def page
+          @page ||= AliasPosition.new(@native, :page)
+        end
+
+        def screen
+          @screen ||= AliasPosition.new(@native, :screen)
+        end
+
+        def shift_key
+          `#@native.shiftKey`
+        end
+
+        def ctrl_key
+          `#@native.ctrlKey`
+        end
+
+        def alt_key
+          `#@native.altKey`
+        end
+
+        def meta_key
+          `#@native.metaKey`
+        end
+
+        def button
+          `#@native.button`
+        end
+
+        def buttons
+          `#@native.buttons`
+        end
+
+        def region
+          `#@native.region`
+        end
+
+        def related_target
+          `#@native.relatedTarget`
+        end
+
+        def modifire_state
+          `#@native.getModifierState()`
+        end
+
+        def init_mouse_event
+          `#@native.initMouseEvent()`
+        end
+      end
+    end
+  end
+end

data/lib/hyalite/main.rb

@@ -38,7 +38,40 @@ module Hyalite
                            children
                          end
 
-      ElementObject.new(type, key, ref, Hyalite.current_owner, props)
+      ElementObject.new(type, key, ref, Hyalite.current_owner, props).tap {|el| element_created(el) }
+    end
+
+    def element_created(element)
+      return unless @hooks
+      @hooks.each do |hook|
+        hook.call(element)
+      end
+    end
+
+    def create_element_hook(&block)
+      @hooks ||= []
+      hook_setter = HookSetter.new(@hooks)
+      yield hook_setter
+    ensure
+      hook_setter.destroy
+    end
+
+    class HookSetter
+      def initialize(hooks)
+        @hooks = hooks
+        @memo = []
+      end
+
+      def hook(&block)
+        @memo << block
+        @hooks << block
+      end
+
+      def destroy
+        @memo.each do |m|
+          @hooks.delete(m)
+        end
+      end
     end
 
     def fn(&block)

data/lib/hyalite/multi_children.rb

@@ -28,7 +28,6 @@ module Hyalite
         @rendered_children = next_children
         return if next_children.nil? && prev_children.nil?
 
-
         last_index = 0
         next_index = 0
         next_children.each do |name, next_child|

data/lib/hyalite/version.rb

@@ -1,3 +1,3 @@
 module Hyalite
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hyalite
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - youchan
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-07-28 00:00:00.000000000 Z
+date: 2017-08-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -85,8 +85,11 @@ files:
 - lib/hyalite/dom/document.rb
 - lib/hyalite/dom/element.rb
 - lib/hyalite/dom/event.rb
+- lib/hyalite/dom/event/data_transfer.rb
+- lib/hyalite/dom/event/drag_event.rb
 - lib/hyalite/dom/event/keyboard_event.rb
 - lib/hyalite/dom/event/mouse_event.rb
+- lib/hyalite/dom/event/mouse_event_interface.rb
 - lib/hyalite/dom/node.rb
 - lib/hyalite/dom/text.rb
 - lib/hyalite/dom_component.rb