react_webpack_rails 0.6.0 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ab94298add2a819ece6deb843faba11d9854eb57
-  data.tar.gz: 3f287303ddad42a74f2f1940e730648a1fb22c72
+  metadata.gz: af9564bfb4b12c69e4d66eeac675460937160f2f
+  data.tar.gz: c3288864a9793770dc625a038dd4bf5bc1064ec8
 SHA512:
-  metadata.gz: 19e00ab4020c5446abc04f4591ae2dd2a1d9ae41904d73596d4761ce6164f7481ef9cd1c62620aa9fb8a0970f4e03d326cb174c5a9bf2b5d7cbc334a6296d0a7
-  data.tar.gz: 168c1019d826949b794ada7d57628729cda4757a2e94d790b50dd73c3eb47d3c9f717a8201b4e25834c05f78bf9b87d3b4403970a78b9cb53da78d7a75183388
+  metadata.gz: 216d8a5c7400488a76af02e6aff743622c34087bb696457dedb3a1e63847c10b2d9fa5966f8ef6fe1ee5df2a8572dd5d36c8f28126ea1713a30b38afbca0dce0
+  data.tar.gz: 6079da81cf633683d9c58a3a8e175b7f4265cdec441998f6058eee390ea495d7bf1fd03224204ae7a8f076b2e085f7133cf7a24514d36ee1655ed023daa7c0fb

data/CHANGELOG.md

@@ -1,11 +1,90 @@
+## 0.7.0
+- updated packages
+- added ready to use eslint setup
+- added NODE_ENV eq 'development' for webpack dev config.
+- fixed server-side render
+
+#### migration 0.6.0 -> 0.7.0
+- update your packges using [ncu](https://github.com/tjunnone/npm-check-updates) or manually in package.json.
+- setup eslint
+  - install eslit-config-airbnb and it's dependencies:
+
+    ```bash
+    (
+      export PKG=eslint-config-airbnb;
+      npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest"
+    )
+    ```
+  - add .eslintrc file in project root path:
+
+    ```json
+    {
+      "extends": "airbnb",
+      "env": {
+        "mocha": true
+      },
+      "rules": {
+        "import/no-extraneous-dependencies": [0]
+      }
+    }
+    ```
+- Set NODE_EVN in development:
+
+  in `dev.config.js` add:
+
+    ```js
+    const Webpack = require('webpack');
+    [...]
+    config.plugins.push(
+      new Webpack.DefinePlugin({'process.env': {'NODE_ENV': '"development"'}})
+    );
+    ```
+- If using server-side render, update node_server.js - required by new httpdispatcher version,
+
+  replace:
+
+  ```js
+  const dispatcher = require('httpdispatcher');
+  ```
+  with:
+
+  ```js
+  const httpdispatcher = require('httpdispatcher');
+  const dispatcher = new httpdispatcher();
+  ```
+
+
+## 0.6.0
+- new way of registering component
+	```jsx
+	import RWR from 'react-webpack-rails'
+	import FileInput from './components/FileInput';
+
+	RWR.run();
+	RWR.registerComponent({ FileInput });
+	```
+- new option to reg
+	```jsx
+	import RWR from 'react-webpack-rails'
+	import FileInput from './components/FileInput';
+	import RangeInput from './components/RangeInput';
+	import NumberInput from './components/NumberInput';
+
+	RWR.run();
+	RWR.registerComponents({ FileInput, RangeInput, NumberInput });
+	```
+- add rwr-view_helpers to generators
+- update node_server.js to modern one
+- bump npm packages versions
+
 ## 0.5.0
-* fixed forever setup - solving problems with running node server,
-* renamed `react_element` -> `rwr_element`,
-* dropped deprecated react_router integration,
-* npm dependencies bump,
-* support Rails 5:
-  * added Turbolinks 5 compatibility,
-  * added Rails 5 dummy app for testing.
+- fixed forever setup - solving problems with running node server,
+- renamed `react_element` -> `rwr_element`,
+- dropped deprecated react_router integration,
+- npm dependencies bump,
+- support Rails 5:
+	- added Turbolinks 5 compatibility,
+	- added Rails 5 dummy app for testing.
 
 
 #### migration 0.4.1 -> 0.5.0

data/CONTRIBUTING.md

@@ -8,7 +8,7 @@ Found a bug in React Webpack Rails? Open an issue on [GitHub Issues](https://git
 
 Interested in contributing to React Webpack Rails? That's great, and thank you for your interest!
 
-After checking out the repo, run `bundle exec rake setup:all` to install every environment dependencies.
+After checking out the repo, switch to development branch & run `bundle exec rake setup:all` to install every environment dependencies.
 
 To get your contributions accepted, make sure:
 

data/README.md

@@ -4,16 +4,12 @@
 #### Rails - Webpack setup with React integration.
 This gem provides easy and convenient way to build modern JavaScript stack on top of Rails applications using [Webpack](http://webpack.github.io/) and [React](https://facebook.github.io/react/).
 
-### Development branch!
-See [0.4-stable](https://github.com/netguru/react_webpack_rails/tree/0.4-stable) for latest release.
-
 ## Features
 * [Install Generator](https://github.com/netguru/react_webpack_rails/blob/master/docs/install_generator.md) for quick [Webpack](http://webpack.github.io/) setup.
 * Integrated [react-hot-loader](https://github.com/gaearon/react-hot-loader)
 * ES6/7 support with [babeljs](https://babeljs.io/).
 * Node.js based [server-side JavaScript execution](https://github.com/netguru/react_webpack_rails/blob/master/docs/server_side_rendering.md).
 * [React](https://facebook.github.io/react/) integration with server prerender option.
-* [React-router](https://github.com/rackt/react-router) integration.
 
 ### Plugins:
 * [rwr-alt](https://github.com/netguru/rwr-alt) plugin that makes it possible to populate and share Alt stores between react component located in different parts of rails views.

data/docs/README.md

@@ -9,11 +9,6 @@
     * [js: unmountComponent](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#unmountcomponent)
     * [ruby: react_component](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#react_component)
 
-  1.2 [ReactRouter](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#ReactRouter)
-    * [js: getRouter](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#getrouter)
-    * [js: renderRouter](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#renderrouter)
-    * [ruby: react_router](https://github.com/netguru/react_webpack_rails/blob/master/docs/api.md#react_router)
-
 2. [Server-Side Rendering](https://github.com/netguru/react_webpack_rails/blob/master/docs/server_side_rendering.md)
 
 3. [Install Generator](https://github.com/netguru/react_webpack_rails/blob/master/docs/install_generator.md)

data/docs/hot_reloading.md

@@ -0,0 +1,43 @@
+# Hot reloading
+
+## Migration to react-hot-loader v3
+
+RWR is now using react-hot-loader v3 instead of v1 (https://github.com/netguru/react_webpack_rails/pull/143)
+
+V3 is a complete overhaul which fixes many problems with previous version, i.e. reloading functional components.
+
+The upgrade requires a few steps which can be applied automatically via our generator:
+
+```
+bundle exec rails generate react_webpack_rails:install:hot_reload
+```
+
+
+Detailed steps are outlined below:
+
+1. Bump `react-hot-loader` version in `package.json` file
+
+```
+"react-hot-loader": "^3.0.0-beta.6"
+```
+
+2. Replace react-hot with `react-hot-loader/webpack` in `webpack/hot-dev.config.js` file
+
+```javascript
+jsxLoader.loaders.unshift('react-hot-loader/webpack');
+```
+
+3. Add `react-hot-loader/patch` in `webpack/hot-dev.config.js` file
+
+```javascript
+config.entry.main.unshift('react-hot-loader/patch')
+```
+
+4. Add following code at the bottom of your `app/react/index.js` file to enable hot-reloading:
+
+```javascript
+if (module.hot) {
+  module.hot.accept();
+  RWR.reloadNodes();
+}
+```

data/js/src/index.js

@@ -21,6 +21,7 @@ class RWR {
 
     this.mountNodes = nodes.mountNodes;
     this.unmountNodes = nodes.unmountNodes;
+    this.reloadNodes = nodes.reloadNodes;
   }
 
   run() {

data/js/src/integrations/react.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ReactDOMServer from 'react-dom/server';
+import { AppContainer } from 'react-hot-loader';
 
 class ReactIntegration {
   constructor() {
@@ -33,11 +34,13 @@ class ReactIntegration {
 
   createComponent(name, props) {
     const constructor = this.getComponent(name);
-    return React.createElement(constructor, props);
+    const element = React.createElement(constructor, props);
+    return React.createElement(AppContainer, null, element);
   }
 
   renderComponent(name, props, node) {
     const component = this.createComponent(name, props);
+    this._attachIntegrationData(node, name, props);
     ReactDOM.render(component, node);
   }
 
@@ -65,6 +68,15 @@ class ReactIntegration {
       }.bind(this),
     };
   }
+
+  _attachIntegrationData(node, name, props) {
+    const nativeNode = node.selector ? node[0] : node; // normalize jquery objects to native nodes
+    const dataset = nativeNode.dataset;
+    if (dataset.rwrElement) return;
+    dataset.rwrElement = 'true';
+    dataset.integrationName = 'react-component';
+    dataset.payload = JSON.stringify({ name, props });
+  };
 }
 
 export default new ReactIntegration;

data/js/src/nodes.js

@@ -34,18 +34,23 @@ function _unmountNode(node) {
   if (typeof(unmount) === 'function') { unmount(node, data.payload); }
 }
 
+function mountNodes(searchSelector) {
+  const nodes = _findDOMNodes(searchSelector);
+  for (let i = 0; i < nodes.length; ++i) {
+    _mountNode(nodes[i]);
+  }
+}
+
+function unmountNodes(searchSelector) {
+  const nodes = _findDOMNodes(searchSelector);
+  for (let i = 0; i < nodes.length; ++i) {
+    _unmountNode(nodes[i]);
+  }
+}
+
 export default {
-  mountNodes: function _mountNodes(searchSelector) {
-    const nodes = _findDOMNodes(searchSelector);
-    for (let i = 0; i < nodes.length; ++i) {
-      _mountNode(nodes[i]);
-    }
-  },
-
-  unmountNodes: function _unmountNodes(searchSelector) {
-    const nodes = _findDOMNodes(searchSelector);
-    for (let i = 0; i < nodes.length; ++i) {
-      _unmountNode(nodes[i]);
-    }
-  },
+  mountNodes,
+  unmountNodes,
+  // Used after hot module replacement
+  reloadNodes: mountNodes,
 };

data/js/src/version.js

@@ -1 +1 @@
-export default '0.6.0';
+export default '0.7.0';

data/js/test/integrations/react.spec.js

@@ -1,6 +1,7 @@
 import expect, { spyOn } from 'expect';
 import React, { PropTypes } from 'react';
 import ReactDOM from 'react-dom';
+import { AppContainer } from 'react-hot-loader';
 import subject from '../../src/integrations/react';
 
 class HelloComponent extends React.Component {
@@ -70,10 +71,13 @@ describe('ReactIntegration', function () {
   });
 
   describe('#createComponent', function () {
-    it('creates component with given props', function () {
+    it('creates component with given props wrapped in AppContainer for hot-reloading', function () {
       subject.registerComponent('HelloWorld', HelloComponent);
-      const component = subject.createComponent('HelloWorld', { username: 'testUser' });
+      const wrapper = subject.createComponent('HelloWorld', { username: 'testUser' });
 
+      expect(wrapper.type).toBe(AppContainer);
+
+      const component = wrapper.props.children;
       expect(component.props).toEqual({ username: 'testUser' });
       expect(component.type).toBe(HelloComponent);
     });
@@ -90,6 +94,18 @@ describe('ReactIntegration', function () {
     });
   });
 
+  describe('#renderComponent', function () {
+    it('attaches integration data to node', function () {
+      const node = { nodeType: 1, nodeName: 'DIV', dataset: {} };
+      const props = { key: 1 };
+      const reactSpy = spyOn(ReactDOM, 'render');
+      subject.renderComponent('componentName', props, node);
+      expect(node.dataset.rwrElement).toEqual('true');
+      expect(node.dataset.integrationName).toEqual('react-component');
+      expect(node.dataset.payload).toEqual('{"name":"componentName","props":{"key":1}}');
+    });
+  });
+
   describe('#integrationWrapper', function () {
     const node = { nodeType: 1, nodeName: 'DIV' };
 

data/js/test/nodes.spec.js

@@ -2,7 +2,7 @@ import expect, { spyOn, createSpy } from 'expect';
 import Nodes from '../src/nodes';
 import IntegrationsManager from '../src/integrations-manager';
 
-const { mountNodes, unmountNodes } = Nodes;
+const { mountNodes, unmountNodes, reloadNodes } = Nodes;
 
 const node = {
   nodeType: 1,
@@ -118,4 +118,10 @@ describe('Nodes', function () {
       });
     });
   });
+
+  describe('#reloadNodes', function () {
+    it('is equal to mountNodes', function () {
+      expect(reloadNodes).toEqual(mountNodes);
+    });
+  });
 });

data/lib/generators/react_webpack_rails/install/core_generator.rb

@@ -12,6 +12,7 @@ module ReactWebpackRails
 
       def base
         copy_file '.babelrc', '.babelrc'
+        copy_file '.eslintrc', '.eslintrc'
         create_file 'app/assets/javascripts/react_bundle.js'
         require_bundles_in_application_js
         template 'react/index.js', 'app/react/index.js'

data/lib/generators/react_webpack_rails/install/hot_reload_generator.rb

@@ -37,6 +37,17 @@ module ReactWebpackRails
         inject_into_file settings[:layout_file], settings[:parsed_command], after: "#{settings[:body_tag]}\n"
       end
 
+      def index
+        append_to_file 'app/react/index.js' do <<-'JS'.strip_heredoc
+
+          if (module.hot) {
+            module.hot.accept();
+            RWR.reloadNodes();
+          }
+          JS
+        end
+      end
+
       private
 
       def template_language_settings(command)

data/lib/generators/react_webpack_rails/install/view_helpers_generator.rb

@@ -22,7 +22,7 @@ module ReactWebpackRails
       def add_rwr_view_helpers
         append_file 'Gemfile' do
           <<-'RB'.strip_heredoc
-            gem 'rwr-view_helpers', '~> 0.1.1'
+            gem 'rwr-view_helpers'
           RB
         end
       end

data/lib/generators/react_webpack_rails/install_generator.rb

@@ -73,7 +73,9 @@ module ReactWebpackRails
     end
 
     def install_gems
-      run 'bundle install'
+      Bundler.with_clean_env do
+        run 'bundle install'
+      end
     end
 
     def install_packages

data/lib/generators/react_webpack_rails/templates/.eslintrc

@@ -0,0 +1,9 @@
+{
+  "extends": "airbnb",
+  "env": {
+    "mocha": true
+  },
+  "rules": {
+    "import/no-extraneous-dependencies": [0]
+  }
+}

data/lib/generators/react_webpack_rails/templates/forever/production.json

@@ -3,5 +3,5 @@
   "append": true,
   "script": "node_server.js",
   "workingDir": "./",
-  "sourceDir": "app/react",
+  "sourceDir": "app/react"
 }

data/lib/generators/react_webpack_rails/templates/karma.conf.js

@@ -16,12 +16,12 @@ module.exports = function (config) {
           {
             test: /\.jsx?$/,
             exclude: /node_modules/,
-            loader: 'babel'
+            loader: 'babel-loader'
           }]
       },
       watch: true,
       resolve: {
-        extensions: ["", ".js", ".jsx", ".js.jsx"]
+        extensions: [".js", ".jsx", ".js.jsx"]
       },
       devtool: 'inline-source-map',
     },

data/lib/generators/react_webpack_rails/templates/packages/core.json

@@ -1,27 +1,30 @@
 {
   "private": true,
   "devDependencies": {
-    "babel-eslint": "^6.1.0",
-    "eslint": "^2.13.0",
-    "eslint-plugin-react": "^5.2.0",
-    "webpack-notifier": "^1.3.0"
+    "babel-eslint": "^7.2.0",
+    "eslint": "^3.18.0",
+    "eslint-config-airbnb": "^13.0.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^2.2.0",
+    "eslint-plugin-react": "^6.7.0",
+    "webpack-notifier": "^1.5.0"
   },
   "dependencies": {
-    "babel-core": "^6.10.0",
-    "babel-loader": "^6.2.0",
-    "babel-preset-es2015": "^6.9.0",
-    "babel-preset-react": "^6.11.0",
-    "babel-preset-stage-1": "^6.5.0",
-    "css-loader": "^0.23.0",
-    "extract-text-webpack-plugin": "^1.0.0",
-    "node-sass": "^3.8.0",
-    "react": "^15.1.0",
-    "react-addons-test-utils": "^15.1.0",
-    "react-dom": "^15.1.0",
-    "react-webpack-rails": "^0.5.0",
-    "sass-loader": "^4.0.0",
-    "style-loader": "^0.13.1",
-    "webpack": "^1.13.0"
+    "babel-core": "^6.24.0",
+    "babel-loader": "^6.4.1",
+    "babel-preset-es2015": "^6.24.0",
+    "babel-preset-react": "^6.23.0",
+    "babel-preset-stage-1": "^6.22.0",
+    "css-loader": "^0.27.3",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "node-sass": "^4.5.1",
+    "react": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
+    "react-dom": "^15.4.2",
+    "react-webpack-rails": "^0.6.0",
+    "sass-loader": "^6.0.3",
+    "style-loader": "^0.15.0",
+    "webpack": "^2.3.0"
   },
   "scripts": {
     "start": "webpack -w --config webpack/dev.config.js",

data/lib/generators/react_webpack_rails/templates/packages/hot-reload.json

@@ -1,7 +1,7 @@
 {
   "devDependencies": {
-    "react-hot-loader": "^1.3.0",
-    "webpack-dev-server": "^1.14.0"
+    "react-hot-loader": "^3.0.0-beta.6",
+    "webpack-dev-server": "^2.4.2"
   },
   "scripts": {
     "start-hot-dev": "webpack-dev-server --hot --inline --config webpack/hot-dev.config.js"

data/lib/generators/react_webpack_rails/templates/packages/js-specs.json

@@ -1,14 +1,14 @@
 {
   "devDependencies": {
     "expect": "^1.20.0",
-    "karma": "^1.1.0",
-    "karma-chrome-launcher": "^1.0.0",
-    "karma-mocha": "^1.1.0",
-    "karma-sinon": "^1.0.0",
+    "karma": "^1.5.0",
+    "karma-chrome-launcher": "^2.0.0",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon": "^1.0.5",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^1.7.0",
-    "mocha": "^2.5.0",
-    "sinon": "^1.17.0"
+    "karma-webpack": "^2.0.3",
+    "mocha": "^3.2.0",
+    "sinon": "^2.1.0"
   },
   "scripts": {
     "test": "karma start"

data/lib/generators/react_webpack_rails/templates/packages/redux.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "react-redux": "^4.4.0",
-    "redux": "^3.5.0",
-    "rwr-redux": "^0.4.0"
+    "react-redux": "^5.0.3",
+    "redux": "^3.6.0",
+    "rwr-redux": "^0.5.0"
   }
 }

data/lib/generators/react_webpack_rails/templates/packages/server-side.json

@@ -1,8 +1,8 @@
 {
   "dependencies": {
-    "forever": "^0.15.0",
+    "forever": "^0.15.3",
     "http": "*",
-    "httpdispatcher": "^1.0.0"
+    "httpdispatcher": "^2.0.1"
   },
   "scripts": {
     "rwr-node-dev-server": "forever forever/development.json",

data/lib/generators/react_webpack_rails/templates/packages/view-helpers.json

@@ -1,5 +1,5 @@
 {
   "dependencies": {
-    "rwr-view-helpers": "^0.1.1"
+    "rwr-view-helpers": "^0.2.0"
   }
 }

data/lib/generators/react_webpack_rails/templates/react/node_server.js

@@ -4,10 +4,11 @@ require('./index');
 const fs = require('fs');
 const path = require('path');
 const http = require('http');
-const dispatcher = require('httpdispatcher');
+const httpdispatcher = require('httpdispatcher');
+const dispatcher = new httpdispatcher();
 const { integrationsManager } = require('react-webpack-rails');
 
-const PORT = 8081;
+const PORT = parseInt(process.env.PORT || 8081);
 const ASSETS_MAPPING_PATH = 'tmp/cache/assets-mapping.json';
 
 global.__RWR_ENV__ = {};

data/lib/generators/react_webpack_rails/templates/webpack.config.js

@@ -1,4 +1,5 @@
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var path = require('path');
 
 module.exports = {
   entry: {
@@ -11,24 +12,25 @@ module.exports = {
   module: {
     loaders: [
       {
-        key: 'jsx',
         test: /\.jsx?$/,
         exclude: /(node_modules)/,
-        loaders: ['babel']
+        loaders: ['babel-loader']
       },
       {
-        key: 'style',
         test: /\.s?css$/,
         loader: ExtractTextPlugin.extract('css!sass')
       }
     ]
   },
   resolve: {
-    extensions: ['', '.js', '.jsx', '.js.jsx']
+    alias: {
+      'rwr-redux$': path.resolve(__dirname, '../../')
+    },
+    extensions: ['.js', '.jsx', '.js.jsx']
   },
   plugins: [
-    new ExtractTextPlugin('../stylesheets/react_bundle.css', {
-      allChunks: true
+    new ExtractTextPlugin({
+      filename: '../stylesheets/react_bundle.css', allChunks: true
     })
   ]
 };

data/lib/generators/react_webpack_rails/templates/webpack/dev.config.js

@@ -1,7 +1,12 @@
+const Webpack = require('webpack');
 const WebpackNotifierPlugin = require('webpack-notifier');
 const config = require('./../webpack.config');
 
 config.plugins.push(new WebpackNotifierPlugin());
 config.devtool = 'eval-source-map';
 
+config.plugins.push(
+  new Webpack.DefinePlugin({'process.env': {'NODE_ENV': '"development"'}})
+);
+
 module.exports = config;

data/lib/generators/react_webpack_rails/templates/webpack/hot-dev.config.js

@@ -1,9 +1,13 @@
 var config = require('./dev.config');
 
-var jsxLoader = config.module.loaders.filter(function(loader) { return loader.key == 'jsx' })[0]
-jsxLoader.loaders.unshift('react-hot');
+var jsxLoader = config.module.loaders.filter(function(loader) {
+  return  /jsx/.test(loader.test);
+})[0];
+jsxLoader.loaders.unshift('react-hot-loader/webpack');
 
-var scssLoader = config.module.loaders.filter(function(loader) { return loader.key == 'style' })[0]
+var scssLoader = config.module.loaders.filter(function(loader) {
+  return /s?css/.test(loader.test);
+})[0];
 scssLoader.loader = 'style!css!sass!';
 
 config.output.publicPath = 'http://localhost:8080/assets/'
@@ -13,4 +17,6 @@ config.entry.main.push(
   'webpack-dev-server/client?http://localhost:8080'
 )
 
+config.entry.main.unshift('react-hot-loader/patch')
+
 module.exports = config;

data/lib/react_webpack_rails/node_integration_runner.rb

@@ -1,3 +1,5 @@
+require 'net/http'
+
 module ReactWebpackRails
   class NodeIntegrationRunner
     include NodeHelpers

data/lib/react_webpack_rails/version.rb

@@ -1,3 +1,3 @@
 module ReactWebpackRails
-  VERSION = '0.6.0'
+  VERSION = '0.7.0'
 end

data/lib/react_webpack_rails/view_helpers.rb

@@ -14,7 +14,7 @@ module ReactWebpackRails
     end
 
     def react_element(integration_name, payload = {}, html_options = {}, &block)
-      message = 'since v0.5.0: react_element is depricated. Use rwr_element instead'
+      message = 'since v0.5.0: react_element is deprecated. Use rwr_element instead'
       ActiveSupport::Deprecation.warn message
 
       rwr_element(integration_name, payload, html_options, &block)

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-webpack-rails",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Js part of react_webpack_rails - webpack based React & Rails integration.",
   "main": "js/lib/index.js",
   "files": [
@@ -28,20 +28,23 @@
   },
   "homepage": "https://github.com/netguru/react_webpack_rails#readme",
   "dependencies": {
-    "babel-polyfill": "^6.3.0",
-    "react": "^15.0.0",
-    "react-dom": "^15.0.0"
+    "babel-polyfill": "^6.23.0",
+    "react": "^15.4.2",
+    "react-dom": "^15.4.2",
+    "react-hot-loader": "^3.0.0-beta.6"
   },
   "devDependencies": {
-    "babel-cli": "^6.10.0",
-    "babel-core": "^6.10.0",
-    "babel-preset-es2015": "^6.9.0",
-    "babel-preset-react": "^6.11.0",
-    "eslint": "^2.13.0",
-    "eslint-config-airbnb": "^9.0.0",
-    "eslint-plugin-react": "^5.2.0",
-    "expect": "^1.20.0",
-    "history": "^3.0.0",
-    "mocha": "^2.5.0"
+    "babel-cli": "^6.24.0",
+    "babel-core": "^6.24.0",
+    "babel-preset-es2015": "^6.24.0",
+    "babel-preset-react": "^6.23.0",
+    "eslint": "^3.17.1",
+    "eslint-config-airbnb": "^14.1.0",
+    "eslint-plugin-import": "^2.2.0",
+    "eslint-plugin-jsx-a11y": "^4.0.0",
+    "eslint-plugin-react": "^6.10.0",
+    "expect": "^1.20.2",
+    "history": "^4.6.0",
+    "mocha": "^3.2.0"
   }
 }

data/react_webpack_rails.gemspec

@@ -22,9 +22,9 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']
 
-  spec.add_development_dependency 'bundler', '~> 1.10'
-  spec.add_development_dependency 'rake', '~> 10.0'
-  spec.add_development_dependency 'rspec', '~> 3.3'
+  spec.add_development_dependency 'bundler', '~> 1.14.6'
+  spec.add_development_dependency 'rake', '~> 12.0'
+  spec.add_development_dependency 'rspec', '~> 3.5'
 
   spec.add_dependency 'rails', '>= 3.2'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: react_webpack_rails
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.7.0
 platform: ruby
 authors:
 - Rafał Gawlik
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-08-19 00:00:00.000000000 Z
+date: 2017-03-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -17,42 +17,42 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.10'
+        version: 1.14.6
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.10'
+        version: 1.14.6
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '12.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '12.0'
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.5'
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -91,6 +91,7 @@ files:
 - docs/README.md
 - docs/api.md
 - docs/deployment.md
+- docs/hot_reloading.md
 - docs/install_generator.md
 - docs/server_side_rendering.md
 - js/.eslintrc
@@ -116,6 +117,7 @@ files:
 - lib/generators/react_webpack_rails/merge_helpers.rb
 - lib/generators/react_webpack_rails/package_merge.rb
 - lib/generators/react_webpack_rails/templates/.babelrc
+- lib/generators/react_webpack_rails/templates/.eslintrc
 - lib/generators/react_webpack_rails/templates/examples/component_view.html.erb
 - lib/generators/react_webpack_rails/templates/examples/react_examples_controller.rb
 - lib/generators/react_webpack_rails/templates/examples/ssr-component_view.html.erb
@@ -172,7 +174,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.6.10
 signing_key: 
 specification_version: 4
 summary: React and Rails integration done with webpack