reactive-ruby 0.7.25 → 0.7.26

data/lib/reactive-ruby/rails.rb

@@ -0,0 +1,7 @@
+require 'action_view'
+require 'react-rails'
+require 'reactive-ruby/server_rendering/contextual_renderer'
+require 'reactive-ruby/rails/component_mount'
+require 'reactive-ruby/rails/railtie'
+require 'reactive-ruby/rails/controller_helper'
+require 'reactive-ruby/component_loader'

data/lib/reactive-ruby/rails/component_mount.rb

@@ -0,0 +1,44 @@
+module ReactiveRuby
+  module Rails
+    class ComponentMount < React::Rails::ComponentMount
+      attr_accessor :controller
+
+      def setup(controller)
+        self.controller = controller
+      end
+
+      def react_component(name, props = {}, options = {}, &block)
+        options = context_initializer_options(options, name) if options[:prerender]
+        props = serialized_props(props, name, controller)
+        super(top_level_name, props, options, &block) + footers
+      end
+
+      private
+
+      def context_initializer_options(options, name)
+        options[:prerender] = {options[:prerender] => true} unless options[:prerender].is_a? Hash
+        existing_context_initializer = options[:prerender][:context_initializer]
+
+        options[:prerender][:context_initializer] = lambda do |ctx|
+          React::IsomorphicHelpers.load_context(ctx, controller, name)
+          existing_context_initializer.call ctx if existing_context_initializer
+        end
+
+        options
+      end
+
+      def serialized_props(props, name, controller)
+        { render_params: props, component_name: name,
+          controller: controller.class.name.gsub(/Controller$/,"") }.react_serializer
+      end
+
+      def top_level_name
+        'React.TopLevelRailsComponent'
+      end
+
+      def footers
+        React::IsomorphicHelpers.prerender_footers #if options[:prerender]
+      end
+    end
+  end
+end

data/lib/reactive-ruby/rails/controller_helper.rb

@@ -0,0 +1,13 @@
+require 'action_controller'
+
+module ReactiveRuby
+  module Rails
+    class ActionController::Base
+      def render_component(*args)
+        @component_name = ((args[0].is_a? Hash) || args.empty?) ? params[:action].camelize : args.shift
+        @render_params = (args[0].is_a? Hash) ? args[0] : {}
+        render inline: "<%= react_component @component_name, @render_params, { prerender: !params[:no_prerender] } %>", layout: 'application'
+      end
+    end
+  end
+end

data/lib/reactive-ruby/rails/railtie.rb

@@ -0,0 +1,14 @@
+module ReactiveRuby
+  module Rails
+    class Railtie < ::Rails::Railtie
+      config.before_configuration do |app|
+        app.config.assets.enabled = true
+        app.config.assets.paths << ::Rails.root.join('app', 'views').to_s
+        app.config.react.server_renderer =
+          ReactiveRuby::ServerRendering::ContextualRenderer
+        app.config.react.view_helper_implementation =
+          ReactiveRuby::Rails::ComponentMount
+      end
+    end
+  end
+end

data/lib/reactive-ruby/server_rendering/contextual_renderer.rb

@@ -0,0 +1,33 @@
+module ReactiveRuby
+  module ServerRendering
+    class ContextualRenderer < React::ServerRendering::SprocketsRenderer
+      def initialize(options = {})
+        super(options)
+        ComponentLoader.new(v8_context).load
+      end
+
+      def render(component_name, props, prerender_options)
+        if prerender_options.is_a? Hash
+          if v8_runtime? and prerender_options[:context_initializer]
+            raise React::ServerRendering::PrerenderError.new(component_name, props, "you must use 'therubyracer' with the prerender[:context] option") unless v8_runtime?
+          else
+            prerender_options[:context_initializer].call v8_context
+            prerender_options = prerender_options[:static] ? :static : true
+          end
+        end
+
+        super(component_name, props, prerender_options)
+      end
+
+      private
+
+      def v8_runtime?
+        ExecJS.runtime.name == "(V8)"
+      end
+
+      def v8_context
+        @v8_context ||= @context.instance_variable_get("@v8_context")
+      end
+    end
+  end
+end

data/lib/reactive-ruby/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = "0.7.25"
+  VERSION = "0.7.26"
 end

data/reactive-ruby.gemspec

@@ -25,6 +25,7 @@ Gem::Specification.new do |s|
   s.add_development_dependency 'opal-rails'
   s.add_development_dependency 'rake'
   s.add_development_dependency 'rspec-rails'
+  s.add_development_dependency 'timecop'
   s.add_development_dependency 'opal-rspec'
   s.add_development_dependency 'sinatra'
   s.add_development_dependency 'sqlite3' # For Test Rails App

data/spec/reactive-ruby/component_loader_spec.rb

@@ -0,0 +1,58 @@
+require 'spec_helper'
+
+RSpec.describe ReactiveRuby::ComponentLoader do
+  GLOBAL_WRAPPER = <<-JS
+    var global = global || this;
+    var self = self || this;
+    var window = window || this;
+  JS
+
+  let(:js) { ::Rails.application.assets['components'].to_s }
+  let(:context) { ExecJS.compile(GLOBAL_WRAPPER + js) }
+  let(:v8_context) { context.instance_variable_get(:@v8_context) }
+
+  describe '#load' do
+    it 'loads given asset file into context' do
+      loader = described_class.new(v8_context)
+
+      expect {
+        loader.load
+      }.to change { !!v8_context.eval('Opal.React') }.from(false).to(true)
+    end
+
+    it 'is truthy upon successful load' do
+      loader = described_class.new(v8_context)
+      expect(loader.load).to be_truthy
+    end
+
+    it 'fails silently returning false' do
+      loader = described_class.new(v8_context)
+      expect(loader.load('foo')).to be_falsey
+    end
+  end
+
+  describe '#load!' do
+    it 'is truthy upon successful load' do
+      loader = described_class.new(v8_context)
+      expect(loader.load!).to be_truthy
+    end
+
+    it 'raises an expection if loading fails' do
+      loader = described_class.new(v8_context)
+      expect { loader.load!('foo') }.to raise_error(/No react\.rb components/)
+    end
+  end
+
+  describe '#loaded?' do
+    it 'is truthy if components file is already loaded' do
+      loader = described_class.new(v8_context)
+      loader.load
+      expect(loader).to be_loaded
+    end
+
+    it 'is false if components file is not loaded' do
+      loader = described_class.new(v8_context)
+      expect(loader).to_not be_loaded
+    end
+  end
+end

data/spec/reactive-ruby/isomorphic_helpers_spec.rb

@@ -0,0 +1,137 @@
+require 'spec_helper'
+
+RSpec.describe React::IsomorphicHelpers do
+  describe 'code execution context', :ruby do
+    let(:klass) { Class.send(:include, described_class) }
+    describe 'module class methods' do
+      it { is_expected.to_not be_on_opal_server }
+      it { is_expected.to_not be_on_opal_client }
+    end
+
+    describe 'included class methods' do
+      subject { klass }
+      it { is_expected.to_not be_on_opal_server }
+      it { is_expected.to_not be_on_opal_client }
+    end
+
+    describe 'included instance methods' do
+      subject { klass.new }
+      it { is_expected.to_not be_on_opal_server }
+      it { is_expected.to_not be_on_opal_client }
+    end
+  end
+
+  describe 'load_context', :ruby do
+    let(:v8_context) { TestV8Context.new }
+    let(:controller) { double('controller') }
+    let(:name) { double('name') }
+
+    it 'creates a context and sets a controller' do
+      context = described_class.load_context(v8_context, controller, name)
+      expect(context.controller).to eq(controller)
+    end
+
+    it 'creates a context and sets a unique_id' do
+      Timecop.freeze do
+        stamp = Time.now.to_i
+        context = described_class.load_context(v8_context, controller, name)
+        expect(context.unique_id).to eq("#{ controller.object_id }-#{ stamp }")
+      end
+    end
+  end
+
+  describe React::IsomorphicHelpers::Context do
+    class TestV8Context < Hash
+      def eval(args)
+        true
+      end
+    end
+
+    # Need to decouple/dry up this...
+    def test_context(files = nil)
+      js = ReactiveRuby::ServerRendering::ContextualRenderer::CONSOLE_POLYFILL.dup
+      js << Opal::Builder.build('opal').to_s
+      Array(files).each do |filename|
+        js << ::Rails.application.assets[filename].to_s
+      end
+      js = "#{React::ServerRendering::ExecJSRenderer::GLOBAL_WRAPPER}#{js}"
+      ctx = ExecJS.compile(js)
+      ctx = ctx.instance_variable_get("@v8_context")
+    end
+
+    def react_context
+      test_context('components')
+    end
+
+    let(:v8_context) { TestV8Context.new }
+    let(:controller) { double('controller') }
+    let(:name) { double('name') }
+    before do
+      described_class.instance_variable_set :@before_first_mount_blocks, nil
+    end
+
+    describe '#initialize' do
+      it "sets the given V8 context's ServerSideIsomorphicMethods to itself" do
+        context = described_class.new('unique-id', v8_context, controller, name)
+        expect(v8_context['ServerSideIsomorphicMethods']).to eq(context)
+      end
+
+      it 'calls before mount callbacks' do
+        string = instance_double(String)
+        described_class.register_before_first_mount_block do
+          string.inspect
+        end
+        expect(string).to receive(:inspect).once
+        context = described_class.new('unique-id', v8_context, controller, name)
+      end
+    end
+
+    describe '#eval' do
+      it 'delegates to given context' do
+        context = described_class.new('unique-id', v8_context, controller, name)
+        js = 'true;'
+        expect(v8_context).to receive(:eval).with(js).once
+        context.eval(js)
+      end
+    end
+
+    describe '#send_to_opal' do
+      let(:opal_code) { Opal::Builder.new.build_str(ruby_code, __FILE__) }
+      let(:ruby_code) { %Q[
+        module React::IsomorphicHelpers
+          def self.greet(name)
+            "Hello, #\{name}!"
+          end
+
+          def self.valediction
+            'Goodbye'
+          end
+        end
+      ]}
+
+      it 'raises an error when react cannot be loaded' do
+        context = described_class.new('unique-id', v8_context, controller, name)
+        context.instance_variable_set(:@ctx, test_context)
+        expect {
+          context.send_to_opal(:foo)
+        }.to raise_error(/No react.rb components found/)
+      end
+
+      it 'executes method with args inside opal rubyracer context' do
+        ctx = react_context
+        context = described_class.new('unique-id', ctx, controller, name)
+        ctx.eval(opal_code)
+        result = context.send_to_opal(:greet, 'world')
+        expect(result).to eq('Hello, world!')
+      end
+
+      it 'executes the method inside opal rubyracer context' do
+        ctx = react_context
+        context = described_class.new('unique-id', ctx, controller, name)
+        ctx.eval(opal_code)
+        result = context.send_to_opal(:valediction)
+        expect(result).to eq('Goodbye')
+      end
+    end
+  end
+end

data/spec/{react/rails/view_helper_spec.rb → reactive-ruby/rails/component_mount_spec.rb}

@@ -1,12 +1,26 @@
 require 'spec_helper'
 
-RSpec.describe React::Rails::ViewHelper, type: :helper do
+RSpec.describe ReactiveRuby::Rails::ComponentMount do
+  let(:helper) { described_class.new }
+
+  before do
+    env = double
+    allow(env).to receive(:request).and_return(
+      { 'controller' => ActionView::TestCase::TestController.new })
+    helper.setup(env)
+  end
+
   describe '#react_component' do
     it 'renders a div' do
       html = helper.react_component('Components::HelloWorld')
       expect(html).to match(/<div.*><\/div>/)
     end
 
+    it 'accepts a pre-render option' do
+      html = helper.react_component('Components::HelloWorld', {}, prerender: true)
+      expect(html).to match(/<div.*><span.*>Hello, World!<\/span><\/div>/)
+    end
+
     it 'sets data-react-class to React.TopLevelRailsComponent' do
       html = helper.react_component('Components::HelloWorld')
       top_level_class = 'React.TopLevelRailsComponent'

data/spec/reactive-ruby/server_rendering/contextual_renderer_spec.rb

@@ -0,0 +1,33 @@
+require 'spec_helper'
+
+RSpec.describe ReactiveRuby::ServerRendering::ContextualRenderer do
+  let(:renderer) { described_class.new({}) }
+  let(:init) { Proc.new {} }
+  let(:options) { { context_initializer: init } }
+
+  describe '#render' do
+    it 'pre-renders HTML' do
+      result = renderer.render('Components.Todo',
+                               { todo: 'finish reactive-ruby' },
+                               options)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+      expect(result).to match(/data-react-checksum/)
+    end
+
+    it 'accepts props as a string' do
+      result = renderer.render('Components.Todo',
+                               { todo: 'finish reactive-ruby' }.to_json,
+                               options)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+      expect(result).to match(/data-react-checksum/)
+    end
+
+    it 'pre-renders static content' do
+      result = renderer.render('Components.Todo',
+                               { todo: 'finish reactive-ruby' },
+                               :static)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+      expect(result).to_not match(/data-react-checksum/)
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -1,29 +1,52 @@
 ENV["RAILS_ENV"] ||= 'test'
 
-begin
-  require File.expand_path('../test_app/config/environment', __FILE__)
-rescue LoadError
-  puts 'Could not load test application. Please ensure you have run `bundle exec rake test_app`'
+require 'opal'
+require 'opal-rspec'
+
+def opal?
+  RUBY_ENGINE == 'opal'
+end
+
+def ruby?
+  !opal?
+end
+
+if RUBY_ENGINE == 'opal'
+  RSpec.configure do |config|
+    config.filter_run_excluding :ruby
+  end
 end
 
-require 'rspec/rails'
+if RUBY_ENGINE != 'opal'
+  begin
+    require File.expand_path('../test_app/config/environment', __FILE__)
+  rescue LoadError
+    puts 'Could not load test application. Please ensure you have run `bundle exec rake test_app`'
+  end
+  require 'rspec/rails'
+  require 'timecop'
+
+  Dir["./spec/support/**/*.rb"].sort.each { |f| require f }
 
-Dir["./spec/support/**/*.rb"].sort.each { |f| require f }
+  RSpec.configure do |config|
+    config.color = true
+    config.fail_fast = ENV['FAIL_FAST'] || false
+    config.fixture_path = File.join(File.expand_path(File.dirname(__FILE__)), "fixtures")
+    config.infer_spec_type_from_file_location!
+    config.mock_with :rspec
+    config.raise_errors_for_deprecations!
 
-RSpec.configure do |config|
-  config.color = true
-  config.fail_fast = ENV['FAIL_FAST'] || false
-  config.fixture_path = File.join(File.expand_path(File.dirname(__FILE__)), "fixtures")
-  config.infer_spec_type_from_file_location!
-  config.mock_with :rspec
-  config.raise_errors_for_deprecations!
+    # If you're not using ActiveRecord, or you'd prefer not to run each of your
+    # examples within a transaction, comment the following line or assign false
+    # instead of true.
+    config.use_transactional_fixtures = true
 
-  # If you're not using ActiveRecord, or you'd prefer not to run each of your
-  # examples within a transaction, comment the following line or assign false
-  # instead of true.
-  config.use_transactional_fixtures = true
+    config.before :each do
+      Rails.cache.clear
+    end
 
-  config.before :each do
-    Rails.cache.clear
+    config.filter_run_including focus: true
+    config.filter_run_excluding opal: true
+    config.run_all_when_everything_filtered = true
   end
 end