hauler 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 44c97c03d5cd92496e95c6114b6b41b87bbf4d2f
-  data.tar.gz: ec2bfd1a32429b15d41d61d971e9665cc3604834
+  metadata.gz: 95d2666219596dd577163e01feb6471168c7c798
+  data.tar.gz: 3ec18ffa805f662b66bac763b851082736060aa4
 SHA512:
-  metadata.gz: 36aed3fdde813b4acc9f3d414f04ab227406eec3dc77de06555f80e982f6a3d67ba5ce4a7116b3372a53ede0c88c3b4da234622d84696cd5bca11bd6f566b716
-  data.tar.gz: 01e66bba70893eef6eae9d74c8611fce337670135e5bd6c7e1776533c509b3a983db4e35547d744681279d1bbdf73a50ad512b6f63c41948f34d51cc7eb21897
+  metadata.gz: c3ca47a8f7a010a4a217f8adffeb981010199d0ad6571bade84283591c36b5b1aea6ae354666af38ae3c172214a697042f14a880803a8678a126ef8e5663d299
+  data.tar.gz: 488afcfb9a812311313290ef974d7528f406ed6e5f82f4ed74086d39ba6041f0cce9dda279f3c9051da78361f536a603326b506e8b17b9d7aa953934ac43b37a

data/.eslintrc

@@ -9,9 +9,9 @@ env:
   jest: true
 
 plugins:
-  - flow-vars
+  - flowtype
 
 rules:
-  flow-vars/define-flow-type: 1
-  flow-vars/use-flow-type: 1
+  flowtype/define-flow-type: 1
+  flowtype/use-flow-type: 1
   max-len: [2, 140, 2]

data/Makefile

@@ -2,6 +2,9 @@
 build_gem:
 	gem build hauler.gemspec
 
+publish_gem: build_gem
+	ls -t *.gem | head | xargs gem push && rm *.gem
+
 publish_npm:
 	npm run build
 	cd dist/

data/hauler.gemspec

@@ -34,4 +34,6 @@ TXT
   spec.add_development_dependency 'bundler', '~> 1.12'
   spec.add_development_dependency 'rake', '~> 10.0'
   spec.add_development_dependency 'minitest', '~> 5.0'
+
+  spec.add_runtime_dependency 'react-rails', '~> 1.8'
 end

data/lib/generators/hauler/install_generator.rb

@@ -13,6 +13,11 @@ module Hauler
         template 'config/hauler.js'
       end
 
+      def copy_example_assets
+        has_file = File.exist?(Rails.root.join('app', 'assets', 'index.js'))
+        template 'app/assets/index.js' if !has_file
+      end
+
       def copy_eslintrc
         template 'eslintrc.json', '.eslintrc.json'
       end
@@ -26,6 +31,16 @@ module Hauler
         template 'package.json' if !has_package_json
       end
 
+      def add_node_modules_to_gitignore
+        has_gitignore = File.exist?(Rails.root.join('package.json'))
+        return if !has_gitignore
+
+        has_node_modules = IO.read('.gitignore').include? 'node_modules'
+        return if has_node_modules
+
+        inject_into_file '.gitignore', "/node_modules\n", before: /\Z/m
+      end
+
       def copy_webpack_config
         template 'webpack.config.js'
       end

data/lib/generators/hauler/install_npm_generator.rb

@@ -6,54 +6,39 @@ module Hauler
       source_root File.expand_path('../templates', __FILE__)
 
       NPM_DEV_DEPENDENCIES = <<-TXT.freeze
-        babel-core@6.11.4
+        babel-core@6.13.2
         babel-loader@6.2.4
         babel-plugin-transform-class-properties@6.11.5
-        babel-preset-es2015@6.9.0
-        babel-preset-stage-2@6.11.0
+        babel-preset-es2015@6.13.2
+        babel-preset-react-hmre
+        babel-preset-stage-2@6.13.0
         css-loader@0.23.1
-        extract-text-webpack-plugin@1.0.1
+        extract-text-webpack-plugin@2.0.0-beta.3
         file-loader@0.9.0
-        hauler@0.1.1
+        hauler@0.3.0
         image-webpack-loader@2.0.0
         immutable-devtools@0.0.7
         style-loader@0.13.1
         url-loader@0.5.7
-        webpack@1.13.1
-        webpack-dev-server@1.14.1
+        webpack@2.1.0-beta.20
+        webpack-dev-server@2.1.0-beta.0
       TXT
 
-      LINTER_DEV_DEPENDENCES = <<-TXT.freeze
-        babel-eslint@6.1.2
-        eslint@2.13.1
-        eslint-config-airbnb@9.0.1
-        eslint-import-resolver-webpack@0.4.0
-        eslint-plugin-flow-vars@0.5.0
-        eslint-plugin-import@1.12.0
-        eslint-plugin-jsx-a11y@1.5.5
-        eslint-plugin-react@5.2.2
-        sass-lint@1.8.2
-      TXT
-
-      REACT_NPM_DEV_DEPENDENCIES = <<-TXT.freeze
-        babel-plugin-transform-react-constant-elements@6.9.1
-        babel-plugin-transform-react-inline-elements@6.8.0
-        babel-plugin-transform-react-remove-prop-types@0.2.8
-        babel-preset-react@6.11.1
-        react-hot-loader@2.0.0-alpha-4
-        redux-logger@2.6.1
+      NPM_DEPENDENCIES = <<-TXT.freeze
+        babel-polyfill@6.13.0
+        whatwg-fetch@1.0.0
       TXT
 
       REACT_NPM_DEPENDENCIES = <<-TXT.freeze
         immutable@3.8.1
-        react@15.2.1
-        react-dom@15.2.1
+        react@15.3.0
+        react-dom@15.3.0
         react-redux@4.4.5
         react-router@2.6.1
         react-router-redux@4.0.5
-        react-router-scroll@0.2.1
+        react-router-scroll@0.3.1
         redux@3.5.2
-        redux-immutable@3.0.6
+        redux-immutable@3.0.7
         redux-saga@0.11.0
         reselect@2.5.3
       TXT
@@ -63,23 +48,34 @@ module Hauler
         sass-loader@4.0.0
       TXT
 
-      NPM_DEPENDENCIES = <<-TXT.freeze
-        babel-polyfill@6.9.1
-        whatwg-fetch@1.0.0
+      LINTER_DEV_DEPENDENCES = <<-TXT.freeze
+        babel-eslint@6.1.2
+        eslint@3.3.1
+        eslint-config-airbnb@10.0.1
+        eslint-import-resolver-webpack@0.5.1
+        eslint-plugin-flowtype@2.7.1
+        eslint-plugin-import@1.13.0
+        eslint-plugin-jsx-a11y@2.1.0
+        eslint-plugin-react@6.1.1
+        sass-lint@1.8.2
       TXT
 
-      def add_scripts_to_package
-        `./node_modules/hauler/bin/update-scripts.js`
-      end
+      REACT_NPM_DEV_DEPENDENCIES = <<-TXT.freeze
+        babel-plugin-transform-react-constant-elements@6.9.1
+        babel-plugin-transform-react-inline-elements@6.8.0
+        babel-plugin-transform-react-remove-prop-types@0.2.9
+        babel-preset-react@6.11.1
+        redux-logger@2.6.1
+      TXT
 
       def install_dev_dependencies
         puts 'Installing NPM dev dependencies...'
         install_deps(NPM_DEV_DEPENDENCIES)
       end
 
-      def install_linter_dev_dependencies
-        puts 'Installing Linter NPM dev dependencies...'
-        install_deps(LINTER_DEV_DEPENDENCES)
+      def install_dependencies
+        puts 'Installing NPM dependencies...'
+        install_deps(NPM_DEPENDENCIES, dev: false)
       end
 
       def install_react_dependencies
@@ -95,16 +91,20 @@ module Hauler
         install_deps(SASS_NPM_DEV_DEPENDENCIES)
       end
 
-      def install_dependencies
-        puts 'Installing NPM dependencies...'
-        install_deps(NPM_DEPENDENCIES, dev: false)
+      def install_linter_dev_dependencies
+        puts 'Installing Linter NPM dev dependencies...'
+        install_deps(LINTER_DEV_DEPENDENCES)
+      end
+
+      def add_scripts_to_package
+        run('hauler-update-scripts')
       end
 
       private
 
       def install_deps(list, dev: true)
         flag = dev ? '--save-dev' : '--save'
-        `npm install #{flag} #{list.gsub(/\s+/m, ' ')}`
+        run("npm install #{flag} #{list.gsub(/\s+/m, ' ')}")
       end
     end
   end

data/lib/generators/hauler/templates/app/assets/index.js

@@ -0,0 +1,2 @@
+
+console.log('hello hauler');

data/lib/generators/hauler/templates/config/hauler.js

@@ -2,7 +2,7 @@
 function haulerConfigFactory(env) {
   return {
     entries: {
-      application: '~app/assets/my_app/index.js',
+      application: '~app/assets/index.js',
     },
   };
 }

data/lib/generators/hauler/templates/eslintrc.json

@@ -4,11 +4,11 @@
   ],
   "parser": "babel-eslint",
   "plugins": [
-    "flow-vars"
+    "flowtype"
   ],
   "rules": {
-    "flow-vars/define-flow-type": 1,
-    "flow-vars/use-flow-type": 1,
+    "flowtype/define-flow-type": 1,
+    "flowtype/use-flow-type": 1,
     "max-len": [2, 140, 2]
   },
   "settings": {

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

@@ -1,6 +1,7 @@
 
+const appName = '<%= Rails.application.class.parent_name.underscore %>';
 const hauler = require('hauler');
 const env = hauler.getEnvName();
 
-const config = hauler.getCompilerConfig(env, __dirname);
+const config = hauler.getCompilerConfig(env, __dirname, appName);
 module.exports = config;

data/lib/hauler/helpers/hauler_helper.rb

@@ -16,7 +16,7 @@ module Hauler
 
         def hauler_webpack_config
           return nil if !hauler_dev_server?
-          @hauler_webpack_config ||= JSON.parse(`hauler-read-config`)
+          @hauler_webpack_config ||= JSON.parse(`hauler-read-config #{Rails.root}`)
         end
 
         def hauler_entries_names

data/lib/hauler/version.rb

@@ -1,6 +1,6 @@
 # :nodoc:
 module Hauler
-  VERSION = '0.2.0'.freeze
+  VERSION = '0.3.0'.freeze
 
   def self.version
     VERSION

data/lib/hauler.rb

@@ -2,4 +2,5 @@ require 'active_support'
 require 'active_support/rails'
 require 'hauler/version'
 
-require 'hauler/railtie' if defined?(Rails)
+require 'react-rails'
+require 'hauler/railtie'

data/make-package.js

@@ -1,23 +1,20 @@
 #!/usr/bin/env node --use_strict
 
 const fs = require('fs');
-const path = require('path');
 
-const pkg = Object.assign({}, require('./package.json'));
-delete pkg.scripts;
-Object.assign(pkg, {
-  main: 'index.js',
-});
-
-fs.writeFileSync('dist/package.json', JSON.stringify(pkg, null, 2));
-fs.writeFileSync('dist/LICENSE.txt', fs.readFileSync('./LICENSE.txt').toString());
-fs.writeFileSync('dist/README.md', fs.readFileSync('./README.md').toString());
+fs.mkdir('dist', function () {
+  const pkg = Object.assign({}, require('./package.json'));
+  delete pkg.scripts;
+  Object.assign(pkg, {
+    main: 'index.js',
+    bin: {
+      'hauler-read-config': 'bin/read-config.js',
+      'hauler-server': 'bin/dev-server.js',
+      'hauler-update-scripts': 'bin/update-scripts.js'
+    }
+  });
 
-fs.mkdirSync('dist/bin');
-Object.keys(pkg.bin).forEach(key => {
-  const binaryPath = pkg.bin[key];
-  fs.writeFileSync(
-    path.join('dist', binaryPath),
-    fs.readFileSync(binaryPath).toString()
-  );
+  fs.writeFileSync('dist/package.json', JSON.stringify(pkg, null, 2));
+  fs.writeFileSync('dist/LICENSE.txt', fs.readFileSync('./LICENSE.txt').toString());
+  fs.writeFileSync('dist/README.md', fs.readFileSync('./README.md').toString());
 });

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hauler",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "NodeJS binary for the hauler gem",
   "author": "Arturo Guzman @guzart",
   "license": "MIT",
@@ -8,26 +8,26 @@
     "type": "git",
     "url": "https://github.com/guzart/hauler.git"
   },
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "bin": {
-    "hauler-read-config": "bin/read-config.js",
-    "hauler-server": "bin/dev-server.js",
-    "hauler-update-scripts": "bin/update-scripts.js"
+    "hauler-read-config": "src/bin/read-config.js",
+    "hauler-server": "src/bin/dev-server.js",
+    "hauler-update-scripts": "src/bin/update-scripts.js"
   },
   "scripts": {
-    "build": "npm-run-all clean compile generate_package",
+    "build": "npm-run-all clean generate_package compile",
     "clean": "rm -rf ./dist",
     "compile": "./node_modules/babel-cli/bin/babel.js --out-dir=./dist --ignore=./decls,**/__tests__ ./src",
-    "dev": "npm-run-all clean watch",
+    "dev": "npm-run-all generate_package watch",
     "generate_package": "node make-package.js",
     "test": "jest --verbose",
     "watch": "./node_modules/babel-cli/bin/babel.js --watch=./src --ignore=./decls,**/__tests__ --out-dir=./dist"
   },
   "peerDependencies": {
-    "extract-text-webpack-plugin": "~ 1.0",
-    "webpack": "~ 1.0",
-    "webpack-dev-server": "~ 1.0",
-    "whatwg-fetch": "~ 1.0"
+    "extract-text-webpack-plugin": "~2.0",
+    "webpack": "~2.1",
+    "webpack-dev-server": "~2.1",
+    "whatwg-fetch": "~1.0"
   },
   "devDependencies": {
     "babel-cli": "^6.11.4",
@@ -39,14 +39,9 @@
     "babel-preset-es2015": "^6.9.0",
     "babel-preset-stage-2": "^6.11.0",
     "eslint": "^3.2.0",
-    "eslint-plugin-flow-vars": "^0.5.0",
     "eslint-plugin-flowtype": "^2.4.0",
-    "extract-text-webpack-plugin": "^1.0.1",
     "flow-bin": "^0.30.0",
     "jest-cli": "^14.1.0",
-    "npm-run-all": "^2.3.0",
-    "webpack": "^1.13.1",
-    "webpack-dev-server": "^1.14.1",
-    "whatwg-fetch": "^1.0.0"
+    "npm-run-all": "^2.3.0"
   }
 }

data/{bin → src/bin}/dev-server.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-const hauler = require('hauler');
+const hauler = require('../index');
 const webpack = require('webpack');
 const WebpackDevServer = require('webpack-dev-server');
 

data/{bin → src/bin}/read-config.js

@@ -4,7 +4,7 @@
 
 const railsRoot = process.argv[2];
 
-const hauler = require('hauler');
+const hauler = require('../index');
 const env = hauler.getEnvName();
 
 const devServerConfig = hauler.getDevServerConfig(env, railsRoot);

data/src/decls/hauler.js

@@ -6,7 +6,8 @@ export type HostInfo = {
 };
 
 export type ProjectConfig = {
-  entries?: {[name: string]: string | Array<string>},
+  appName?: string,
+  entries?: WebpackEntry,
   javascriptLoader?: WebpackLoader,
   sassLoader?: WebpackLoader,
   fontLoader?: WebpackLoader,

data/src/decls/webpack.js

@@ -92,7 +92,8 @@ export type WebpackOutputConfig = {
   crossOriginLoading?: false | 'anonymous' | 'use-credentials',
 };
 
-export type WebpackEntry = string | Array<string> | { [key: string]: WebpackEntry };
+type SimpleWebpackEntry = string | Array<string>;
+export type WebpackEntry = SimpleWebpackEntry | { [key: string]: SimpleWebpackEntry };
 
 export type WebpackConfig = {
   context?: string,

data/src/defaults/compiler_config_factory.js

@@ -8,10 +8,11 @@ export default function defaultConfigFactory(env: string): WebpackConfig {
       chunkFilename: '[name].[chunkhash].chunk.js',
     },
     resolve: {
-      root: [
+      modules: [
         '~app/assets',
         '~lib/assets',
       ],
+      extensions: ['.js', '.json', '.jsx']
     },
     devtool: '',
     target: 'web',

data/src/defaults/dev_server_config_factory.js

@@ -7,12 +7,11 @@ export default function defaultConfigFactory() {
     host: 'localhost',
     port: 3001,
     hot: true,
-    inline: true,
     headers: { 'AccessControl-Allow-Origin': '*' },
     stats: {
       colors: true,
       chunks: true,
-      chunkModules: true,
+      chunkModules: false,
       timings: true,
     },
   };

data/src/defaults/project_config_factory.js

@@ -11,15 +11,14 @@ function getPlugins(env: string) {
     new webpack.ProvidePlugin({ fetch: 'exports?self.fetch!whatwg-fetch' }),
     new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify(env) } }),
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'vendor',
       children: true,
       minChunks: 2,
-      async: true,
     }),
   ];
 
   if (env === 'development') {
     plugins = plugins.concat([
+      new webpack.HotModuleReplacementPlugin(),
       new webpack.NoErrorsPlugin(),
     ]);
   }
@@ -79,6 +78,8 @@ function configFactory(env: string) {
       'style',
       sassLoader.loader.replace('style!', '')
     );
+  } else {
+    javascriptLoader.query.presets = javascriptLoader.query.presets.concat(['react-hmre']);
   }
 
   const appendPlugins = [];

data/src/index.js

@@ -21,23 +21,33 @@ function getConfigFactory(): ProjectConfigFactory {
   };
 }
 
-export function getConfig(env: string, railsRoot?: string) {
-  if (railsRoot != null) {
-    utils.setRailsRoot(railsRoot);
-  }
-
+export function getConfig(env: string, railsRoot: string, appName: string) {
+  utils.setRailsRoot(railsRoot);
   const configFactory = getConfigFactory();
-  return configFactory(env);
+  const config = configFactory(env);
+  return Object.assign(config, { appName });
 }
 
-export function getDevServerConfig(env: string, railsRoot?: string): WebpackDevServerConfig {
-  const config = getConfig(env, railsRoot);
+export function getDevServerConfig(
+  env: string, railsRoot: string, appName: string
+): WebpackDevServerConfig {
+  const config = getConfig(env, railsRoot, appName);
   return utils.extractDevServerConfig(config);
 }
 
-export function getCompilerConfig(env: string, railsRoot?: string): WebpackConfig {
-  const config = getConfig(env, railsRoot);
-  return utils.extractCompilerConfig(config);
+export function getCompilerConfig(
+  env: string, railsRoot: string, appName: string
+): WebpackConfig {
+  const config = getConfig(env, railsRoot, appName);
+  const compilerConfig = utils.extractCompilerConfig(config);
+  if (env !== 'development') {
+    return compilerConfig;
+  }
+
+  const devServerConfig = utils.extractDevServerConfig(config);
+  return Object.assign(compilerConfig, {
+    entry: utils.makeHotReloadableEntries(compilerConfig.entry, devServerConfig.publicPath),
+  });
 }
 
 export { getEnvName } from './utils';

data/src/mount/index.js

@@ -0,0 +1,110 @@
+// https://github.com/reactjs/react-rails/blob/v1.8.2/lib/assets/javascripts/react_ujs_mount.js
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+// jQuery is optional. Use it to support legacy browsers.
+const $ = (typeof global.jQuery !== 'undefined') && global.jQuery;
+const document = global.document;
+
+// This attribute holds the name of component which should be mounted
+// example: `data-react-class="MyApp.Items.EditForm"`
+const CLASS_NAME_ATTR = 'data-react-class';
+
+// This attribute holds JSON stringified props for initializing the component
+// example: `data-react-props="{\"item\": { \"id\": 1, \"name\": \"My Item\"} }"`
+const PROPS_ATTR = 'data-react-props';
+
+// helper method for the mount and unmount methods to find the
+// `data-react-class` DOM elements
+function findDOMNodes(searchSelector) {
+  // we will use fully qualified paths as we do not bind the callbacks
+  var selector, parent;
+
+  switch (typeof searchSelector) {
+    case 'undefined':
+      selector = '[' + CLASS_NAME_ATTR + ']';
+      parent = document;
+      break;
+    case 'object':
+      selector = '[' + CLASS_NAME_ATTR + ']';
+      parent = searchSelector;
+      break;
+    case 'string':
+      selector = searchSelector + '[' + CLASS_NAME_ATTR + '], ' +
+                 searchSelector + ' [' + CLASS_NAME_ATTR + ']';
+      parent = document;
+      break
+    default:
+      break;
+  }
+
+  if ($) {
+    return $(selector, parent);
+  } else {
+    return parent.querySelectorAll(selector);
+  }
+}
+
+// Get the constructor for a className
+function getConstructor(className) {
+  // Assume className is simple and can be found at top-level (window).
+  // Fallback to eval to handle cases like 'My.React.ComponentName'.
+  // Also, try to gracefully import Babel 6 style default exports
+  //
+  var constructor;
+
+  // Try to access the class globally first
+  constructor = global[className];
+
+  // If that didn't work, try eval
+  if (!constructor) {
+    constructor = eval.call(global, className);
+  }
+
+  // Lastly, if there is a default attribute try that
+  if (constructor && constructor.default) {
+    constructor = constructor.default;
+  }
+
+  return constructor;
+}
+
+// Within `searchSelector`, find nodes which should have React components
+// inside them, and mount them with their props.
+export function mountComponents(searchSelector) {
+  var nodes = findDOMNodes(searchSelector);
+
+  for (var i = 0; i < nodes.length; ++i) {
+    var node = nodes[i];
+    var className = node.getAttribute(CLASS_NAME_ATTR);
+    var constructor = getConstructor(className);
+    var propsJson = node.getAttribute(PROPS_ATTR);
+    var props = propsJson && JSON.parse(propsJson);
+
+    if (typeof(constructor) === "undefined") {
+      var message = "Cannot find component: '" + className + "'"
+      if (console && console.log) {
+        console.log("%c[react-rails] %c" + message + " for element", "font-weight: bold", "", node)
+      }
+      var error = new Error(message + ". Make sure your component is globally available to render.")
+      throw error
+    } else {
+      ReactDOM.render(React.createElement(constructor, props), node);
+    }
+  }
+}
+
+// Within `searchSelector`, find nodes which have React components
+// inside them, and unmount those components.
+export function unmountComponents(searchSelector) {
+  var nodes = findDOMNodes(searchSelector);
+
+  for (var i = 0; i < nodes.length; ++i) {
+    var node = nodes[i];
+
+    ReactDOM.unmountComponentAtNode(node);
+  }
+}
+
+export default mountComponents;

data/src/provide/index.js

@@ -0,0 +1,14 @@
+
+export default function provide(namespace: string, value: Object, target = global) {
+  const parts = namespace.split('.');
+  let cur = target;
+  for (let part; parts.length && (part = parts.shift());) {
+    if (!parts.length && value !== undefined) {
+      cur[part] = value;
+    } else if (cur[part]) {
+      cur = cur[part];
+    } else {
+      cur = cur[part] = {};
+    }
+  }
+}

data/src/utils/extract_config.js

@@ -22,11 +22,21 @@ function extractLoaders(config: ProjectConfig): Array<WebpackLoader> {
   return baseLoaders.concat(customLoaders);
 }
 
+function extractResolveAlias(config: ProjectConfig): Object {
+  const resolveConfig = config.compiler && config.compiler.resolve || {};
+  const alias = resolveValuesRailsPath(resolveConfig.alias);
+  if (config.appName != null) {
+    Object.assign(alias, { [config.appName]: railsPath('~app/assets/') });
+  }
+
+  return alias;
+}
+
 function extractResolve(config: ProjectConfig): WebpackResolveConfig {
   const resolveConfig = config.compiler && config.compiler.resolve || {};
   return Object.assign(resolveConfig, {
-    alias: resolveValuesRailsPath(resolveConfig.alias),
-    root: railsPath(resolveConfig.root),
+    alias: extractResolveAlias(config),
+    modules: railsPath(resolveConfig.modules),
   });
 }
 

data/src/utils/index.js

@@ -4,3 +4,4 @@ export * from './extract_config';
 export * from './merge_config';
 export * from './misc';
 export * from './path';
+export * from './webpack';

data/src/utils/webpack.js

@@ -0,0 +1,29 @@
+import url from 'url';
+
+function getHotEntryPoint(publicPath: string): string {
+  const uri = url.parse(publicPath);
+  uri.pathname = '';
+  return `webpack-dev-server/client?${uri.format()}`;
+}
+
+export function makeHotReloadableEntries(entries: WebpackEntry, publicPath: string): WebpackEntry {
+  if (typeof entries === 'string') {
+    return [getHotEntryPoint(publicPath), entries];
+  }
+
+  if (Array.isArray(entries)) {
+    return [getHotEntryPoint(publicPath)].concat(entries);
+  }
+
+  if (entries.constructor === Object) {
+    const output = {};
+    Object.keys(entries).forEach(key => {
+      let hotEntry = makeHotReloadableEntries(entries[key], publicPath);
+      output[key] = hotEntry;
+    });
+
+    return output;
+  }
+
+  return entries;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hauler
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Arturo Guzman
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-08-07 00:00:00.000000000 Z
+date: 2016-08-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -52,6 +52,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: react-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
 description: 'Railtie to generate the files needed to use webpack as a replacement
   of sprockets
 
@@ -75,13 +89,11 @@ files:
 - README.md
 - Rakefile
 - bin/console
-- bin/dev-server.js
-- bin/read-config.js
 - bin/setup
-- bin/update-scripts.js
 - hauler.gemspec
 - lib/generators/hauler/install_generator.rb
 - lib/generators/hauler/install_npm_generator.rb
+- lib/generators/hauler/templates/app/assets/index.js
 - lib/generators/hauler/templates/config/hauler.js
 - lib/generators/hauler/templates/config/initializers/hauler.rb
 - lib/generators/hauler/templates/eslintrc.json
@@ -94,12 +106,17 @@ files:
 - lib/hauler/version.rb
 - make-package.js
 - package.json
+- src/bin/dev-server.js
+- src/bin/read-config.js
+- src/bin/update-scripts.js
 - src/decls/hauler.js
 - src/decls/webpack.js
 - src/defaults/compiler_config_factory.js
 - src/defaults/dev_server_config_factory.js
 - src/defaults/project_config_factory.js
 - src/index.js
+- src/mount/index.js
+- src/provide/index.js
 - src/utils/__tests__/extract_config-test.js
 - src/utils/__tests__/merge_config-test.js
 - src/utils/__tests__/path-test.js
@@ -108,6 +125,7 @@ files:
 - src/utils/merge_config.js
 - src/utils/misc.js
 - src/utils/path.js
+- src/utils/webpack.js
 - wallaby.js
 homepage: https://github.com/guzart/hauler
 licenses: