opal-connect 0.0.18 → 0.0.19

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f2e57162da7ac4bd3fc41ada4606bd64205fcad1
-  data.tar.gz: 0bb2a2454b6940f77fdfb0557a89328cf5063019
+  metadata.gz: fe1ee2bd589bcae56d268c56765f46280bfd0146
+  data.tar.gz: 3a614ea3d01482ac6509f07afd9db3be40019670
 SHA512:
-  metadata.gz: 1ab4f5a1339d0b8a55ec6bae2d91a3eab616e3262ee007b9529f21d42be1239ca134733e3adc0397c52cb067dda7129b85c7622dbb7310ee3b801bd20ee94543
-  data.tar.gz: cee41da3f156eb5777a24eeb4ca9721f986b4313032ae62b13ab31318b017aadf0d01cb79ad21f0dfc65bf6521216a021a29b6a94d5b2a0ff47315cec622b6fd
+  metadata.gz: 4e9db48b0348df56b6fa68d7c6728e7c460034f615f6fa4c648f554221717d1988673354b9521c42473d385f076bf5576dd8ee3ce3374c96a2d034aa49ee45c4
+  data.tar.gz: fe3bb40b23e8b24678e03afc7b8330beef3358100ca87e39557512e475a391767daddaf416868749acc697eda379a3dc267104b45f8d86bafcef7b83e1ceea8f

data/Gemfile

@@ -1,10 +1,13 @@
 source 'https://rubygems.org'
 
 gem 'roda', '2.14.0'
+gem 'roda-sprocket_assets', '0.0.9'
 gem 'thin', '1.6.4'
 gem 'rack-unreloader', '1.5.0'
 gem 'rack-livereload'
-# gem 'opal-rspec', github: 'opal/opal-rspec'
+gem 'rspec'
+gem 'opal-connect-rspec'
+gem 'opal', '0.10.0'
 gem 'pry'
 gem 'awesome_print'
 

data/Makefile

@@ -1,2 +1,4 @@
 server:
-	bundle exec rake webpack:run& bundle exec thin start --port=3000
+	bundle exec rake webpack:run& bundle exec thin start --port=3001
+run:
+	bundle exec thin start --port=3001

data/Rakefile

@@ -7,3 +7,11 @@ require 'opal-connect'
 require 'opal/connect/rake_task'
 
 Opal::Connect::RakeTask.new('webpack')
+
+require 'opal/rspec/rake_task'
+Opal::RSpec::RakeTask.new('opal:rspec') do |s|
+  s.index_path = 'spec/index.html.erb'
+end
+
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new('ruby:rspec')

data/app/app.rb

@@ -2,14 +2,18 @@ require_relative 'config/connect'
 
 class App < Roda
   plugin :assets,
-    path: '.connect/output',
+    path: '',
     css_dir: '',
     js_dir: '',
     group_subdirs: false,
     gzip: true,
-    js: { connect: [ 'opal.js', 'connect.js' ] }
+    js_opts: { builder: Opal::Connect.builder },
+    js: {
+      app: ['node_modules/jquery/dist/jquery.js', '.connect/opal.js', '.connect/connect.js', '.connect/entry.rb'],
+      rspec: ['.connect/rspec.js', '.connect/rspec_tests.js']
+    }
 
-  use Rack::LiveReload
+  # use Rack::LiveReload
 
   route do |r|
     r.assets
@@ -17,5 +21,9 @@ class App < Roda
     r.root do
       Components::Example.scope(self).render :display
     end
+
+    r.on "rspec" do
+      Opal::Connect.run_rspec
+    end
   end
 end

data/app/assets/js/app.js

@@ -0,0 +1,2 @@
+//=require opal.js
+//=require output/connect.js

data/app/assets/js/app.rspec.js

@@ -0,0 +1 @@
+//=require rspec.js

data/app/components/example.rb

@@ -3,7 +3,7 @@ class App
     class Example
       include Opal::Connect
 
-      def display
+      setup do
         dom.set! html! {
           html do
             head do
@@ -16,14 +16,23 @@ class App
           end
         }
 
+        dom.find('html').append assets([:js, :app])
+
+        dom.save!
+      end unless RUBY_ENGINE == 'opal'
+
+      def display
         if RUBY_ENGINE == 'opal'
           dom.find('body').append 'cow'
-        else
-          dom.find('html').append assets([:js, :connect])
         end
 
         dom
       end
+
+      def moo
+        dom.find('body').append 'cow'
+        'cow'
+      end
     end
   end
 end

data/app/config/boot.rb

@@ -1,4 +1,4 @@
-$:.unshift './app'
+$:.unshift Dir.pwd
 $:.unshift './lib'
 
 require 'bundler'
@@ -16,3 +16,5 @@ Unreloader.require './lib/opal/connect.rb'
 Unreloader.require 'app/config/connect'
 Unreloader.require 'app'
 Unreloader.require 'app/components/**/*.rb'
+
+Opal::Connect.setup

data/app/config/connect.rb

@@ -1,7 +1,10 @@
 require 'opal-connect'
 
 Opal::Connect.setup do
-  options[:plugins]     = [ :server, :html, :dom, :events, :scope ]
+  options[:plugins]     = [ :server, :html, :dom, :events ]
   options[:livereload]  = true
+
+  plugin :scope, App.new('')
+  plugin :rspec, code: -> { assets([:js, :app]) + assets([:js, :rspec]) }
 end
 

data/lib/opal/connect/plugins/dom.rb

@@ -1,11 +1,3 @@
-if RUBY_ENGINE == 'opal'
-  `require("expose?$!expose?jQuery!jquery/dist/jquery.min.js")`;
-else
-  require 'oga'
-end
-
-require 'opal-jquery'
-
 module Opal
   module Connect
     module ConnectPlugins
@@ -42,6 +34,7 @@ module Opal
           end
 
           def cache
+            # fix:  instead of {} it needs to use ConnectCache.new
             @cache ||= (Connect.templates[self.name] ||= {})
           end
 
@@ -123,7 +116,7 @@ module Opal
           def save template_name = false, remove = true
             if template_name
               cache[:"#{template_name}"] = self.to_html
-              dom.remove if remove
+              dom.remove if !dom.is_a?(Oga::XML::Document) && remove
             else
               cache[:html] = self.to_html
             end
@@ -164,14 +157,28 @@ module Opal
               end
             end
 
-            def text(content)
-              if node.respond_to?(:inner_text)
-                node.inner_text = content
+            def text(content = false)
+              if content
+                if node.respond_to?(:inner_text)
+                  node.inner_text = content
+                else
+                  node.each { |n| n.inner_text = content }
+                end
+
+                self
               else
-                node.each { |n| n.inner_text = content }
+                if node.respond_to?(:inner_text)
+                  node.inner_text
+                else
+                  text = ''
+                  node.each { |n| text << n.inner_text }
+                  text
+                end
               end
+            end
 
-              self
+            def val(value = false)
+              self.attr('value', value)
             end
 
             def attr(key, value = false)

data/lib/opal/connect/plugins/modal.rb

@@ -0,0 +1,58 @@
+module Opal::Connect
+  module ConnectPlugins
+    module Modal
+      if RUBY_ENGINE == 'opal'
+        # `require('expose?RModal!rmodal/dist/rmodal.min.js')`
+        # `require('rmodal/dist/rmodal.css')`
+        # `require('rmodal/dist/rmodal-no-bootstrap.css')`
+
+        module InstanceMethods
+          def modal(msg = '', options = {})
+            style = (options[:style] || {}).map { |k, v| "#{k}: #{v}" }.join(';')
+
+            dom.find('body').append do
+              div id: 'modal', class: "modal #{options[:class]}" do
+                div class: 'modal-dialog', style: style do
+                  div class: 'modal-content' do
+                    if header = options[:header]
+                      div header, class: 'modal-header'
+                    end
+                    div msg, class: 'modal-body'
+
+                    div class: 'modal-footer' do
+                      if btn = options[:button]
+                        button btn, class: 'close btn btn-primary'
+                      end
+                      button 'Close', class: 'close btn btn'
+                    end
+                  end
+                end
+              end
+            end
+
+            modal_content = dom.find('#modal .modal-content')
+            modal = Native `new RModal(document.getElementById('modal'), {})`
+            modal.open
+
+            modal_content.find('.close.btn').on :click do
+              modal.close
+              dom.find('#modal').remove
+            end
+
+            # remove the modal if they click on the background
+            dom.find('#modal').on(:click) do
+              unless modal_content.is(':hover')
+                modal.close
+                dom.find('#modal').remove
+              end
+            end
+
+            modal
+          end
+        end
+      end
+    end
+
+    register_plugin :modal, Modal
+  end
+end

data/lib/opal/connect/plugins/rspec.rb

@@ -0,0 +1,66 @@
+module Opal::Connect
+  module ConnectPlugins
+    module ConnectRSpec
+      def self.configure(connect, options = {})
+        connect.options[:rspec] = { folder: "spec"}.merge options
+      end
+
+      module ConnectClassMethods
+        def run_rspec
+          read, write = IO.pipe
+
+          pid = fork do
+            read.close
+
+            rspec_requires = []
+            options        = Opal::Connect.options[:rspec]
+
+            Opal.append_path "./#{options[:folder]}"
+            $:.unshift "./#{options[:folder]}"
+
+            require 'rspec'
+            require 'opal-rspec'
+
+            Dir.glob("./#{options[:folder]}/**/*_spec.rb").each do |file|
+              rspec_requires << "require '#{file.sub('./', '')}'"
+            end
+
+            Opal::Connect.write_file :rspec, %{
+              require 'opal/connect/puts'
+              require 'opal/rspec'
+            }, "#{::RSpec::Version::STRING}#{Opal::RSpec::VERSION}"
+
+            File.write "#{Dir.pwd}/.connect/rspec_tests.js", build(%{
+              #{rspec_requires.join(';')}
+              RSpec::Core::Runner.autorun
+            })
+
+            Dir["#{options[:folder]}/**/*_spec.rb"].each { |file| load file }
+            Opal::Connect.setup
+            Opal::Connect.write_entry_file(self)
+
+            string = html! {
+              html do
+                head { meta charset: 'utf-8' }
+                body Class.new {
+                  include Opal::Connect
+                }.instance_exec(&options[:code])
+              end
+            }
+
+            Marshal.dump(string, write)
+            exit!(0) # skips exit handlers.
+          end
+
+          write.close
+          result = read.read
+          Process.wait(pid)
+          raise "child failed" if result.empty?
+          Marshal.load(result)
+        end
+      end unless RUBY_ENGINE == 'opal'
+    end
+
+    register_plugin :rspec, ConnectRSpec
+  end
+end

data/lib/opal/connect/plugins/server.rb

@@ -24,8 +24,9 @@ module Opal
           end
 
           def server(method = false, *args, &block)
-            if RUBY_ENGINE != 'opal'
-
+            if RUBY_ENGINE == 'opal'
+              self.new.server(method, *args)
+            else
               if method
                 include method
               else

data/lib/opal/connect/rake_task.rb

@@ -2,49 +2,38 @@ module Opal
   module Connect
     class RakeTask
       include Rake::DSL if defined? Rake::DSL
-      STUBS = %w'opal native promise console base64 json'
 
       def initialize(name = 'webpack', opts = {})
         namespace name do
-          return unless defined? Opal.append_path
-
-          Opal::Connect.write_entry_file
-
-          Opal.append_path Dir.pwd
-
-          write_opal_file
-
-          envs = ENV.to_h.merge({
-            BUNDLE_BIN: true,
-            CONNECT_STUBS: STUBS.concat(Opal::Config.stubbed_files.to_a).join(','),
-            OPAL_LOAD_PATH: Opal.paths.join(":"),
-            OPAL_USE_BUNDLER: true
-          }).inject({}) { |env, (k, v)| env[k.to_s] = v.to_s; env }
-
           desc "Start webpack"
           task :run do
+            envs = initialize_connect
             exec(envs, 'webpack --progress --watch')
           end
 
           desc "Build webpack"
           task :build do
+            envs = initialize_connect
             exec(envs, 'webpack --progress')
           end
         end
       end
 
-      def write_opal_file
-        file_path    = "#{Dir.pwd}/.connect"
-        version_path = "#{file_path}/opal_version"
-        version      = File.exist?(version_path) ? File.read(version_path) : false
+      def initialize_connect
+        return unless defined? Opal.append_path
 
-        if !File.exist?("#{file_path}/opal.js") || !version || (version && version != Opal::VERSION)
-          builder   = Opal::Builder.new
-          build_str = STUBS.map { |stub| "require '#{stub}'" }.join(";")
-          builder.build_str(build_str, '(inline)', { dynamic_require_severity: :ignore })
-          File.write version_path, Opal::VERSION
-          File.write "#{file_path}/opal.js", builder.to_s
-        end
+        Opal::Connect.write_entry_file
+
+        code  = Opal::Connect::STUBS.map { |stub| "require '#{stub}'" }.join(";")
+        stubs = Opal::Config.stubbed_files.to_a
+        Opal::Connect.write_file(:opal, code, Opal::VERSION, stubs)
+
+        ENV.to_h.merge({
+          BUNDLE_BIN: true,
+          CONNECT_STUBS: "#{Opal::Connect.stubbed_files.join(',')},opal-connect,opal-jquery,opal-rspec",
+          OPAL_LOAD_PATH: Opal.paths.join(":"),
+          OPAL_USE_BUNDLER: true
+        }).inject({}) { |env, (k, v)| env[k.to_s] = v.to_s; env }
       end
     end
   end

data/lib/opal/connect/rspec.rb

@@ -0,0 +1,45 @@
+if RUBY_ENGINE == 'opal'
+  module Opal
+    module Connect
+      module ConnectPlugins
+        module Dom
+          module ClassMethods
+            def dom(selector = false)
+              d        = Opal::Connect::ConnectPlugins::Dom::Instance.new('html')
+              selector = d.find('#rspec-iframe').dom.JS.contents
+              Instance.new selector, cache, self
+            end
+          end
+
+          module InstanceMethods
+            def dom(selector = false)
+              d        = Opal::Connect::ConnectPlugins::Dom::Instance.new('html')
+              selector = d.find('#rspec-iframe').dom.JS.contents
+              Instance.new selector, cache, self
+            end
+          end
+        end
+      end
+    end
+  end
+end
+
+module RSpecHelpers
+  include Opal::Connect::ConnectPlugins::HTML::InstanceMethods
+
+  def rspec_dom
+    Opal::Connect::ConnectPlugins::Dom::Instance.new('html')
+  end
+end
+
+RSpec.configure do |config|
+  config.extend RSpecHelpers
+  config.include RSpecHelpers
+  config.before(:suite) { Opal::Connect.setup }
+
+  if RUBY_ENGINE == 'opal'
+    config.formatter = ::Opal::RSpec::BrowserFormatter
+    config.before { rspec_dom.find('body').append html! { iframe id: 'rspec-iframe' } }
+    config.after  { rspec_dom.find('#rspec-iframe').remove }
+  end
+end

data/lib/opal/connect/version.rb

@@ -1,5 +1,5 @@
 module Opal
   module Connect
-    VERSION = "0.0.18"
+    VERSION = "0.0.19"
   end
 end

data/lib/opal/connect.rb

@@ -3,14 +3,21 @@ require 'base64'
 require "opal/connect/version"
 
 if RUBY_ENGINE == 'opal'
+  `if(typeof require === 'undefined') { require = function(){} }`
+  `require("expose?$!expose?jQuery!jquery/dist/jquery.min.js")`
   require 'opal/connect/puts'
 else
+  require 'oga'
+  require 'opal/patch'
   Opal.append_path File.expand_path('../..', __FILE__).untaint
 end
 
+require 'opal-jquery'
+
 module Opal
   module Connect
     CLIENT_OPTIONS = %w'url plugins'
+    STUBS          = %w'opal native promise console base64 json'
 
     class << self
       attr_accessor :pids
@@ -20,9 +27,10 @@ module Opal
           livereload: false,
           url: '/connect',
           plugins: [],
+          plugins_loaded: [],
           javascript: [],
           requires: [],
-          setup_blocks: []
+          setup_blocks: {},
         )
       end
 
@@ -30,22 +38,42 @@ module Opal
         Connect.options.hash.select { |key, _| CLIENT_OPTIONS.include? key.to_s }
       end
 
+      def stubbed_files
+        STUBS.concat(Opal::Config.stubbed_files.to_a)
+      end
+
+      def files
+        @_files ||= { connect: ['require "opal-connect"', Connect::VERSION] }
+      end
+
       def setup(&block)
-        if block_given?
+        if RUBY_ENGINE != 'opal' && block_given?
+          Opal.append_path Dir.pwd unless RUBY_ENGINE == 'opal'
+
           instance_exec(&block)
+
           # make sure we include the default plugins with connect
-          options[:plugins].each { |plug| Connect.plugin plug }
+          options[:plugins].each do |plug|
+            unless options[:plugins_loaded].include? plug
+              options[:plugins_loaded] << plug
+              Connect.plugin(plug)
+            end
+          end
         end
 
         unless block_given?
-          options[:setup_blocks].each { |b| b[:klass].instance_exec(&b[:block]) }
+          options[:setup_blocks].each do |klass, b|
+            klass.instance_exec(&b)
+          end
+
+          options[:setup_blocks] = {}
         end
       end
 
       def included(klass)
         if RUBY_ENGINE != 'opal'
           file = caller[0][/[^:]*/].sub(Dir.pwd, '')[1..-1]
-          files << file unless files.include?(file)
+          included_files << file unless files.include?(file) || file[/^spec/]
         end
 
         klass.extend ConnectPlugins::Base::ClassMethods
@@ -142,11 +170,10 @@ module Opal
           if RUBY_ENGINE != 'opal'
             def render(method, *options, &block)
               code = Connect.javascript(self, method, *options)
-              js   = Opal::Builder.new.build_str(code, '(inline)').to_s
 
               Connect.write_entry_file(self, method, *options) if Connect.options[:livereload]
 
-              "#{public_send(method, *options, &block)}<script>#{js}</script>"
+              "#{public_send(method, *options, &block)}<script>#{Connect.build(code)}</script>"
             end
           end
         end
@@ -159,10 +186,7 @@ module Opal
           def setup(&block)
             if block_given?
               @_setup_block = block
-              Connect.options[:setup_blocks] << {
-                block: @_setup_block,
-                klass: self
-              }
+              Connect.options[:setup_blocks][self] = @_setup_block
             end
 
             @_setup_block
@@ -180,6 +204,7 @@ module Opal
             raise ConnectError, "Cannot add a plugin to a frozen Connect class" if RUBY_ENGINE != 'opal' && frozen?
 
             if plugin.is_a?(Symbol)
+              Connect.options[:plugins_loaded] << plugin
               Connect.options[:plugins] << plugin unless Connect.options[:plugins].include? plugin
               plugin = ConnectPlugins.load_plugin(plugin)
             end
@@ -207,19 +232,26 @@ module Opal
           end
 
           if RUBY_ENGINE != 'opal'
-            def files
-              @files ||= []
+            def included_files
+              @_included_files ||= []
+            end
+
+            def builder(stubs = false)
+              Opal::Builder.new(
+                stubs: stubs || Connect.stubbed_files,
+                compiler_options: { dynamic_require_severity: :ignore }
+              )
+            end
+
+            def build(code, stubs = false)
+              builder(stubs).build_str(code, '(inline)').to_s
             end
 
             def javascript(klass, method, *opts)
               return unless klass
 
-              js = []
-              options[:javascript].uniq.each { |block| js << klass.instance_exec(&block) }
-
               %{
                 Document.ready? do
-                  #{js.join(';')}
                   klass = #{klass.class.name}.new
                   klass.__send__(:#{method}, *JSON.parse(Base64.decode64('#{Base64.encode64 opts.to_json}'))) if klass.respond_to?(:#{method})
                 end
@@ -227,14 +259,17 @@ module Opal
             end
 
             def write_entry_file(klass = false, method = false, *options)
-              path           = "#{Dir.pwd}/.connect/entry.rb"
-              files          = Connect.files.dup.uniq.map { |file| "require '#{file}'" }.join(';')
+              js             = []
+              path           = "#{Dir.pwd}/.connect"
+              files          = Connect.included_files.dup.uniq.map { |file| "require '#{file}'" }.join(';')
               entry          = Connect.options[:entry]
               client_options = Base64.encode64 Connect.client_options.to_json
               plugins        = plugin_paths.dup.map { |plugin_path| plugin_path = "require '#{plugin_path}'" }.join(';')
 
-              code = %{
-                require 'opal/connect'
+              Connect.options[:javascript].uniq.each { |block| js << klass.instance_exec(&block) } if klass
+
+              entry_code = %{
+                require 'opal-connect'
                 #{plugins}
                 options = JSON.parse(Base64.decode64('#{client_options}'))
                 options.each { |key, value| Opal::Connect.options[key] = value }
@@ -243,10 +278,29 @@ module Opal
                 # make sure we include the default plugins with connect
                 Opal::Connect.options[:plugins].each { |plug| Opal::Connect.plugin plug }
                 Opal::Connect.setup
+                #{js.join(';')}
               }
 
-              FileUtils.mkdir_p(File.dirname(path))
-              File.write(path, code)
+              FileUtils.mkdir_p(path)
+              File.write("#{path}/entry.rb", entry_code)
+
+              Connect.files.each { |name, (code, version, stubs)| write_file name, code, version, stubs }
+            end
+
+            def write_file(name, code, current_version, stubs = false)
+              path         = "#{Dir.pwd}/.connect"
+              version_path = "#{path}/#{name}_version"
+              version      = File.exist?(version_path) ? File.read(version_path) : false
+              save_path    = "#{path}/#{name}.js"
+
+              if !File.exist?(save_path) || !version || (version && version != current_version)
+                File.write version_path, current_version
+                File.write(save_path, build(code, stubs))
+              end
+            end
+
+            def read_file(file)
+              File.read "#{Dir.pwd}/.connect/#{file}"
             end
 
             def plugin_paths

data/lib/opal/patch.rb

@@ -0,0 +1,13 @@
+Opal::Processor.instance_eval do
+  def stubbed_files
+    ::Opal::Config.stubbed_files
+  end
+
+  def stub_file(name)
+    ::Opal::Config.stubbed_files << name.to_s
+  end
+
+  def dynamic_require_severity=(value)
+    ::Opal::Config.dynamic_require_severity = value
+  end
+end

data/opal-connect.gemspec

@@ -18,11 +18,11 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_dependency "opal", ">= 0.10.0.beta3"
-  spec.add_dependency "opal-jquery", ">= 0.4.1"
+  spec.add_dependency "opal", ">= 0.10.0"
+  spec.add_dependency "opal-jquery", ">= 0.4.2"
   spec.add_dependency "oga", ">= 2.2"
 
   spec.add_development_dependency "bundler", "~> 1.7"
   spec.add_development_dependency "rake", "~> 10.0"
-  spec.add_development_dependency "opal-rspec", ">= 0.5.0"
+  spec.add_development_dependency "opal-connect-rspec", ">= 0.5.0"
 end

data/package.json

@@ -12,7 +12,7 @@
     "expose-loader": "^0.7.1",
     "jquery": "^2.2.3",
     "livereload": "^0.4.1",
-    "opal-webpack": "1.0.6",
+    "opal-webpack": "1.0.8",
     "webpack": "2.1.0-beta.7",
     "webpack-livereload-plugin": "^0.8.1"
   }

data/spec/example_spec.rb

@@ -0,0 +1,10 @@
+require 'spec_helper'
+
+describe 'components/example' do
+  let(:example) { App::Components::Example.new }
+
+  it 'should say cow when #moo is called' do
+    expect(example.moo).to eq 'cow'
+    expect(example.dom.find('body').text).to eq 'cow'
+  end
+end

data/spec/index.html.erb

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Opal Server</title>
+  </head>
+  <body>
+  <%= javascript_include_tag @server.main %>
+  </body>
+</html>

data/spec/plugins/dom_spec.rb

@@ -0,0 +1,78 @@
+require 'spec_helper'
+
+class DomTest
+  include Opal::Connect
+
+  setup do
+    dom.set! html! {
+      html do
+        head do
+          meta charset: 'utf-8'
+        end
+
+        body do
+          div do
+            ul class: 'list' do
+              li {}
+            end
+          end
+        end
+      end
+    }
+
+    dom.save! :html, false
+  end unless RUBY_ENGINE == 'opal'
+end
+
+describe 'plugin :dom' do
+  context 'ClassMethods' do
+    subject { DomTest }
+
+    it { is_expected.to respond_to :dom }
+    it { is_expected.to respond_to :cache }
+    it { is_expected.to respond_to :html }
+
+    unless RUBY_ENGINE == 'opal'
+      it { is_expected.to respond_to :html_file }
+    end
+  end
+
+  context 'InstanceMethods' do
+    subject { DomTest.new }
+
+    it { is_expected.to respond_to :dom }
+    it { is_expected.to respond_to :cache }
+    it { is_expected.to respond_to :element }
+
+    describe '#dom' do
+      let(:dom) { RUBY_ENGINE == 'opal' ? subject.dom.tmpl(:html) : subject.dom }
+
+      it '#append' do
+        dom.find('ul').append '<li>appended</li>'
+        expect(dom.find('ul li').length).to eq 2
+        expect(dom.find('ul li:last-child').text).to eq 'appended'
+      end
+
+      it '#prepend' do
+        dom.find('ul').prepend '<li>prepended</li>'
+        expect(dom.find('ul li').length).to eq 2
+        expect(dom.find('ul li:first-child').text).to eq 'prepended'
+      end
+
+      it '#remove' do
+        dom.find('ul li').remove
+        expect(dom.find('ul li').length).to eq 0
+      end
+
+      it '#attr' do
+        ul = dom.find('ul')
+        ul.attr('foo', 'bar')
+        ul.attr('number', 1)
+
+        expect(ul.attr('class')).to eq 'list'
+        expect(ul.attr('foo')).to eq 'bar'
+        expect(ul.attr('number')).to eq '1'
+      end
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,6 @@
+unless RUBY_ENGINE == 'opal'
+  require 'rspec'
+  require './app/config/boot'
+end
+
+require 'opal/connect/rspec'

data/webpack.config.js

@@ -1,11 +1,20 @@
-const path             = require("path");
-const LiveReloadPlugin = require('webpack-livereload-plugin');
-const stubs            = process.env.CONNECT_STUBS.split(',');
+const path              = require("path");
+const LiveReloadPlugin  = require('webpack-livereload-plugin');
+const stubs             = process.env.CONNECT_STUBS.split(',');
+const WatchIgnorePlugin = require("webpack").WatchIgnorePlugin;
 
 module.exports = {
+  resolve: {
+    extensions: ['', '.js', '.css', '.rb'],
+    alias: {
+      app: path.resolve(__dirname, "app"),
+      spec: path.resolve(__dirname, "spec")
+    }
+  },
   entry: {
-    opal: './.connect/opal.js',
-    connect: './.connect/entry.rb',
+    connect: ['./.connect/opal.js', './.connect/connect.js'],
+    app: './.connect/entry.rb',
+    rspec: './.connect/rspec.js'
   },
   output: {
     path: path.resolve(__dirname, ".connect", "output"),
@@ -15,15 +24,15 @@ module.exports = {
     test: /\.rb$/,
     loaders: [
       {
-        exclude: /node_modules|\.connect\/(opal|cache)/,
+        exclude: /node_modules|\.connect\/(opal|cache|connect|rspec|output)/,
         loader: "opal-webpack",
         query: { dynamic_require_severity: 'ignore' }
       }
     ]
   },
-  watchOptions: { poll: true },
+  // watchOptions: { poll: true, lazy: true },
   plugins: [
-    new LiveReloadPlugin({ ignore: '.connect' })
+    new LiveReloadPlugin({ ignore: /entry\.rb/ }),
   ],
   opal: {
     stubs: stubs,

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: opal-connect
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.19
 platform: ruby
 authors:
 - cj
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-05-18 00:00:00.000000000 Z
+date: 2016-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -16,28 +16,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.10.0.beta3
+        version: 0.10.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.10.0.beta3
+        version: 0.10.0
 - !ruby/object:Gem::Dependency
   name: opal-jquery
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.4.1
+        version: 0.4.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.4.1
+        version: 0.4.2
 - !ruby/object:Gem::Dependency
   name: oga
   requirement: !ruby/object:Gem::Requirement
@@ -81,7 +81,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '10.0'
 - !ruby/object:Gem::Dependency
-  name: opal-rspec
+  name: opal-connect-rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -108,7 +108,10 @@ files:
 - README.md
 - Rakefile
 - app/app.rb
+- app/assets/js/app.js
+- app/assets/js/app.rspec.js
 - app/components/example.rb
+- app/components/test.css
 - app/config/boot.rb
 - app/config/connect.rb
 - config.ru
@@ -120,14 +123,22 @@ files:
 - lib/opal/connect/plugins/events.rb
 - lib/opal/connect/plugins/form.rb
 - lib/opal/connect/plugins/html.rb
+- lib/opal/connect/plugins/modal.rb
 - lib/opal/connect/plugins/pjax.rb
+- lib/opal/connect/plugins/rspec.rb
 - lib/opal/connect/plugins/scope.rb
 - lib/opal/connect/plugins/server.rb
 - lib/opal/connect/puts.rb
 - lib/opal/connect/rake_task.rb
+- lib/opal/connect/rspec.rb
 - lib/opal/connect/version.rb
+- lib/opal/patch.rb
 - opal-connect.gemspec
 - package.json
+- spec/example_spec.rb
+- spec/index.html.erb
+- spec/plugins/dom_spec.rb
+- spec/spec_helper.rb
 - webpack.config.js
 homepage: ''
 licenses:
@@ -149,8 +160,12 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: Connects Opal to Ruby.
-test_files: []
+test_files:
+- spec/example_spec.rb
+- spec/index.html.erb
+- spec/plugins/dom_spec.rb
+- spec/spec_helper.rb