Add React::Server

Author: zetachang

lib/react/server.rb

@@ -0,0 +1,23 @@
+module React
+  module Server
+    def self.render_to_string(element)
+      if !(`typeof ReactDOMServer === 'undefined'`)
+        React::RenderingContext.build { `ReactDOMServer.renderToString(#{element.to_n})` } # v0.15+
+      elsif !(`typeof React.renderToString === 'undefined'`)
+        React::RenderingContext.build { `React.renderToString(#{element.to_n})` }
+      else
+        raise "renderToString is not defined.  In React >= v15 you must import it with ReactDOMServer"
+      end
+    end
+
+    def self.render_to_static_markup(element)
+      if !(`typeof ReactDOMServer === 'undefined'`)
+        React::RenderingContext.build { `ReactDOMServer.renderToStaticMarkup(#{element.to_n})` } # v0.15+
+      elsif !(`typeof React.renderToString === 'undefined'`)
+        React::RenderingContext.build { `React.renderToStaticMarkup(#{element.to_n})` }
+      else
+        raise "renderToStaticMarkup is not defined.  In React >= v15 you must import it with ReactDOMServer"
+      end
+    end
+  end
+end

lib/react/test/matchers/render_html_matcher.rb

@@ -30,7 +30,7 @@ def negative_failure_message
 
         def render_to_html
           element = React.create_element(@component, @params)
-          React.render_to_static_markup(element)
+          React::Server.render_to_static_markup(element)
         end
 
         def failure_string(negative = false)

lib/react/top_level.rb

@@ -84,6 +84,7 @@ def self.is_valid_element?(element)
   end
 
   def self.render_to_string(element)
+    %x{ console.error("Warning: `React.render_to_string` is deprecated in favor of `React::Server.render_to_string`."); }
     if !(`typeof ReactDOMServer === 'undefined'`)
       React::RenderingContext.build { `ReactDOMServer.renderToString(#{element.to_n})` } # v0.15+
     elsif !(`typeof React.renderToString === 'undefined'`)
@@ -94,6 +95,7 @@ def self.render_to_string(element)
   end
 
   def self.render_to_static_markup(element)
+    %x{ console.error("Warning: `React.render_to_static_markup` is deprecated in favor of `React::Server.render_to_static_markup`."); }
     if !(`typeof ReactDOMServer === 'undefined'`)
       React::RenderingContext.build { `ReactDOMServer.renderToStaticMarkup(#{element.to_n})` } # v0.15+
     elsif !(`typeof React.renderToString === 'undefined'`)

spec/react/dsl_spec.rb

@@ -65,7 +65,7 @@ def render
       end
     end
 
-    expect(React.render_to_static_markup(React.create_element(Foo))).to match(/<input data-foo="12"(\/)?>/)
+    expect(React::Server.render_to_static_markup(React.create_element(Foo))).to match(/<input data-foo="12"(\/)?>/)
   end
 
   it "will turn the last string in a block into a element" do
@@ -101,7 +101,7 @@ def render
       end
     end
 
-    expect(React.render_to_static_markup(React.create_element(Foo)).gsub("<br/>", "<br>")).to eq('<div><span>hello<br></span></div>')
+    expect(React::Server.render_to_static_markup(React.create_element(Foo)).gsub("<br/>", "<br>")).to eq('<div><span>hello<br></span></div>')
   end
 
   it "has a .td short hand String method" do
@@ -156,7 +156,7 @@ def render
         Comp()
       end
     end
-    expect { React.render_to_static_markup(React.create_element(Mod::NestedMod::NestedComp)) }
+    expect { React::Server.render_to_static_markup(React.create_element(Mod::NestedMod::NestedComp)) }
       .to raise_error('Comp does not appear to be a react component.')
   end
 

spec/react/element_spec.rb

@@ -29,7 +29,7 @@ def render
         end
       end
 
-      expect(React.render_to_static_markup(React.create_element(Foo))).to match(/<input (type="text" value=""|value="" type="text")(\/)?>/)
+      expect(React::Server.render_to_static_markup(React.create_element(Foo))).to match(/<input (type="text" value=""|value="" type="text")(\/)?>/)
     end
   end
 
@@ -43,7 +43,7 @@ def render
           params.on_event
         end
       end
-      expect(React.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
+      expect(React::Server.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
     end
 
     it 'will subscribe to multiple component event params' do
@@ -55,7 +55,7 @@ def render
           params.on_event1+params.on_event2
         end
       end
-      expect(React.render_to_static_markup(React.create_element(Foo).on(:event1, :event2) {'works!'})).to eq('<span>works!works!</span>')
+      expect(React::Server.render_to_static_markup(React.create_element(Foo).on(:event1, :event2) {'works!'})).to eq('<span>works!works!</span>')
     end
 
     it 'will subscribe to a native components event param' do
@@ -71,7 +71,7 @@ def render
       Foo.class_eval do
         imports "NativeComponent"
       end
-      expect(React.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
+      expect(React::Server.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
     end
 
     it 'will subscribe to a component event param with a non-default name' do
@@ -82,7 +82,7 @@ def render
           params.my_event
         end
       end
-      expect(React.render_to_static_markup(React.create_element(Foo).on("<my_event>") {'works!'})).to eq('<span>works!</span>')
+      expect(React::Server.render_to_static_markup(React.create_element(Foo).on("<my_event>") {'works!'})).to eq('<span>works!</span>')
     end
 
     it 'will subscribe to a component event param using the deprecated naming convention and generate a message' do
@@ -99,7 +99,7 @@ def render
         var org_error_console = window.console.error;
         window.console.warn = window.console.error = function(str){log.push(str)}
       }
-      expect(React.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
+      expect(React::Server.render_to_static_markup(React.create_element(Foo).on(:event) {'works!'})).to eq('<span>works!</span>')
       `window.console.warn = org_warn_console; window.console.error = org_error_console;`
       expect(`log[0]`).to match(/Warning: Failed prop( type|Type): In component `Foo`\nProvided prop `on_event` not specified in spec/)
       expect(`log[1]`).to eq("Warning: Deprecated feature used in React::Component. In future releases React::Element#on('event') will no longer respond to the '_onEvent' emitter.\nRename your emitter param to 'on_event' or use .on('<_onEvent>')")

spec/react/native_library_spec.rb

@@ -216,7 +216,7 @@ class NestedComponent < React::Component::Base
           }
         })
       }
-      expect(React.render_to_static_markup(
+      expect(React::Server.render_to_static_markup(
         React.create_element(NativeLibraryTestModule::Component, time_stamp: Time.now))).to match(/<div>Hello There.*<\/div>/)
     end
 
@@ -303,7 +303,7 @@ class NestedComponent < React::Component::Base
         }
       }
 
-      expect(React.render_to_static_markup(
+      expect(React::Server.render_to_static_markup(
         React.create_element(NativeLibraryTestModule::NestedComponent, time_stamp: Time.now))).to match(/<div>Hello There.*<\/div>/)
     end
 
@@ -330,7 +330,7 @@ class NestedComponent < React::Component::Base
         }
       }
       expect do
-        React.render_to_static_markup(React.create_element(NativeLibraryTestModule::NestedComponent, time_stamp: Time.now))
+        React::Server.render_to_static_markup(React.create_element(NativeLibraryTestModule::NestedComponent, time_stamp: Time.now))
       end.to raise_error("could not import a react component named: NativeLibrary.NativeNestedLibrary.NativeComponent")
 
     end

spec/react/react_spec.rb

@@ -201,13 +201,6 @@ def render
     end
   end
 
-  describe "render_to_string" do
-    it "should render a React.Element to string" do
-      ele = React.create_element('span') { "lorem" }
-      expect(React.render_to_string(ele)).to be_kind_of(String)
-    end
-  end
-
   describe "unmount_component_at_node" do
     async "should unmount component at node" do
       div = `document.createElement("div")`

spec/react/server_spec.rb

@@ -0,0 +1,25 @@
+require "spec_helper"
+
+if opal?
+
+RSpec.describe React::Server do
+  after(:each) do
+    React::API.clear_component_class_cache
+  end
+
+  describe "render_to_string" do
+    it "should render a React.Element to string" do
+      ele = React.create_element('span') { "lorem" }
+      expect(React::Server.render_to_string(ele)).to be_kind_of(String)
+    end
+  end
+
+  describe "render_to_static_markup" do
+    it "should render a React.Element to static markup" do
+      ele = React.create_element('span') { "lorem" }
+      expect(React::Server.render_to_static_markup(ele)).to eq("<span>lorem</span>")
+    end
+  end
+end
+
+end

spec/react/state_spec.rb

@@ -45,7 +45,7 @@ def render
       var org_error_console = window.console.error;
       window.console.warn = window.console.error = function(str){log.push(str)}
     }
-    markup = React.render_to_static_markup(React.create_element(StateTest))
+    markup = React::Server.render_to_static_markup(React.create_element(StateTest))
     `window.console.warn = org_warn_console; window.console.error = org_error_console;`
     expect(markup).to eq('<span>Boom</span>')
     expect(StateTest.boom).to be_falsy

spec/react/top_level_component_spec.rb

@@ -45,7 +45,7 @@ def render_top_level(controller, component_name)
     render_params: {}
   }
   element = React.create_element(React::TopLevelRailsComponent, params)
-  React.render_to_static_markup(element)
+  React::Server.render_to_static_markup(element)
 end
 
 describe React::TopLevelRailsComponent do

spec/spec_helper.rb

@@ -20,6 +20,7 @@ def ruby?
   require 'react/test/rspec'
   require 'react/test/utils'
   require 'react/top_level_render'
+  require 'react/server'
 
   require File.expand_path('../support/react/spec_helpers', __FILE__)