opal-browser 0.3.3 → 0.3.5

data/opal/browser/event/mouse.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Mouse < UI
@@ -13,82 +15,51 @@ class Mouse < UI
     class Client
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.clientX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.clientY = #{value}`
-      end
+      alias_native :x=, :clientX=
+      alias_native :y=, :clientY=
     end
 
     class Layer
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.layerX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.layerY = #{value}`
-      end
+      alias_native :x=, :layerX=
+      alias_native :y=, :layerY=
     end
 
     class Offset
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.offsetX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.offsetY= #{value}`
-      end
+      alias_native :x=, :offsetX=
+      alias_native :y=, :offsetY=
     end
 
     class Page
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.pageX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.pageY = #{value}`
-      end
+      alias_native :x=, :pageX=
+      alias_native :y=, :pageY=
     end
 
     class Screen
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.screenX = #{value}`
-      end
-
-      def y=(value)
-        `#@native.screenY = #{value}`
-      end
+      alias_native :x=, :screenX=
+      alias_native :y=, :screenY=
     end
 
     class Ancestor
       include Native::Wrapper
 
-      def x=(value)
-        `#@native.x = #{value}`
-      end
-
-      def y=(value)
-        `#@native.y = #{value}`
-      end
-    end
-
-    def x=(value)
-      `#@native.screenX = #{value}`
+      alias_native :x=
+      alias_native :y=
     end
 
-    def y=(value)
-      `#@native.screenY = #{value}`
-    end
+    alias_native :x=, :screenX=
+    alias_native :y=, :screenY=
+    alias_native :button=
+    alias_native :related=, :relatedTarget=
+    alias_native :from=, :fromElement=
+    alias_native :to=, :toElement=
 
     def alt!
       `#@native.altKey = true`
@@ -102,10 +73,6 @@ class Mouse < UI
       `#@native.metaKey = true`
     end
 
-    def button=(value)
-      `#@native.button = #{value}`
-    end
-
     def client
       Client.new(@native)
     end
@@ -129,18 +96,6 @@ class Mouse < UI
     def ancestor
       Ancestor.new(@native)
     end
-
-    def related=(elem)
-      `#@native.relatedTarget = #{Native.try_convert(elem)}`
-    end
-
-    def from=(elem)
-      `#@native.fromElement = #{Native.try_convert(elem)}`
-    end
-
-    def to=(elem)
-      `#@native.toElement = #{Native.try_convert(elem)}`
-    end
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/page_transition.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class PageTransition < Event
@@ -8,9 +10,7 @@ class PageTransition < Event
   end
 
   class Definition < Definition
-    def persisted=(value)
-      `#@native.persisted = #{value}`
-    end
+    alias_native :persisted=
   end
 
   if Browser.supports? 'Event.PageTransition'

data/opal/browser/event/pop_state.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class PopState < Event
@@ -9,7 +11,7 @@ class PopState < Event
 
   class Definition < Definition
     def state=(value)
-      `#@native.state = #{value}`
+      alias_native :state=
     end
   end
 

data/opal/browser/event/progress.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Progress < Event
@@ -8,17 +10,9 @@ class Progress < Event
   end
 
   class Definition < Definition
-    def computable=(value)
-      `#@native.computableLength = #{value}`
-    end
-
-    def loaded=(value)
-      `#@native.loaded = #{value}`
-    end
-
-    def total=(value)
-      `#@native.total = #{value}`
-    end
+    alias_native :computable=, :computableLength=
+    alias_native :loaded=
+    alias_native :total=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/sensor.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Sensor < Event

data/opal/browser/event/storage.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Storage < Event
@@ -8,25 +10,11 @@ class Storage < Event
   end
 
   class Definition < Definition
-    def key=(value)
-      `#@native.key = #{value}`
-    end
-
-    def new=(value)
-      `#@native.newValue = #{value}`
-    end
-
-    def old=(value)
-      `#@native.oldValue = #{value}`
-    end
-
-    def area=(value)
-      `#@native.storageArea = #{value}`
-    end
-
-    def url=(value)
-      `#@native.url = #{value}`
-    end
+    alias_native :key=
+    alias_native :new=, :newValue=
+    alias_native :old=, :oldValue=
+    alias_native :area=, :storageArea=
+    alias_native :url=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/touch.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Touch < Event

data/opal/browser/event/ui.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class UI < Event
@@ -6,13 +8,8 @@ class UI < Event
   end
 
   class Definition < Definition
-    def detail=(value)
-      `#@native.detail = #{value}`
-    end
-
-    def view=(value)
-      `#@native.view = #{value}`
-    end
+    alias_native :detail=
+    alias_native :view=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/wheel.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Wheel < UI
@@ -8,17 +10,9 @@ class Wheel < UI
   end
 
   class Definition < Definition
-    def x=(value)
-      `#@native.deltaX = #{value}`
-    end
-
-    def y=(value)
-      `#@native.deltaY = #{value}`
-    end
-
-    def z=(value)
-      `#@native.deltaZ = #{value}`
-    end
+    alias_native :x=, :deltaX=
+    alias_native :y=, :deltaY=
+    alias_native :z=, :deltaZ=
 
     def mode=(value)
       value = case value

data/opal/browser/event.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/event/base'
 
 module Browser

data/opal/browser/event_source.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # An {EventSource} allows you to receive events from a server in real-time,

data/opal/browser/form_data.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 class FormData

data/opal/browser/history.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/location'
 
 module Browser

data/opal/browser/http/binary.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module HTTP
 
 # Represents a binary result from a HTTP response.

data/opal/browser/http/request.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module HTTP
 
 class Request

data/opal/browser/http/response.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'json'
 
 module Browser; module HTTP

data/opal/browser/immediate.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Class to easily create and dispatch an immediate call.

data/opal/browser/interval.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Allows you to create an interval that executes the function every given

data/opal/browser/location.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Allows manipulation of a location, usually from {Window} and {DOM::Document}.

data/opal/browser/navigator.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Representation of the navigator application.

data/opal/browser/polyfill/visual_viewport.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 # VisualViewport polyfill (mainly for Firefox browsers) taken from:
 # https://github.com/WICG/visual-viewport/blob/gh-pages/polyfill/visualViewport.js
 # Licensed under "W3C 3-clause BSD License".

data/opal/browser/screen.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Representation of the screen the window is being rendered on.

data/opal/browser/socket.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # A {Socket} allows the browser and a server to have a bidirectional data

data/opal/browser/storage.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'json'
 require 'stringio'
 

data/opal/browser/support.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 # 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
@@ -75,16 +76,14 @@ module Browser
       when 'Window.send (Asynchronous)'
         if defined?(`window.postMessage`) && !defined?(`window.importScripts`)
           %x{
-            (function() {
-              var ok  = true,
-                  old = window.onmessage;
+            var ok  = true,
+                old = window.onmessage;
 
-              window.onmessage = function() { ok = false; };
-              window.postMessage("", "*")
-              window.onmessage = old;
+            window.onmessage = function() { ok = false; };
+            window.postMessage("", "*")
+            window.onmessage = old;
 
-              return ok;
-            })()
+            return ok;
           }
         end
 
@@ -108,12 +107,10 @@ module Browser
 
       when 'Attr.isId'
         %x{
-          (function() {
-            var div = document.createElement('div');
-                div.setAttribute('id', 'xxxxxxxxxxxxx');
+          var div = document.createElement('div');
+              div.setAttribute('id', 'xxxxxxxxxxxxx');
 
-            return typeof(div.attributes['id'].isId) !== "undefined";
-          })()
+          return typeof(div.attributes['id'].isId) !== "undefined";
         }
 
       when 'Element.addBehavior'
@@ -121,42 +118,34 @@ module Browser
 
       when 'Element.className'
         %x{
-          (function() {
-            var div = document.createElement("div");
-                div.setAttribute('className', 'x');
+          var div = document.createElement("div");
+              div.setAttribute('className', 'x');
 
-            return div.className === 'x';
-          })()
+          return div.className === 'x';
         }
 
       when 'Element.class'
         %x{
-          (function() {
-            var div = document.createElement("div");
-                div.setAttribute('class', 'x');
+          var div = document.createElement("div");
+              div.setAttribute('class', 'x');
 
-            return div.className === 'x';
-          })()
+          return div.className === 'x';
         }
 
       when 'Element.for'
         %x{
-          (function() {
-            var label = document.createElement("label");
-                label.setAttribute('for', 'x');
+          var label = document.createElement("label");
+              label.setAttribute('for', 'x');
 
-            return label.htmlFor === 'x';
-          })()
+          return label.htmlFor === 'x';
         }
 
       when 'Element.htmlFor'
         %x{
-          (function() {
-            var label = document.createElement("label");
-                label.setAttribute('htmlFor', 'x');
+          var label = document.createElement("label");
+              label.setAttribute('htmlFor', 'x');
 
-            return label.htmlFor === 'x';
-          })()
+          return label.htmlFor === 'x';
         }
 
       when 'Element.clientSize'

data/opal/browser/utils.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
   Promise = defined?(PromiseV2) ? PromiseV2 : ::Promise
 

data/opal/browser/version.rb

@@ -1,3 +1,3 @@
 module Browser
-  VERSION = '0.3.3'
+  VERSION = '0.3.5'
 end

data/opal/browser/visual_viewport.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 # Firefox browsers need either a flag or a polyfill
 require "browser/polyfill/visual_viewport"
 

data/opal/browser/window/size.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Window
 
 # Allows access and manipulation of the {Window} size.

data/opal/browser/window/view.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Window
 
 class View

data/opal/browser/window.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/window/view'
 require 'browser/window/size'
 

data/opal-browser.gemspec

@@ -1,21 +1,26 @@
-$LOAD_PATH << File.expand_path('../opal', __FILE__)
-require 'browser/version'
+require_relative 'opal/browser/version'
 
-Gem::Specification.new {|s|
-  s.name     = 'opal-browser'
-  s.version  = Browser::VERSION
-  s.author   = ['meh.', 'hmdne']
-  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'
+Gem::Specification.new do |spec|
+  spec.name     = 'opal-browser'
+  spec.version  = Browser::VERSION
+  spec.author   = ['meh.', 'hmdne']
+  spec.email    = 'meh@schizofreni.co'
+  spec.homepage = 'http://github.com/opal/opal-browser'
+  spec.platform = Gem::Platform::RUBY
+  spec.summary  = 'Browser support for Opal.'
+  spec.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']
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  # Remove symlinks because Windows doesn't always support them.
+  files = Dir.chdir(__dir__) { `git ls-files -z`.split("\x0") }.reject(&File.method(:symlink?))
 
-  s.add_dependency 'opal', ['>= 1.0', '< 2.0']
-  s.add_dependency 'paggio', '>= 0.3.0'
-}
+  spec.files         = files.grep(%r{^(test|spec|features)/})
+  spec.test_files    = files.grep_v(%r{^(test|spec|features)/})
+  spec.executables   = files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.bindir        = 'exe'
+  spec.require_paths = ['lib']
+
+  spec.add_dependency 'opal', ['>= 1.0', '< 2.0']
+  spec.add_dependency 'paggio', '>= 0.3.0'
+end

data/spec/browser_runner.rb.erb

@@ -0,0 +1,14 @@
+# This file is used by Opal::SimpleServer to basically load all spec files that
+# can be found in the spec/ directory.
+
+require 'opal'
+require 'opal-rspec'
+
+<%
+$locator.get_opal_spec_requires.each do |s| %>
+require <%= s.split("/spec/").last.inspect %>
+<% end %>
+require 'opal/rspec/spec_opts'
+
+::RSpec::Core::Runner.autorun
+::Kernel.exit

data/spec/browser_runner_compat.rb

@@ -0,0 +1,29 @@
+# Compatiblity for Opal < 1.6
+
+unless defined? Opal::BuilderProcessors::RubyERBProcessor
+  # This handler is for files named ".rb.erb", which ought to
+  # first get preprocessed via ERB, then via Opal.
+  class Opal::BuilderProcessors::RubyERBProcessor < Opal::BuilderProcessors::RubyProcessor
+    handles :"rb.erb"
+
+    def compiled
+      @compiled ||= begin
+        @source = ::ERB.new(@source.to_s).result
+        module_name = ::Opal::Compiler.module_name(@filename)
+
+        compiler = compiler_for(@source, file: @filename)
+        compiler.compile
+        compiler
+      end
+    end
+  end
+
+  Opal::Builder.processors.sort_by!.with_index do |processor,idx|
+    if processor == Opal::BuilderProcessors::RubyERBProcessor
+      # Move RubyERBProcessor to the front
+      -1
+    else
+      idx
+    end
+  end
+end

data/{index.html.erb → spec/browser_runner_index.html.erb}

@@ -14,11 +14,7 @@
     }
   </script>
 
-  <script src="spec/json2.js"></script>
-  <script src="spec/sizzle.js"></script>
-  <script src="spec/wgxpath.install.js"></script>
-
-  <%= javascript_include_tag @server.main %>
+  <%= javascript_include_tag 'browser_runner' %>
 </body>
 </html>
 

data/spec/database/sql_spec.rb

@@ -54,7 +54,7 @@ describe Browser::Database::SQL do
 
         promise = Browser::Promise.new
         sql.transaction {|t|
-          expect(t.query('hue')).to be_a(Promise)
+          expect(t.query('SELECT 1')).to be_a(Browser::Promise)
           promise.resolve
         }
         promise.for_rspec