RubyGems - repack - Versions diffs - 2.0.0 - Mend

repack 2.0.0

Files changed (34) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +127 -0
data/Rakefile +24 -0
data/example/Procfile +4 -0
data/example/boilerplate/App.js +10 -0
data/example/boilerplate/application.js +9 -0
data/example/boilerplate/redux/application.js +13 -0
data/example/boilerplate/redux/reducers.js +8 -0
data/example/boilerplate/redux/store.js +23 -0
data/example/boilerplate/router/App.js +11 -0
data/example/boilerplate/router/NoMatch.js +8 -0
data/example/boilerplate/router/application.js +10 -0
data/example/boilerplate/router_redux/application.js +14 -0
data/example/boilerplate/router_redux/reducers.js +7 -0
data/example/boilerplate/router_redux/store.js +25 -0
data/example/boilerplate/routes.js +12 -0
data/example/boilerplate/views/ContainerTemplate.js +8 -0
data/example/boilerplate/views/ViewTemplate.js +8 -0
data/example/boilerplate/views/rails_view.html.erb +5 -0
data/example/dot_gitignore +12 -0
data/example/package.json +27 -0
data/example/webpack.config.heroku.js +88 -0
data/example/webpack.config.js +92 -0
data/lib/generators/repack/install_generator.rb +136 -0
data/lib/generators/repack/view_generator.rb +45 -0
data/lib/repack.rb +1 -0
data/lib/tasks/webpack.rake +19 -0
data/lib/webpack/rails.rb +2 -0
data/lib/webpack/rails/react/helper.rb +36 -0
data/lib/webpack/rails/react/manifest.rb +91 -0
data/lib/webpack/rails/react/version.rb +8 -0
data/lib/webpack/railtie.rb +33 -0
metadata +93 -0

checksums.yaml ADDED Viewed

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: adec7fb8dd623e161217547c202c16ce14c70c26
+  data.tar.gz: f7ade025adcf0f7a2a5a5ba811bdb6d13b6ed0ef
+SHA512:
+  metadata.gz: 7dca33c49c3202d25fa7cd731b639bd8dbf0d7b410938a238b041f398964d508da2acb8e5b49fa558067a78f9115f8260839456e311a7e5b4585542cb8327f65
+  data.tar.gz: c80d97d626c0652a1f1162422e2e57b30d909982bbfad19d6cd3d249044ea78afb09a6309edb1497c3355c10e34ccaad3d84951a0ddc59d9426bcd99a719ef4c

data/MIT-LICENSE ADDED Viewed

@@ -0,0 +1,20 @@
+Copyright 2015 Michael Pearson
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md ADDED Viewed

@@ -0,0 +1,127 @@
+# repack
+**repack** gives you tools to integrate Webpack and React in to an existing Ruby on Rails application.
+It will happily co-exist with sprockets but does not use it for production fingerprinting or asset serving. **repack** is designed with the assumption that if you're using Webpack you treat Javascript as a first-class citizen. This means that you control the webpack config, package.json, and use npm to install Webpack & its plugins.
+In development mode [webpack-dev-server](http://webpack.github.io/docs/webpack-dev-server.html) is used to serve webpacked entry points and offer hot module reloading. In production entry points are built in to `public/client`. **repack** uses [stats-webpack-plugin](https://www.npmjs.com/package/stats-webpack-plugin) to translate entry points in to asset paths.
+It was forked from the [Marketplacer](http://www.marketplacer.com) repo: (https://github.com/mipearson/webpack-rails) and support for React / Babel / ES6 was added.
+This gem has been tested against Rails 4.2 and Ruby 2.2. Earlier versions of Rails (>= 3.2) and Ruby (>= 1.9) may work, but we haven't tested them.
+## Using repack
+### Install Flags
+  1. No Flags -> Basic Webpack and React Boilerplate
+  2. --router -> Webpack / React / React Router Boilerplate
+  3. --redux -> Webpack / React / Redux Boilerplate
+  4. --router --redux -> Webpack / React / Router / Redux Boilerplate
+### Installation
+  1. Add `repack` to your gemfile
+  2. Run `bundle install` to install the gem
+  3. Run `bundle exec rails generate repack:install` to copy across example files
+  4. Run `npm run dev_server` to start `webpack-dev-server`
+  5. Add the webpack entry point to your layout (see next section)
+  6. Edit `client/application.js` and write some code
+### Adding the entry point to your Rails application
+To add your webpacked javascript in to your app, add the following to the `<body>` section of any layout by default it has been added to `layout.html.erb`:
+```erb
+<%= javascript_include_tag *webpack_asset_paths("application") %>
+```
+Take note of the splat (`*`): `webpack_asset_paths` returns an array, as one entry point can map to multiple paths, especially if hot reloading is enabled in Webpack.
+#### Use with webpack-dev-server live reload
+If you're using the webpack dev server's live reload feature (not the React hot reloader), you'll also need to include the following in your layout template:
+``` html
+<script src="http://localhost:3808/webpack-dev-server.js"></script>
+```
+This has been added to layouts/index.html.erb by default.
+### Configuration Defaults
+  * Webpack configuration lives in `config/webpack.config.js`
+  * Webpack & Webpack Dev Server binaries are in `node_modules/.bin/`
+  * Webpack Dev Server will run on port 3808 on localhost via HTTP
+  * Webpack Dev Server is enabled in development & test, but not in production
+  * Webpacked assets will be compiled to `public/client`
+  * The manifest file is named `manifest.json`
+### Working with browser tests
+In development, we make sure that the `webpack-dev-server` is running when browser tests are running.
+#### Continuous Integration
+In CI, we manually run `webpack` to compile the assets to public and set `config.webpack.dev_server.enabled` to `false` in our `config/environments/test.rb`:
+``` ruby
+  config.webpack.dev_server.enabled = !ENV['CI']
+```
+### Production Deployment
+If deploying to heroku, you will need to set your buildpacks before pushing. After adding the heroku git remote, run the below three commands:
+```
+  heroku buildpacks:clear
+  heroku buildpacks:set heroku/nodejs
+  heroku buildpacks:add heroku/ruby --index 2
+```
+This will set the Node.js buildpack to run first, followed by the Ruby buildpack. To confirm that your buildpacks are set correctly, run `heroku buildpacks`. You should see Node.js listed first and Ruby second.
+Next you will need to set up a post build hook to bundle Webpack. Include the below scripts in `package.json`. For the Webpack deployment script, ensure that the route for your `webpack.config.js` file is correct.
+``` javascript
+  "scripts": {
+    "webpack:deploy": "webpack --config=config/webpack.config.js -p",
+    "heroku-postbuild": "npm run webpack:deploy"
+  }
+```
+Lastly, ensure that all Babel related modules are listed as dependencies and not dev dependencies in `package.json`. At this point, you should be able to push to Heroku.
+An alternative to adding the post build hook to `package.json` is to add `rake webpack:compile` to your deployment. It serves a similar purpose as Sprockets' `assets:precompile` task. If you're using Webpack and Sprockets (as we are at Marketplacer) you'll need to run both tasks - but it doesn't matter which order they're run in.
+If you're using `[chunkhash]` in your build asset filenames (which you should be, if you want to cache them in production), you'll need to persist built assets between deployments. Consider in-flight requests at the time of deployment: they'll receive paths based on the old `manifest.json`, not the new one.
+## Example Apps
+* [basic](https://github.com/cottonwoodcoding/webpack-rails-react-basic)
+* [react-router](https://github.com/cottonwoodcoding/webpack-rails-react-router)
+* [redux](https://github.com/cottonwoodcoding/webpack-rails-react-redux)
+* [redux react-router](https://github.com/cottonwoodcoding/webpack-rails-react-redux-router)
+## TODO
+* Add eslint to client
+* Integration tests
+* Port example apps to Repack
+## Experimental
+A view generator has been added.
+  1.Generate a controller
+  2.Add at least an index route for the controller
+  3.rails g repack:view name_of_view (should be singular and match controller)
+## Contributing
+Pull requests & issues welcome. Advice & criticism regarding webpack config approach also welcome.
+Please ensure that pull requests pass both rubocop & rspec. New functionality should be discussed in an issue first.
+## Acknowledgements
+* mipearson for his [webpack-rails](https://github.com/mipearson/webpack-rails) gem which inspired this implementation

data/Rakefile ADDED Viewed

@@ -0,0 +1,24 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+require 'rdoc/task'
+require 'rspec/core/rake_task'
+require 'rubocop/rake_task'
+RuboCop::RakeTask.new
+RSpec::Core::RakeTask.new(:spec)
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'WebpackRails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+Bundler::GemHelper.install_tasks
+task default: [:rubocop, :spec]

data/example/Procfile ADDED Viewed

@@ -0,0 +1,4 @@
+# Run Rails & Webpack concurrently
+# Example file from webpack-rails gem
+rails: bundle exec rails server
+webpack: ./node_modules/.bin/webpack-dev-server --config config/webpack.config.js

data/example/boilerplate/App.js ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+const App = () => (
+  <div>
+    Hello World
+  </div>
+)
+export default App;

data/example/boilerplate/application.js ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './containers/App';
+ReactDOM.render(
+  <App />,
+  document.getElementById('app')
+);

data/example/boilerplate/redux/application.js ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import store from './store';
+import { Provider } from 'react-redux';
+import App from './containers/App';
+ReactDOM.render(
+  <Provider store={store}>
+    <App />
+  </Provider>,
+  document.getElementById('app')
+);

data/example/boilerplate/redux/reducers.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { combineReducers } from 'redux';
+const rootReducer = combineReducers({
+  //Add reducers here
+});
+export default rootReducer;

data/example/boilerplate/redux/store.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { createStore, compose, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+// import the root reducer
+import rootReducer from './reducers/index';
+const createStoreWithMiddleware = compose (
+  applyMiddleware(thunk),
+  window.devToolsExtension ? window.devToolsExtension() : f => f
+)(createStore)
+const store = createStoreWithMiddleware(rootReducer);
+if(module.hot) {
+  module.hot.accept('./reducers/',() => {
+    const nextRootReducer = require('./reducers/index').default;
+    store.replaceReducer(nextRootReducer);
+  });
+}
+export default store;

data/example/boilerplate/router/App.js ADDED Viewed

@@ -0,0 +1,11 @@
+import React from 'react';
+const App = ({ children }) => (
+  <div>
+    Hello World
+    { children }
+  </div>
+)
+export default App;

data/example/boilerplate/router/NoMatch.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+const NoMatch = () => (
+  <div>404</div>
+)
+export default NoMatch;

data/example/boilerplate/router/application.js ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Router, browserHistory } from 'react-router';
+import routes from './routes';
+ReactDOM.render(
+  <Router history={browserHistory} routes={routes} />,
+  document.getElementById('app')
+);

data/example/boilerplate/router_redux/application.js ADDED Viewed

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Router } from 'react-router';
+import routes from './routes';
+import { Provider } from 'react-redux';
+import store, { history } from './store';
+ReactDOM.render(
+  <Provider store={store}>
+    <Router history={history} routes={routes} />
+  </Provider>,
+  document.getElementById('app')
+);

data/example/boilerplate/router_redux/reducers.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux';
+import { routerReducer } from 'react-router-redux';
+const rootReducer = combineReducers({ routing: routerReducer });
+export default rootReducer;

data/example/boilerplate/router_redux/store.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { createStore, compose, applyMiddleware } from 'redux';
+import { syncHistoryWithStore } from 'react-router-redux';
+import { browserHistory } from 'react-router';
+import thunk from 'redux-thunk';
+import rootReducer from './reducers/index';
+const enhancers = compose(
+  applyMiddleware(thunk),
+  window.devToolsExtension ? window.devToolsExtension() : f => f
+)
+const store = createStore(rootReducer, {}, enhancers)
+if(module.hot) {
+  module.hot.accept('./reducers/',() => {
+    const nextRootReducer = require('./reducers/index').default;
+    store.replaceReducer(nextRootReducer);
+  });
+}
+export const history = syncHistoryWithStore(browserHistory, store)
+export default store

data/example/boilerplate/routes.js ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Route } from 'react-router';
+import App from './containers/App';
+import NoMatch from './components/NoMatch';
+export default (
+  <Route>
+    <Route path="/" component={App} />
+    <Route path="*" status={404} component={NoMatch}/>
+  </Route>
+)

data/example/boilerplate/views/ContainerTemplate.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+const Placeholder = () => (
+  <div>
+  </div>
+)
+export default Placeholder;

data/example/boilerplate/views/ViewTemplate.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Placeholder from './containers/Placeholder';
+ReactDOM.render(
+  <Placeholder />,
+  document.getElementById('react')
+);

data/example/boilerplate/views/rails_view.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<% content_for(:body_attributes) do %>
+  data-no-turbolink="true"
+<% end %>
+<div id="react"></div>
+<%= javascript_include_tag *webpack_asset_paths('placeholder') %>

data/example/dot_gitignore ADDED Viewed

@@ -0,0 +1,12 @@
+# Ignore bundler config.
+/.bundle
+# Ignore all logfiles and tempfiles.
+/log/*
+!/log/.keep
+/tmp
+# Don't commit node_modules (vendored npm bits) or built assets
+/node_modules
+/public/webpack

data/example/package.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "name": "repack",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "dev_server": "./node_modules/.bin/webpack-dev-server --config config/webpack.config.js",
+    "build": "webpack --config=config/webpack.config.js -p",
+    "heroku-setup": "heroku buildpacks:clear && heroku buildpacks:set heroku/nodejs && heroku buildpacks:add heroku/ruby --index 2",
+    "webpack:deploy-heroku": "webpack --config=config/webpack.config.heroku.js -p",
+    "heroku-postbuild": "npm run webpack:deploy-heroku"
+  },
+  "dependencies": {
+    "react": "^15.1.0",
+    "react-dom": "^15.1.0",
+    "stats-webpack-plugin": "^0.2.1",
+    "webpack": "^1.9.11",
+    "babel-core": "^6.9.1",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-0": "^6.5.0",
+    "webpack-dev-middleware": "1.7.0"
+  },
+  "devDependencies": {
+    "webpack-dev-server": "^1.9.0"
+  }
+}

data/example/webpack.config.heroku.js ADDED Viewed

@@ -0,0 +1,88 @@
+// Example webpack configuration with asset fingerprinting in production.
+'use strict';
+var path = require('path');
+var webpack = require('webpack');
+var StatsPlugin = require('stats-webpack-plugin');
+// must match config.webpack.dev_server.port
+var devServerPort = 3808;
+// set TARGET=production on the environment to add asset fingerprints
+var production = process.env.NODE_ENV === 'production';
+var config = {
+  entry: {
+    // Sources are expected to live in $app_root/webpack
+    'application': './client/application.js'
+  },
+  output: {
+    // Build assets directly in to public/webpack/, let webpack know
+    // that all webpacked assets start with webpack/
+    // must match config.webpack.output_dir
+    path: path.join(__dirname, '..', 'public', 'client'),
+    publicPath: '/client/',
+    filename: production ? '[name]-[chunkhash].js' : '[name].js'
+  },
+  resolve: {
+    root: path.join(__dirname, '..', 'client'),
+    extensions: ["", ".js", ".jsx", ".es6"]
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.jsx?$/,         // Match both .js and .jsx files
+        exclude: /node_modules/,
+        loader: "babel",
+        query:
+        {
+          presets:['es2015', 'react', 'stage-0']
+        }
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg)$/i,
+        loaders: [
+            'file?hash=sha512&digest=hex&name=[hash].[ext]',
+            'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
+        ]
+      }
+    ]
+  },
+  plugins: [
+    // must match config.webpack.manifest_filename
+    new StatsPlugin('manifest.json', {
+      // We only need assetsByChunkName
+      chunkModules: false,
+      source: false,
+      chunks: false,
+      modules: false,
+      assets: true
+    })]
+};
+if (production) {
+  config.plugins.push(
+    new webpack.NoErrorsPlugin(),
+    new webpack.DefinePlugin({
+      'process.env': { NODE_ENV: JSON.stringify('production') }
+    }),
+    new webpack.optimize.DedupePlugin(),
+    new webpack.optimize.OccurenceOrderPlugin()
+  );
+} else {
+  config.devServer = {
+    port: devServerPort,
+    headers: { 'Access-Control-Allow-Origin': '*' }
+  };
+  config.output.publicPath = '//localhost:' + devServerPort + '/client/';
+  // Source maps
+  config.devtool = 'cheap-module-eval-source-map';
+}
+module.exports = config;

data/example/webpack.config.js ADDED Viewed

@@ -0,0 +1,92 @@
+// Example webpack configuration with asset fingerprinting in production.
+'use strict';
+var path = require('path');
+var webpack = require('webpack');
+var StatsPlugin = require('stats-webpack-plugin');
+// must match config.webpack.dev_server.port
+var devServerPort = 3808;
+// set TARGET=production on the environment to add asset fingerprints
+var production = process.env.TARGET === 'production';
+var config = {
+  entry: {
+    // Sources are expected to live in $app_root/webpack
+    'application': './client/application.js'
+  },
+  output: {
+    // Build assets directly in to public/webpack/, let webpack know
+    // that all webpacked assets start with webpack/
+    // must match config.webpack.output_dir
+    path: path.join(__dirname, '..', 'public', 'client'),
+    publicPath: '/client/',
+    filename: production ? '[name]-[chunkhash].js' : '[name].js'
+  },
+  resolve: {
+    root: path.join(__dirname, '..', 'client'),
+    extensions: ["", ".js", ".jsx", ".es6"]
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.jsx?$/,         // Match both .js and .jsx files
+        exclude: /node_modules/,
+        loader: "babel",
+        query:
+        {
+          presets:['es2015', 'react', 'stage-0']
+        }
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg)$/i,
+        loaders: [
+            'file?hash=sha512&digest=hex&name=[hash].[ext]',
+            'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
+        ]
+      }
+    ]
+  },
+  plugins: [
+    // must match config.webpack.manifest_filename
+    new StatsPlugin('manifest.json', {
+      // We only need assetsByChunkName
+      chunkModules: false,
+      source: false,
+      chunks: false,
+      modules: false,
+      assets: true
+    })]
+};
+if (production) {
+  config.plugins.push(
+    new webpack.NoErrorsPlugin(),
+    new webpack.optimize.UglifyJsPlugin({
+      compressor: { warnings: false },
+      sourceMap: false
+    }),
+    new webpack.DefinePlugin({
+      'process.env': { NODE_ENV: JSON.stringify('production') }
+    }),
+    new webpack.optimize.DedupePlugin(),
+    new webpack.optimize.OccurenceOrderPlugin()
+  );
+} else {
+  config.devServer = {
+    port: devServerPort,
+    headers: { 'Access-Control-Allow-Origin': '*' }
+  };
+  config.output.publicPath = '//localhost:' + devServerPort + '/client/';
+  // Source maps
+  config.devtool = 'cheap-module-eval-source-map';
+}
+module.exports = config;

data/lib/generators/repack/install_generator.rb ADDED Viewed

@@ -0,0 +1,136 @@
+module Repack
+  # :nodoc:
+  class InstallGenerator < ::Rails::Generators::Base
+    source_root File.expand_path("../../../../example", __FILE__)
+    desc "Install everything you need for a basic webpack-rails integration"
+    class_option :router, type: :boolean, default: false, description: 'Add React Router'
+    class_option :redux, type: :boolean, default: false, description: 'Add Redux'
+    def copy_package_json
+      copy_file "package.json", "package.json"
+      if options[:router]
+        insert_into_file './package.json', after: /dependencies\": {\n/ do
+          <<-'RUBY'
+    "react-router": "^2.4.1",
+          RUBY
+        end
+      end
+      if options[:redux]
+        insert_into_file './package.json', after: /dependencies\": {\n/ do
+          <<-'RUBY'
+    "react-redux": "^4.4.5",
+    "redux": "^3.5.2",
+    "redux-thunk": "^2.1.0",
+          RUBY
+        end
+      end
+      if options[:router] && options[:redux]
+          insert_into_file './package.json', after: /dependencies\": {\n/ do
+          <<-'RUBY'
+    "react-router-redux": "^4.0.5",
+          RUBY
+         end
+      end
+    end
+    def copy_webpack_conf
+      copy_file "webpack.config.js", "config/webpack.config.js"
+      copy_file "webpack.config.heroku.js", "config/webpack.config.heroku.js"
+    end
+    def create_webpack_application_js
+      empty_directory "client"
+      empty_directory "client/containers"
+      empty_directory "client/components"
+      if options[:router] && options[:redux]
+        copy_file "boilerplate/router_redux/application.js", "client/application.js"
+        copy_file "boilerplate/routes.js", "client/routes.js"
+        copy_file "boilerplate/router_redux/store.js", "client/store.js"
+        copy_file "boilerplate/router_redux/reducers.js", "client/reducers/index.js"
+        create_file "client/actions.js"
+        copy_file "boilerplate/router/App.js", "client/containers/App.js"
+        copy_file "boilerplate/router/NoMatch.js", "client/components/NoMatch.js"
+      elsif options[:router]
+        copy_file "boilerplate/router/application.js", "client/application.js"
+        copy_file "boilerplate/routes.js", "client/routes.js"
+        copy_file "boilerplate/router/App.js", "client/containers/App.js"
+        copy_file "boilerplate/router/NoMatch.js", "client/components/NoMatch.js"
+      elsif options[:redux]
+        copy_file "boilerplate/redux/application.js", "client/application.js"
+        copy_file "boilerplate/redux/store.js", "client/store.js"
+        copy_file "boilerplate/redux/reducers.js", "client/reducers/index.js"
+        create_file "client/actions.js"
+        copy_file "boilerplate/App.js", "client/containers/App.js"
+      else
+        copy_file "boilerplate/application.js", "client/application.js"
+        copy_file "boilerplate/App.js", "client/containers/App.js"
+      end
+      application_view = 'app/views/layouts/application.html.erb'
+      if File.exists? application_view
+        insert_into_file 'app/views/layouts/application.html.erb', before: /<\/body>/ do
+            <<-'RUBY'
+<%= javascript_include_tag *webpack_asset_paths('application') %>
+            RUBY
+        end
+        insert_into_file 'app/views/layouts/application.html.erb', before: /<\/head>/ do
+            <<-'RUBY'
+      <% if Rails.env.development? %>
+        <script src="http://localhost:3808/webpack-dev-server.js"></script>
+      <% end %>
+            RUBY
+        end
+      else
+        puts "\n\n***WARNING*** HAML NOT SUPPORTED IN applictaion.html additional steps required\n\n"
+      end
+    end
+    def add_to_gitignore
+      append_to_file ".gitignore" do
+        <<-EOF.strip_heredoc
+        # Added by repack
+        /node_modules
+        /public/webpack
+        EOF
+      end
+    end
+    def run_npm_install
+      run "npm install" if yes?("Would you like us to run 'npm install' for you?")
+    end
+    def whats_next
+      puts <<-EOF.strip_heredoc
+        We've set up the basics of repack for you, but you'll still
+        need to:
+          1. Add an element with an id of 'app' to your layout
+          2. To disable hot module replacement remove <script src="http://localhost:3808/webpack-dev-server.js"></script> from layout
+          3. Run 'npm run dev_server' to run the webpack-dev-server
+          4. Run 'bundle exec rails s' to run the rails server (both servers must be running)
+          5. If you are using react-router and want to sync server routes add:
+             get '*unmatched_route', to: <your client controller>#<default action>
+             This must be the very last route in your routes.rb file
+             e.g. get '*unmatched_route', to: 'home#index'
+          FOR HEROKU DEPLOYS:
+          1.  npm run heroku-setup
+          2.  Push to heroku the post-build hook will take care of the rest
+        See the README.md for this gem at
+        https://github.com/cottonwoodcoding/repack/blob/master/README.md
+        for more info.
+        Thanks for using repack!
+      EOF
+    end
+  end
+end

data/lib/generators/repack/view_generator.rb ADDED Viewed

@@ -0,0 +1,45 @@
+module Repack
+  # :nodoc:
+  class ViewGenerator < ::Rails::Generators::Base
+    source_root File.expand_path("../../../../example", __FILE__)
+    desc "Generate a view with webpack entry / rails view / and react container"
+    def normalize_view_name
+      raise "View name argument missing" if args.length == 0
+      @view = args[0]
+    end
+    def update_webpack_entry
+      name = @view.downcase.gsub(/ /, "_")
+      path = "'#{name}': './client/#{name}.js',"
+      insert_into_file 'config/webpack.config.js', after: /entry: {\n/ do
+        <<-CONFIG
+    #{path}
+        CONFIG
+      end
+    end
+    def create_entry_file
+      file = "client/#{@view.gsub(/ /, '')}.js"
+      name = @view.titleize.gsub(/ /, '')
+      copy_file "boilerplate/views/ViewTemplate.js", file
+      gsub_file file, /Placeholder/, name
+    end
+    def create_container
+      name = @view.titleize.gsub(/ /, '')
+      file = "client/containers/#{name}.js"
+      copy_file "boilerplate/views/ContainerTemplate.js", file
+      gsub_file file, /Placeholder/, name
+    end
+    def create_rails_view
+      name = @view.downcase.gsub(/ /, '_')
+      empty_directory "app/views/#{name.pluralize}"
+      file = "app/views/#{name.pluralize}/index.html.erb"
+      copy_file "boilerplate/views/rails_view.html.erb", file
+      gsub_file file, /placeholder/, name
+    end
+  end
+end

data/lib/repack.rb ADDED Viewed

	@@ -0,0 +1 @@
1	+ require 'webpack/rails'

data/lib/tasks/webpack.rake ADDED Viewed

@@ -0,0 +1,19 @@
+namespace :webpack do
+  desc "Compile webpack bundles"
+  task compile: :environment do
+    ENV["TARGET"] = 'production'
+    webpack_bin = ::Rails.root.join(::Rails.configuration.webpack.binary)
+    config_file = ::Rails.root.join(::Rails.configuration.webpack.config_file)
+    unless File.exist?(webpack_bin)
+      raise "Can't find our webpack executable at #{webpack_bin} - have you run `npm install`?"
+    end
+    unless File.exist?(config_file)
+      raise "Can't find our webpack config file at #{config_file}"
+    end
+    result =  `#{webpack_bin} --bail --config #{config_file} 2>&1`
+    raise result unless $? == 0
+  end
+end

data/lib/webpack/rails.rb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require 'webpack/rails/react/version'
2	+ require 'webpack/railtie' if defined? ::Rails::Railtie

data/lib/webpack/rails/react/helper.rb ADDED Viewed

@@ -0,0 +1,36 @@
+require 'action_view'
+require 'webpack/rails/react/manifest'
+module Webpack
+  module Rails
+    module React
+      # Asset path helpers for use with webpack
+      module Helper
+        # Return asset paths for a particular webpack entry point.
+        #
+        # Response may either be full URLs (eg http://localhost/...) if the dev server
+        # is in use or a host-relative URl (eg /webpack/...) if assets are precompiled.
+        #
+        # Will raise an error if our manifest can't be found or the entry point does
+        # not exist.
+        def webpack_asset_paths(source, extension: nil)
+          return "" unless source.present?
+          paths = Webpack::Rails::React::Manifest.asset_paths(source)
+          paths = paths.select {|p| p.ends_with? ".#{extension}" } if extension
+          host = ::Rails.configuration.webpack.dev_server.host
+          port = ::Rails.configuration.webpack.dev_server.port
+          if ::Rails.configuration.webpack.dev_server.enabled
+            paths.map! do |p|
+              "//#{host}:#{port}#{p}"
+            end
+          end
+          paths
+        end
+      end
+    end
+  end
+end

data/lib/webpack/rails/react/manifest.rb ADDED Viewed

@@ -0,0 +1,91 @@
+require 'net/http'
+require 'uri'
+module Webpack
+  module Rails
+    module React
+      # Webpack manifest loading, caching & entry point retrieval
+      class Manifest
+        # Raised if we can't read our webpack manifest for whatever reason
+        class ManifestLoadError < StandardError
+          def initialize(message, orig)
+            super "#{message} (original error #{orig})"
+          end
+        end
+        # Raised if a supplied entry point does not exist in the webpack manifest
+        class EntryPointMissingError < StandardError
+        end
+        class << self
+          # :nodoc:
+          def asset_paths(source)
+            paths = manifest["assetsByChunkName"][source]
+            if paths
+              # Can be either a string or an array of strings.
+              # Do not include source maps as they are not javascript
+              [paths].flatten.reject { |p| p =~ /.*\.map$/ }.map do |p|
+                "/#{::Rails.configuration.webpack.public_path}/#{p}"
+              end
+            else
+              raise EntryPointMissingError, "Can't find entry point '#{source}' in webpack manifest"
+            end
+          end
+          private
+          def manifest
+            if ::Rails.configuration.webpack.dev_server.enabled
+              # Don't cache if we're in dev server mode, manifest may change ...
+              load_manifest
+            else
+              # ... otherwise cache at class level, as JSON loading/parsing can be expensive
+              @manifest ||= load_manifest
+            end
+          end
+          def load_manifest
+            data = if ::Rails.configuration.webpack.dev_server.enabled
+              load_dev_server_manifest
+            else
+              load_static_manifest
+            end
+            JSON.parse(data)
+          end
+          def load_dev_server_manifest
+            http = Net::HTTP.new(
+              "localhost",
+              ::Rails.configuration.webpack.dev_server.port)
+            http.use_ssl = ::Rails.configuration.webpack.dev_server.https
+            http.verify_mode = OpenSSL::SSL::VERIFY_NONE
+            http.get(dev_server_path).body
+          rescue => e
+            raise ManifestLoadError.new("Could not load manifest from webpack-dev-server at #{dev_server_url} - is it running, and is stats-webpack-plugin loaded?", e)
+          end
+          def load_static_manifest
+            File.read(static_manifest_path)
+          rescue => e
+            raise ManifestLoadError.new("Could not load compiled manifest from #{static_manifest_path} - have you run `rake webpack:compile`?", e)
+          end
+          def static_manifest_path
+            ::Rails.root.join(
+              ::Rails.configuration.webpack.output_dir,
+              ::Rails.configuration.webpack.manifest_filename
+            )
+          end
+          def dev_server_path
+            "/#{::Rails.configuration.webpack.public_path}/#{::Rails.configuration.webpack.manifest_filename}"
+          end
+          def dev_server_url
+            "http://localhost:#{::Rails.configuration.webpack.dev_server.port}#{dev_server_path}"
+          end
+        end
+      end
+    end
+  end
+end

data/lib/webpack/rails/react/version.rb ADDED Viewed

@@ -0,0 +1,8 @@
+module Webpack
+  # :nodoc:
+  module Rails
+    module React
+      VERSION = "2.0.0"
+    end
+  end
+end

data/lib/webpack/railtie.rb ADDED Viewed

@@ -0,0 +1,33 @@
+require 'rails'
+require 'rails/railtie'
+require 'webpack/rails/react/helper'
+module Webpack
+  # :nodoc:
+  class Railtie < ::Rails::Railtie
+    config.after_initialize do
+      ActiveSupport.on_load(:action_view) do
+        include Webpack::Rails::React::Helper
+      end
+    end
+    config.webpack = ActiveSupport::OrderedOptions.new
+    config.webpack.config_file = 'config/webpack.config.js'
+    config.webpack.binary = 'node_modules/.bin/webpack'
+    config.webpack.dev_server = ActiveSupport::OrderedOptions.new
+    config.webpack.dev_server.host = 'localhost'
+    config.webpack.dev_server.port = 3808
+    config.webpack.dev_server.https = false # note - this will use OpenSSL::SSL::VERIFY_NONE
+    config.webpack.dev_server.binary = 'node_modules/.bin/webpack-dev-server'
+    config.webpack.dev_server.enabled = !::Rails.env.production?
+    config.webpack.output_dir = "public/client"
+    config.webpack.public_path = "client"
+    config.webpack.manifest_filename = "manifest.json"
+    rake_tasks do
+      load "tasks/webpack.rake"
+    end
+  end
+end

metadata ADDED Viewed

@@ -0,0 +1,93 @@
+--- !ruby/object:Gem::Specification
+name: repack
+version: !ruby/object:Gem::Version
+  version: 2.0.0
+platform: ruby
+authors:
+- Dave Jungst
+- Jake Sorce
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2016-10-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+description: Production-tested, JavaScript-first tooling to use webpack within your
+  Rails application
+email:
+- dave@cottonwoodcoding.com
+- jake@cottonwoodcoding.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- example/Procfile
+- example/boilerplate/App.js
+- example/boilerplate/application.js
+- example/boilerplate/redux/application.js
+- example/boilerplate/redux/reducers.js
+- example/boilerplate/redux/store.js
+- example/boilerplate/router/App.js
+- example/boilerplate/router/NoMatch.js
+- example/boilerplate/router/application.js
+- example/boilerplate/router_redux/application.js
+- example/boilerplate/router_redux/reducers.js
+- example/boilerplate/router_redux/store.js
+- example/boilerplate/routes.js
+- example/boilerplate/views/ContainerTemplate.js
+- example/boilerplate/views/ViewTemplate.js
+- example/boilerplate/views/rails_view.html.erb
+- example/dot_gitignore
+- example/package.json
+- example/webpack.config.heroku.js
+- example/webpack.config.js
+- lib/generators/repack/install_generator.rb
+- lib/generators/repack/view_generator.rb
+- lib/repack.rb
+- lib/tasks/webpack.rake
+- lib/webpack/rails.rb
+- lib/webpack/rails/react/helper.rb
+- lib/webpack/rails/react/manifest.rb
+- lib/webpack/rails/react/version.rb
+- lib/webpack/railtie.rb
+homepage: https://github.com/cottonwoodcoding/reapack
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.0.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project:
+rubygems_version: 2.5.1
+signing_key:
+specification_version: 4
+summary: Webpack / Rails / React
+test_files: []