opal-browser 0.3.3 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ca31ac16a859cb8e8e2d033f9654d73f69af51fb370b84c4eea90c11d854b591
-  data.tar.gz: cf292f8f778e76a8a0552a57d608cafbd975653df39df2f79e6d0ea1f8600d5e
+  metadata.gz: eb39e46b217ad59531c8e196d73683d791ed49376fa8c6742139f15fa57bb8bd
+  data.tar.gz: 15492a102172754413473a4e40d66d02f145c9f427a7077f4206bb5deff82bd2
 SHA512:
-  metadata.gz: 60b6ebdb57718727af8443be34513c614d49d6a182a7a1189bf37ecf2998e8895a8ed6b321455be04e45ce94815e762d93cd1ad3d35b9bf8c1257b5a9face39e
-  data.tar.gz: 0eda48ea9ba83c04929266bb2c664290d22389a6ff16aef4faab3b4a055c7510ed2e9734d6f6d7b409a79ecb56086627df559ea2c0d8ce3281a9e13472731adc
+  metadata.gz: 5e2b7ff449a375fcf48a96224cee1ac441ab7058aa22578a215ddb90b483eaafbe771ddfee5c9a6c5e12a38e9b2eeefd51e9718b947cfc9885f6964ccc3efb49
+  data.tar.gz: d8fcdd4e5382884a0c43cd2f920a9f36e04e03793726c9c167aa4d3bfc5f69df59eefec58aa0f27ac7e72d46b3484e356277b0268705f5def0dc3bebba4d95a4

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,13 @@
+## 0.3.5
+* Add backtick_javascript magic comment to squelch warnings since Opal 1.8
+
+## 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/animation_frame.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Allows you to wrap a block to use in an animation rendering cycle.

data/opal/browser/audio/node.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module Audio; module Node
 
 class Base

data/opal/browser/audio/param_schedule.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module Audio
 
   class ParamSchedule

data/opal/browser/audio.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/audio/node'
 
 module Browser; module Audio
@@ -55,7 +56,7 @@ class Context
   end
 
   def periodic_wave(real, imaginary)
-    `#{@native}.createPeriodicWave(new Float32Array(#{real}), new Float32Array(#{imaginary}));`
+    `#{@native}.createPeriodicWave(new Float32Array(#{real}), new Float32Array(#{imaginary}))`
   end
 
   alias_native :suspend

data/opal/browser/blob.rb

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

data/opal/browser/canvas/data.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Canvas
 
 class Data

data/opal/browser/canvas/gradient.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Canvas
 
 class Gradient

data/opal/browser/canvas/style.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Canvas
 
 class StyleObject

data/opal/browser/canvas/text.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; class Canvas
 
 class Text

data/opal/browser/canvas.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 require 'browser/canvas/style'
 require 'browser/canvas/text'
 require 'browser/canvas/data'

data/opal/browser/console.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 warn "`console' has been moved to Opal's stdlib, please `require 'console'` instead." if RUBY_ENGINE_VERSION.to_f >= 0.9
 
 module Browser

data/opal/browser/cookies.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Allows manipulation of browser cookies.

data/opal/browser/crypto.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Implements (parts of) the web crypto interface

data/opal/browser/css/declaration.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module CSS
 
 class Declaration

data/opal/browser/css/rule/style.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module CSS; class Rule
 
 class Style < Rule

data/opal/browser/css/rule.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module CSS
 
 class Rule

data/opal/browser/css/style_sheet.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module CSS
 
 class StyleSheet

data/opal/browser/database/sql.rb

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

data/opal/browser/delay.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser
 
 # Allows you to delay the call to a function which gets called after the

data/opal/browser/dom/builder.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 # Temporary fix for a bug in String#scan
 module Paggio::Utils
   def self.heredoc(string)

data/opal/browser/dom/character_data.rb

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

data/opal/browser/dom/document.rb

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

data/opal/browser/dom/document_fragment.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # TODO: DocumentFragment is not a subclass of Element, but

data/opal/browser/dom/document_or_shadow_root.rb

@@ -1,3 +1,4 @@
+# backtick_javascript: true
 module Browser; module DOM
 
 # Document and ShadowRoot have some methods and properties in common.

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,11 @@
 module Browser; module DOM; class Element < Node
 
 class Media < Element
-  def play
-    `#@native.play()`
-  end
+  alias_native :load
+  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