diamonds 0.1.5

data/lib/diamonds/opal/browser/dom/node_set.rb

@@ -0,0 +1,110 @@
+module Browser; module DOM
+
+# Allows manipulation of a set of {Node}s.
+class NodeSet
+  # Create a new {NodeSet} from the given nodes.
+  #
+  # Note that the nodes are flattened and converted with DOM automatically,
+  # this means you can pass {NodeSet}s and {Native::Array}s as well.
+  def self.[](*nodes)
+    new(nodes.flatten.map { |x| DOM(Native.convert(x)) }.uniq)
+  end
+
+  def initialize(literal)
+    @literal = literal
+  end
+
+  # Any other method will be called on every node in the set.
+  def method_missing(name, *args, &block)
+    unless @literal.respond_to? name
+      each {|el|
+        el.__send__(name, *args, &block)
+      }
+
+      return self
+    end
+
+    result = @literal.__send__ name, *args, &block
+
+    if `result === #@literal`
+      self
+    elsif Array === result
+      NodeSet.new(result)
+    else
+      result
+    end
+  end
+
+  # Get the first node matching the given CSS selectors.
+  #
+  # @param rules [Array<String>] the CSS selectors to match with
+  #
+  # @return [Node?]
+  def at_css(*rules)
+    each {|node|
+      if node = node.at_css(*rules)
+        return node
+      end
+    }
+
+    nil
+  end
+
+  # Get the first node matching the given XPath.
+  #
+  # @param paths [Array<String>] the XPath to match with
+  #
+  # @return [Node?]
+  def at_xpath(*paths)
+    each {|node|
+      if node = node.at_xpath(*paths)
+        return node
+      end
+    }
+
+    nil
+  end
+
+  # Query for children matching the given CSS selector.
+  #
+  # @param selector [String] the CSS selector
+  #
+  # @return [NodeSet]
+  def css(path)
+    NodeSet[@literal.map {|node|
+      node.css(path)
+    }]
+  end
+
+  # Create another {NodeSet} with all the nodes that match the given
+  # expression.
+  #
+  # @param expression [String] a CSS selector
+  #
+  # @return [NodeSet] the new {NodeSet} with the matching nodes
+  def filter(expression)
+    @literal.select { |node| node =~ expression }
+  end
+
+  # Search for multiple selectors
+  def search(*what)
+    NodeSet[@literal.map { |node| node.search(*what) }]
+  end
+
+  # Query for children matching the given XPath.
+  #
+  # @param path [String] the XPath
+  #
+  # @return [NodeSet]
+  def xpath(path)
+    NodeSet[@literal.map {|node|
+      node.xpath(path)
+    }]
+  end
+
+  def to_ary
+    @literal
+  end
+end
+
+end; end

data/lib/diamonds/opal/browser/dom/text.rb

@@ -0,0 +1,36 @@
+module Browser; module DOM
+
+# Encapsulates a text node.
+#
+# @see https://developer.mozilla.org/en-US/docs/Web/API/Text
+class Text < CharacterData
+  # (see Document#create_text)
+  def self.create(*args)
+    $document.create_text(*args)
+  end
+
+  # @!attribute [r] whole
+  # @return [String] the whole text
+  #
+  # @see https://developer.mozilla.org/en-US/docs/Web/API/Text.wholeText
+  def whole
+    `#@native.wholeText`
+  end
+
+  # Split the text node at a given offset.
+  #
+  # @param offset [Integer] the offset where to split the text node
+  #
+  # @return [Text] the newly created text node
+  #
+  # @see https://developer.mozilla.org/en-US/docs/Web/API/Text.splitText
+  def split(offset)
+    DOM(`#@native.splitText(offset)`)
+  end
+
+  def inspect
+    "#<DOM::Text: #{data}>"
+  end
+end
+
+end; end

data/lib/diamonds/opal/browser/effects.rb

@@ -0,0 +1,50 @@
+module Browser; module DOM
+
+class Document < Element
+  # @!attribute [r] active_element
+  # @return [Element] the element with focus
+  def active_element
+    DOM(`#@native.activeElement`)
+  end
+end
+
+class Element
+  # Show the element.
+  #
+  # @param what [Symbol] how to display it
+  def show(what = :block)
+    style[:display] = what
+  end
+
+  # Hide the element.
+  def hide
+    style[:display] = :none
+  end
+
+  # Toggle the visibility of the element, hide it if it's shown, show it if
+  # it's hidden.
+  def toggle
+    if style![:display] == :none
+      show
+    else
+      hide
+    end
+  end
+
+  # Set the focus on the element.
+  def focus
+    `#@native.focus()`
+  end
+
+  # Blur the focus from the element.
+  def blur
+    `#@native.blur()`
+  end
+
+  # Check if the element is focused.
+  def focused?
+    `#@native.hasFocus`
+  end
+end
+
+end; end

data/lib/diamonds/opal/browser/event.rb

@@ -0,0 +1,253 @@
+require 'browser/event/base'
+require 'browser/event/ui'
+require 'browser/event/mouse'
+require 'browser/event/keyboard'
+require 'browser/event/focus'
+require 'browser/event/wheel'
+require 'browser/event/composition'
+require 'browser/event/animation'
+require 'browser/event/audio_processing'
+require 'browser/event/before_unload'
+require 'browser/event/composition'
+require 'browser/event/clipboard'
+require 'browser/event/device_light'
+require 'browser/event/device_motion'
+require 'browser/event/device_orientation'
+require 'browser/event/device_proximity'
+require 'browser/event/drag'
+require 'browser/event/gamepad'
+require 'browser/event/hash_change'
+require 'browser/event/progress'
+require 'browser/event/page_transition'
+require 'browser/event/pop_state'
+require 'browser/event/storage'
+require 'browser/event/touch'
+require 'browser/event/sensor'
+require 'browser/event/custom'
+require 'browser/event/message'
+require 'browser/event/close'
+
+module Browser
+
+class Event
+  def self.aliases
+    @aliases ||= {
+      'dom:load' => 'DOMContentLoaded',
+      'hover'    => 'mouse:over'
+    }
+  end
+
+  def self.name_for(name)
+    (aliases[name] || name).gsub(?:, '')
+  end
+
+  def self.class_for(name)
+    case name_for(name)
+      when 'animationend', 'animationiteration', 'animationstart'
+        Animation
+
+      when 'audioprocess'
+        AudioProcessing
+
+      when 'beforeunload'
+        BeforeUnload
+
+      when 'compositionend', 'compositionstart', 'compositionupdate'
+        Composition
+
+      when 'copy', 'cut'
+        Clipboard
+
+      when 'devicelight'
+        DeviceLight
+
+      when 'devicemotion'
+        DeviceMotion
+
+      when 'deviceorientation'
+        DeviceOrientation
+
+      when 'deviceproximity'
+        DeviceProximity
+
+      when 'drag', 'dragend', 'dragleave', 'dragover', 'dragstart', 'drop'
+        Drag
+
+      when 'gamepadconnected', 'gamepaddisconnected'
+        Gamepad
+
+      when 'hashchange'
+        HashChange
+
+      when 'progress', 'load', 'loadend', 'loadstart'
+        Progress
+
+      when 'pagehide', 'pageshow'
+        PageTransition
+
+      when 'popstate'
+        PopState
+
+      when 'storage'
+        Storage
+
+      when 'touchcancel', 'touchend', 'touchleave', 'touchmove', 'touchstart'
+        Touch
+
+      when 'compassneedscalibration', 'userproximity'
+        Sensor
+
+      when 'message'
+        Message
+
+      when 'close'
+        Close
+
+      when 'click', 'contextmenu', 'dblclick', 'mousedown', 'mouseenter',
+           'mouseleave', 'mousemove', 'mouseout', 'mouseover', 'mouseup',
+           'show'
+        Mouse
+
+      when 'keydown', 'keypress', 'keyup'
+        Keyboard
+
+      when 'blur', 'focus', 'focusin', 'focusout'
+        Focus
+
+      when 'wheel'
+        Wheel
+
+      when 'abort', 'afterprint', 'beforeprint', 'cached', 'canplay',
+           'canplaythrough', 'change', 'chargingchange', 'chargingtimechange',
+           'checking', 'close', 'dischargingtimechange', 'DOMContentLoaded',
+           'downloading', 'durationchange', 'emptied', 'ended', 'error',
+           'fullscreenchange', 'fullscreenerror', 'input', 'invalid',
+           'levelchange', 'loadeddata', 'loadedmetadata', 'noupdate', 'obsolete',
+           'offline', 'online', 'open', 'orientationchange', 'pause',
+           'pointerlockchange', 'pointerlockerror', 'play', 'playing',
+           'ratechange', 'readystatechange', 'reset', 'seeked', 'seeking',
+           'stalled', 'submit', 'success', 'suspend', 'timeupdate', 'updateready',
+           'visibilitychange', 'volumechange', 'waiting'
+        Event
+
+      else
+        Custom
+    end
+  end
+
+  def self.supported?
+    true
+  end
+
+  def self.create(name, *args, &block)
+    name  = name_for(name)
+    klass = class_for(name)
+
+    event = klass.new(klass.construct(name, klass.const_get(:Definition).new(&block)))
+    event.arguments = args
+
+    event
+  end
+
+  if Browser.supports? 'Event.constructor'
+    def self.construct(name, desc)
+      `new Event(#{name}, #{desc})`
+    end
+  elsif Browser.supports? 'Event.create'
+    def self.construct(name, desc)
+      %x{
+        var event = document.createEvent("HTMLEvents");
+            event.initEvent(name, desc.bubbles, desc.cancelable);
+
+        #{return Native(`event`).merge!(desc)};
+      }
+    end
+  elsif Browser.supports? 'Event.createObject'
+    def self.construct(name, desc)
+      Native(`document.createEventObject()`) \
+        .merge!(desc) \
+        .merge!(`{ type: name }`) \
+        .to_n
+    end
+  else
+    def self.construct(name, desc)
+      Native(desc).merge!(`{ type: name }`).to_n
+    end
+  end
+
+  def self.new(value, callback = nil)
+    return super unless self == Event
+
+    klass = class_for(callback ? callback.name : `value.type`)
+
+    if klass == Event
+      super
+    else
+      klass.new(value, callback)
+    end
+  end
+
+  attr_reader :callback
+  attr_writer :on
+
+  def initialize(event, callback = nil)
+    super(event)
+
+    @callback = callback
+  end
+
+  def name
+    `#@native.type`
+  end
+
+  def on
+    @on || Target.convert(`#@native.currentTarget`)
+  end
+
+  def target
+    Target.convert(`#@native.srcElement || #@native.target`)
+  end
+
+  def arguments
+    `#@native.arguments || []`
+  end
+
+  def arguments=(args)
+    `#@native.arguments = #{args}`
+  end
+
+  alias_native :bubbles?, :bubbles
+  alias_native :cancelable?, :cancelable
+  alias_native :data
+  alias_native :phase, :eventPhase
+  alias_native :at, :timeStamp
+
+  def off
+    @callback.off if @callback
+  end
+
+  def stopped?
+    `!!#@native.stopped`
+  end
+
+  def stop
+    `#@native.stopPropagation()` if defined?(`#@native.stopPropagation`)
+    `#@native.stopped = true`
+  end
+
+  def prevent
+    `#@native.preventDefault()` if defined?(`#@native.preventDefault`)
+    `#@native.prevented = true`
+  end
+
+  def prevented?
+    `!!#@native.prevented`
+  end
+
+  def stop!
+    prevent
+    stop
+  end
+end
+
+end