opal-browser 0.3.3 → 0.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ca31ac16a859cb8e8e2d033f9654d73f69af51fb370b84c4eea90c11d854b591
-  data.tar.gz: cf292f8f778e76a8a0552a57d608cafbd975653df39df2f79e6d0ea1f8600d5e
+  metadata.gz: fec32c82d8c78a088dd1f6f201462f25c4d98f3d4bb22047f4894f7a90b847bd
+  data.tar.gz: 31e09ce6cfe8a639ad860262680dfd27de0cda2d0d541bc14cd40724b6ddcc99
 SHA512:
-  metadata.gz: 60b6ebdb57718727af8443be34513c614d49d6a182a7a1189bf37ecf2998e8895a8ed6b321455be04e45ce94815e762d93cd1ad3d35b9bf8c1257b5a9face39e
-  data.tar.gz: 0eda48ea9ba83c04929266bb2c664290d22389a6ff16aef4faab3b4a055c7510ed2e9734d6f6d7b409a79ecb56086627df559ea2c0d8ce3281a9e13472731adc
+  metadata.gz: e4dbd18553366696f0b1596e4638247deeb1931a0c5e17f192fb3bc6ffae4ddea1ddeb8f694be4d02188ab7783678669550b7677e9cd5ac77ef3553c61b814fd
+  data.tar.gz: 8ab8d7e91729550272d613c3a028e87c1c325e5f5e6cc8e98c2f13a12287649484586f7b34ce083e9d5bfed71a4f4991e5e60d5afe4ab0078bbc004a7487413e

data/.github/workflows/build.yml

@@ -17,19 +17,29 @@ jobs:
         combo:
           - name: Chromium/Linux/Opal-master
             opal: master
-          - name: Chromium/Linux/Opal-1.4
-            opal: 1.4
-          - name: Chromium/Linux/Opal-1.3/PromiseV2
-            opal: 1.3
+            opal-rspec: '1.1'
+          - name: Chromium/Linux/Opal-1.8
+            opal: 1.8
+            opal-rspec: '1.1'
+          - name: Chromium/Linux/Opal-1.7
+            opal: 1.7
+            opal-rspec: '1.0'
+          - name: Chromium/Linux/Opal-1.5
+            opal: 1.5
+          - name: Chromium/Linux/Opal-1.5/PromiseV2
+            opal: 1.5
             promise: v2
           - name: Chromium/Linux/Opal-1.3
             opal: 1.3
-          - name: Chromium/Linux/Opal-1.0
-            opal: '1.0'
-          - name: Chromium/Linux/Ruby-2.7
-            ruby: 2.7
-          - name: Chromium/Linux/Ruby-2.6
-            ruby: 2.6
+          - name: Chromium/Linux/Opal-1.0/Ruby-3.1
+            opal: 1.1
+            ruby: 3.1
+          - name: Chromium/Linux/Ruby-head
+            ruby: head
+          - name: Chromium/Linux/Ruby-3.1
+            ruby: '3.1'
+          - name: Chromium/Linux/Ruby-3.0
+            ruby: '3.0'
           - name: Firefox/Linux
             browser: gecko
           - name: Chromium/Windows
@@ -55,21 +65,22 @@ jobs:
       - uses: actions/checkout@v2
       - name: set environment variables
         run: |
-          echo "OPAL_VERSION=${{ matrix.combo.opal || '1.3' }}" >> $GITHUB_ENV
+          echo "OPAL_VERSION=${{ matrix.combo.opal || '1.8' }}" >> $GITHUB_ENV
+          echo "OPAL_RSPEC_VERSION=${{ matrix.combo.opal-rspec || '' }}" >> $GITHUB_ENV
           echo "OPAL_BROWSER_PROMISE=${{ matrix.combo.promise || 'v1' }}" >> $GITHUB_ENV
       - uses: ruby/setup-ruby@v1
         with:
-          ruby-version: ${{ matrix.combo.ruby || '3.0' }}
+          ruby-version: ${{ matrix.combo.ruby || '3.2' }}
       - run: bundle lock
       - uses: actions/cache@v2
         with:
           path: ./vendor/bundle
-          key: ${{ runner.os }}-${{ matrix.combo.ruby || '3.0' }}-gems-${{ matrix.combo.opal || '1.3' }}-${{ github.ref }}-${{ hashFiles('**/Gemfile.lock') }}
+          key: ${{ runner.os }}-${{ matrix.combo.ruby || '3.2' }}-gems-${{ matrix.combo.opal || '1.8' }}-${{ github.ref }}-${{ hashFiles('**/Gemfile.lock') }}
           restore-keys: |
-            ${{ runner.os }}-${{ matrix.combo.ruby || '3.0' }}-gems-${{ matrix.combo.opal || '1.3' }}-${{ github.ref }}
-            ${{ runner.os }}-${{ matrix.combo.ruby || '3.0' }}-gems-${{ matrix.combo.opal || '1.3' }}-master
-            ${{ runner.os }}-${{ matrix.combo.ruby || '3.0' }}-gems-${{ matrix.combo.opal || '1.3' }}-
-            ${{ runner.os }}-${{ matrix.combo.ruby || '3.0' }}-gems-
+            ${{ runner.os }}-${{ matrix.combo.ruby || '3.2' }}-gems-${{ matrix.combo.opal || '1.8' }}-${{ github.ref }}
+            ${{ runner.os }}-${{ matrix.combo.ruby || '3.2' }}-gems-${{ matrix.combo.opal || '1.8' }}-master
+            ${{ runner.os }}-${{ matrix.combo.ruby || '3.2' }}-gems-${{ matrix.combo.opal || '1.8' }}-
+            ${{ runner.os }}-${{ matrix.combo.ruby || '3.2' }}-gems-
       - name: bundle install
         run: |
           bundle config path $PWD/vendor/bundle

data/.github/workflows/pages.yml

@@ -0,0 +1,21 @@
+name: Build and Deploy GH Pages
+on: [push]
+jobs:
+  pages:
+    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v2
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: "3.0" # Not needed with a .ruby-version file
+          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
+      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
+        run: bundle exec rake build_gh_pages
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4.2.3
+        with:
+          branch: gh-pages # The branch the action should deploy to.
+          folder: gh-pages # The folder the action should deploy.

data/.gitignore

@@ -6,3 +6,4 @@ doc
 .yardoc
 screenshot.png
 /pkg
+/gh-pages

data/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.3.4
+* Element#children=
+* Support more methods on Media
+* Event::Custom to support non-enumerable properties
+* DOM::Element::Form: #valid?, #request_submit, #ajax_submit
+* Compatibility for Opal-RSpec 1.0
+
 ## 0.3.3
 * Compatibility fix for Opal 1.4
 

data/Gemfile

@@ -6,25 +6,35 @@ gem 'rake'
 gem 'rack'
 gem 'sinatra'
 gem 'sinatra-websocket'
-gem 'opal-rspec'
-gem 'opal-sprockets'
+case ENV['OPAL_RSPEC_VERSION']
+when nil, ''
+  gem 'opal-rspec'
+when /\./
+  gem 'opal-rspec', "~> #{ENV['OPAL_RSPEC_VERSION']}.0a"
+else
+  gem 'opal-rspec', github: 'opal/opal-rspec', ref: ENV['OPAL_RSPEC_VERSION'], submodules: true
+end
 # Force build of eventmachine... I wish we could find a way to not use
 # this unmaintained library anymore.
 gem 'eventmachine', github: 'eventmachine/eventmachine'
 gem 'thin', github: 'macournoyer/thin' unless RUBY_PLATFORM =~ /mingw/
 
 # runner
-gem 'selenium-webdriver', require: false
+gem 'selenium-webdriver', '>= 4.14.0', require: false
 gem 'rest-client', require: false
-gem 'webdrivers', require: false
 gem 'rexml', require: false
+gem 'ffi'
 
 # browser
 case ENV['OPAL_VERSION']
-when nil
+when nil, ''
+  # noop
+when ->(path) { File.exist? path }
+  gem 'opal', path: ENV['OPAL_VERSION']
 when /\./
   gem 'opal', "~> #{ENV['OPAL_VERSION']}.0a"
 else
   gem 'opal', github: 'opal/opal', ref: ENV['OPAL_VERSION']
 end
 
+gem 'opal-sprockets'

data/Rakefile

@@ -2,9 +2,6 @@ require 'bundler'
 Bundler.require
 require 'bundler/gem_tasks'
 
-require 'webdrivers'
-load 'webdrivers/Rakefile'
-
 require 'opal/rspec/rake_task'
 Opal::RSpec::RakeTask.new(:broken_rspec) do |_, task|
   task.default_path = 'spec'
@@ -14,12 +11,8 @@ end
 task(:nil) {}
 
 %w[chrome edge gecko safari].each do |i|
-  dependency = nil
-  if %w[chrome edge gecko].include? i
-    dependency = "webdrivers:#{i}driver:update"
-  end
   desc "Run Selenium tests with #{i}"
-  task :"selenium_#{i}" => dependency do
+  task :"selenium_#{i}" do
     server = Process.spawn("bundle", "exec", "rackup")
     at_exit { Process.kill(9, server) rescue nil }
     sleep 2
@@ -30,4 +23,34 @@ task(:nil) {}
   end
 end
 
-task :default => :selenium_chrome
+task :default => :selenium_chrome
+
+task :build_gh_pages do
+  require 'fileutils'
+
+  output_dir = __dir__+"/gh-pages/examples/"
+  FileUtils.mkdir_p output_dir
+
+  Dir['examples/*'].reject { |i| i =~ /integrations|svg/ }.each do |example_path|
+    example = File.basename(example_path)
+
+    output_example_dir = output_dir+"/"+example
+    FileUtils.mkdir_p output_example_dir
+
+    Dir.chdir(example_path) do
+      Bundler.with_unbundled_env do
+        `bundle install`
+        `bundle exec opal -qopal-browser -c app/application.rb > #{output_example_dir}/app.js`
+      end
+      File.write("#{output_example_dir}/index.html", <<~HTML)
+        <!DOCTYPE html>
+        <html>
+          <head></head>
+          <body>
+            <script src="app.js"></script>
+          </body>
+        </html>
+      HTML
+    end
+  end
+end

data/bin/rake

@@ -0,0 +1,7 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require "rubygems"
+require "bundler/setup"
+
+load Gem.bin_path("rake", "rake")

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+gem install bundler --conservative
+
+bundle update

data/config.ru

@@ -3,17 +3,24 @@ Bundler.require
 
 apps = []
 
-sprockets_env = Opal::RSpec::SprocketsEnvironment.new(spec_pattern         = 'spec/**/*_spec.{rb,opal}',
-                                                      spec_exclude_pattern = nil,
-                                                      spec_files           = nil,
-                                                      default_path         = 'spec')
-
-apps << Opal::Sprockets::Server.new(sprockets: sprockets_env) { |s|
-  s.main = 'opal/rspec/sprockets_runner'
-  s.append_path 'spec'
-  s.index_path = 'index.html.erb'
-  s.debug = true
-}
+require 'opal/rspec'
+
+Opal::Config.arity_check_enabled = true
+Opal::Config.enable_source_location = true if Opal::Config.respond_to? :enable_file_source_location=
+Opal::Config.enable_file_source_embed = true if Opal::Config.respond_to? :enable_file_source_embed=
+
+Opal.append_path "#{__dir__}/spec"
+
+apps << Opal::SimpleServer.new do |s|
+  require_relative './spec/browser_runner_compat'
+
+  $locator = Opal::RSpec::Locator.new(
+    pattern:      'spec/**/*_spec.{rb,opal}',
+    default_path: 'spec'
+  )
+
+  s.index_path = 'spec/browser_runner_index.html.erb'
+end
 
 apps << Class.new(Sinatra::Base) {
   get '/http' do
@@ -78,4 +85,4 @@ apps << Class.new(Sinatra::Base) {
   end
 }
 
-run Rack::Cascade.new(apps)
+run Rack::Cascade.new(apps.reverse)

data/opal/browser/dom/element/attributes.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Attributes

data/opal/browser/dom/element/button.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Button < Element

data/opal/browser/dom/element/custom.rb

@@ -1,5 +1,6 @@
 # use_strict: true
 # helpers: truthy
+# backtick_javascript: true
 
 module Browser; module DOM; class Element < Node
 
@@ -174,4 +175,4 @@ class Custom < Element
   include Mixin
 end
 
-end; end; end
+end; end; end

data/opal/browser/dom/element/data.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Data

data/opal/browser/dom/element/editable.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM
 
 class Element < Node

data/opal/browser/dom/element/form.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Form < Element
@@ -10,11 +12,33 @@ class Form < Element
     FormData.create(self)
   end
 
-  # Submit a form. This will fire a submit event.
+  # Returns true if form is valid, false otherwise
+  def valid?
+    `#@native.reportValidity()`
+  end
+
+  # Submit a form. This will NOT fire a submit event.
   def submit
     `#@native.submit()`
   end
 
+  # Submit a form, optionally with a button argument.
+  # This will fire a submit event.
+  def request_submit(submitter = nil)
+    if submitter
+      `#@native.requestSubmit(#{submitter.to_n})`
+    else
+      `#@native.requestSubmit()`
+    end
+  end
+
+  # Submit a form using AJAX.
+  def ajax_submit(&block)
+    data = form_data
+    data = data.to_h unless encoding == 'multipart/form-data'
+    HTTP.send(method, target, form_data, &block)
+  end
+
   # Reset a form. This will fire a reset event.
   def reset
     `#@native.reset()`

data/opal/browser/dom/element/iframe.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Iframe < Element

data/opal/browser/dom/element/image.rb

@@ -1,23 +1,14 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Image < Element
   def_selector "img"
 
-  def complete?
-    `#@native.complete`
-  end
-
-  def cross?
-    `#@native.crossOrigin`
-  end
-
-  def height
-    `#@native.naturalHeight`
-  end
-
-  def width
-    `#@native.naturalWidth`
-  end
+  alias_native :complete?, :complete
+  alias_native :cross?, :crossOrigin
+  alias_native :height, :naturalHeight
+  alias_native :width, :naturalWidth
 end
 
 Img = Image

data/opal/browser/dom/element/input.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Input < Element
@@ -14,21 +16,11 @@ class Input < Element
     }
   end
 
-  def value=(value)
-    `#@native.value = #{value}`
-  end
-
-  def name_
-    `#@native.name`
-  end
-
-  def type
-    `#@native.type`
-  end
-
-  def checked?
-    `#@native.checked`
-  end
+  alias_native :value=
+  alias_native :name_, :name
+  alias_native :type
+  alias_native :checked?, :checked
+  alias_native :enabled?, :enabled
 
   def check!
     `#@native.checked = 'checked'`
@@ -38,10 +30,6 @@ class Input < Element
     `#@native.checked = ''`
   end
 
-  def enabled?
-    `#@native.enabled`
-  end
-
   def disable!
     `#@native.disabled = 'disabled'`
   end

data/opal/browser/dom/element/media.rb

@@ -1,9 +1,10 @@
 module Browser; module DOM; class Element < Node
 
 class Media < Element
-  def play
-    `#@native.play()`
-  end
+  alias_native :play
+  alias_native :pause
+  alias_native :time, :currentTime
+  alias_native :time=, :currentTime
 end
 
 class Video < Media

data/opal/browser/dom/element/offset.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Offset

data/opal/browser/dom/element/scroll.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 # @todo Consider using the new interfaces which allow for optional

data/opal/browser/dom/element/select.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Select < Element
@@ -14,9 +16,7 @@ class Select < Element
     }
   end
 
-  def value= value
-    `#@native.value = #{value.to_n}`
-  end
+  alias_native :value=
 
   def labels
     NodeSet[Native::Array.new(`#@native.labels`)]
@@ -30,10 +30,7 @@ class Select < Element
     DOM(`#@native.options[#@native.selectedIndex]`)
   end
 
-  def index
-    `#@native.selectedIndex`
-  end
-
+  alias_native :index, :selectedIndex
   alias_native :multiple?, :multiple
   alias_native :required?, :required
   alias_native :length

data/opal/browser/dom/element/size.rb

@@ -1,6 +1,8 @@
 module Browser; module DOM; class Element < Node
 
 class Size
+  include Native::Wrapper
+
   attr_reader :element
 
   # @private
@@ -12,9 +14,7 @@ class Size
 
   # @!attribute width
   # @return [Integer] the element width
-  def width
-    `#@native.offsetWidth`
-  end
+  alias_native :width, :offsetWidth
 
   def width=(value)
     @element.style[:width] = value
@@ -22,9 +22,7 @@ class Size
 
   # @!attribute height
   # @return [Integer] the element height
-  def height
-    `#@native.offsetHeight`
-  end
+  alias_native :height, :offsetHeight
 
   def height=(value)
     @element.style[:height] = value
@@ -32,15 +30,11 @@ class Size
 
   # @!attribute client_width
   # @return [Integer] the content-box width of an element
-  def client_width
-    `#@native.clientWidth`
-  end
+  alias_native :client_width, :clientWidth
 
   # @!attribute client_height
   # @return [Integer] the content-box height of an element
-  def client_height
-    `#@native.clientHeight`
-  end
+  alias_native :client_height, :clientHeight
 end
 
 end; end; end

data/opal/browser/dom/element/template.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Template < Element

data/opal/browser/dom/element/textarea.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; module DOM; class Element < Node
 
 class Textarea < Element
@@ -14,9 +16,7 @@ class Textarea < Element
     }
   end
 
-  def value=(value)
-    `#@native.value = #{value}`
-  end
+  alias_native :value=
 
   def clear
     `#@native.value = ''`

data/opal/browser/dom/element.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 # Requires are moved to the bottom of this file.
 
 module Browser; module DOM
@@ -367,6 +369,8 @@ class Element < Node
     self << node
   end
 
+  alias children= inner_dom=
+
   # @!attribute inner_html
   # @return [String] the inner HTML of the element
   def inner_html

data/opal/browser/event/animation.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class Animation < Event
@@ -8,13 +10,9 @@ class Animation < Event
   end
 
   class Definition < Definition
-    def animation=(value)
-      `#@native.animationName = #{value}`
-    end
-
-    def elapsed=(value)
-      `#@native.elapsedTime = #{value}`
-    end
+    alias_native :name=, :animationName=
+    alias_native :animation=, :animationName=
+    alias_native :elapsed=, :elapsedTime=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/audio_processing.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser; class Event
 
 class AudioProcessing < Event
@@ -8,17 +10,9 @@ class AudioProcessing < Event
   end
 
   class Definition < Definition
-    def time=(value)
-      `#@native.playbackTime = #{value}`
-    end
-
-    def input=(value)
-      `#@native.inputBuffer = #{value}`
-    end
-
-    def output=(value)
-      `#@native.outputBuffer = #{value}`
-    end
+    alias_native :time=, :playbackTime=
+    alias_native :input=, :inputBuffer=
+    alias_native :output=, :outputBuffer=
   end
 
   if Browser.supports? 'Event.constructor'

data/opal/browser/event/base.rb

@@ -1,3 +1,5 @@
+# backtick_javascript: true
+
 module Browser
 
 class Event
@@ -16,14 +18,10 @@ class Event
     end
 
     # Set the event as bubbling.
-    def bubbles=(value)
-      `#@native.bubbles = #{value}`
-    end
+    alias_native :bubbles=
 
     # Set the event as cancelable.
-    def cancelable=(value)
-      `#@native.cancelable = #{value}`
-    end
+    alias_native :cancelable=
   end
 
   module Target