diamonds 0.1.5

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

@@ -0,0 +1,287 @@
+# 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}]`
+    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 'WebSQL'
+        defined?(`window.openDatabase`)
+
+      when 'Query.css'
+        defined?(`document.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'
+        defined?(`window.postMessage`)
+
+      when 'Window.send (Asynchronous)'
+        if defined?(`window.postMessage`) && !defined?(`window.importScripts`)
+          %x{
+            var ok  = true,
+                old = window.onmessage;
+
+            window.onmessage = function() { ok = false; };
+            window.postMessage("", "*")
+            window.onmessage = old;
+
+            return ok;
+          }
+        end
+
+      when 'Window.send (Synchronous)'
+        !supports?('Window.send (Asynchronous)')
+
+      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 'Attr.isId'
+        %x{
+          var div = document.createElement('div');
+              div.setAttribute('id', 'xxxxxxxxxxxxx');
+
+          return typeof(div.attributes['id'].isId) !== "undefined";
+        }
+
+      when 'Element.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`)
+
+      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
+
+  # Check if the given polyfill is loaded.
+  def self.loaded?(name)
+    case name
+    when 'Sizzle'
+      defined?(`window.Sizzle`)
+
+    when 'wicked-good-xpath'
+      defined?(`window.wgxpath`)
+    end
+  end
+end

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

@@ -0,0 +1,74 @@
+module Browser
+  Size     = Struct.new(:width, :height)
+  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.
+  #
+  # @return [String] the string encoded for usage as URI component
+  def encode_uri_component
+    `encodeURIComponent(self)`
+  end
+
+  # Encode as URI.
+  #
+  # @return [String] the string encoded as URI
+  def encode_uri
+    `encodeURI(self)`
+  end
+
+  # Decode as URI component.
+  #
+  # @return [String] the string decoded as URI component
+  def decode_uri_component
+    `decodeURIComponent(self)`
+  end
+
+  # Decode as URI.
+  #
+  # @return [String] the string decoded as URI
+  def decode_uri
+    `decodeURI(self)`
+  end
+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(?=)
+
+      [name.decode_uri_component, value.decode_uri_component]
+    }]
+  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

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

@@ -0,0 +1,3 @@
+module Browser
+  VERSION = '0.2.0'
+end

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

@@ -0,0 +1,120 @@
+require 'browser/window/view'
+require 'browser/window/size'
+require 'browser/window/scroll'
+
+module Browser
+
+# Wrapper class for the `window` object, an instance of it gets
+# set to `$window`.
+class Window
+  def self.open(url, options)
+    name     = options.delete(:name)
+    features = options.map {|key, value|
+      value = case value
+              when true  then :yes
+              when false then :no
+              else            value
+              end
+
+      "#{key}=#{value}"
+    }.join(?,)
+
+    %x{
+      var win = window.open(#{url}, #{name}, #{features});
+
+      if (win == null) {
+        return nil;
+      }
+
+      return #{new(`win`)};
+    }
+  end
+
+  include Native
+  include Event::Target
+
+  target {|value|
+    $window if `#{value} == window`
+  }
+
+  # Alert the passed string.
+  def alert(value)
+    `#@native.alert(value)`
+
+    value
+  end
+
+  # Display a prompt dialog with the passed string as text.
+  def prompt(value)
+    `#@native.prompt(value) || nil`
+  end
+
+  # Display a confirmation dialog with the passed string as text.
+  def confirm(value)
+    `#@native.confirm(value) || false`
+  end
+
+  # Get the {View} for the window.
+  #
+  # @return [View]
+  def view
+    View.new(self)
+  end
+
+  # Get the {Size} for this window.
+  #
+  # @return [Size]
+  def size
+    Size.new(self)
+  end
+
+  # Get the {Scroll} for this window.
+  #
+  # @return [Scroll]
+  def scroll
+    Scroll.new(self)
+  end
+
+  if Browser.supports? 'Window.send'
+    def send(message, options = {})
+      `#@native.postMessage(#{message}, #{options[:to] || '*'})`
+    end
+  else
+    # Send a message to the window.
+    #
+    # @param message [String] the message
+    # @param options [Hash] optional `to: target`
+    def send(message, options = {})
+      raise NotImplementedError, 'message sending unsupported'
+    end
+  end
+
+  def close
+    %x{
+      return (window.open('', '_self', '') && window.close()) ||
+             (window.opener = null && window.close()) ||
+             (window.opener = '' && window.close());
+    }
+  end
+end
+
+end
+
+$window = Browser::Window.new(`window`)
+
+module Kernel
+  # (see Browser::Window#alert)
+  def alert(value)
+    $window.alert(value)
+  end
+
+  # (see Browser::Window#prompt)
+  def prompt(value)
+    $window.prompt(value)
+  end
+
+  # (see Browser::Window#confirm)
+  def confirm(value)
+    $window.confirm(value)
+  end
+end