RubyGems - atome-opal-browser - Versions diffs - 0.3.9.5 - Mend

atome-opal-browser 0.3.9.5

Files changed (228) hide show

checksums.yaml +7 -0
data/CHANGELOG.md +11 -0
data/Gemfile +33 -0
data/Gemfile.lock +122 -0
data/LICENSE +20 -0
data/README.md +301 -0
data/Rakefile +63 -0
data/bin/rake +7 -0
data/bin/setup +8 -0
data/config.ru +81 -0
data/docs/polyfills.md +24 -0
data/examples/2048/Gemfile +13 -0
data/examples/2048/Gemfile.lock +41 -0
data/examples/2048/README.md +13 -0
data/examples/2048/app/application.rb +169 -0
data/examples/2048/config.ru +9 -0
data/examples/canvas/Gemfile +9 -0
data/examples/canvas/README.md +9 -0
data/examples/canvas/app/application.rb +55 -0
data/examples/canvas/config.ru +9 -0
data/examples/component/Gemfile +9 -0
data/examples/component/Gemfile.lock +45 -0
data/examples/component/README.md +10 -0
data/examples/component/app/application.rb +66 -0
data/examples/component/config.ru +9 -0
data/examples/integrations/README.md +24 -0
data/examples/integrations/dynamic-rack-opal-sprockets-server/Gemfile +7 -0
data/examples/integrations/dynamic-rack-opal-sprockets-server/README.md +16 -0
data/examples/integrations/dynamic-rack-opal-sprockets-server/app/application.rb +6 -0
data/examples/integrations/dynamic-rack-opal-sprockets-server/config.ru +9 -0
data/examples/integrations/dynamic-roda-roda-sprockets/.gitignore +1 -0
data/examples/integrations/dynamic-roda-roda-sprockets/Gemfile +8 -0
data/examples/integrations/dynamic-roda-roda-sprockets/README.md +22 -0
data/examples/integrations/dynamic-roda-roda-sprockets/Rakefile +4 -0
data/examples/integrations/dynamic-roda-roda-sprockets/app/application.rb +6 -0
data/examples/integrations/dynamic-roda-roda-sprockets/app.rb +32 -0
data/examples/integrations/dynamic-roda-roda-sprockets/config.ru +3 -0
data/examples/integrations/dynamic-roda-tilt/.gitignore +1 -0
data/examples/integrations/dynamic-roda-tilt/Gemfile +9 -0
data/examples/integrations/dynamic-roda-tilt/README.md +17 -0
data/examples/integrations/dynamic-roda-tilt/Rakefile +6 -0
data/examples/integrations/dynamic-roda-tilt/app/application.rb +6 -0
data/examples/integrations/dynamic-roda-tilt/app.rb +50 -0
data/examples/integrations/dynamic-roda-tilt/config.ru +3 -0
data/examples/integrations/dynamic-sinatra-opal-sprockets-server/Gemfile +10 -0
data/examples/integrations/dynamic-sinatra-opal-sprockets-server/README.md +16 -0
data/examples/integrations/dynamic-sinatra-opal-sprockets-server/app/application.rb +6 -0
data/examples/integrations/dynamic-sinatra-opal-sprockets-server/config.ru +29 -0
data/examples/integrations/static-bash/.gitignore +2 -0
data/examples/integrations/static-bash/Gemfile +3 -0
data/examples/integrations/static-bash/README.md +8 -0
data/examples/integrations/static-bash/app/application.rb +6 -0
data/examples/integrations/static-bash/build.sh +4 -0
data/examples/integrations/static-bash/index.html +10 -0
data/examples/integrations/static-bash-opal-parser/.gitignore +3 -0
data/examples/integrations/static-bash-opal-parser/Gemfile +3 -0
data/examples/integrations/static-bash-opal-parser/README.md +10 -0
data/examples/integrations/static-bash-opal-parser/build.sh +4 -0
data/examples/integrations/static-bash-opal-parser/index.html +19 -0
data/examples/integrations/static-rake/.gitignore +1 -0
data/examples/integrations/static-rake/Gemfile +7 -0
data/examples/integrations/static-rake/README.md +7 -0
data/examples/integrations/static-rake/Rakefile +10 -0
data/examples/integrations/static-rake/app/application.rb +6 -0
data/examples/integrations/static-rake/index.html +9 -0
data/examples/integrations/static-rake-guard/.gitignore +1 -0
data/examples/integrations/static-rake-guard/Gemfile +9 -0
data/examples/integrations/static-rake-guard/Gemfile.lock +69 -0
data/examples/integrations/static-rake-guard/Guardfile +3 -0
data/examples/integrations/static-rake-guard/README.md +10 -0
data/examples/integrations/static-rake-guard/Rakefile +10 -0
data/examples/integrations/static-rake-guard/app/application.rb +6 -0
data/examples/integrations/static-rake-guard/index.html +9 -0
data/examples/svg/.gitignore +1 -0
data/examples/svg/Gemfile +4 -0
data/examples/svg/README.md +7 -0
data/examples/svg/Rakefile +10 -0
data/examples/svg/app/application.rb +11 -0
data/examples/svg/index.html +17 -0
data/examples/svg/index.svg +6 -0
data/index.html.erb +24 -0
data/lib/opal/browser.rb +4 -0
data/lib/opal-browser.rb +1 -0
data/opal/browser/animation_frame.rb +111 -0
data/opal/browser/audio/node.rb +121 -0
data/opal/browser/audio/param_schedule.rb +43 -0
data/opal/browser/audio.rb +66 -0
data/opal/browser/blob.rb +94 -0
data/opal/browser/canvas/data.rb +63 -0
data/opal/browser/canvas/gradient.rb +27 -0
data/opal/browser/canvas/style.rb +115 -0
data/opal/browser/canvas/text.rb +45 -0
data/opal/browser/canvas.rb +335 -0
data/opal/browser/console.rb +105 -0
data/opal/browser/cookies.rb +171 -0
data/opal/browser/crypto.rb +79 -0
data/opal/browser/css/declaration.rb +83 -0
data/opal/browser/css/rule/style.rb +16 -0
data/opal/browser/css/rule.rb +48 -0
data/opal/browser/css/style_sheet.rb +83 -0
data/opal/browser/css/unit.rb +188 -0
data/opal/browser/css.rb +40 -0
data/opal/browser/database/sql.rb +193 -0
data/opal/browser/delay.rb +94 -0
data/opal/browser/dom/attribute.rb +26 -0
data/opal/browser/dom/builder.rb +107 -0
data/opal/browser/dom/cdata.rb +9 -0
data/opal/browser/dom/character_data.rb +73 -0
data/opal/browser/dom/comment.rb +9 -0
data/opal/browser/dom/document.rb +217 -0
data/opal/browser/dom/document_fragment.rb +25 -0
data/opal/browser/dom/document_or_shadow_root.rb +19 -0
data/opal/browser/dom/element/attributes.rb +111 -0
data/opal/browser/dom/element/button.rb +31 -0
data/opal/browser/dom/element/custom.rb +177 -0
data/opal/browser/dom/element/data.rb +82 -0
data/opal/browser/dom/element/editable.rb +47 -0
data/opal/browser/dom/element/form.rb +38 -0
data/opal/browser/dom/element/iframe.rb +37 -0
data/opal/browser/dom/element/image.rb +25 -0
data/opal/browser/dom/element/input.rb +64 -0
data/opal/browser/dom/element/media.rb +43 -0
data/opal/browser/dom/element/offset.rb +89 -0
data/opal/browser/dom/element/position.rb +46 -0
data/opal/browser/dom/element/scroll.rb +168 -0
data/opal/browser/dom/element/select.rb +42 -0
data/opal/browser/dom/element/size.rb +46 -0
data/opal/browser/dom/element/template.rb +11 -0
data/opal/browser/dom/element/textarea.rb +26 -0
data/opal/browser/dom/element.rb +618 -0
data/opal/browser/dom/mutation_observer.rb +178 -0
data/opal/browser/dom/node.rb +504 -0
data/opal/browser/dom/node_set.rb +121 -0
data/opal/browser/dom/shadow_root.rb +12 -0
data/opal/browser/dom/text.rb +36 -0
data/opal/browser/dom.rb +124 -0
data/opal/browser/effects.rb +216 -0
data/opal/browser/event/all.rb +26 -0
data/opal/browser/event/animation.rb +40 -0
data/opal/browser/event/audio_processing.rb +35 -0
data/opal/browser/event/base.rb +461 -0
data/opal/browser/event/before_unload.rb +17 -0
data/opal/browser/event/clipboard.rb +37 -0
data/opal/browser/event/close.rb +49 -0
data/opal/browser/event/composition.rb +52 -0
data/opal/browser/event/custom.rb +65 -0
data/opal/browser/event/data_transfer.rb +95 -0
data/opal/browser/event/device_light.rb +25 -0
data/opal/browser/event/device_motion.rb +53 -0
data/opal/browser/event/device_orientation.rb +50 -0
data/opal/browser/event/device_proximity.rb +35 -0
data/opal/browser/event/drag.rb +123 -0
data/opal/browser/event/focus.rb +41 -0
data/opal/browser/event/gamepad.rb +62 -0
data/opal/browser/event/hash_change.rb +30 -0
data/opal/browser/event/keyboard.rb +128 -0
data/opal/browser/event/message.rb +72 -0
data/opal/browser/event/mouse.rb +258 -0
data/opal/browser/event/page_transition.rb +25 -0
data/opal/browser/event/pop_state.rb +35 -0
data/opal/browser/event/progress.rb +45 -0
data/opal/browser/event/sensor.rb +17 -0
data/opal/browser/event/storage.rb +45 -0
data/opal/browser/event/touch.rb +62 -0
data/opal/browser/event/ui.rb +38 -0
data/opal/browser/event/wheel.rb +51 -0
data/opal/browser/event.rb +162 -0
data/opal/browser/event_source.rb +70 -0
data/opal/browser/form_data.rb +225 -0
data/opal/browser/history.rb +86 -0
data/opal/browser/http/binary.rb +58 -0
data/opal/browser/http/headers.rb +109 -0
data/opal/browser/http/request.rb +359 -0
data/opal/browser/http/response.rb +119 -0
data/opal/browser/http.rb +167 -0
data/opal/browser/immediate.rb +161 -0
data/opal/browser/interval.rb +111 -0
data/opal/browser/location.rb +93 -0
data/opal/browser/navigator.rb +274 -0
data/opal/browser/polyfill/visual_viewport.rb +216 -0
data/opal/browser/screen.rb +66 -0
data/opal/browser/setup/base.rb +6 -0
data/opal/browser/setup/full.rb +13 -0
data/opal/browser/setup/large.rb +17 -0
data/opal/browser/setup/mini.rb +8 -0
data/opal/browser/setup/traditional.rb +10 -0
data/opal/browser/socket.rb +123 -0
data/opal/browser/storage.rb +252 -0
data/opal/browser/support.rb +299 -0
data/opal/browser/utils.rb +154 -0
data/opal/browser/version.rb +3 -0
data/opal/browser/visual_viewport.rb +39 -0
data/opal/browser/window/size.rb +73 -0
data/opal/browser/window/view.rb +51 -0
data/opal/browser/window.rb +133 -0
data/opal/browser.rb +1 -0
data/opal/opal-browser.rb +1 -0
data/opal-browser.gemspec +27 -0
data/spec/database/sql_spec.rb +139 -0
data/spec/delay_spec.rb +41 -0
data/spec/dom/attribute_spec.rb +49 -0
data/spec/dom/builder_spec.rb +86 -0
data/spec/dom/document_spec.rb +62 -0
data/spec/dom/element/attributes_spec.rb +52 -0
data/spec/dom/element/custom_spec.rb +106 -0
data/spec/dom/element/subclass_spec.rb +144 -0
data/spec/dom/element_spec.rb +223 -0
data/spec/dom/mutation_observer_spec.rb +41 -0
data/spec/dom/node_set_spec.rb +44 -0
data/spec/dom/node_spec.rb +214 -0
data/spec/dom_spec.rb +23 -0
data/spec/event_source_spec.rb +45 -0
data/spec/event_spec.rb +156 -0
data/spec/history_spec.rb +61 -0
data/spec/http_spec.rb +76 -0
data/spec/immediate_spec.rb +15 -0
data/spec/interval_spec.rb +59 -0
data/spec/json2.js +486 -0
data/spec/native_cached_wrapper_spec.rb +46 -0
data/spec/runner.rb +107 -0
data/spec/sizzle.js +5 -0
data/spec/socket_spec.rb +47 -0
data/spec/spec_helper.rb +35 -0
data/spec/spec_helper_promise.rb.erb +25 -0
data/spec/storage_spec.rb +26 -0
data/spec/wgxpath.install.js +49 -0
data/spec/window_spec.rb +10 -0
metadata +500 -0

data/examples/integrations/dynamic-roda-tilt/app.rb ADDED Viewed

@@ -0,0 +1,50 @@
+require 'roda'
+require 'tilt/sass'
+require 'tilt/opal'
+require 'opal/builder_processors'
+require 'opal-browser'
+class OpalBuilder < Opal::Builder
+  attr_accessor :build_source_map
+  def to_s
+    if @build_source_map
+      super + "\n" + source_map.to_data_uri_comment
+    else
+      super
+    end
+  end
+end
+class App < Roda
+  js_builder = OpalBuilder.new(stubs: []) #'opal'
+  js_builder.build_source_map = ENV['RACK_ENV'] == 'development'
+  js_builder.append_paths('app')
+  plugin :assets, js: ['application.rb'],
+                  js_opts: { builder: js_builder },
+                  path: '.',
+                  js_dir: 'app',
+                  timestamp_paths: true,
+                  precompiled: ENV['RACK_ENV'] != 'development' ? 'public/assets/assets-precompiled.json' : nil
+  plugin :public
+  route do |r|
+    r.public
+    r.assets
+    r.root do
+      <<~END
+	      <!doctype html>
+        <html>
+          <head>
+            <title>My application</title>
+          </head>
+          <body>
+            #{ assets :js }
+          </body>
+        </html>
+      END
+    end
+  end
+end

data/examples/integrations/dynamic-roda-tilt/config.ru ADDED Viewed

@@ -0,0 +1,3 @@
+require_relative "./app"
+run App.app

data/examples/integrations/dynamic-sinatra-opal-sprockets-server/Gemfile ADDED Viewed

@@ -0,0 +1,10 @@
+source "https://rubygems.org"
+gem 'opal'
+gem "opal-sprockets"
+gem "puma"
+gem "roda-sprockets", ">= 2.0.0a"
+gem 'rake', "~> 13.0"
+gem 'rack', '~> 2.2'
+gem "opal-browser", path: "../../.."
+gem "sinatra"

data/examples/integrations/dynamic-sinatra-opal-sprockets-server/README.md ADDED Viewed

@@ -0,0 +1,16 @@
+Dynamic Opal-Browser integration with Sinatra via Opal-Sprockets-Server
+=======================================================================
+To install, run:
+    $ bundle install
+Development mode
+----------------
+    $ bundle exec rackup
+Production mode
+---------------
+Left as an exercise for the reader.

data/examples/integrations/dynamic-sinatra-opal-sprockets-server/app/application.rb ADDED Viewed

@@ -0,0 +1,6 @@
+require 'opal'
+require 'native'
+require 'promise'
+require 'browser/setup/full'
+$document.body << "Hello world!"

data/examples/integrations/dynamic-sinatra-opal-sprockets-server/config.ru ADDED Viewed

@@ -0,0 +1,29 @@
+require 'opal-sprockets'
+require 'opal-browser'
+require 'sinatra'
+opal = Opal::Sprockets::Server.new {|s|
+  s.append_path 'app'
+  s.main = 'application'
+  s.debug = ENV['RACK_ENV'] != 'production'
+}
+map '/assets' do
+  run opal.sprockets
+end
+get '/' do
+  <<-HTML
+    <!doctype html>
+    <html>
+      <head>
+        <title>My Application</title>
+      </head>
+      <body>
+        #{ Opal::Sprockets.javascript_include_tag('application', debug: opal.debug, sprockets: opal.sprockets, prefix: 'assets/' ) }
+      </body>
+    </html>
+  HTML
+end
+run Sinatra::Application

data/examples/integrations/static-bash/.gitignore ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /application.js
2	+ /opal-browser.js

data/examples/integrations/static-bash/Gemfile ADDED Viewed

@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+gem "opal-browser", path: "../../.."

data/examples/integrations/static-bash/README.md ADDED Viewed

@@ -0,0 +1,8 @@
+Static compilation example
+==========================
+This is an example from README.
+To compile everything, run:
+    $ ./build.sh

data/examples/integrations/static-bash/app/application.rb ADDED Viewed

@@ -0,0 +1,6 @@
+require 'opal'
+require 'native'
+require 'promise'
+require 'browser/setup/full'
+$document.body << "Hello world!"

data/examples/integrations/static-bash/build.sh ADDED Viewed

@@ -0,0 +1,4 @@
+#!/bin/sh
+bundle install
+bundle exec opal -c -q opal-browser -p native -p promise -p browser/setup/full -e '#' -E > opal-browser.js
+bundle exec opal -Oc -s opal -s native -s promise -s browser/setup/full app/application.rb > application.js

data/examples/integrations/static-bash/index.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Application</title>
+</head>
+<body>
+  <script src='opal-browser.js' onload='Opal.require("native"); Opal.require("promise"); Opal.require("browser/setup/full");'></script>
+  <script src='application.js'></script>
+</body>
+</html>

data/examples/integrations/static-bash-opal-parser/.gitignore ADDED Viewed

@@ -0,0 +1,3 @@
+/opal-browser.js
+/opal-parser.js

data/examples/integrations/static-bash-opal-parser/Gemfile ADDED Viewed

@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+gem "opal-browser", path: "../../.."

data/examples/integrations/static-bash-opal-parser/README.md ADDED Viewed

@@ -0,0 +1,10 @@
+Opal-Parser compilation example
+===============================
+To compile everything, run:
+    $ ./build.sh
+NOTE: This kind of integration, while cool, is highly unrecommended for production purposes.
+You would rather want to compile your application from Ruby to JavaScript yourself (on a server
+or whatnot), than let it be compiled in a web browser.

data/examples/integrations/static-bash-opal-parser/build.sh ADDED Viewed

@@ -0,0 +1,4 @@
+#!/bin/sh
+bundle install
+bundle exec opal -c -q opal-browser -p native -p promise -p browser/setup/full -e '#' -E > opal-browser.js
+bundle exec opal -Oc -p opal-parser -e '#' -E > opal-parser.js

data/examples/integrations/static-bash-opal-parser/index.html ADDED Viewed

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Application</title>
+  <script src='opal-browser.js'></script>
+  <script src='opal-parser.js' onload='Opal.require("opal-parser")'></script>
+</head>
+<body>
+  <script type='text/ruby'>
+    require 'native'
+    require 'promise'
+    require 'browser/setup/full'
+    # Your Opal code here
+    $document.body << "Hello world!"
+  </script>
+</body>
+</html>

data/examples/integrations/static-rake/.gitignore ADDED Viewed

	@@ -0,0 +1 @@
1	+ /application.js

data/examples/integrations/static-rake/Gemfile ADDED Viewed

@@ -0,0 +1,7 @@
+source "https://rubygems.org"
+gem 'opal'
+gem "puma"
+gem 'rake', "~> 13.0"
+gem 'rack', '~> 2.2'
+gem "opal-browser", path: "../../.."

data/examples/integrations/static-rake/README.md ADDED Viewed

@@ -0,0 +1,7 @@
+Static compilation example with Rake
+====================================
+To compile everything, run:
+    $ bundle install
+    $ bundle exec rake

data/examples/integrations/static-rake/Rakefile ADDED Viewed

@@ -0,0 +1,10 @@
+task :build do
+  require 'opal'
+  require 'opal-browser'
+  Opal.append_path "app"
+  File.binwrite "application.js", Opal::Builder.build("application").to_s
+end
+task :default => :build

data/examples/integrations/static-rake/app/application.rb ADDED Viewed

@@ -0,0 +1,6 @@
+require 'opal'
+require 'native'
+require 'promise'
+require 'browser/setup/full'
+$document.body << "Hello world!"

data/examples/integrations/static-rake/index.html ADDED Viewed

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Application</title>
+</head>
+<body>
+  <script src='application.js'></script>
+</body>
+</html>

data/examples/integrations/static-rake-guard/.gitignore ADDED Viewed

	@@ -0,0 +1 @@
1	+ /application.js

data/examples/integrations/static-rake-guard/Gemfile ADDED Viewed

@@ -0,0 +1,9 @@
+source "https://rubygems.org"
+gem 'opal'
+gem "puma"
+gem 'rake', "~> 13.0"
+gem 'rack', '~> 2.2'
+gem "opal-browser", path: "../../.."
+gem "guard"
+gem "guard-rake"

data/examples/integrations/static-rake-guard/Gemfile.lock ADDED Viewed

@@ -0,0 +1,69 @@
+PATH
+  remote: ../../..
+  specs:
+    opal-browser (0.3.9.3)
+      opal (>= 1.0, < 2.0)
+      paggio (~> 0.3.0)
+GEM
+  remote: https://rubygems.org/
+  specs:
+    ast (2.4.2)
+    coderay (1.1.3)
+    ffi (1.15.5)
+    formatador (1.1.0)
+    guard (2.18.0)
+      formatador (>= 0.2.4)
+      listen (>= 2.7, < 4.0)
+      lumberjack (>= 1.0.12, < 2.0)
+      nenv (~> 0.1)
+      notiffany (~> 0.0)
+      pry (>= 0.13.0)
+      shellany (~> 0.0)
+      thor (>= 0.18.1)
+    guard-rake (1.0.0)
+      guard
+      rake
+    listen (3.7.1)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    lumberjack (1.2.8)
+    method_source (1.0.0)
+    nenv (0.3.0)
+    nio4r (2.5.8)
+    notiffany (0.1.3)
+      nenv (~> 0.1)
+      shellany (~> 0.0)
+    opal (1.7.0)
+      ast (>= 2.3.0)
+      parser (~> 3.0, >= 3.0.3.2)
+    paggio (0.3.0)
+    parser (3.1.3.0)
+      ast (~> 2.4.1)
+    pry (0.14.1)
+      coderay (~> 1.1)
+      method_source (~> 1.0)
+    puma (6.0.1)
+      nio4r (~> 2.0)
+    rack (2.2.5)
+    rake (13.0.6)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    shellany (0.0.1)
+    thor (1.2.1)
+PLATFORMS
+  arm64-darwin-22
+DEPENDENCIES
+  guard
+  guard-rake
+  opal
+  opal-browser!
+  puma
+  rack (~> 2.2)
+  rake (~> 13.0)
+BUNDLED WITH
+   2.4.1

data/examples/integrations/static-rake-guard/Guardfile ADDED Viewed

@@ -0,0 +1,3 @@
+guard :rake, task: "build", all_on_start: true do
+  watch %r{^app/}
+end

data/examples/integrations/static-rake-guard/README.md ADDED Viewed

@@ -0,0 +1,10 @@
+Static compilation example with Rake and Guard
+==============================================
+To install, run:
+    $ bundle install
+To automatically rebuild the artifact on files change, run:
+    $ bundle exec guard

data/examples/integrations/static-rake-guard/Rakefile ADDED Viewed

@@ -0,0 +1,10 @@
+require 'opal'
+require 'opal-browser'
+Opal.append_path "app"
+task :build do
+  File.binwrite "application.js", Opal::Builder.build("application").to_s
+end
+task :default => :build

data/examples/integrations/static-rake-guard/app/application.rb ADDED Viewed

@@ -0,0 +1,6 @@
+require 'opal'
+require 'native'
+require 'promise'
+require 'browser/setup/full'
+$document.body << "Hello world!"

data/examples/integrations/static-rake-guard/index.html ADDED Viewed

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Application</title>
+</head>
+<body>
+  <script src='application.js'></script>
+</body>
+</html>

data/examples/svg/.gitignore ADDED Viewed

	@@ -0,0 +1 @@
1	+ /application.js

data/examples/svg/Gemfile ADDED Viewed

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+gem "opal-browser", path: "../.."
+gem "rake"

data/examples/svg/README.md ADDED Viewed

@@ -0,0 +1,7 @@
+SVG example with Rake
+=====================
+To compile everything, run:
+    $ bundle install
+    $ bundle exec rake

data/examples/svg/Rakefile ADDED Viewed

@@ -0,0 +1,10 @@
+task :build do
+  require 'opal'
+  require 'opal-browser'
+  Opal.append_path "app"
+  File.binwrite "application.js", Opal::Builder.build("application").to_s
+end
+task :default => :build

data/examples/svg/app/application.rb ADDED Viewed

@@ -0,0 +1,11 @@
+require 'opal'
+require 'native'
+require 'promise'
+require 'browser/setup/full'
+elem = $document.at_css("ellipse")
+$document.on :mousemove do |e|
+  elem[:cx] = e.page.x
+  elem[:cy] = e.page.y
+end

data/examples/svg/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+  <head>
+    <title>My Application</title>
+    <style>
+      body { margin: 0px; padding: 0px; overflow: hidden; }
+      svg { width: 100%; height: 100vh; }
+    </style>
+  </head>
+  <body>
+    <svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+      <ellipse cx="50" cy="50" rx="10" ry="10" stroke="#000" stroke-width=".253"/>
+    </svg>
+    <script src='application.js'></script>
+  </body>
+</html>

data/examples/svg/index.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <ellipse cx="50" cy="50" rx="10" ry="10" stroke="#000" stroke-width=".253"/>
+  <script href='application.js'></script>
+</svg>

data/index.html.erb ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Opal Browser - RSpec Runner</title>
+</head>
+<body>
+  <script>
+    window.onerror = function(msg, url, line) {
+      var error = document.createElement("div");
+          error.setAttribute("id", "rspec-error");
+          error.appendChild(document.createTextNode(msg));
+      document.body.appendChild(error);
+    }
+  </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 %>
+</body>
+</html>

data/lib/opal/browser.rb ADDED Viewed

@@ -0,0 +1,4 @@
+require 'opal'
+Opal.append_path File.expand_path('../../../opal', __FILE__)
+Opal.use_gem 'paggio'

data/lib/opal-browser.rb ADDED Viewed

	@@ -0,0 +1 @@
1	+ require 'opal/browser'

data/opal/browser/animation_frame.rb ADDED Viewed

@@ -0,0 +1,111 @@
+module Browser
+# Allows you to wrap a block to use in an animation rendering cycle.
+#
+# @see https://developer.mozilla.org/en/docs/Web/API/window.requestAnimationFrame
+class AnimationFrame
+  def self.supported?
+    ['Animation.request',
+     'Animation.request (Chrome)',
+     'Animation.request (Firefox)',
+     'Animation.request (Opera)',
+     'Animation.request (Internet Explorer)'].any? {|feature|
+       Browser.supports? feature
+     }
+  end
+  # Execute the block to update an animation before the next repaint.
+  #
+  # @param window [Window] the window to request the frame on
+  def initialize(window, &block)
+    @window = window
+    @native = window.to_n
+    @id     = request(block)
+  end
+  if Browser.supports? 'Animation.request'
+    def request(block)
+      `#@native.requestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Chrome)'
+    def request(block)
+      `#@native.webkitRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Firefox)'
+    def request(block)
+      `#@native.mozRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Opera)'
+    def request(block)
+      `#@native.oRequestAnimationFrame(#{block.to_n})`
+    end
+  elsif Browser.supports? 'Animation.request (Internet Explorer)'
+    def request(block)
+      `#@native.msRequestAnimationFrame(#{block.to_n})`
+    end
+  else
+    # Request the animation frame.
+    def request
+      raise NotImplementedError, 'window requestAnimationFrame unsupported'
+    end
+  end
+  if Browser.supports? 'Animation.cancel'
+    def cancel
+      `#@native.cancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Chrome)'
+    def cancel
+      `#@native.webkitCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Chrome)'
+    def cancel
+      `#@native.webkitCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Firefox)'
+    def cancel
+      `#@native.mozCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Firefox)'
+    def cancel
+      `#@native.mozCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Opera)'
+    def cancel
+      `#@native.oCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Opera)'
+    def cancel
+      `#@native.oCancelRequestAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancel (Internet Explorer)'
+    def cancel
+      `#@native.msCancelAnimationFrame(#@id)`
+    end
+  elsif Browser.supports? 'Animation.cancelRequest (Internet Explorer)'
+    def cancel
+      `#@native.msCancelRequestAnimationFrame(#@id)`
+    end
+  else
+    # Cancel the animation frame request.
+    def cancel
+      raise NotImplementedError, 'window cancelAnimationFrame unsupported'
+    end
+  end
+end
+end
+module Kernel
+  # (see Browser::AnimationFrame.new)
+  def animation_frame(&block)
+    Browser::AnimationFrame.new($window, &block)
+  end
+end
+class Proc
+  # (see Browser::AnimationFrame.new)
+  def animation_frame
+    Browser::AnimationFrame.new($window, &self)
+  end
+end