opal-browser 0.1.0.beta1 → 0.2.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 67a9bf1ea4b1b5b2f0b9850b39a8e7da1b464806
-  data.tar.gz: 021fa0a9e5ed6d1ab1b3d64f85d68c4860696c79
+  metadata.gz: 7b0aa6c5110fd5e167607dbdea62c227163d95be
+  data.tar.gz: 666fc17d0cb5be69e9acf8a2f2d526e4995b7496
 SHA512:
-  metadata.gz: 7fc4300cbb533f11e140ea654de6bf4742bbfca85041d6f6e2bc3f69cb352c4ff20e4cc42c54ffa15320e53ae094abb502b52d023e8701581caec38e53a6dba2
-  data.tar.gz: 3d27cd50d48f61dc21a4d838d502e212ff0e25ff8cfb2e8db264b439068a14f79a4d19630ac64f173c2d48d6ac1969e45aabd75c2c29349d114672fece6fe0b2
+  metadata.gz: bdb5103e7c85d23815225544ee28a504a024cc61beb58c5ca77e1af6c0b33853c6bc0b5cc530975039f28151572b423725e6abc7bf5aa22bd4fe82ec4ef68ed8
+  data.tar.gz: 4c08aa42993c6e63623dae9d5b9b09ed722801bf771c1527c56bb0791807958ffbb2d5c80904ae457c0686cf15ea597176de7269f9862a0d014f7171d7597f35

data/.travis.yml

@@ -0,0 +1,60 @@
+language: ruby
+rvm: 2.0.0
+cache: bundler
+
+env:
+  global:
+    - SELENIUM_HOST=hub.browserstack.com
+    - SELENIUM_PORT=80
+
+    - BS_AUTOMATE_PROJECT="$TRAVIS_REPO_SLUG"
+    - BS_AUTOMATE_BUILD="Travis build No. $TRAVIS_BUILD_NUMBER for $TRAVIS_REPO_SLUG"
+    - secure: "L70bh0nIOaIoS7Va4Mr0GsdRlAjOILsNNrfwFDr3RjM2HaR3oeEKK1tJIEDEMamgBw6Ljhz7EWdDwt3bQ0HrhO9cI0kuzl+dA9Obf3+gucPSdi8QCZbjZDkwA56srsDEAMGAKkNWI1kmQTbPUPUoIuKmjj3Y3T68Ud2qi+hi5ag="
+    - secure: "T7RSwd/aIYwsbuoyLPLzB0ZwOATDAFrpi9GQSVIbV1rZV2oGq+yisjeARUPyRfKTI0Q08CNgarLWfL/kONR6AL19XUD3Rm1+hag8bNixRYot2c65We6d40BMtPfZyO13kSWlTtDnzotYavhXoXujJNLfSjbdLdTlmy2m9Q0UfQc="
+
+  matrix:
+    - SELENIUM_BROWSER=firefox SELENIUM_VERSION=25
+    - SELENIUM_BROWSER=firefox SELENIUM_VERSION=26
+
+    - SELENIUM_BROWSER=safari SELENIUM_VERSION=5.1
+    - SELENIUM_BROWSER=safari SELENIUM_VERSION=6.1
+    - SELENIUM_BROWSER=safari SELENIUM_VERSION=7.0
+
+    - SELENIUM_BROWSER=opera SELENIUM_VERSION=12.15
+    - SELENIUM_BROWSER=opera SELENIUM_VERSION=12.16
+
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=6
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=7
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=8
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=9
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=10
+    - SELENIUM_BROWSER=ie SELENIUM_VERSION=11
+
+    - SELENIUM_BROWSER=chrome SELENIUM_VERSION=30
+    - SELENIUM_BROWSER=chrome SELENIUM_VERSION=31
+
+matrix:
+  allow_failures:
+    # I know these fail
+    - env: SELENIUM_BROWSER=ie SELENIUM_VERSION=6
+    - env: SELENIUM_BROWSER=ie SELENIUM_VERSION=7
+
+    # ChromeDriver be broken
+    - env: SELENIUM_BROWSER=chrome SELENIUM_VERSION=31
+    - env: SELENIUM_BROWSER=chrome SELENIUM_VERSION=30
+
+before_install:
+  - gem update bundler
+  - bundle --version
+  - gem update --system
+  - gem --version
+
+before_script:
+  - bundle exec rackup -p 9292 &
+  - sleep 10
+
+script:
+  - bundle exec spec/runner.rb
+
+notifications:
+  irc: "irc.freenode.org#opal"

data/.yardopts

@@ -1 +1 @@
---no-private opal/**/*.rb
+--no-private opal/**/*.rb --markup markdown

data/Gemfile

@@ -1,11 +1,16 @@
 source 'https://rubygems.org'
 gemspec
 
-gem 'rake'
+# specs
 gem 'rack'
 gem 'sinatra'
 gem 'sinatra-websocket'
+gem 'opal-rspec', '0.3.0.beta3'
 
+# runner
+gem 'selenium-webdriver', require: false
+gem 'rest-client', require: false
+
+# browser
 gem 'opal', github: 'opal/opal'
-gem 'opal-rspec', '0.3.0.beta2'
 gem 'paggio', github: 'meh/paggio'

data/LICENSE

@@ -0,0 +1,19 @@
+Copyright (C) 2014 by meh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -1,5 +1,10 @@
 Browser support for Opal
 ========================
+
+[![Build Status](https://secure.travis-ci.org/opal/opal-browser.png?branch=master)](http://travis-ci.org/opal/opal-browser)
+[![Gem Version](https://badge.fury.io/rb/opal-browser.png)](http://badge.fury.io/rb/opal-browser)
+[![Code Climate](https://codeclimate.com/github/opal/opal-browser.png)](https://codeclimate.com/github/opal/opal-browser)
+
 This library aims to be a full-blown wrapper for all the browser API including
 HTML5.
 
@@ -13,7 +18,7 @@ DOM support is complete as far as I know, it has a very Nokogiri feel to it
 with obvious differences where relevant (for instance, event handling).
 
 ```ruby
-$document.on :load do
+$document.on 'dom:load' do
   alert "yo dawg, I'm all loaded up in here"
 end
 ```
@@ -22,7 +27,7 @@ It also supports a markaby inspired builder DSL which generates DOM nodes
 directly instead of creating a string.
 
 ```ruby
-$document.on :load do
+$document.on 'dom:load' do
   DOM {
     div.info {
       span.red "I'm all cooked up."
@@ -93,14 +98,73 @@ Storage
 The HTML5 Storage API has been wrapped and it exports a single Storage class
 that uses the most appropriate and available API to store data locally.
 
-Cross-browser compatibility
-===========================
-Right now all features are implemented with the stable or working-drafts API
-which aren't implemented everywhere.
+Browser support
+===============
+
+* Internet Explorer 6+
+* Firefox (Current - 1) or Current
+* Chrome (Current - 1) or Current
+* Safari 5.1+
+* Opera 12.1x or (Current - 1) or Current
+
+Any problem above browsers should be considered and reported as a bug.
+
+(Current - 1) or Current denotes that we support the current stable version of
+the browser and the version that preceded it. For example, if the current
+version of a browser is 24.x, we support the 24.x and 23.x versions.
+
+12.1x or (Current - 1) or Current denotes that we support Opera 12.1x as well
+as last 2 versions of Opera. For example, if the current Opera version is 20.x,
+we support Opera 12.1x, 19.x and 20.x but not Opera 15.x through 18.x.
+
+Cross-browser testing sponsored by [BrowserStack](http://browserstack.com).
+
+CSS selectors
+-------------
+Older browsers do not support CSS selector in queries, this means you'll need
+external polyfills for this.
+
+The suggested polyfill is [Sizzle](http://sizzlejs.com/), require it **before**
+opal-browser.
+
+JSON parsing
+------------
+Older browsers don't support JSON parsing natively, this means you'll need
+external polyfills for this.
+
+The suggested polyfill is [json2](https://github.com/douglascrockford/JSON-js),
+require it **before** opal-browser.
+
+XPath support
+-------------
+Not all browsers support XPath queries, I'm looking at you Internet Explorer,
+this means you'll need external polyfills for this.
+
+The suggested polyfill is
+[wgxpath](https://code.google.com/p/wicked-good-xpath/), require it **before**
+opal-browser.
+
+License
+=======
+
+(The MIT License)
+
+Copyright (C) 2014 by meh
 
-The current approach is to have a file for each method in the `compatibility`
-directory where alternatives based on functional-presence are implemented.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
-You can see an example for the matches selector API [here][1].
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
-[1]: https://github.com/opal/opal-browser/blob/master/opal/browser/compatibility/dom/element/matches.rb
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/config.ru

@@ -3,8 +3,9 @@ Bundler.require
 
 apps = []
 apps << Opal::Server.new { |s|
-  s.main = 'opal/rspec/sprockets_runner'
   s.append_path 'spec'
+  s.main = 'opal/rspec/sprockets_runner'
+  s.index_path = 'index.html.erb'
   s.debug = false
 }
 

data/index.html.erb

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Opal Browser - RSpec Runner</title>
+
+  <script>
+    window.onerror = function(msg, url, line) {
+      var error = document.createElement("div");
+          error.setAttribute("id", "rspec-error");
+          error.innerHTML  = "Error: " + msg + "<br/>";
+          error.innerHTML += "Line: " + line + "<br/>";
+          error.innerHTML += "URL: " + url + "<br/>";
+
+      document.body.appendChild(error);
+    }
+  </script>
+</head>
+<body>
+  <%= javascript_include_tag @server.main %>
+</body>
+</html>
+

data/opal-browser.gemspec

@@ -2,22 +2,20 @@ $LOAD_PATH << File.expand_path('../opal', __FILE__)
 require 'browser/version'
 
 Gem::Specification.new {|s|
-  s.name         = 'opal-browser'
-  s.version      = Browser::VERSION
-  s.author       = 'meh.'
-  s.email        = 'meh@schizofreni.co'
-  s.homepage     = 'http://github.com/opal/opal-browser'
-  s.platform     = Gem::Platform::RUBY
-  s.summary      = 'Browser support for Opal.'
+  s.name     = 'opal-browser'
+  s.version  = Browser::VERSION
+  s.author   = 'meh.'
+  s.email    = 'meh@schizofreni.co'
+  s.homepage = 'http://github.com/opal/opal-browser'
+  s.platform = Gem::Platform::RUBY
+  s.summary  = 'Browser support for Opal.'
+  s.license  = 'MIT'
 
   s.files         = `git ls-files`.split("\n")
   s.executables   = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
   s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
   s.require_paths = ['lib']
 
-  s.add_dependency 'opal', '>= 0.5.5'
+  s.add_dependency 'opal', '~> 0.6.0'
   s.add_dependency 'paggio'
-
-  s.add_development_dependency 'opal-rspec'
-  s.add_development_dependency 'rake'
 }

data/opal/browser.rb

@@ -3,7 +3,7 @@ require 'paggio'
 
 require 'browser/version'
 require 'browser/utils'
-require 'browser/compatibility'
+require 'browser/support'
 
 require 'browser/window'
 require 'browser/dom'

data/opal/browser/animation_frame.rb

@@ -1,8 +1,5 @@
-require 'browser/compatibility/animation_frame'
-
 module Browser
 
-# FIXME: drop the method_defined? checks when require order is fixed
 class AnimationFrame
   def initialize(window, &block)
     @window = window
@@ -10,13 +7,73 @@ class AnimationFrame
     @id     = request(block)
   end
 
-  def request
-    raise NotImplementedError, 'window requestAnimationFrame unsupported'
-  end unless method_defined? :request
+  if Browser.supports? 'Animation.request'
+    def request(block)
+      `#@native.requestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Chrome)'
+    def request(block)
+      `#@native.webkitRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Firefox)'
+    def request(block)
+      `#@native.mozRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Opera)'
+    def request(block)
+      `#@native.oRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Internet Explorer)'
+    def request(block)
+      `#@native.msRequestAnimationFrame(#{block.to_n})`
+    end
+  else
+    def request
+      raise NotImplementedError, 'window requestAnimationFrame unsupported'
+    end
+  end
 
-  def cancel
-    raise NotImplementedError, 'window cancelAnimationFrame unsupported'
-  end unless method_defined? :cancel
+  if Browser.supports? 'Animation.cancel'
+    def cancel
+      `#@native.cancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Chrome)'
+    def cancel
+      `#@native.webkitCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Chrome)'
+    def cancel
+      `#@native.webkitCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Firefox)'
+    def cancel
+      `#@native.mozCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Firefox)'
+    def cancel
+      `#@native.mozCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Opera)'
+    def cancel
+      `#@native.oCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Opera)'
+    def cancel
+      `#@native.oCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Internet Explorer)'
+    def cancel
+      `#@native.msCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Internet Explorer)'
+    def cancel
+      `#@native.msCancelRequestAnimationFrame(#@id)`
+    end
+  else
+    def cancel
+      raise NotImplementedError, 'window cancelAnimationFrame unsupported'
+    end
+  end
 end
 
 end

data/opal/browser/canvas.rb

@@ -8,6 +8,8 @@
 #  0. You just DO WHAT THE FUCK YOU WANT TO.
 #++
 
+require 'promise'
+
 require 'browser/canvas/style'
 require 'browser/canvas/text'
 require 'browser/canvas/data'
@@ -21,12 +23,28 @@ class Canvas
   attr_reader :element, :style, :text
 
   def initialize(*args)
-    if DOM::Node === args.first
-      @element = args.shift
-    else
+    if DOM::Element === args.first
+      element = args.shift
+
+      if DOM::Element::Image === element
+        @image   = element
+      else
+        @element = element
+      end
+    elsif Canvas === args.first
+      @image = args.first
+    end
+
+    unless @element
       @element = $document.create_element('canvas')
-      @element[:width]  = args.shift
-      @element[:height] = args.shift
+
+      if @image
+        @element[:width]  = @image.width
+        @element[:height] = @image.height
+      else
+        @element[:width]  = args.shift
+        @element[:height] = args.shift
+      end
     end
 
     if @element.node_name != 'CANVAS'
@@ -37,6 +55,35 @@ class Canvas
 
     @style = Style.new(self)
     @text  = Text.new(self)
+
+    if @image
+      draw_image(@image)
+    end
+  end
+
+  def width
+    @element[:width].to_i
+  end
+
+  def height
+    @element[:height].to_i
+  end
+
+  def append_to(parent)
+    @element.append_to(parent)
+  end
+
+  def load(path)
+    promise = Promise.new
+    image   = $document.create_element('img')
+
+    image.on :load do
+      promise.resolve(image)
+    end
+
+    image[:src] = path
+
+    promise
   end
 
   def data(x = nil, y = nil, width = nil, height = nil)
@@ -49,7 +96,7 @@ class Canvas
   end
 
   def pattern(image, type = :repeat)
-    `#@native.createPattern(#{Element(image).to_n}, type)`
+    `#@native.createPattern(#{DOM(image).to_n}, type)`
   end
 
   def gradient(*args, &block)
@@ -143,17 +190,28 @@ class Canvas
     self
   end
 
-  def draw_image(*args)
-    image = Element(args.shift)
+  def draw_image(image, *args)
+    if Canvas === image
+      image = image.element
+    else
+      image = DOM(image)
+    end
 
     if args.first.is_a?(Hash)
       source, destination = args
 
       `#@native.drawImage(#{image.to_n}, #{source[:x]}, #{source[:y]}, #{source[:width]}, #{source[:height]}, #{destination[:x]}, #{destination[:y]}, #{destination[:width]}, #{destination[:height]})`
     else
-      x, y, width, height = args
+      case args.length
+      when 0
+        `#@native.drawImage(#{image.to_n}, 0, 0)`
+
+      when 2
+        `#@native.drawImage(#{image.to_n}, #{args[0]}, #{args[1]})`
 
-      `#@native.drawImage(#{image.to_n}, #{x}, #{y}, #{width || `undefined`}, #{height || `undefined`})`
+      when 4
+        `#@native.drawImage(#{image.to_n}, #{args[0]}, #{args[1]}, #{args[2]}, #{args[3]})`
+      end
     end
 
     self
@@ -261,17 +319,13 @@ class Canvas
     `#@native.isPointInPath(x, y)`
   end
 
-  def width
-    @element[:width]
-  end
-
-  def height
-    @element[:height]
-  end
-
   def to_data(type = undefined)
     `#{@element.to_n}.toDataUrl(type)`
   end
 end
 
+Browser::DOM::Builder.for Canvas do |b, item|
+  item.element
+end
+
 end