opal-browser 0.1.0.beta1 → 0.2.0.beta1

data/opal/browser/support.rb

@@ -0,0 +1,232 @@
+BROWSER_ENGINE = `/MSIE|WebKit|Presto|Gecko/.exec(navigator.userAgent)[0]`.downcase rescue :unknown
+
+module Browser
+  # @private
+  @support = `{}`
+
+  def self.supports?(feature)
+    if defined?(`#@support[#{feature}]`)
+      return `#@support[#{feature}]`
+    end
+
+    support = case feature
+      when 'MutationObserver'
+        defined?(`window.MutationObserver`)
+
+      when 'WebSocket'
+        defined?(`window.WebSocket`)
+
+      when 'EventSource'
+        defined?(`window.EventSource`)
+
+      when 'XHR'
+        defined?(`window.XMLHttpRequest`)
+
+      when 'ActiveX'
+        defined?(`window.ActiveXObject`)
+
+      when 'Query.css'
+        defined?(`Element.prototype.querySelectorAll`)
+
+      when 'Query.xpath'
+        defined?(`document.evaluate`)
+
+      when 'Storage.local'
+        defined?(`window.localStorage`)
+
+      when 'Storage.global'
+        defined?(`window.globalStorage`)
+
+      when 'Storage.session'
+        defined?(`window.sessionStorage`)
+
+      when 'Immediate'
+        defined?(`window.setImmediate`)
+
+      when 'Immediate (Internet Explorer)'
+        defined?(`window.msSetImmediate`)
+
+      when 'Immediate (Firefox)'
+        defined?(`window.mozSetImmediate`)
+
+      when 'Immediate (Opera)'
+        defined?(`window.oSetImmediate`)
+
+      when 'Immediate (Chrome)', 'setImmediate (Safari)'
+        defined?(`window.webkitSetImmediate`)
+
+      when 'CSS.computed'
+        defined?(`window.getComputedStyle`)
+
+      when 'CSS.current'
+        defined?(`document.documentElement.currentStyle`)
+
+      when 'Window.send'
+        if defined?(`window.postMessage`) && !defined?(`window.importScripts`)
+          %x{
+            var ok  = true,
+                old = window.onmessage;
+
+            window.onmessage = function() { ok = false; };
+            window.postMessage("", "*")
+            window.onmessage = old;
+          }
+
+          `ok`
+        end
+
+      when 'Window.innerSize'
+        defined?(`window.innerHeight`)
+
+      when 'Window.outerSize'
+        defined?(`window.outerHeight`)
+
+      when 'Window.scroll'
+        defined?(`document.documentElement.scrollLeft`)
+
+      when 'Window.pageOffset'
+        defined?(`window.pageXOffset`)
+
+      when 'Element.addBehavior'
+        defined?(`document.body.addBehavior`)
+
+      when 'Element.clientSize'
+        defined?(`document.documentElement.clientHeight`)
+
+      when 'Element.scroll'
+        defined?(`document.documentElement.scrollLeft`)
+
+      when 'Element.textContent'
+        defined?(`document.documentElement.textContent`)
+
+      when 'Element.innerText'
+        defined?(`document.documentElement.innerText`)
+
+      when 'Element.matches'
+        defined?(`document.documentElement.matches`)
+
+      when 'Element.matches (Internet Explorer)'
+        defined?(`document.documentElement.msMatchesSelector`)
+
+      when 'Element.matches (Firefox)'
+        defined?(`document.documentElement.mozMatchesSelector`)
+
+      when 'Element.matches (Opera)'
+        defined?(`document.documentElement.oMatchesSelector`)
+
+      when 'Element.matches (Chrome)', 'Element.matches (Safari)'
+        defined?(`document.documentElement.webkitMatchesSelector`)
+
+      when 'Element.getBoundingClientRect'
+        defined?(`document.documentElement.getBoundingClientRect`)
+
+      when 'Event.readystatechange'
+        `"onreadystatechange" in window.document.createElement("script")`
+
+      when 'Event.constructor'
+        begin
+          `new MouseEvent("click")`
+
+          true
+        rescue
+          false
+        end
+
+      when 'Event.create'
+        defined?(`document.createEvent`)
+
+      when 'Event.createObject'
+        defined?(`document.createEventObject`)
+
+      when 'Event.addListener'
+        defined?(`document.addEventListener`)
+
+      when 'Event.attach'
+        defined?(`document.attachEvent`)
+
+      when 'Event.removeListener'
+        defined?(`document.removeEventListener`)
+
+      when 'Event.detach'
+        defined?(`document.detachEvent`)
+
+      when 'Event.dispatch'
+        defined?(`document.dispatchEvent`)
+
+      when 'Event.fire'
+        defined?(`document.fireEvent`)
+
+      when /^Event\.([A-Z].*?)$/
+        `(#{$1} + "Event") in window`
+
+      when 'Document.view'
+        defined?(`document.defaultView`)
+
+      when 'Document.window'
+        defined?(`document.parentWindow`)
+
+      when 'History'
+        defined?(`window.history.pushState`)
+
+      when 'History.state'
+        defined?(`window.history.state`)
+
+      when 'Animation.request'
+        defined?(`window.requestAnimationFrame`)
+
+      when 'Animation.request (Internet Explorer)'
+        defined?(`window.msRequestAnimationFrame`)
+
+      when 'Animation.request (Firefox)'
+        defined?(`window.mozRequestAnimationFrame`)
+
+      when 'Animation.request (Opera)'
+        defined?(`window.oRequestAnimationFrame`)
+
+      when 'Animation.request (Chrome)', 'Animation.request (Safari)'
+        defined?(`window.webkitRequestAnimationFrame`)
+
+      when 'Animation.cancel'
+        defined?(`window.cancelAnimationFrame`)
+
+      when 'Animation.cancel (Internet Explorer)'
+        defined?(`window.msCancelAnimationFrame`)
+
+      when 'Animation.cancel (Firefox)'
+        defined?(`window.mozCancelAnimationFrame`)
+
+      when 'Animation.cancel (Opera)'
+        defined?(`window.oCancelAnimationFrame`)
+
+      when 'Animation.cancel (Chrome)', 'Animation.cancel (Safari)'
+        defined?(`window.webkitCancelAnimationFrame`)
+
+      when 'Animation.cancelRequest'
+        defined?(`window.cancelRequestAnimationFrame`)
+
+      when 'Animation.cancelRequest (Internet Explorer)'
+        defined?(`window.msCancelRequestAnimationFrame`)
+
+      when 'Animation.cancelRequest (Firefox)'
+        defined?(`window.mozCancelRequestAnimationFrame`)
+
+      when 'Animation.cancelRequest (Opera)'
+        defined?(`window.oCancelRequestAnimationFrame`)
+
+      when 'Animation.cancelRequest (Chrome)', 'Animation.cancelRequest (Safari)'
+        defined?(`window.webkitCancelRequestAnimationFrame`)
+    end
+
+    `#@support[#{feature}] = #{support}`
+  end
+
+  def self.loaded?(name)
+    case name
+    when 'Sizzle'
+      defined?(`window.Sizzle`)
+
+    when 'wicked-good-xpath'
+      defined?(`window.wgxpath`)
+    end
+  end
+end

data/opal/browser/utils.rb

@@ -3,6 +3,22 @@ module Browser
   Position = Struct.new(:x, :y)
 end
 
+class Object
+  # Encode as URI.
+  #
+  # @return [String] the {Object#to_s} encoded for usage as URI
+  def encode_uri
+    to_s.encode_uri
+  end
+
+  # Encode as URI component.
+  #
+  # @return [String] the {Object#to_s} encoded for usage as URI component
+  def encode_uri_component
+    to_s.encode_uri_component
+  end
+end
+
 class String
   # Encode as URI component.
   #
@@ -34,6 +50,11 @@ class String
 end
 
 class Hash
+  # Decode an URL encoded form to a {Hash}.
+  #
+  # @param string [String] the URL encoded form
+  #
+  # @return [Hash]
   def self.decode_uri(string)
     self[string.split(?&).map {|part|
       name, value = part.split(?=)
@@ -42,15 +63,12 @@ class Hash
     }]
   end
 
+  # Encode the Hash to an URL form.
+  #
+  # @return [String] the URL encoded form
   def encode_uri
     map {|name, value|
       "#{name.to_s.encode_uri_component}=#{value.to_s.encode_uri_component}"
     }.join(?&)
   end
 end
-
-class Object
-  def encode_uri
-    to_s.encode_uri
-  end
-end

data/opal/browser/version.rb

@@ -1,3 +1,3 @@
 module Browser
-  VERSION = '0.1.0.beta1'
+  VERSION = '0.2.0.beta1'
 end

data/opal/browser/window.rb

@@ -1,10 +1,9 @@
 require 'browser/interval'
-require 'browser/timeout'
+require 'browser/delay'
 
 require 'browser/window/view'
 require 'browser/window/size'
 require 'browser/window/scroll'
-require 'browser/window/compatibility'
 
 module Browser
 

data/opal/browser/window/scroll.rb

@@ -6,17 +6,27 @@ class Scroll
     @native = window.to_n
   end
 
-  def position
-    %x{
-      var doc  = #@native.document,
-          root = doc.documentElement,
-          body = doc.body;
-
-      var x = root.scrollLeft || body.scrollLeft,
-          y = root.scrollTop  || body.scrollTop;
-    }
-
-    Position.new(`x`, `y`)
+  if Browser.supports? 'Window.scroll'
+    def position
+      %x{
+        var doc  = #@native.document,
+            root = doc.documentElement,
+            body = doc.body;
+
+        var x = root.scrollLeft || body.scrollLeft,
+            y = root.scrollTop  || body.scrollTop;
+      }
+
+      Position.new(`x`, `y`)
+    end
+  elsif Browser.supports? 'Window.pageOffset'
+    def position
+      Position.new(`#@native.pageXOffset`, `#@native.pageYOffset`)
+    end
+  else
+    def position
+      raise NotImplementedError, 'window scroll unsupported'
+    end
   end
 
   def x

data/opal/browser/window/size.rb

@@ -15,18 +15,28 @@ class Size
     self
   end
 
-  def width
-    `#@native.outerWidth`
+  if Browser.supports? 'Window.outerSize'
+    def width
+      `#@native.outerWidth`
+    end
+
+    def height
+      `#@native.outerHeight`
+    end
+  else
+    def width
+      raise NotImplementedError, 'window outer size not supported'
+    end
+
+    def height
+      raise NotImplementedError, 'window outer size not supported'
+    end
   end
 
   def width=(value)
     set(width: value)
   end
 
-  def height
-    `#@native.outerHeight`
-  end
-
   def height=(value)
     set(height: value)
   end

data/opal/browser/window/view.rb

@@ -6,12 +6,30 @@ class View
     @native = window.to_n
   end
 
-  def width
-    `#@native.innerWidth`
-  end
+  if Browser.supports? 'Window.innerSize'
+    def width
+      `#@native.innerWidth`
+    end
+
+    def height
+      `#@native.innerHeight`
+    end
+  elsif Browser.supports? 'Element.clientSize'
+    def height
+      `#@native.document.documentElement.clientHeight`
+    end
+
+    def width
+      `#@native.document.documentElement.clientWidth`
+    end
+  else
+    def width
+      raise NotImplementedError, 'window size unsupported'
+    end
 
-  def height
-    `#@native.innerHeight`
+    def height
+      raise NotImplementedError, 'window size unsupported'
+    end
   end
 end
 

data/spec/dom/builder_spec.rb

@@ -2,27 +2,27 @@ require 'spec_helper'
 
 describe Browser::DOM::Builder do
   it 'builds an element' do
-    DOM {
+    expect(DOM {
       div
-    }.name.should == 'DIV'
+    }.name).to eq('DIV')
   end
 
   it 'builds an element with text content' do
-    DOM {
+    expect(DOM {
       div "foo bar"
-    }.text.should == "foo bar"
+    }.text).to eq('foo bar')
 
-    DOM {
+    expect(DOM {
       div {
         "foo bar"
       }
-    }.text.should == "foo bar"
+    }.text).to eq('foo bar')
   end
 
   it 'builds an element with attributes' do
-    DOM {
+    expect(DOM {
       div class: :wut
-    }.class_name.should == :wut
+    }.class_name).to eq(:wut)
   end
 
   it 'builds deeper trees' do
@@ -34,15 +34,15 @@ describe Browser::DOM::Builder do
       }
     }
 
-    res.name.should == 'DIV'
-    res.child.name.should == 'SPAN'
-    res.child.text.should == 'wut'
+    expect(res.name).to eq('DIV')
+    expect(res.child.name).to eq('SPAN')
+    expect(res.child.text).to eq('wut')
   end
 
   it 'sets classes with methods' do
-    DOM {
+    expect(DOM {
       div.nice.element
-    }.class_names.should == %w[nice element]
+    }.class_names).to eq(%w[nice element])
   end
 
   it 'nests when setting classes' do
@@ -52,10 +52,10 @@ describe Browser::DOM::Builder do
       }
     }
 
-    res.name.should == 'DIV'
-    res.class_names.should == %w[nice element]
-    res.child.name.should == 'SPAN'
-    res.child.class_names.should == %w[nicer]
+    expect(res.name).to eq('DIV')
+    expect(res.class_names).to eq(%w[nice element])
+    expect(res.child.name).to eq('SPAN')
+    expect(res.child.class_names).to eq(%w[nicer])
   end
 
   it 'joins class name properly' do
@@ -63,7 +63,7 @@ describe Browser::DOM::Builder do
       i.icon[:legal]
     }
 
-    res.name.should == 'I'
-    res.class_names.should == %w[icon-legal]
+    expect(res.name).to eq('I')
+    expect(res.class_names).to eq(%w[icon-legal])
   end
 end