render_react 1.0.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 1f1199329df44373786d8f5377fe6f4895ff2973
-  data.tar.gz: 79f01a0f8ca990c0e352aab45c1a4a5d922575ce
+SHA256:
+  metadata.gz: 022ec3631f356bb5d1671c49dc061a4068112065d72296769e48f83fc8a6b71e
+  data.tar.gz: e6a47b8643ca49094aa9c72fc1378b8f6549f692d924fa14a4d8b46afee7e3c6
 SHA512:
-  metadata.gz: 769e5d7d47459c76ca3cfaa92b5af1af0f1d69bb5b57903e2d1a960aea67cd485bae9e90c977df7170607241696bfa4e9f2f3d0a2f6b46e51c3283cd555a86a3
-  data.tar.gz: 9619a216f48a4cc90402d87db1e83e17beac59c74c94332f6eef2213c9f500eff08b186f3361db74dabf8083fc15f550044787ce367b66e1ea59f2495059f5e2
+  metadata.gz: dd121aab8734916739e92908591383a049def424bb44f0c177d1ef11037abf0c0d659f0b5a0fa057ff051cfec8fe50767e40cfb4bca3c725d894656eb7744a6e
+  data.tar.gz: 7c4f23e4a48c2ed413deccc9b6e57c265e22eae1d0fb4382331a923103a315f9fdef676b63aef7e21bcbe41126c8114e4cc9067fdf6476a6e434feedb953dce5

data/.travis.yml

@@ -2,21 +2,21 @@ sudo: false
 language: ruby
 
 rvm:
-- 2.4.1
-- 2.3.4
+- ruby-head
+- 2.5.1
+- 2.4.4
+- 2.3.7
 - 2.2
 - 2.1
 - 2.0
-- jruby-9.1.12.0
-- ruby-head
 - jruby-head
-
-cache:
-- bundler
+- jruby-9.1.16.0
 
 matrix:
   allow_failures:
-    - rvm: jruby-head
     - rvm: ruby-head
+    - rvm: 2.2
+    - rvm: 2.1
     - rvm: 2.0
+    - rvm: jruby-head
 #   fast_finish: true

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## CHANGELOG
 
+### 1.0.1
+
+* Allow client-only mode by not passing any server-side context
+
 ### 1.0.0
 
 * Initial release

data/README.md

@@ -11,7 +11,7 @@ class ExampleComponent extends React.Component {
 ```
 
 ```html
-RenderReact.on_client_and_server("ExampleComponent", { example: "prop" })
+RenderReact.on_client_and_server("ExampleComponent", { example: "!" })
 # =>
 <div id="RenderReact-caac405e-1714-495e-aeb4-77b42be42291">
   <marquee data-reactroot="" data-reactid="1" data-react-checksum="441921122">
@@ -19,8 +19,12 @@ RenderReact.on_client_and_server("ExampleComponent", { example: "prop" })
   </marquee>
 </div>
 <script>
-  RenderReact.ReactDOM.render(RenderReact.React.createElement(RenderReact.components.ExampleComponent, {"example":"!"}),
-  document.getElementById('RenderReact-caac405e-1714-495e-aeb4-77b42be42291'))
+  RenderReact.ReactDOM.render(
+    RenderReact.React.createElement(
+      RenderReact.components.ExampleComponent, {"example":"!"}
+    ),
+    document.getElementById('RenderReact-caac405e-1714-495e-aeb4-77b42be42291')
+  )
 </script>
 ```
 
@@ -42,9 +46,9 @@ gem 'render_react'
 
 ```javascript
 {
-  React: [variable which contains React, see first paragraph of https://facebook.github.io/react/docs/react-api.html],
-  ReactDOM: [variable which contains ReactDOM, see first paragraph of https://facebook.github.io/react/docs/react-dom.html]
-  ReactDOMServer: [variable which contains ReactDOMServer, see first paragraph of https://facebook.github.io/react/docs/react-dom-server.html],
+  React: [variable which contains React],
+  ReactDOM: [variable which contains ReactDOM],
+  ReactDOMServer: [variable which contains ReactDOMServer],
   components: {
     ComponentIdentifier1: [variable which contains the component 1],
     ComponentIdentifier2: [variable which contains the component 2],
@@ -53,6 +57,10 @@ gem 'render_react'
 }
 ```
 
+- Where is **React**? See first paragraph of https://facebook.github.io/react/docs/react-api.html
+- Where is **ReactDOM**? See first paragraph of https://facebook.github.io/react/docs/react-dom.html
+- Where is **ReactDOMServer**? See first paragraph of https://facebook.github.io/react/docs/react-dom-server.html
+
 You can have two different javascript bundle files - one for server rendering, and one for client-rendering.
 
 - The client bundle has to be included into your application by a method of your choice. You may skip passing in `ReactDOMServer` for the client bundle
@@ -77,12 +85,12 @@ export default {
 }
 ```
 
-(gets later imported as `RenderReact`)
+Gets imported as `RenderReact`
 
 #### Example (With  Browser Globals)
 
 ```javascript
-window.RenderReact {
+window.RenderReact = {
   React: React,
   ReactDOM: ReactDOM,
   ReactDOMServer: ReactDOMServer,
@@ -100,6 +108,8 @@ Create a **RenderReact** context by passing your server-side JavaScript bundle:
 RenderReact.create_context! File.read('path/to/your/server-bundle.js'), mode: :client_and_server
 ```
 
+You can use it without a server-side bundle by not passing any file source.
+
 The optional `mode:` keyword argument can have one of the following values
 
 - `:client_and_server` (default) - component will be rendered server-side and mounted in the client
@@ -124,4 +134,4 @@ RenderReact.on_server("ExampleComponent") # only static
 
 Copyright (C) 2017 Jan Lelis <http://janlelis.com>. Released under the MIT license.
 
-React is BSD licensed.
+React is BSD licensed.

data/lib/render_react/context.rb

@@ -6,14 +6,19 @@ module RenderReact
   class Context
     attr_reader :app, :mode
 
-    def initialize(javascript_source = "", mode: :client_and_server)
-      @app = ExecJS.compile(javascript_source)
-      @mode = mode
+    def initialize(javascript_source = nil, mode: :client_and_server)
+      if javascript_source == nil
+        @app = nil
+        @mode = :client_only
+      else
+        @app = ExecJS.compile(javascript_source)
+        @mode = mode
+      end
     end
 
     def render_react(*args)
       case mode
-      when :client
+      when :client, :client_only
         on_client(*args)
       when :server
         on_server(*args)
@@ -32,11 +37,19 @@ module RenderReact
     end
 
     def on_server(component_name, props_hash = {})
+      if mode == :client_only
+        raise ArgumentError, "Context mode is :client_only, create a server context to be able to use server-side rendering"
+      end
+
       props_json = JSON.dump(props_hash)
       app.eval(server_script(component_name, props_json, true))
     end
 
     def on_client_and_server(component_name, props_hash = {})
+      if mode == :client_only
+        raise ArgumentError, "Context mode is :client_only, create a server context to be able to use server-side rendering"
+      end
+
       component_uuid = SecureRandom.uuid
       props_json = JSON.dump(props_hash)
       server_rendered = app.eval(server_script(component_name, props_json))

data/lib/render_react/version.rb

@@ -1,4 +1,4 @@
 module RenderReact
-  VERSION = "1.0.0".freeze
+  VERSION = "1.0.1".freeze
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: render_react
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Jan Lelis
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-18 00:00:00.000000000 Z
+date: 2018-03-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: execjs
@@ -64,7 +64,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.11
+rubygems_version: 2.7.3
 signing_key: 
 specification_version: 4
 summary: Lo-fi way of rendering React components