Correct all deprecation warnings in addons

Reference: https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

Replace -> With
react-addons-transition-group -> react-transition-group/TransitionGroup
react-addons-css-transition-group -> react-transition-group/CSSTransitionGroup
react-addons-update -> immutability-helper
react-addons-test-utils -> react-dom/test-utils

Prebundle new addons

Update generator to extracted proptypes and ES6 export

Include react-create-class in generator for non-es6

Update test fixtures to use createReactClass

Replace therubyracer with mini_racer

The ruby racer pegged libV8 to V3 which is too old for 'Set' which is
now standard in JS. The ruby racer therefore cannot be supported this
gem.

Update README on PropType

React is compiled away in JSX transformer using Import syntax

Update javascript driver to headless chrome

Update travis to remove phantom

Replace React.DOM with React.createElement

Stop checking for reactid as createElement doesnt make one

React.DOM used reactid but createElement does not
https://reactjs.org/blog/2016/03/07/react-v15-rc1.html#documentcreateelement-is-in-and-data-reactid-is-out

Give Webpacker ES6 import always

Author: BookOfGreg

.travis.yml

@@ -1,6 +1,8 @@
 language: ruby
 sudo: required
 dist: trusty
+addons:
+  chrome: stable
 cache:
   bundler: true
   yarn: true
@@ -32,9 +34,9 @@ matrix:
     - rvm: 2.1
       gemfile: gemfiles/rails_3.2.gemfile
     - rvm: 2.1
-      gemfile: rails_4.0.5.gemfile
+      gemfile: gemfiles/rails_4.0.5.gemfile
     - rvm: 2.1
-      gemfile: rails_4.0_with_therubyracer.gemfile
+      gemfile: gemfiles/rails_4.0_with_therubyracer.gemfile
     - rvm: 2.1
       gemfile: gemfiles/rails_4.2_sprockets_2.gemfile
     - rvm: 2.1
@@ -76,12 +78,6 @@ matrix:
     - rvm: jruby-9.1.9.0
 
 before_install:
-  - nvm install 7.8.0 && nvm use 7.8.0
-  - mkdir travis-phantomjs
-  - wget https://rmosolgo.github.io/assets/phantomjs-2.1.1-linux-x86_64.tar.bz2 -O $PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2
-  - tar -xvf $PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2 -C $PWD/travis-phantomjs
-  - export PATH=$PWD/travis-phantomjs/phantomjs-2.1.1-linux-x86_64/bin:$PATH
-  - phantomjs --version
   # Repo for Yarn
   - sudo apt-key adv --fetch-keys http://dl.yarnpkg.com/debian/pubkey.gpg
   - echo "deb http://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

Appraisals

@@ -15,9 +15,10 @@ appraise 'rails-4.0.5' do
   gem 'turbolinks'
 end
 
-appraise 'rails-4.0-with-therubyracer' do
+appraise 'rails-4.0-with-mini_racer' do
   gem 'rails', '~> 4.0.13'
-  gem 'therubyracer', '0.12.0', :platforms => :mri
+  gem 'mini_racer', :platforms => :mri
+  gem 'therubyrhino', :platforms => :jruby
   gem 'turbolinks'
 end
 
@@ -55,7 +56,7 @@ appraise 'rails-5_no_sprockets_webpacker_1_1' do
   gem 'webpacker', '~> 1.1.0'
   # This ExecJS backend provides stateful context
   # which the default nodejs backend does not
-  gem 'therubyracer', :platforms => :mri
+  gem 'mini_racer', :platforms => :mri
   gem 'therubyrhino', :platforms => :jruby
 end
 
@@ -64,7 +65,7 @@ appraise 'rails-5_no_sprockets_webpacker_1_x' do
   gem 'webpacker', '~> 1.2'
   # This ExecJS backend provides stateful context
   # which the default nodejs backend does not
-  gem 'therubyracer', :platforms => :mri
+  gem 'mini_racer', :platforms => :mri
   gem 'therubyrhino', :platforms => :jruby
 end
 
@@ -73,7 +74,7 @@ appraise 'rails-5_no_sprockets_webpacker_2' do
   gem 'webpacker', '~> 2.0'
   # This ExecJS backend provides stateful context
   # which the default nodejs backend does not
-  gem 'therubyracer', :platforms => :mri
+  gem 'mini_racer', :platforms => :mri
   gem 'therubyrhino', :platforms => :jruby
 end
 
@@ -82,7 +83,7 @@ appraise 'rails-5_no_sprockets_webpacker_3' do
   gem 'webpacker', '>= 3.0'
   # This ExecJS backend provides stateful context
   # which the default nodejs backend does not
-  gem 'therubyracer', :platforms => :mri
+  gem 'mini_racer', :platforms => :mri
   gem 'therubyrhino', :platforms => :jruby
 end
 

README.md

@@ -90,7 +90,7 @@ Then restart your development server.
 
 This will:
 
-- add some `//= require`s to `application.js`  
+- add some `//= require`s to `application.js`
 - add a `components/` directory for React components
 - add `server_rendering.js` for [server-side rendering](#server-side-rendering)
 
@@ -99,7 +99,7 @@ Now, you can create React components in `.jsx` files:
 ```js
 // app/assets/javascripts/components/post.jsx
 
-window.Post = React.createClass({
+window.Post = createReactClass({
   render: function() {
     return <h1>{this.props.title}</h1>
   }
@@ -108,7 +108,7 @@ window.Post = React.createClass({
 // or, equivalent:
 class Post extends React.Component {
   render() {
-    return <h1>{this.props.title}</h1>    
+    return <h1>{this.props.title}</h1>
   }
 }
 ```
@@ -139,15 +139,6 @@ Components must be accessible from the top level, but they may be namespaced, fo
 
 `//= require react` brings `React` into your project.
 
-To include `React.addons`, add this config:
-
-```ruby
-# config/application.rb
-MyApp::Application.configure do
-  config.react.addons = true # defaults to false
-end
-```
-
 By default, React's [development version] is provided to `Rails.env.development`. You can override the React build with a config:
 
 ```ruby
@@ -395,11 +386,11 @@ rails g react:component Post title:string published:bool published_by:instanceOf
 would generate:
 
 ```js
-var Post = React.createClass({
+var Post = createReactClass({
   propTypes: {
-    title: React.PropTypes.string,
-    published: React.PropTypes.bool,
-    publishedBy: React.PropTypes.instanceOf(Person)
+    title: PropTypes.string,
+    published: PropTypes.bool,
+    publishedBy: PropTypes.instanceOf(Person)
   },
 
   render: function() {

gemfiles/rails_4.0_with_mini_racer.gemfile

@@ -0,0 +1,10 @@
+# This file was generated by Appraisal
+
+source "http://rubygems.org"
+
+gem "rails", "~> 4.0.13"
+gem "mini_racer", platforms: :mri
+gem "therubyrhino", platforms: :jruby
+gem "turbolinks"
+
+gemspec path: "../"

gemfiles/rails_5_no_sprockets_webpacker_1_1.gemfile

@@ -4,7 +4,7 @@ source "http://rubygems.org"
 
 gem "rails", "~> 5.0.0"
 gem "webpacker", "~> 1.1.0"
-gem "therubyracer", platforms: :mri
+gem "mini_racer", platforms: :mri
 gem "therubyrhino", platforms: :jruby
 
 gemspec path: "../"

gemfiles/rails_5_no_sprockets_webpacker_1_x.gemfile

@@ -4,7 +4,7 @@ source "http://rubygems.org"
 
 gem "rails", "~> 5.0.0"
 gem "webpacker", "~> 1.2"
-gem "therubyracer", platforms: :mri
+gem "mini_racer", platforms: :mri
 gem "therubyrhino", platforms: :jruby
 
 gemspec path: "../"

gemfiles/rails_5_no_sprockets_webpacker_2.gemfile

@@ -4,7 +4,7 @@ source "http://rubygems.org"
 
 gem "rails", "~> 5.0.0"
 gem "webpacker", "~> 2.0"
-gem "therubyracer", platforms: :mri
+gem "mini_racer", platforms: :mri
 gem "therubyrhino", platforms: :jruby
 
 gemspec path: "../"

gemfiles/rails_5_no_sprockets_webpacker_3.gemfile

@@ -4,7 +4,7 @@ source "http://rubygems.org"
 
 gem "rails", "~> 5.0.0"
 gem "webpacker", ">= 3.0"
-gem "therubyracer", platforms: :mri
+gem "mini_racer", platforms: :mri
 gem "therubyrhino", platforms: :jruby
 
 gemspec path: "../"

lib/assets/javascripts/JSXTransformer.js

@@ -15708,22 +15708,22 @@ function addDisplayName(displayName, object, state) {
 /**
  * Transforms the following:
  *
- * var MyComponent = React.createClass({
+ * var MyComponent = createReactClass({
  *    render: ...
  * });
  *
  * into:
  *
- * var MyComponent = React.createClass({
+ * var MyComponent = createReactClass({
  *    displayName: 'MyComponent',
  *    render: ...
  * });
  *
  * Also catches:
  *
- * MyComponent = React.createClass(...);
- * exports.MyComponent = React.createClass(...);
- * module.exports = {MyComponent: React.createClass(...)};
+ * MyComponent = createReactClass(...);
+ * exports.MyComponent = createReactClass(...);
+ * module.exports = {MyComponent: createReactClass(...)};
  */
 function visitReactDisplayName(traverse, object, path, state) {
   var left, right;
@@ -15916,4 +15916,4 @@ function inlineSourceMap(sourceMap, sourceCode, sourceFilename) {
 module.exports = inlineSourceMap;
 
 },{"buffer":3}]},{},[1])(1)
-});
+});