opal-browser 0.2.0.beta1 → 0.2.0

data/opal/browser/immediate.rb

@@ -37,7 +37,6 @@ class Immediate
 
   # @!method prevent
   #   Prevent the immediate from being called once scheduled.
-
   if Browser.supports? 'Immediate'
     def dispatch
       @id = `window.setImmediate(function() {
@@ -58,7 +57,7 @@ class Immediate
     def prevent
       `window.msClearImmediate(#@id)`
     end
-  elsif Browser.supports? 'Window.send'
+  elsif Browser.supports? 'Window.send (Asynchronous)'
     # @private
     @@tasks  = {}
 
@@ -77,7 +76,7 @@ class Immediate
       @id          = rand(1_000_000).to_s
       @@tasks[@id] = [@function, @arguments, @block]
 
-      $window.send! "#{@@prefix}#{@id}"
+      $window.send "#{@@prefix}#{@id}"
     end
 
     def prevent
@@ -132,6 +131,13 @@ end
 
 end
 
+module Kernel
+  # (see Immediate.new)
+  def defer(*args, &block)
+    Browser::Immediate.new(block, args).tap(&:dispatch)
+  end
+end
+
 class Proc
   # (see Immediate.new)
   def defer(*args, &block)

data/opal/browser/interval.rb

@@ -19,14 +19,11 @@ class Interval
     @block  = block
 
     @aborted = false
-    @stopped = true
-
-    start
   end
 
   # Check if the interval has been stopped.
   def stopped?
-    @stopped
+    @id.nil?
   end
 
   # Check if the interval has been aborted.
@@ -44,6 +41,8 @@ class Interval
 
   # Stop the interval, it will be possible to start it again.
   def stop
+    return if stopped?
+
     `#@window.clearInterval(#@id)`
 
     @stopped = true
@@ -53,10 +52,14 @@ class Interval
   # Start the interval if it has been stopped.
   def start
     raise "the interval has been aborted" if aborted?
-
     return unless stopped?
 
-    @id = `#@window.setInterval(#{@block.to_n}, #@every * 1000)`
+    @id = `#@window.setInterval(#@block, #@every * 1000)`
+  end
+
+  # Call the [Interval] block.
+  def call
+    @block.call
   end
 end
 
@@ -67,22 +70,42 @@ class Window
   #
   # @return [Interval] the object representing the interval
   def every(time, &block)
+    Interval.new(@native, time, &block).tap(&:start)
+  end
+
+  # Execute the block every given seconds, you have to call [#start] on it
+  # yourself.
+  #
+  # @param time [Float] the seconds between every call
+  #
+  # @return [Interval] the object representing the interval
+  def every!(time, &block)
     Interval.new(@native, time, &block)
   end
 end
 
 end
 
+module Kernel
+  # (see Browser::Window#every)
+  def every(time, &block)
+    $window.every(time, &block)
+  end
+
+  # (see Browser::Window#every!)
+  def every!(time, &block)
+    $window.every!(time, &block)
+  end
+end
+
 class Proc
   # (see Browser::Window#every)
   def every(time)
     $window.every(time, &self)
   end
-end
 
-module Kernel
-  # (see Browser::Window#every)
-  def every(time, &block)
-    $window.every(time, &block)
+  # (see Browser::Window#every!)
+  def every!(time)
+    $window.every!(time, &self)
   end
 end

data/opal/browser/navigator.rb

@@ -62,6 +62,27 @@ class Navigator
     alias_native :version
   end
 
+  # Representation for the arary of plugins.
+  #
+  # @see https://developer.mozilla.org/en-US/docs/Web/API/NavigatorPlugins
+  class Plugins < Native::Array
+    def initialize(plugins)
+      super plugins do |p|
+        Plugin.new(p)
+      end
+    end
+
+    # Reload all browser plugins.
+    def refresh
+      `#@native.refresh(false)`
+    end
+
+    # Reload all browser plugins reloading pages that contain `<embed>`s.
+    def refresh!
+      `#@native.refresh(true)`
+    end
+  end
+
   # @!attribute [r] code
   # @return [String] the browser code name
   alias_native :code, :appCodeName
@@ -112,11 +133,9 @@ class Navigator
   alias_native :platform
 
   # @!attribute [r] plugins
-  # @return [Native::Array<Plugin>] the enabled plugins
+  # @return [Plugins] the enabled plugins
   def plugins
-    Native::Array.new `#@native.plugins` do |p|
-      Plugin.new(p)
-    end
+    Plugins.new(`#@native.plugins`)
   end
 
   # @!attribute [r] product

data/opal/browser/screen.rb

@@ -5,7 +5,7 @@ module Browser
 # @see https://developer.mozilla.org/en-US/docs/Web/API/Window.screen
 class Screen
   include Native
-  include DOM::Event::Target
+  include Event::Target
 
   target {|value|
     Screen.new(value) if Native.is_a?(value, `window.Screen`)

data/opal/browser/socket.rb

@@ -11,7 +11,7 @@ class Socket
 
   include Native
   include IO::Writable
-  include DOM::Event::Target
+  include Event::Target
 
   target {|value|
     Socket.new(value) if Native.is_a?(value, `window.WebSocket`)
@@ -107,6 +107,10 @@ class Socket
     `#@native.send(#{data.to_n})`
   end
 
+  alias << write
+
+  alias send write
+
   # Close the socket.
   #
   # @param code [Integer, nil] the error code

data/opal/browser/storage.rb

@@ -27,8 +27,6 @@ class Storage
     }]
   end
 
-  include Enumerable
-
   # @!attribute [r] name
   # @return [String] the name of the storage
   attr_reader :name
@@ -45,13 +43,7 @@ class Storage
     @data   = {}
 
     autosave!
-    init
-  end
-
-  # @!attribute [r] encoded_name
-  # @return [String] the generated name
-  def encoded_name
-    "$opal.storage.#@name"
+    reload
   end
 
   # Check if autosaving is enabled.
@@ -72,6 +64,8 @@ class Storage
     @autosave = false
   end
 
+  include Enumerable
+
   # Iterate over the (key, value) pairs in the storage.
   #
   # @yield [key, value]
@@ -83,9 +77,8 @@ class Storage
     self
   end
 
-  # Get a value in the storage.
-  def [](key)
-    @data[key]
+  def method_missing(*args, &block)
+    @data.__send__(*args, &block)
   end
 
   # Set a value in the storage.
@@ -98,7 +91,7 @@ class Storage
   # Delete a value from the storage.
   def delete(key)
     @data.delete(key).tap {
-      save if autosave
+      save if autosave?
     }
   end
 
@@ -120,57 +113,82 @@ class Storage
     end
   end
 
-  # @!method init
-  #   @private
+  # Call the block between a [#reload] and [#save].
+  def commit(&block)
+    autosave  = @autosave
+    @autosave = false
+    result    = nil
+
+    reload
+
+    begin
+      result = block.call
+      save
+    rescue
+      reload
+      raise
+    ensure
+      @autosave = autosave
+    end
+
+    result
+  end
+
+  def to_h
+    @data
+  end
+
+  # @!method reload
+  #   Load the storage.
 
   # @!method save
   #   Persist the current state to the storage.
 
   if Browser.supports? 'Storage.local'
-    def init
-      replace `#@window.localStorage[#{encoded_name}] || '{}'`
+    def reload
+      replace `#@window.localStorage[#@name] || '{}'`
     end
 
     def save
-      `#@window.localStorage[#{encoded_name}] = #{JSON.dump(self)}`
+      `#@window.localStorage[#@name] = #{JSON.dump(self)}`
     end
   elsif Browser.supports? 'Storage.global'
-    def init
-      replace `#@window.globalStorage[#@window.location.hostname][#{encoded_name}] || '{}'`
+    def reload
+      replace `#@window.globalStorage[#@window.location.hostname][#@name] || '{}'`
     end
 
     def save
-      `#@window.globalStorage[#@window.location.hostname][#{encoded_name}] = #{JSON.dump(self)}`
+      `#@window.globalStorage[#@window.location.hostname][#@name] = #{JSON.dump(self)}`
     end
   elsif Browser.supports? 'Element.addBehavior'
-    def init
+    def reload
       %x{
         #@element = #@window.document.createElement('link');
         #@element.addBehavior('#default#userData');
 
         #@window.document.getElementsByTagName('head')[0].appendChild(#@element);
 
-        #@element.load(#{encoded_name});
+        #@element.load(#@name);
       }
 
-      replace `#@element.getAttribute(#{encoded_name}) || '{}'`
+      replace `#@element.getAttribute(#@name) || '{}'`
     end
 
     def save
       %x{
-        #@element.setAttribute(#{encoded_name}, #{JSON.dump(self)});
-        #@element.save(#{encoded_name});
+        #@element.setAttribute(#@name, #{JSON.dump(self)});
+        #@element.save(#@name);
       }
     end
   else
-    def init
+    def reload
       $document.cookies.options expires: 60 * 60 * 24 * 365
 
-      replace $document.cookies[encoded_name]
+      replace $document.cookies[@name]
     end
 
     def save
-      $document.cookies[encoded_name] = self
+      $document.cookies[@name] = JSON.dump(self)
     end
   end
 
@@ -182,7 +200,7 @@ class Storage
 
     io << JSON.create_id.to_json << ":" << self.class.name.to_json << ","
 
-    each {|key, value|
+    @data.each {|key, value|
       io << key.to_json.to_json << ":" << value.to_json << ","
     }
 
@@ -202,12 +220,12 @@ class SessionStorage < Storage
     Browser.supports? 'Storage.session'
   end
 
-  def init
-    replace `#@window.sessionStorage[#{encoded_name}] || '{}'`
+  def reload
+    replace `#@window.sessionStorage[#@name] || '{}'`
   end
 
   def save
-    `#@window.sessionStorage[#{encoded_name}] = #{JSON.dump(self)}`
+    `#@window.sessionStorage[#@name] = #{JSON.dump(self)}`
   end
 end
 

data/opal/browser/support.rb

@@ -1,9 +1,14 @@
+# The engine the browser is running on.
+#
+# Keep in mind it uses the user agent to know, so it's not reliable in case of
+# spoofing.
 BROWSER_ENGINE = `/MSIE|WebKit|Presto|Gecko/.exec(navigator.userAgent)[0]`.downcase rescue :unknown
 
 module Browser
   # @private
   @support = `{}`
 
+  # Check if the browser supports the given feature.
   def self.supports?(feature)
     if defined?(`#@support[#{feature}]`)
       return `#@support[#{feature}]`
@@ -25,8 +30,11 @@ module Browser
       when 'ActiveX'
         defined?(`window.ActiveXObject`)
 
+      when 'WebSQL'
+        defined?(`window.openDatabase`)
+
       when 'Query.css'
-        defined?(`Element.prototype.querySelectorAll`)
+        defined?(`document.querySelectorAll`)
 
       when 'Query.xpath'
         defined?(`document.evaluate`)
@@ -62,6 +70,9 @@ module Browser
         defined?(`document.documentElement.currentStyle`)
 
       when 'Window.send'
+        defined?(`window.postMessage`)
+
+      when 'Window.send (Asynchronous)'
         if defined?(`window.postMessage`) && !defined?(`window.importScripts`)
           %x{
             var ok  = true,
@@ -70,11 +81,14 @@ module Browser
             window.onmessage = function() { ok = false; };
             window.postMessage("", "*")
             window.onmessage = old;
-          }
 
-          `ok`
+            return ok;
+          }
         end
 
+      when 'Window.send (Synchronous)'
+        !supports?('Window.send (Asynchronous)')
+
       when 'Window.innerSize'
         defined?(`window.innerHeight`)
 
@@ -87,8 +101,48 @@ module Browser
       when 'Window.pageOffset'
         defined?(`window.pageXOffset`)
 
+      when 'Attr.isId'
+        %x{
+          var div = document.createElement('div');
+              div.setAttribute('id', 'xxxxxxxxxxxxx');
+
+          return typeof(div.attributes['id'].isId) !== "undefined";
+        }
+
       when 'Element.addBehavior'
-        defined?(`document.body.addBehavior`)
+        defined?(`document.documentElement.addBehavior`)
+
+      when 'Element.className'
+        %x{
+          var div = document.createElement("div");
+              div.setAttribute('className', 'x');
+
+          return div.className === 'x';
+        }
+
+      when 'Element.class'
+        %x{
+          var div = document.createElement("div");
+              div.setAttribute('class', 'x');
+
+          return div.className === 'x';
+        }
+
+      when 'Element.for'
+        %x{
+          var label = document.createElement("label");
+              label.setAttribute('for', 'x');
+
+          return label.htmlFor === 'x';
+        }
+
+      when 'Element.htmlFor'
+        %x{
+          var label = document.createElement("label");
+              label.setAttribute('htmlFor', 'x');
+
+          return label.htmlFor === 'x';
+        }
 
       when 'Element.clientSize'
         defined?(`document.documentElement.clientHeight`)
@@ -220,6 +274,7 @@ module Browser
     `#@support[#{feature}] = #{support}`
   end
 
+  # Check if the given polyfill is loaded.
   def self.loaded?(name)
     case name
     when 'Sizzle'