hauler 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 517e3c307e0c965ff5d4d8db2ed055cb4e1c39a4
+  data.tar.gz: 864053fb64d3c840c4eea0b276dab19282eed481
+SHA512:
+  metadata.gz: 7a3c900c022d9b185d912b9b69e087a2b81bd29352c36af60b6e94c3b9eb1a8fd8c69d05f214ca8d94421c6acd7221e9dada5f4b21b388d5837da9a53645d93a
+  data.tar.gz: f75794386bfcc518f0323d74c513f9527ded971b2d409c71a464eabbc41cfc68cc51a4700f726b1a46491dfc3764b3a41600a1a7b182a8c8af8c1f3c6bdbe531

data/.babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["transform-flow-strip-types"]
+}

data/.eslintrc

@@ -0,0 +1,13 @@
+---
+extends:
+  - airbnb
+
+parser: babel-eslint
+
+plugins:
+  - flow-vars
+
+rules:
+  flow-vars/define-flow-type: 1
+  flow-vars/use-flow-type: 1
+  max-len: [2, 140, 2]

data/.flowconfig

@@ -0,0 +1,13 @@
+[ignore]
+dist/
+
+[include]
+
+[libs]
+src/decls/
+
+[options]
+module.ignore_non_literal_requires=true
+
+[version]
+0.30.0

data/.gitignore

@@ -0,0 +1,13 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/dist/
+/doc/
+/node_modules/
+/pkg/
+/spec/reports/
+/tmp/
+
+/Gemfile.lock
+/*.gem

data/.rubocop.yml

@@ -0,0 +1,5 @@
+Metrics/LineLength:
+  Max: 100
+
+Style/NegatedIf:
+  Enabled: false

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.3.1
+before_install: gem install bundler -v 1.12.5

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in hauler.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Arturo Guzman
+
+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/Makefile

@@ -0,0 +1,5 @@
+
+build:
+	gem build hauler.gemspec
+
+.PHONY: all;

data/README.md

@@ -0,0 +1,119 @@
+# Hauler
+
+Replaces the default Rails asset management (Sprockets) with the superior Webpack.
+
+Improve your DX (Developer Experience) by developing your application UI using
+JavaScript Components.
+
+1. [Setup](#setup)  
+  1. [New Rails Application](#new-rails-application)  
+  1. [Existing Rails Application](#existing-rails-applications)
+1. [Installation](#installation)
+1. [Update](#update)
+1. [Usage](#usage)
+
+## Preparation
+
+### New Rails Application
+
+Create your new application skipping all javascript assets and sprockets (where "*my_app*" refers to your app name).
+
+```bash
+rails new my_app --skip-javascript --skip-turbolinks --skip-sprockets
+```
+
+### Existing Rails Applications
+
+Remove sprockets from your application loaded modules inside the `config/application.rb` file.
+
+If you used the default Rails generator, then replace the line `require 'rails/all'` with:
+
+```ruby
+require 'rails'
+# Pick the frameworks you want:
+require 'active_model/railtie'
+require 'active_job/railtie'
+require 'active_record/railtie'
+require 'action_controller/railtie'
+require 'action_mailer/railtie'
+require 'action_view/railtie'
+# require 'sprockets/railtie'
+require 'rails/test_unit/railtie'
+```
+
+If you used a custom Rails app generation, just remove the line:
+
+```bash
+require 'sprockets/railtie'
+```
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'hauler'
+```
+
+And then execute:
+
+```bash
+bundle
+bin/rails generate hauler:install
+```
+
+Set your application `config.action_controller.asset_host` using an environment variable.
+
+```bash
+export ASSET_HOST="//localhost:8080"
+```
+
+```ruby
+# config/application.rb
+config.action_controller.asset_host = ENV.fetch('ASSET_HOST')
+```
+
+## Update
+
+```bash
+bin/rails generate hauler:install
+```
+
+## Usage
+
+Run your rails server normally:
+
+```bash
+bin/rails server
+```
+
+In a different terminal window run Webpack dev server:
+
+```bash
+npm start
+```
+
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/guzart/hauler.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+# TODO
+
+* add "start" script that runs the hauler.js binary
+* install React dynamically, install if present or ask otherwise
+* install Sass dynamically, install if present or ask otherwise
+* add sensible defaults to the config template
+* should be able to append loaders or override them
+* one place for editing the asset host

data/Rakefile

@@ -0,0 +1,10 @@
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.libs << "lib"
+  t.test_files = FileList['test/**/*_test.rb']
+end
+
+task :default => :test

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+require 'hauler'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start

data/bin/dev-server.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+
+const env = String(process.env.RAILS_ENV || process.env.NODE_ENV);
+const Hauler = require('hauler');
+const devServerConfig = Hauler.getDevServerConfig(env);
+const compilerConfig = Hauler.getCompilerConfig(env);
+
+// console.log(devServerConfig);
+// console.log(compilerConfig);
+
+const compiler = webpack(compilerConfig);
+const devServer = new WebpackDevServer(compiler, devServerConfig);
+devServer.listen(devServerConfig.port, devServerConfig.host, (err) => {
+  if (err) {
+    throw err;
+  }
+});

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/bin/update-scripts.js

@@ -0,0 +1,17 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const pkgFilepath = path.join(process.cwd(), 'package.json');
+const pkg = require(pkgFilepath);
+if (!pkg.scripts) {
+  Object.assign(pkg, { scripts: {} });
+}
+
+Object.assign(pkg.scripts, {
+  start: './node_modules/hauler/bin/dev-server.js',
+});
+
+const output = JSON.stringify(pkg, null, 2);
+fs.writeFileSync(pkgFilepath, `${output}\n`);

data/hauler.gemspec

@@ -0,0 +1,37 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'hauler/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'hauler'
+  spec.version       = Hauler::VERSION
+  spec.authors       = ['Arturo Guzman']
+  spec.email         = ['arturo@guzart.com']
+
+  spec.summary       = 'Railtie to use webpack as an asset manager'
+  spec.description   = <<-TXT
+Railtie to generate the files needed to use webpack as a replacement of sprockets
+TXT
+  spec.homepage      = 'https://github.com/guzart/hauler'
+  spec.license       = 'MIT'
+
+  # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
+  # to allow pushing to a single host or delete this section to allow pushing to any host.
+  if spec.respond_to?(:metadata)
+    spec.metadata['allowed_push_host'] = 'https://rubygems.org'
+  else
+    raise 'RubyGems 2.0 or newer is required to protect against public gem pushes.'
+  end
+
+  spec.files = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_development_dependency 'bundler', '~> 1.12'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'minitest', '~> 5.0'
+end

data/lib/generators/hauler/install_generator.rb

@@ -0,0 +1,34 @@
+module Hauler
+  module Generators
+    #:nodoc:
+    class InstallGenerator < ::Rails::Generators::Base
+      desc 'Copy Hauler configuration files'
+      source_root File.expand_path('../templates', __FILE__)
+
+      def copy_config_hauler
+        template 'config/hauler.js'
+      end
+
+      def copy_eslintrc
+        template 'eslintrc.json', '.eslintrc.json'
+      end
+
+      def copy_sass_lint_yml
+        template 'sass-lint.yml', '.sass-lint.yml'
+      end
+
+      def copy_package_json
+        has_package_json = File.exist?(Rails.root.join('package.json'))
+        template 'package.json' if !has_package_json
+      end
+
+      def copy_webpack_config
+        template 'webpack.config.js'
+      end
+
+      def install_npm
+        generate 'hauler:install_npm'
+      end
+    end
+  end
+end

data/lib/generators/hauler/install_npm_generator.rb

@@ -0,0 +1,110 @@
+module Hauler
+  module Generators
+    #:nodoc:
+    class InstallNpmGenerator < ::Rails::Generators::Base
+      desc 'Setup hauler project'
+      source_root File.expand_path('../templates', __FILE__)
+
+      NPM_DEV_DEPENDENCIES = <<-TXT.freeze
+        babel-core@6.11.4
+        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
+        css-loader@0.23.1
+        extract-text-webpack-plugin@1.0.1
+        file-loader@0.9.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
+      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
+      TXT
+
+      REACT_NPM_DEPENDENCIES = <<-TXT.freeze
+        immutable@3.8.1
+        react@15.2.1
+        react-dom@15.2.1
+        react-redux@4.4.5
+        react-router@2.6.1
+        react-router-redux@4.0.5
+        react-router-scroll@0.2.1
+        redux@3.5.2
+        redux-immutable@3.0.6
+        redux-saga@0.11.0
+        reselect@2.5.3
+      TXT
+
+      SASS_NPM_DEV_DEPENDENCIES = <<-TXT.freeze
+        node-sass@3.8.0
+        sass-loader@4.0.0
+      TXT
+
+      NPM_DEPENDENCIES = <<-TXT.freeze
+        babel-polyfill@6.9.1
+        whatwg-fetch@1.0.0
+      TXT
+
+      def add_scripts_to_package
+        `./node_modules/hauler/bin/update-scripts.js`
+      end
+
+      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)
+      end
+
+      def install_react_dependencies
+        puts 'Installing React NPM dev dependencies...'
+        install_deps(REACT_NPM_DEV_DEPENDENCIES)
+
+        puts 'Installing React NPM dependencies...'
+        install_deps(REACT_NPM_DEPENDENCIES, dev: false)
+      end
+
+      def install_sass_dependencies
+        puts 'Installing Sass NPM dependencies...'
+        install_deps(SASS_NPM_DEV_DEPENDENCIES)
+      end
+
+      def install_dependencies
+        puts 'Installing NPM dependencies...'
+        install_deps(NPM_DEPENDENCIES, dev: false)
+      end
+
+      private
+
+      def install_deps(list, dev: true)
+        flag = dev ? '--save-dev' : '--save'
+        `npm install #{flag} #{list.gsub(/\s+/m, ' ')}`
+      end
+    end
+  end
+end

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

@@ -0,0 +1,6 @@
+
+module.exports = {
+  entries: [
+    '~app/assets/my_app/index.js',
+  ],
+};

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

@@ -0,0 +1,27 @@
+{
+  "extends": [
+    "airbnb",
+    "plugin:import/errors",
+    "plugin:import/warnings"
+  ],
+  "parser": "babel-eslint",
+  "plugins": [
+    "flow-vars"
+  ],
+  "rules": {
+    "flow-vars/define-flow-type": 1,
+    "flow-vars/use-flow-type": 1,
+    "max-len": [2, 140, 2]
+  },
+  "settings": {
+    "import/ignore": [
+      "node_modules",
+      "\\.(jpg|png|scss)"
+    ],
+    "import/resolver": {
+      "webpack": {
+        "config": "webpack.config.js"
+      }
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+{
+  "private": true,
+  "scripts": {
+  },
+  "dependencies": {
+  },
+  "devDependencies": {
+  }
+}

data/lib/generators/hauler/templates/sass-lint.yml

@@ -0,0 +1,6 @@
+# https://github.com/sasstools/sass-lint/blob/master/lib/config/sass-lint.yml
+options:
+  formatter: stylish
+
+files:
+  include: '**/*.s+(a|c)ss'

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

@@ -0,0 +1,5 @@
+
+const Hauler = require('hauler');
+const env = String(process.env.RAILS_ENV || process.env.NODE_ENV);
+
+module.exports = Hauler.getCompilerConfig(env);

data/lib/hauler/asset_tag_helper.rb

@@ -0,0 +1,27 @@
+require 'active_support/concern'
+require 'action_view/helpers'
+
+module Hauler
+  #:nodoc:
+  module AssetTagHelper
+    extend ::ActiveSupport::Concern
+
+    include ::ActionView::Helpers
+
+    included do
+      def hauler_javascript_include_tag(*sources)
+        if Rails.application.config.hauler.dev_server
+          # TODO: Get this from the configuration
+          return javascript_include_tag('http://localhost:3001/assets/' + sources.first + '.js')
+        end
+
+        javascript_include_tag(*sources)
+      end
+
+      def hauler_stylesheet_link_tag(*sources)
+        return nil if Rails.application.config.hauler.dev_server
+        stylesheet_link_tag(*sources)
+      end
+    end
+  end
+end

data/lib/hauler/railtie.rb

@@ -0,0 +1,28 @@
+require 'rails'
+require 'rails/railtie'
+require 'active_support/ordered_options'
+require 'hauler/asset_tag_helper'
+# require 'yaml'
+# require 'erb'
+
+module Hauler
+  #:nodoc:
+  class Railtie < ::Rails::Railtie
+    config.hauler = ActiveSupport::OrderedOptions.new
+    config.hauler.dev_server = true
+
+    initializer 'hauler.configure_rails_initialization' do
+      # yaml = Pathname.new(Rails.root.join('config', 'assets.yml'))
+      # assets_config = YAML.load(ERB.new(yaml.read).result) || {}
+      # assets_config = assets_config[Rails.env]
+
+      # if config.action_controller.asset_host.blank?
+      #   config.action_controller.asset_host = assets_config['asset_host']
+      # end
+
+      ::ActiveSupport.on_load :action_view do
+        include ::Hauler::AssetTagHelper
+      end
+    end
+  end
+end

data/lib/hauler/version.rb

@@ -0,0 +1,3 @@
+module Hauler
+  VERSION = '0.1.0'.freeze
+end

data/lib/hauler.rb

@@ -0,0 +1,2 @@
+require 'hauler/version'
+require 'hauler/railtie' if defined?(Rails)

data/make-package.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node --use_strict
+
+const fs = require('fs');
+
+const pkg = 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());

data/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "hauler",
+  "version": "0.1.0",
+  "description": "NodeJS binary for the hauler gem",
+  "author": "Arturo Guzman @guzart",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/guzart/hauler.git"
+  },
+  "main": "dist/index.js",
+  "bin": {
+    "hauler-server": "bin/dev-server.js",
+    "hauler-update-scripts": "bin/update-scripts"
+  },
+  "directories": {
+    "test": "test"
+  },
+  "scripts": {
+    "build": "npm-run-all clean compile generate_package",
+    "clean": "rm -rf ./dist",
+    "compile": "./node_modules/babel-cli/bin/babel.js --out-dir=./dist --ignore=./decls ./src",
+    "dev": "npm-run-all clean watch",
+    "generate_package": "node make-package.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "./node_modules/babel-cli/bin/babel.js --watch=./src --ignore=./decls --out-dir=./dist"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.11.4",
+    "babel-eslint": "^6.1.2",
+    "babel-plugin-transform-flow-strip-types": "^6.8.0",
+    "eslint": "^3.2.0",
+    "eslint-plugin-flow-vars": "^0.5.0",
+    "eslint-plugin-flowtype": "^2.4.0",
+    "flow-bin": "^0.30.0"
+  }
+}

data/src/decls/hauler.js

@@ -0,0 +1,17 @@
+
+export type ProjectConfig = {
+  entries?: {[name: string]: string | Array<string>},
+  javascriptLoader?: WebpackLoader,
+  sassLoader?: WebpackLoader,
+  fontLoader?: WebpackLoader,
+  imageLoader?: WebpackLoader,
+  prependPlugins?: Array<WebpackPlugin>,
+  plugins?: Array<WebpackPlugin>,
+  appendPlugins?: Array<WebpackPlugin>,
+  devServer?: WebpackDevServerConfig,
+  compiler?: WebpackConfig,
+};
+
+export type DevServerConfigFactory = (env: string) => WebpackDevServerConfig;
+
+export type ProjectConfigFactory = (env: string) => ProjectConfig;

data/src/decls/webpack.js

@@ -0,0 +1,119 @@
+// @flow
+
+export type WebpackDevServerStatsConfig = {
+  colors?: boolean,
+  hash?: boolean,
+  version?: boolean,
+  timings?: boolean,
+  chunks?: boolean,
+  chunkModules?: boolean,
+  modules?: boolean,
+  children?: boolean,
+  cached?: boolean,
+  reasons?: boolean,
+  source?: boolean,
+  errorDetails?: boolean,
+  chunkOrigins?: boolean,
+};
+
+export type WebpackDevServerConfig = {
+  contentBase?: string,
+  quiet?: boolean,
+  noInfo?: boolean,
+  host?: string,
+  port?: number,
+  hot?: boolean,
+  inline?: boolean,
+  publicPath?: string,
+  headers?: Object,
+  stats?: WebpackDevServerStatsConfig,
+};
+
+export type WebpackEntry = string | Array<string> | { [key: string]: WebpackEntry };
+
+export type WebpackResolveConfig = {
+  alias?: Object,
+  root?: string | Array<string>,
+  modulesDirectories?: Array<string>,
+  fallback?: string | Array<string>,
+  extensions?: Array<string>,
+  packageMains?: Array<string>,
+  packageAlias?: string | Array<string> | Object,
+  unsafeCache?: true | RegExp | Array<RegExp>,
+};
+
+export type WebpackResolveLoaderConfig = WebpackResolveConfig & {
+  moduleTemplates?: Array<string>,
+};
+
+export type WebpackLoader = {
+  test?: Object,
+  exclude?: Object,
+  include?: Object,
+  loader?: string,
+  loaders?: Array<string>,
+  query?: Object,
+};
+
+export type WebpackModuleConfig = {
+  loaders?: Array<WebpackLoader>;
+  preLoaders?: Array<WebpackLoader>;
+  postLoaders?: Array<WebpackLoader>;
+  noParse?: Object | Array<Object>;
+}
+
+export type WebpackPlugin = Object;
+
+export type WebpackOutputConfig = {
+  filename?: string,
+  path?: string,
+  publicPath?: string,
+  chunkFilename?: string,
+  sourceMapFilename?: string,
+  devtoolModuleFilenameTemplate?: string,
+  devtoolFallbackModuleFilenameTemplate?: string,
+  devtoolLineToLine?: {
+    test?: Object,
+    include?: Object,
+    exclude?: Object,
+  },
+  hotUpdateChunkFilename?: string,
+  hotUpdateMainFilename?: string,
+  jsonpFunction?: string,
+  hotUpdatefunction?: string,
+  pathinfo?: boolean,
+  library?: string,
+  libraryTarget?: 'var' | 'this' | 'commonjs' | 'commonjs2' | 'amd' | 'umd',
+  umdNamedDefine?: boolean,
+  sourcePrefix?: string,
+  crossOriginLoading?: false | 'anonymous' | 'use-credentials',
+};
+
+export type WebpackConfig = {
+  context?: string,
+  entry?: WebpackEntry,
+  output?: WebpackOutputConfig,
+  module?: WebpackModuleConfig,
+  resolve?: WebpackResolveConfig,
+  resolveLoader?: WebpackResolveLoaderConfig,
+  externals?: Array<any>,
+  target?: 'web' | 'webworker' | 'node' | 'async-node' | 'node-webkit' | 'electron',
+  bail?: boolean,
+  profile?: boolean,
+  cache?: boolean,
+  watch?: boolean,
+  watchOptions?: {
+    aggregateTimeout?: number,
+    poll?: boolean,
+  },
+  debug?: boolean,
+  devtool?: string,
+  devServer?: WebpackDevServerConfig,
+  node?: Object,
+  amd?: Object,
+  loader?: any,
+  recordsPath?: string,
+  recordsInputPath?: string,
+  recordsOutputPath?: string,
+  plugins?: Array<WebpackPlugin>,
+};

data/src/defaults/compiler_config_factory.js

@@ -0,0 +1,117 @@
+// @flow
+
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const webpack = require('webpack');
+
+function getPlugins(env: string) {
+  let plugins = [
+    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.NoErrorsPlugin(),
+    ]);
+  }
+
+  if (env === 'production') {
+    plugins = plugins.concat([
+      new webpack.optimize.OccurrenceOrderPlugin(true),
+      new webpack.optimize.DedupePlugin(),
+      new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }),
+      new ExtractTextPlugin('[name].[contenthash].css'),
+    ]);
+  }
+
+  return plugins;
+}
+
+function configFactory(env: string) {
+  // individual loaders so that they can be replaced separately
+  const javascriptLoader = {
+    test: /\.jsx?$/,
+    loader: 'babel',
+    exclude: /node_modules/,
+    query: {
+      presets: ['es2015', 'react', 'stage-2'],
+      plugins: ['transform-class-properties'],
+    },
+  };
+
+  const sassLoader = {
+    test: /\.scss$/,
+    loader: 'style!css!sass',
+  };
+
+  const fontLoader = {
+    test: /\.(eot|svg|ttf|woff|woff2)$/,
+    loader: 'file',
+  };
+
+  const imageLoader = {
+    test: /\.(jpg|png|gif)$/,
+    loaders: [
+      'file',
+      'image-webpack?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "65-90", speed: 4}}',
+    ],
+  };
+
+  if (env === 'production') {
+    javascriptLoader.query.plugins = javascriptLoader.query.plugins.concat([
+      'transform-react-remove-prop-types',
+      'transform-react-constant-elements',
+      'transform-react-inline-elements',
+    ]);
+
+    sassLoader.loader = ExtractTextPlugin.extract(
+      'style',
+      sassLoader.loader.replace('style!', '')
+    );
+  }
+
+  const appendPlugins = [];
+  const plugins = getPlugins(env);
+  const prependPlugins = [];
+
+  // straight webpack configuration
+  const compiler = {
+    output: {
+      filename: '[name].[chunkhash].js',
+      path: '~public/assets',
+      chunkFilename: '[name].[chunkhash].chunk.js',
+    },
+    resolve: {
+      root: [
+        '~app/assets',
+        '~lib/assets',
+      ],
+    },
+    devtool: '',
+    target: 'web',
+  };
+
+  if (env === 'development') {
+    compiler.output.filename = '[name].js';
+    compiler.output.chunkFilename = '[name].chunk.js';
+  }
+
+  return {
+    javascriptLoader,
+    sassLoader,
+    fontLoader,
+    imageLoader,
+    prependPlugins,
+    plugins,
+    appendPlugins,
+    compiler,
+  };
+}
+
+module.exports = configFactory;

data/src/defaults/dev_server_config_factory.js

@@ -0,0 +1,20 @@
+function defaultConfigFactory() {
+  return {
+    quiet: false,
+    noInfo: false,
+    host: 'localhost',
+    port: 3001,
+    hot: true,
+    inline: true,
+    publicPath: '/assets/',
+    headers: { 'AccessControl-Allow-Origin': '*' },
+    stats: {
+      colors: true,
+      chunks: true,
+      chunkModules: true,
+      timings: true,
+    },
+  };
+}
+
+module.exports = defaultConfigFactory;

data/src/index.js

@@ -0,0 +1,122 @@
+// @flow
+// NOTE: This code is executed in a Gem, which makes any npm package unavailable
+
+const compilerDefaultsFactory = require('./defaults/compiler_config_factory');
+const devServerDefaultsFactory = require('./defaults/dev_server_config_factory');
+const utils = require('./utils');
+
+function extractLoaders(config: ProjectConfig): Array<WebpackLoader> {
+  return utils.compact([
+    config.javascriptLoader,
+    config.sassLoader,
+    config.fontLoader,
+    config.imageLoader,
+  ]);
+}
+
+function extractResolve(config: ProjectConfig): WebpackResolveConfig {
+  const resolve = config.compiler && config.compiler.resolve;
+  const modules = resolve && resolve.modules || ['node_modules'];
+  return utils.deepMerge(resolve, { modules: utils.railsPath(modules) });
+}
+
+function extractPlugins(config: ProjectConfig): Array<WebpackPlugin> {
+  const prepend = config.prependPlugins || [];
+  const plugins = config.plugins || [];
+  const appendPlugins = config.appendPlugins || [];
+  return prepend.concat(plugins).concat(appendPlugins);
+}
+
+function extractModule(config: ProjectConfig): WebpackModuleConfig {
+  const module = config.compiler && config.compiler.module;
+  return utils.deepMerge(module, {
+    loaders: extractLoaders(config),
+  });
+}
+
+function extractOutput(config: ProjectConfig): WebpackOutputConfig {
+  const output = config.compiler && config.compiler.output || {};
+  const path = output.path || '';
+  return utils.deepMerge(output, {
+    path: utils.railsPath(path),
+  });
+}
+
+function parseToCompilerConfig(config: ProjectConfig): WebpackConfig {
+  return {
+    entry: utils.railsPath(config.entries),
+    output: extractOutput(config),
+    module: extractModule(config),
+    plugins: extractPlugins(config),
+    resolve: extractResolve(config),
+  };
+}
+
+function extractPublicPath(config: WebpackDevServerConfig): string {
+  const publicPath = config.publicPath;
+  if (publicPath == null) {
+    return '';
+  }
+
+  if (publicPath.indexOf('http') !== -1) {
+    return publicPath;
+  }
+
+  const host = config.host || 'localhost';
+  const port = config.port || 30001;
+  return `http://${host}:${port}/${publicPath.replace(/^\//, '')}`;
+}
+
+function prepareDevServerConfig(config: WebpackDevServerConfig): WebpackDevServerConfig {
+  const output = Object.assign({}, config, {
+    publicPath: extractPublicPath(config),
+  });
+
+  return output;
+}
+
+const projectConfig: ProjectConfig = require(utils.railsPath('~config/hauler.js'));
+
+/**
+ * Returns a factory for getting the project webpack dev server configuration using the
+ * value of the `devServer` property in the result of `{Rails.root}/config/hauler.js`
+ */
+function webpackDevServerConfigFactory(defaultsFactory: DevServerConfigFactory) {
+  return (env: string): WebpackDevServerConfig => {
+    const defaultDevServerConfig = defaultsFactory(env);
+    const projectDevServerConfig = projectConfig.devServer;
+    const devServerConfig = utils.deepMerge(defaultDevServerConfig, projectDevServerConfig);
+    return prepareDevServerConfig(devServerConfig);
+  };
+}
+
+function webpackCompilerConfigFactory(defaultsFactory: ProjectConfigFactory) {
+  return (env: string) => {
+    const defaultProjectConfig = defaultsFactory(env);
+    const haulerProjectConfig = utils.deepMerge(defaultProjectConfig, projectConfig);
+    const webpackConfig = parseToCompilerConfig(haulerProjectConfig);
+    return utils.deepMerge(webpackConfig, projectConfig.compiler || {});
+  };
+}
+
+const Hauler = {
+  getCompilerConfigFactory() {
+    return webpackCompilerConfigFactory(compilerDefaultsFactory);
+  },
+
+  getCompilerConfig(env: string) {
+    const configFactory = Hauler.getCompilerConfigFactory();
+    return configFactory(env);
+  },
+
+  getDevServerConfig(env: string) {
+    const configFactory = Hauler.getDevServerConfigFactory();
+    return configFactory(env);
+  },
+
+  getDevServerConfigFactory() {
+    return webpackDevServerConfigFactory(devServerDefaultsFactory);
+  },
+};
+
+module.exports = Hauler;

data/src/utils.js

@@ -0,0 +1,103 @@
+// @flow
+export type Hash = {[name: string]: any};
+
+const railsRoot = process.cwd();
+
+function pathJoin(...pieces: Array<?string>): string {
+  const firstPiece = (pieces[0] || '').replace(/\/$/, '');
+  const output = [firstPiece];
+  pieces.slice(1).forEach(piece => {
+    if (piece == null) {
+      return;
+    }
+
+    const cleanPiece = piece.replace(/^\/|\/$/g, '');
+    output.push(cleanPiece);
+  });
+
+  return output.join('/');
+}
+
+function railsPath(value: any): any {
+  if (Array.isArray(value)) {
+    return value.map(item => railsPath(item));
+  }
+
+  if (value instanceof Object) {
+    const output = {};
+    Object.keys(value).forEach((key) => {
+      output[key] = railsPath(value[key]);
+    });
+    return output;
+  }
+
+  if (!/^~/.test(value)) {
+    return value;
+  }
+
+  return pathJoin(railsRoot, value.replace(/^~/, ''));
+}
+
+function compact<A>(list: Array<?A>): Array<A> {
+  const output = [];
+  list.forEach(item => {
+    if (item != null) {
+      output.push(item);
+    }
+  });
+
+  return output;
+}
+
+function merge<A: Hash, B: Hash>(a?: A, b?: B): A & B {
+  return Object.assign({}, a, b);
+}
+
+function deepMerge<A: Hash, B: Hash>(a?: A, b?: B): A & B {
+  const output = Object.assign({}, a, b);
+  if (a == null || b == null) {
+    return output;
+  }
+
+  if (Array.isArray(a) && Array.isArray(b)) {
+    return b;
+  }
+
+  const validB = b;
+  const keysB = Object.keys(validB);
+  keysB.forEach(keyB => {
+    const valueA = output[keyB];
+    const valueB = validB[keyB];
+    if (valueB === undefined) {
+      return;
+    }
+
+    if (valueA instanceof Object && valueB instanceof Object) {
+      Object.assign(output, { [keyB]: deepMerge(valueA, valueB) });
+      return;
+    }
+
+    Object.assign(output, { [keyB]: valueB });
+  });
+
+  return output;
+}
+
+function omit(keys: Array<string>, hash: Hash) {
+  const output = {};
+  Object.keys(hash).forEach((key) => {
+    if (keys.indexOf(key) === -1) {
+      output[key] = hash[key];
+    }
+  });
+  return output;
+}
+
+module.exports = {
+  pathJoin,
+  railsPath,
+  compact,
+  merge,
+  deepMerge,
+  omit,
+};

metadata

@@ -0,0 +1,125 @@
+--- !ruby/object:Gem::Specification
+name: hauler
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Arturo Guzman
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-07-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+description: 'Railtie to generate the files needed to use webpack as a replacement
+  of sprockets
+
+'
+email:
+- arturo@guzart.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".babelrc"
+- ".eslintrc"
+- ".flowconfig"
+- ".gitignore"
+- ".rubocop.yml"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- Makefile
+- README.md
+- Rakefile
+- bin/console
+- bin/dev-server.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/config/hauler.js
+- lib/generators/hauler/templates/eslintrc.json
+- lib/generators/hauler/templates/package.json
+- lib/generators/hauler/templates/sass-lint.yml
+- lib/generators/hauler/templates/webpack.config.js
+- lib/hauler.rb
+- lib/hauler/asset_tag_helper.rb
+- lib/hauler/railtie.rb
+- lib/hauler/version.rb
+- make-package.js
+- package.json
+- src/decls/hauler.js
+- src/decls/webpack.js
+- src/defaults/compiler_config_factory.js
+- src/defaults/dev_server_config_factory.js
+- src/index.js
+- src/utils.js
+homepage: https://github.com/guzart/hauler
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '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: Railtie to use webpack as an asset manager
+test_files: []