react_rails_webpack 2.0.9 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a2ef9e66888a52a0c16e75cd67602d919edf4263
-  data.tar.gz: 6e66dd5544c12a10d44fbd991e1af2f658d65e4f
+  metadata.gz: a14f21ceb9ab3f83319a1cbd212421eb9f9c8a8d
+  data.tar.gz: ae9f1405f883f6f27524353742c560c1a2bdd160
 SHA512:
-  metadata.gz: c8592836f948f1b851462acfdc7cc2d9c89182d1dbc020d33e63ea0acd81bcf8ac211c01e394510286ab22060abda1a83db31434ef762797c91c0905774daba8
-  data.tar.gz: 3fb21fd2eafe796b2ca4257d617ba8f996b1de9929dd285044d55e4e5c0694f36c88e23deae6976f0aebfc2666f21f99b82d53323ee710de67ede247a50dae29
+  metadata.gz: 8aa6609422e0d2f36b7fb9ee19ca4240a981d3e32b4d9b52c9c9e56faf1e018773255b90c8f56c0ed110f7f655d18ee698deb2fcd59896f62530b424429f1172
+  data.tar.gz: f53810888632ab2b93bfbd47de30773f66865e293ef95b6cf1002cee032a51297c6daed87ac75966cdadb3a4af75a41f9f88e7adf8043fd538b5cb5a918c6a16

data/CHANGELOG.md

@@ -0,0 +1,12 @@
+## Changelog
+
+### 3.0.0
+  - MANY BIG CHANGES
+  - Trim package.json dependencies
+  - Update package.json dependency versions
+  - Remove npm "prebuild" command from package.json
+  - Replace "minify" webpack option with custom UglifyJS options
+  - Depend on main hjs-webpack repo instead of customized fork (UglifyJS options enabled this)
+  - Add .babelrc file
+  - Correct broken redux test
+  - Start keeping a changelog

data/lib/react_rails_webpack/client/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015", "react"]
+}

data/lib/react_rails_webpack/client/package.json

@@ -4,45 +4,40 @@
   "description": "react client-side",
   "main": "index.js",
   "scripts": {
-    "start": "webpack-dev-server",
-    "prebuild": "rm -rf ../app/assets/webpack && mkdir ../app/assets/webpack",
+    "start": "hjs-dev-server",
     "build": "NODE_ENV=production webpack",
     "test": "mocha --compilers js:babel-core/register --require ./test/test_helper.js 'test/**/*.@(js|jsx)'"
   },
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "autoprefixer": "^6.0.3",
-    "babel": "^5.8.23",
-    "babel-loader": "^5.3.2",
-    "css-loader": "^0.21.0",
-    "file-loader": "^0.8.4",
-    "history": "^1.12.5",
-    "hjs-webpack": "neurodynamic/hjs-webpack",
-    "json-loader": "^0.5.3",
-    "postcss-loader": "^0.7.0",
-    "react": "^0.14.6",
-    "react-dom": "^0.14.0",
-    "react-hot-loader": "^1.3.0",
-    "react-redux": "^4.0.6",
-    "react-script-loader": "0.0.1",
-    "react-tap-event-plugin": "^0.2.1",
-    "redux": "^3.0.4",
-    "redux-form": "^4.0.7",
-    "style-loader": "^0.13.0",
-    "url-loader": "^0.5.6",
-    "webpack": "^1.12.6",
-    "webpack-dev-server": "^1.12.1"
+    "react": "^15.0.0"
   },
   "devDependencies": {
+    "autoprefixer": "^6.3.6",
+    "babel": "^6.5.2",
+    "babel-core": "^6.7.6",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-react-hmre": "^1.1.1",
     "chai": "^3.4.0",
     "chai-immutable": "^1.3.0",
+    "css-loader": "^0.23.1",
+    "hjs-webpack": "^8.3.0",
     "jsdom": "^7.0.2",
     "mocha": "^2.3.3",
     "node-sass": "^3.4.2",
-    "redux-devtools": "^3.0.1",
-    "redux-devtools-dock-monitor": "^1.0.1",
-    "redux-devtools-log-monitor": "^1.0.2",
-    "sass-loader": "^3.1.1"
+    "postcss-loader": "^0.8.2",
+    "react-dom": "^15.0.1",
+    "react-redux": "^4.4.5",
+    "react-tap-event-plugin": "^1.0.0",
+    "redux": "^3.5.2",
+    "redux-devtools": "^3.3.1",
+    "redux-devtools-dock-monitor": "^1.1.1",
+    "redux-devtools-log-monitor": "^1.0.11",
+    "sass-loader": "^3.1.1",
+    "style-loader": "^0.13.1",
+    "webpack": "^1.12.15"
   }
 }

data/lib/react_rails_webpack/client/test/redux/actions/set_greeting_spec.js

@@ -5,13 +5,13 @@ import {setGreeting} from '../../../src/redux/reducer'
 
 describe('setGreeting', () => {
   it('sets the greeting', () => {
-    const initialState = 'Heck off'
+    const initialState = { greeting: 'Heck off' }
+    const betterGreeting = 'Lovely to meet you'
 
-    const action = setGreeting('Lovely to meet you')
+    const action = setGreeting(betterGreeting)
 
     const nextState = reducer(initialState, action)
-    const expectedState = 'Lovely to meet you'
 
-    expect(nextState).to.equal(expectedState)
+    expect(nextState.greeting).to.equal(betterGreeting)
   })
 })

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

@@ -1,31 +1,54 @@
 /*
   Welcome to the Webpack configuration file!
+
+  The react_rails_webpack gem uses the hjs-webpack npm package to configure webpack.
+
+  Any options available in hjs-webpack are available here.
+
+  hjs-webpack repo: https://github.com/HenrikJoreteg/hjs-webpack
+  hjs-webpack tutorial (for an outdated version, but concepts are relatively unchanged): http://learn.humanjavascript.com/react-ampersand/setting-up-webpack
 */
 
 require('webpack')
 var getConfig = require('hjs-webpack') // This setup is largely based on the hjs-webpack npm package
 var environment = require('./environment.json')
 
+// I disable most of the UglifyJS minification by default
+// so that if any weird errors happen on the Rails side
+// it is still possible to track them down in the
+// compiled code. Rails will uglify assets on its own.
+var uglifyOpts = {
+  compress: false,
+  mangle: false,
+  beautify: { semicolons: false },
+  sourceMap: false,
+  output: { comments: true }
+}
+
 var config = getConfig({
   in: 'src/app.js', // Tells webpack to look in the src/app.js file to find the code for components and rendering
   out: '../app/assets/webpack', // Tells webpack to put compiled files into ../app/assets/webpack when it runs
-  minify: false, // Tells Webpack not to minify stuff, since in this case we'll let the Rails asset pipeline deal with that
-  html: function (context) {
+  clearBeforeBuild: true, // Tells webpack to destroy and remake pre-existing OUT folder before compiling files to it
+  uglify: uglifyOpts, // Tells webpack to destroy and remake pre-existing OUT folder before compiling files to it
+  html: function (data) {
+    var sourceFileNote = "<aside class='source'>Find the source for this page in client/webpack.config.js</aside>"
+
+    // The divs below will get detected by React because they have the "react-component-target" class
+    // If you want to test a new component, you'll have to edit one of these accordingly or
+    // add another div with the "react-component-target" class and pass it the appropriate
+    // component name and props in the "data-componentname" and "data-componentprops" attributes
+    // just like the ones below.
+    var plainReactComponent = "<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>"
+    var reduxComponent = "<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>"
+
     return {
       'index.html':
-        context.defaultTemplate(
+        data.defaultTemplate(
           {
+            // Other options you could pass include 'title' and 'head':
             // title: 'Site Title'
             // head: '<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>',
-            html: "<aside class='source'>Find the source for this page in client/webpack.config.js</aside>" +
-
-            // The divs below will get detected by React because they have the "react-component-target" class
-            // If you want to test a new component, you'll have to edit one of these accordingly or
-            // add another div with the "react-component-target" class and pass it the appropriate
-            // component name and props in the "data-componentname" and "data-componentprops" attributes
-            // just like the ones below.
-            "<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>"
+            html: (sourceFileNote + plainReactComponent + reduxComponent)
           }
         )
     }
@@ -36,8 +59,7 @@ var config = getConfig({
   // On a Mac, to see your computer's name on your network,
   // go to System Preferences, and then the "Sharing" menu,
   // and you should see it in the "Computer Name" input field
-  hostname: environment.hostname,
-  isDev: process.env.NODE_ENV !== 'production'
+  hostname: environment.hostname
 })
 
 module.exports = config

data/lib/react_rails_webpack/package.json

@@ -1,7 +1,6 @@
 {
   "scripts": {
     "start": "cd client && npm run start",
-    "prebuild": "cd client && npm run prebuild",
     "build": "cd client && npm run build",
     "install": "cd client && npm install",
     "test": "cd client && npm run test"

data/lib/react_rails_webpack/version.rb

@@ -1,3 +1,3 @@
 module ReactRailsWebpack
-  VERSION = "2.0.9"
+  VERSION = "3.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: react_rails_webpack
 version: !ruby/object:Gem::Version
-  version: 2.0.9
+  version: 3.0.0
 platform: ruby
 authors:
 - Neurodynamic
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-08-19 00:00:00.000000000 Z
+date: 2016-08-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -74,6 +74,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
 - LICENSE.txt
@@ -85,6 +86,7 @@ files:
 - lib/react_rails_webpack/app/controllers/react_example_controller.rb
 - lib/react_rails_webpack/app/helpers/react_helper.rb
 - lib/react_rails_webpack/app/views/react_example/greeting.html.erb
+- lib/react_rails_webpack/client/.babelrc
 - lib/react_rails_webpack/client/environment.json
 - lib/react_rails_webpack/client/package.json
 - lib/react_rails_webpack/client/src/app.js