react_rails_webpack 2.0.4 → 2.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a2e0e208bffed31ac0fea62fccf7ff0f3b6fba56
-  data.tar.gz: 53ae37a29df2cda276e2e0ccd8e75238657c2e79
+  metadata.gz: 915067ad66a0fe783dc0a76cda3caff6992c5e01
+  data.tar.gz: 42176dda732bafceac3bed3d7a9e4059b8bde129
 SHA512:
-  metadata.gz: d662fff84b84af5030fd960e0e9e93e460b81af1155dcfcdb9250395b2138757aad7b6d28dd7ea691eb238e5c79ebd7ea5fcbc7d370dbe9101d1745bbbffeb35
-  data.tar.gz: 73ce7f41b6ab4f01b50d886a537d3332f76bcd0aeb8bae1b420483abd114a58b68516683ee36ccfb247c36d330298749dbfc7bc1fd4d3443364e9308a71797cf
+  metadata.gz: b1d7b418e5bc5be18f772c634bc7ced3e1903235351b00094484be6e2dc9ca07647d93ab3210bd040d3340f84954d3fa9dbec3643cd7e77d36f8668001e0cde3
+  data.tar.gz: 93f0811195cde9c5c85262687fea5c70c228d7bbf6435dd4716c01e6481164219ee44ea5c9a33682bb5d65633a8db6f12441893c8072c1acd0744f6b07ed5519

data/README.md

@@ -7,7 +7,7 @@ A set of Rails generators that create all the necessary boilerplate code (with e
 1. One-command setup
 2. Use any packages from the npm ecosystem
 3. Automatically sets up working demo examples so you can jump into React immediately
-4. Development server for React components will live update your changes to any device on your local network (including phones)
+4. The webpack development server for React components will live update your changes to any device on your local network (including phones)
 
 ## Install
 
@@ -18,9 +18,9 @@ A set of Rails generators that create all the necessary boilerplate code (with e
 
 ## Requirements
 
-- Rails version 4 or greater
-- node version 4 or greater
-- npm version 3 or greater
+- [Rails](http://rubyonrails.org/) version 4 or greater (check version with `rails -v`)
+- [node](https://nodejs.org) version 4 or greater (check version with `node -v`)
+- [npm](https://www.npmjs.com/) version 3 or greater (check version with `npm -v`)
 
 ## See the demo components in action
 
@@ -198,6 +198,12 @@ Components will not be accessible from Rails if you forget to add them here.
 
 `rails g react_rails_webpack:new_fork` sets up [the environment.json file](lib/react_rails_webpack/client/environment.json), which is NOT included in your repo, because it contains information specific to each computer it is generated on.
 
+### npm install vs. npm run install
+
+Usually to install new npm packages, you run the `npm install` command. This will work fine if you do it from the client folder, but it won't work from your project's root, since your package.json file with your project's requirements is in the client folder and not the project's root. However, as a convenience, the project's root has the command `npm run install` which is essentially the same as hopping in and out of the client folder to run `npm install` (it's basically like running `cd client && npm install && cd ..`).
+
+More succinctly: if you're in your project's root folder, use `npm run install` instead of `npm install` to install any new npm package dependencies you've added to the `client/package.json` file.
+
 
 ## Development
 

data/lib/react_rails_webpack/app/views/react_example/greeting.html.erb

@@ -1,3 +1,3 @@
-<aside>Find the source for this page in app/views/react_example/greeting.html.erb</aside>
+<aside class="source">Find the source for this page in app/views/react_example/greeting.html.erb</aside>
 <%= react_component :Hello, @props_for_hello_component %>
 <%= react_component :HelloWithRedux, @props_for_hello_with_redux_component %>

data/lib/react_rails_webpack/client/src/app.sass

@@ -5,4 +5,10 @@
   padding: 20px 40px
 
   h2
-    margin-top: 0
+    margin-top: 0
+
+aside.source
+  text-align: center
+  color: darkblue
+  font-size: 20px
+  margin: 20px 0 35px;

data/lib/react_rails_webpack/client/webpack.config.js

@@ -13,7 +13,7 @@ var config = getConfig({
           {
             // title: 'Site Title'
             // head: '<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>',
-            html: "<aside>Find the source for this page in client/webpack.config.js</aside>" +
+            html: "<aside class='source'>Find the source for this page in client/webpack.config.js</aside>" +
             "<div class=\"react-component-target\" data-componentname=\"Hello\" data-componentprops='{ \"details\": \"My initial greeting was set with getInitialState in the client/src/components/Hello.jsx file.\" }'></div>" +
             "<div class=\"react-component-target\" data-componentname=\"HelloWithRedux\" data-componentprops='{ \"details\": \"My initial greeting was set with initialState in the client/src/redux/reducer.js file.\" }'></div>"
           }

data/lib/react_rails_webpack/version.rb

@@ -1,3 +1,3 @@
 module ReactRailsWebpack
-  VERSION = "2.0.4"
+  VERSION = "2.0.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: react_rails_webpack
 version: !ruby/object:Gem::Version
-  version: 2.0.4
+  version: 2.0.5
 platform: ruby
 authors:
 - Neurodynamic