webpacker 0.2 → 1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8718b611e0688ca042fc8c4e76cbac4037eb7ef8
-  data.tar.gz: 22a7a34b3326f4cb4da111d84875a0e5493a9794
+  metadata.gz: d08bb5dd0f0a4b9fea13b49223f8c8ab56bc9269
+  data.tar.gz: 51fef7706f57d3a3676334251e89886b5690290a
 SHA512:
-  metadata.gz: 2faf426f4d370a0107f5fc865125c127ab2ef280dddb037d89214798f776b9cd2b29534c98059ac30e283a4946586f88176086b42e343ae6bfc489abfb3b1353
-  data.tar.gz: 9c4b9245412e474a8c248d3857c49fee082ca41d9663d30f8cf2ff474b061804136b0b3327961b6d6d918087eae2767a8d96b32a977a72f661cef6a10084df0b
+  metadata.gz: a86074c5ea9ddcee8b3fe380ddad6fe8b07fe5ddaf6cc0cc593d473fb16faf0df74f2373e8983ed171b702cb0ba047025bab07c41b54a2a52d2703e89d6f6417
+  data.tar.gz: 99dfc2b3a748c8cac918423b22a765f24ae339d7960210ea2db66b9f84b40c3f958ff4b527939cf41125b48207a367f51892f3d7d7616e6145e9c16301f89a64

data/Gemfile.lock

@@ -1,55 +1,55 @@
 PATH
   remote: .
   specs:
-    webpacker (0.1)
-      activesupport (>= 3.0.0, < 5.1)
+    webpacker (0.2)
+      activesupport (>= 5.0)
       multi_json (~> 1.2)
-      railties (~> 5)
+      railties (>= 5.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actionpack (5.0.0.1)
-      actionview (= 5.0.0.1)
-      activesupport (= 5.0.0.1)
+    actionpack (5.0.1)
+      actionview (= 5.0.1)
+      activesupport (= 5.0.1)
       rack (~> 2.0)
       rack-test (~> 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    actionview (5.0.0.1)
-      activesupport (= 5.0.0.1)
+    actionview (5.0.1)
+      activesupport (= 5.0.1)
       builder (~> 3.1)
       erubis (~> 2.7.0)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    activesupport (5.0.0.1)
+    activesupport (5.0.1)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (~> 0.7)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
-    builder (3.2.2)
-    concurrent-ruby (1.0.2)
+    builder (3.2.3)
+    concurrent-ruby (1.0.4)
     erubis (2.7.0)
-    i18n (0.7.0)
+    i18n (0.8.0)
     loofah (2.0.3)
       nokogiri (>= 1.5.9)
     method_source (0.8.2)
     mini_portile2 (2.1.0)
     minitest (5.10.1)
     multi_json (1.12.1)
-    nokogiri (1.6.8.1)
+    nokogiri (1.7.0.1)
       mini_portile2 (~> 2.1.0)
     rack (2.0.1)
     rack-test (0.6.3)
       rack (>= 1.0)
-    rails-dom-testing (2.0.1)
+    rails-dom-testing (2.0.2)
       activesupport (>= 4.2.0, < 6.0)
-      nokogiri (~> 1.6.0)
+      nokogiri (~> 1.6)
     rails-html-sanitizer (1.0.3)
       loofah (~> 2.0)
-    railties (5.0.0.1)
-      actionpack (= 5.0.0.1)
-      activesupport (= 5.0.0.1)
+    railties (5.0.1)
+      actionpack (= 5.0.1)
+      activesupport (= 5.0.1)
       method_source
       rake (>= 0.8.7)
       thor (>= 0.18.1, < 2.0)
@@ -67,4 +67,4 @@ DEPENDENCIES
   webpacker!
 
 BUNDLED WITH
-   1.12.1
+   1.14.3

data/README.md

@@ -1,33 +1,46 @@
 # Webpacker
 
-Webpacker makes it easy to use the JavaScript preprocessor and bundler [Webpack](http://webpack.github.io)
+Webpacker makes it easy to use the JavaScript preprocessor and bundler [Webpack](https://webpack.github.io)
 to manage application-like JavaScript in Rails. It coexists with the asset pipeline,
 as the purpose is only to use Webpack for app-like JavaScript, not images, css, or
 even JavaScript Sprinkles (that all continues to live in app/assets).
 
-It's designed to work with Rails 5.1+ and makes use of the [Yarn](https://yarnpkg.com/) dependency management
+It's designed to work with Rails 5.1+ and makes use of the [Yarn](https://yarnpkg.com) dependency management
 that's been made default from that version forward.
-It's also currently compatible with Rails 5.0 stable but there's absolutely no warranty
-it will still be in the future.
+
+## Installation
+
+Webpacker is currently compatible with Rails 5.0 stable, but there's no guarantee it will still be
+in the future.
+
 You can either make use of Webpacker during setup of a new application with `--webpack`
 or you can add the gem and run `bin/rails webpacker:install` in an existing application.
 
+As the rubygems version isn't promised to be kept up to date until the release of Rails 5.1, you may want to include the gem directly from GitHub:
+
+```ruby
+gem 'webpacker', github: 'rails/webpacker'
+```
 
 ## Binstubs
 
 Webpacker ships with three binstubs: `./bin/webpack`, `./bin/webpack-watcher` and `./bin/webpack-dev-server`.
 They're thin wrappers around the standard webpack.js executable, just to ensure that the right configuration
-file is loaded and the node_modules from vendor are used.
+file is loaded.
+
+
+A binstub is also created to install your npm dependencies,
+and can be called via `./bin/yarn`.
 
 In development, you'll need to run `./bin/webpack-watcher` in a separate terminal from
 `./bin/rails server` to have your `app/javascript/packs/*.js` files compiled as you make changes.
 If you'd rather not have to run the two processes separately by hand, you can use
-[Foreman](http://ddollar.github.io/foreman/).
+[Foreman](https://ddollar.github.io/foreman).
 
 Alternatively, you can run `./bin/webpack-dev-server`. This will launch a
 [Webpack Dev Server](https://webpack.github.io/docs/webpack-dev-server.html) listening on http://localhost:8080/
 serving your pack files. It will recompile your files as you make changes. You also need to set
-`config.x.webpacker[:dev_server_host]` in your `config/environment/development.rb` to tell Webpacker to load
+`config.x.webpacker[:dev_server_host]` in your `config/environments/development.rb` to tell Webpacker to load
 your packs from the Webpack Dev Server. This setup allows you to leverage advanced Webpack features, such
 as [Hot Module Replacement](https://webpack.github.io/docs/hot-module-replacement-with-webpack.html).
 
@@ -72,6 +85,19 @@ will invoke the production configuration, which includes digesting. The `javascr
 method will automatically insert the correct digest when run in production mode. Just like the asset
 pipeline does it.
 
+## Linking to sprockets assets
+
+It's possible to link to assets that have been precompiled by sprockets. Add the `.erb` extension
+to your javascript file, then you can use Sprockets' asset helpers:
+
+```
+// app/javascript/my_pack/example.js.erb
+
+<% helpers = ActionController::Base.helpers %>
+var railsImagePath = "<%= helpers.image_path('rails.png') %>";
+```
+
+This is enabled by the `rails-erb-loader` loader rule in `config/webpack/shared.js`.
 
 ## Ready for React
 
@@ -79,13 +105,16 @@ To use Webpacker with React, just create a new app with `rails new myapp --webpa
 will be added via yarn and changes to the configuration files made. Now you can create JSX files and
 have them properly compiled automatically.
 
+## Ready for Angular with TypeScript
+
+To use Webpacker with Angular, just create a new app with `rails new myapp --webpack=angular` (or run `rails webpacker:install:angular` on a Rails 5.1 app already setup with webpack). TypeScript support and the Angular core libraries will be added via yarn and changes to the configuration files made. An example component written in TypeScript is also added to your project in `app/javascript` so that you can experiment Angular right away.
 
-## Work left to do
+## Wishlist
 
-- Make asset pipeline digests readable from webpack, so you can reference images etc
+- Improve process for linking to assets compiled by sprockets - shouldn't need to specify
+` <% helpers = ActionController::Base.helpers %>` at the beginning of each file
 - Consider chunking setup
 - Consider on-demand compiling with digests when digesting=true
-- I'm sure a ton of other shit
 
 ## License
-Webpacker is released under the [MIT License](http://www.opensource.org/licenses/MIT).
+Webpacker is released under the [MIT License](https://opensource.org/licenses/MIT).

data/lib/install/angular/hello_angular.js

@@ -0,0 +1,7 @@
+// Run this Angular example by adding the following HTML markup to your view:
+//
+// <hello-angular>Loading...</hello-angular>
+//
+// <%= javascript_pack_tag 'hello_angular' %>
+
+require("hello_angular")

data/lib/install/angular/hello_angular/app/app.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'hello-angular',
+  template: `<h1>Hello {{name}}</h1>`
+})
+export class AppComponent {
+  name = 'Angular!';
+}

data/lib/install/angular/hello_angular/app/app.module.ts

@@ -0,0 +1,16 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

data/lib/install/angular/hello_angular/index.ts

@@ -0,0 +1,6 @@
+import './polyfills.ts';
+
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);

data/lib/install/angular/hello_angular/polyfills.ts

@@ -0,0 +1,19 @@
+// This file includes polyfills needed by Angular and is loaded before
+// the app. You can add your own extra polyfills to this file.
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/set';
+import 'core-js/es6/reflect';
+
+import 'core-js/es7/reflect';
+import 'zone.js/dist/zone';

data/lib/install/angular/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "lib": ["es6", "dom"],
+    "module": "es6",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "target": "es5"
+  },
+  "exclude": [
+    "**/*.spec.ts",
+    "node_modules",
+    "public"
+  ],
+  "compileOnSave": false
+}

data/lib/install/bin/webpack-dev-server.tt

@@ -1,14 +1,13 @@
 <%= shebang %>
 
-RAILS_ENV   = ENV['RAILS_ENV'] || 'development'
-WEBPACK_ENV = ENV['WEBPACK_ENV'] || RAILS_ENV
+RAILS_ENV = ENV['RAILS_ENV'] || 'development'
+NODE_ENV  = ENV['NODE_ENV'] || RAILS_ENV
 
-APP_PATH    = File.expand_path('../', __dir__)
-VENDOR_PATH = File.expand_path('../vendor', __dir__)
+APP_PATH = File.expand_path('../', __dir__)
 
-SET_NODE_PATH  = "NODE_PATH=#{VENDOR_PATH}/node_modules"
-WEBPACKER_BIN    = "./node_modules/.bin/webpack-dev-server"
-WEBPACK_CONFIG = "#{APP_PATH}/config/webpack/#{WEBPACK_ENV}.js"
+SET_NODE_PATH  = "NODE_PATH=#{APP_PATH}/node_modules"
+WEBPACKER_BIN  = "./node_modules/.bin/webpack-dev-server"
+WEBPACK_CONFIG = "#{APP_PATH}/config/webpack/#{NODE_ENV}.js"
 
 # Warn the user if the configuration is not set
 RAILS_ENV_CONFIG = File.join("config", "environments", "#{RAILS_ENV}.rb")
@@ -18,6 +17,6 @@ unless File.foreach(File.join(APP_PATH, RAILS_ENV_CONFIG)).detect { |line| line.
   puts "Warning: if you want to use webpack-dev-server, you need to tell Webpacker to serve asset packs from it. Please set config.x.webpacker[:dev_server_host] in #{RAILS_ENV_CONFIG}.\n\n"
 end
 
-Dir.chdir(VENDOR_PATH) do
-  exec "#{SET_NODE_PATH} #{WEBPACKER_BIN} --config #{WEBPACK_CONFIG} --content-base public/packs #{ARGV.join(" ")}"
+Dir.chdir(APP_PATH) do
+  exec "#{SET_NODE_PATH} #{WEBPACKER_BIN} --config #{WEBPACK_CONFIG} --content-base #{APP_PATH}/public/packs #{ARGV.join(" ")}"
 end

data/lib/install/bin/webpack.tt

@@ -1,15 +1,14 @@
 <%= shebang %>
 
-RAILS_ENV   = ENV['RAILS_ENV'] || 'development'
-WEBPACK_ENV = ENV['WEBPACK_ENV'] || RAILS_ENV
+RAILS_ENV = ENV['RAILS_ENV'] || 'development'
+NODE_ENV  = ENV['NODE_ENV'] || RAILS_ENV
 
-APP_PATH    = File.expand_path('../', __dir__)
-VENDOR_PATH = File.expand_path('../vendor', __dir__)
+APP_PATH = File.expand_path('../', __dir__)
 
-SET_NODE_PATH  = "NODE_PATH=#{VENDOR_PATH}/node_modules"
+SET_NODE_PATH  = "NODE_PATH=#{APP_PATH}/node_modules"
 WEBPACK_BIN    = "./node_modules/webpack/bin/webpack.js"
-WEBPACK_CONFIG = "#{APP_PATH}/config/webpack/#{WEBPACK_ENV}.js"
+WEBPACK_CONFIG = "#{APP_PATH}/config/webpack/#{NODE_ENV}.js"
 
-Dir.chdir(VENDOR_PATH) do
+Dir.chdir(APP_PATH) do
   exec "#{SET_NODE_PATH} #{WEBPACK_BIN} --config #{WEBPACK_CONFIG} #{ARGV.join(" ")}"
 end

data/lib/install/bin/yarn.tt

@@ -1,5 +1,5 @@
 <%= shebang %>
-VENDOR_PATH = File.expand_path('../vendor', __dir__)
+VENDOR_PATH = File.expand_path('..', __dir__)
 Dir.chdir(VENDOR_PATH) do
   begin
     exec "yarnpkg #{ARGV.join(" ")}"

data/lib/install/config/development.js

@@ -1,12 +1,11 @@
 // Note: You must restart bin/webpack-watcher for changes to take effect
 
-var path    = require('path')
 var webpack = require('webpack')
 var merge   = require('webpack-merge')
 
-var config = require('./shared.js')
+var sharedConfig = require('./shared.js')
 
-module.exports = merge(config, {
+module.exports = merge(sharedConfig.config, {
   devtool: 'sourcemap',
 
   stats: {

data/lib/install/config/production.js

@@ -1,13 +1,12 @@
 // Note: You must restart bin/webpack-watcher for changes to take effect
 
-var path    = require('path')
 var webpack = require('webpack')
 var merge   = require('webpack-merge')
 
-var config = require('./shared.js')
+var sharedConfig = require('./shared.js')
 
-module.exports = merge(config, {
-  output: { filename: "[name]-[hash].js" },
+module.exports = merge(sharedConfig.config, {
+  output: { filename: '[name]-[hash].js' },
 
   plugins: [
     new webpack.LoaderOptionsPlugin({

data/lib/install/config/shared.js

@@ -1,19 +1,26 @@
 // Note: You must restart bin/webpack-watcher for changes to take effect
 
+var webpack = require('webpack')
 var path = require('path')
+var process = require('process')
 var glob = require('glob')
 var extname = require('path-complete-extname')
+var distDir = process.env.WEBPACK_DIST_DIR
 
-module.exports = {
-  entry: glob.sync(path.join('..', 'app', 'javascript', 'packs', '*.js*')).reduce(
+if(distDir === undefined) {
+  distDir = 'packs'
+}
+
+config = {
+  entry: glob.sync(path.join('app', 'javascript', 'packs', '*.js*')).reduce(
     function(map, entry) {
       var basename = path.basename(entry, extname(entry))
-      map[basename] = entry
+      map[basename] = path.resolve(entry)
       return map
     }, {}
   ),
 
-  output: { filename: '[name].js', path: path.resolve('..', 'public', 'packs') },
+  output: { filename: '[name].js', path: path.resolve('public', distDir) },
 
   module: {
     rules: [
@@ -29,27 +36,35 @@ module.exports = {
         }
       },
       {
-        test: /\.erb$/,
+        test: /.erb$/,
         enforce: 'pre',
+        exclude: /node_modules/,
         loader: 'rails-erb-loader',
         options: {
-          runner: '../bin/rails runner'
+          runner: 'DISABLE_SPRING=1 bin/rails runner'
         }
       },
     ]
   },
 
-  plugins: [],
+  plugins: [
+    new webpack.EnvironmentPlugin(Object.keys(process.env))
+  ],
 
   resolve: {
     extensions: [ '.js', '.coffee' ],
     modules: [
-      path.resolve('../app/javascript'),
-      path.resolve('../vendor/node_modules')
+      path.resolve('app/javascript'),
+      path.resolve('node_modules')
     ]
   },
 
   resolveLoader: {
-    modules: [ path.resolve('../vendor/node_modules') ]
+    modules: [ path.resolve('node_modules') ]
   }
 }
+
+module.exports = {
+  distDir: distDir,
+  config: config
+}

data/lib/install/javascript/packs/application.js

@@ -1,9 +1,9 @@
-// This file is will automatically compiled by Webpack, along with any other files
+// This file is automatically compiled by Webpack, along with any other files
 // present in this directory. You're encouraged to place your actual application logic in
-// a relevant structure within app/javascript, and only use these pack files to reference
-// that code, so it'll be compiled.
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
 //
 // To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
 // layout file, like app/views/layouts/application.html.erb
 
-console.log("Hello World from Webpacker")
+console.log('Hello World from Webpacker')

data/lib/install/react/.babelrc

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

data/lib/install/template.rb

@@ -1,17 +1,16 @@
-INSTALL_PATH = File.dirname(__FILE__)
+directory "#{__dir__}/javascript", 'app/javascript'
 
-directory "#{INSTALL_PATH}/javascript", 'app/javascript'
-
-directory "#{INSTALL_PATH}/bin", 'bin'
+directory "#{__dir__}/bin", 'bin'
 chmod 'bin', 0755 & ~File.umask, verbose: false
 
-directory "#{INSTALL_PATH}/config", 'config/webpack'
+directory "#{__dir__}/config", 'config/webpack'
 
 append_to_file '.gitignore', <<-EOS
 /public/packs
+/node_modules
 EOS
 
-run './bin/yarn add --dev webpack@beta webpack-merge webpack-dev-server@beta path-complete-extname babel-loader babel-core babel-preset-latest coffee-loader coffee-script rails-erb-loader'
+run './bin/yarn add --dev webpack webpack-merge webpack-dev-server path-complete-extname babel-loader babel-core babel-preset-latest coffee-loader coffee-script rails-erb-loader glob'
 
 environment \
   "# Make javascript_pack_tag lookup digest hash to enable long-term caching\n" +

data/lib/tasks/webpacker.rake

@@ -1,18 +1,27 @@
-PACKS_PATH        = Rails.root.join('public/packs')
-PACK_DIGESTS_PATH = PACKS_PATH.join('digests.json')
-
-WEBPACKER_APP_TEMPLATE_PATH = File.expand_path('../install/template.rb', File.dirname(__FILE__))
+WEBPACKER_APP_TEMPLATE_PATH = File.expand_path('../install/template.rb', __dir__)
+REGEX_MAP = /\A.*\.map\z/
 
 namespace :webpacker do
   desc "Compile javascript packs using webpack for production with digests"
-  task :compile do
-    webpack_digests_json = JSON.parse(`WEBPACK_ENV=production ./bin/webpack --json`)['assetsByChunkName'].to_json
+  task :compile => :environment do
+    dist_dir = Rails.application.config.x.webpacker[:packs_dist_dir]
+    result   = `WEBPACK_DIST_DIR=#{dist_dir} NODE_ENV=production ./bin/webpack --json`
+
+    exit! $?.exitstatus unless $?.success?
+
+    webpack_digests = JSON.parse(result)['assetsByChunkName'].each_with_object({}) do |(chunk, file), h|
+      h[chunk] = file.is_a?(Array) ? file.find {|f| REGEX_MAP !~ f } : file
+    end.to_json
 
-    FileUtils.mkdir_p(PACKS_PATH)
-    File.open(PACK_DIGESTS_PATH, 'w+') { |file| file.write webpack_digests_json }
+    digests_path = Rails.application.config.x.webpacker[:digests_path]
+    packs_path = Rails.root.join('public', dist_dir) || File.dirname(digests_path)
+    packs_digests_path = digests_path || Rails.root.join(packs_path, 'digests.json')
 
-    puts "Compiled digests for all packs in #{PACK_DIGESTS_PATH}: "
-    puts webpack_digests_json
+    FileUtils.mkdir_p(packs_path)
+    File.open(packs_digests_path, 'w+') { |file| file.write webpack_digests }
+
+    puts "Compiled digests for all packs in #{packs_digests_path}: "
+    puts webpack_digests
   end
 
   desc "Install webpacker in this application"
@@ -42,16 +51,58 @@ namespace :webpacker do
 
       File.write config_path, config
 
+      puts "Copying .babelrc to project directory"
+      FileUtils.copy File.expand_path('../install/react/.babelrc', __dir__),
+        Rails.root
+
       puts "Copying react example to app/javascript/packs/hello_react.js"
-      FileUtils.copy File.expand_path('../install/react/hello_react.js', File.dirname(__FILE__)),
+      FileUtils.copy File.expand_path('../install/react/hello_react.js', __dir__),
         Rails.root.join('app/javascript/packs/hello_react.js')
 
       exec './bin/yarn add --dev babel-preset-react && ./bin/yarn add react react-dom'
     end
+
+    desc "Install everything needed for Angular"
+    task :angular do
+      config_path = Rails.root.join('config/webpack/shared.js')
+      config = File.read(config_path)
+
+      if config.include?('ts-loader')
+        puts "The configuration file already has a reference to ts-loader, skipping the test rule..."
+      else
+        puts "Adding a loader rule to include ts-loader for .ts files in #{config_path}..."
+        config.gsub!(/rules:(\s*\[)(\s*\{)/, "rules:\\1\\2 test: /\.ts$/, loader: 'ts-loader' },\\2")
+      end
+
+      if config =~ /["'].ts["']/
+        puts "The configuration file already has a reference to .ts extension, skipping the addition of this extension to the list..."
+      else
+        puts "Adding '.ts' in loader extensions in #{config_path}..."
+        config.gsub!(/extensions:(.*')(\s*\])/, "extensions:\\1, '.ts'\\2")
+      end
+
+      File.write config_path, config
+
+      puts "Copying Angular example to app/javascript/packs/hello_angular.js"
+      FileUtils.copy File.expand_path('../install/angular/hello_angular.js', __dir__),
+        Rails.root.join('app/javascript/packs/hello_angular.js')
+
+      puts "Copying Angular Hello app to app/javascript/hello_angular"
+      FileUtils.copy_entry File.expand_path('../install/angular/hello_angular', __dir__),
+        Rails.root.join('app/javascript/hello_angular')
+
+      puts "Copying tsconfig.json to the Rails root directory"
+      FileUtils.copy File.expand_path('../install/angular/tsconfig.json', __dir__),
+        Rails.root.join('tsconfig.json')
+
+      exec './bin/yarn add --dev typescript ts-loader && ./bin/yarn add "core-js zone.js rxjs @angular/core @angular/common @angular/compiler @angular/platform-browser @angular/platform-browser-dynamic"'
+    end
   end
 end
 
 # Compile packs after we've compiled all other assets during precompilation
-Rake::Task['assets:precompile'].enhance do
-  Rake::Task['webpacker:compile'].invoke
+if Rake::Task.task_defined?('assets:precompile')
+  Rake::Task['assets:precompile'].enhance do
+    Rake::Task['webpacker:compile'].invoke
+  end
 end

data/lib/webpacker/digests.rb

@@ -3,6 +3,8 @@
 # "calendar-1016838bab065ae1e314.js". These digested filenames are what enables you to long-term
 # cache things in production.
 class Webpacker::Digests
+  class DigestError < StandardError; end
+
   class_attribute :instance
 
   class << self
@@ -12,16 +14,16 @@ class Webpacker::Digests
 
     def lookup(name)
       if instance
-        instance.lookup(name)
+        instance.lookup(name).presence || raise(DigestError.new("Can't find #{name} in #{instance.inspect}"))
       else
-        raise "Webpacker::Digests.load(path) must be called first"
+        raise DigestError.new("Webpacker::Digests.load(path) must be called first")
       end
     end
   end
 
   def initialize(path)
-    @path = path
-    load
+    @path    = path
+    @digests = load
   end
 
   def lookup(name)
@@ -30,11 +32,11 @@ class Webpacker::Digests
 
   private
     def load
-      begin
-        @digests = JSON.parse(File.read(@path))
-      rescue Errno::ENOENT
-        Rails.logger.error \
-          "Missing digests file at #{@path}! You must first compile the packs via rails webpacker:compile"
+      if File.exist?(@path)
+        JSON.parse(File.read(@path))
+      else
+        Rails.logger.info "Didn't find any digests file at #{@path}. You must first compile the packs via rails webpacker:compile"
+        {}
       end
     end
 end

data/lib/webpacker/railtie.rb

@@ -4,15 +4,23 @@ require 'webpacker/helper'
 require 'webpacker/digests'
 
 class Webpacker::Engine < ::Rails::Engine
-  initializer :webpacker do
+  initializer :webpacker do |app|
     ActiveSupport.on_load :action_controller do
       ActionController::Base.helper Webpacker::Helper
     end
 
-    if Rails.configuration.x.webpacker[:digesting]
+    app.config.x.webpacker[:packs_dist_dir] ||= 'packs'
+    app.config.x.webpacker[:packs_dist_path] ||= \
+      "/#{app.config.x.webpacker[:packs_dist_dir]}"
+
+    if app.config.x.webpacker[:digesting]
+      app.config.x.webpacker[:digests_path] ||= \
+        Rails.root.join('public',
+                        app.config.x.webpacker[:packs_dist_dir],
+                        'digests.json')
+
       Webpacker::Digests.load \
-        Rails.application.config.x.webpacker[:digests_path] ||
-          Rails.root.join('public/packs/digests.json')
+        app.config.x.webpacker[:digests_path]
     end
   end
 end

data/lib/webpacker/source.rb

@@ -11,9 +11,9 @@ class Webpacker::Source
     if config[:dev_server_host].present?
       "#{config[:dev_server_host]}/#{filename}"
     elsif config[:digesting]
-      "/packs/#{digested_filename}"
+      File.join(dist_path, digested_filename)
     else
-      "/packs/#{filename}"
+      File.join(dist_path, filename)
     end
   end
 
@@ -28,6 +28,10 @@ class Webpacker::Source
       Webpacker::Digests.lookup(name)
     end
 
+    def dist_path
+      config[:packs_dist_path]
+    end
+
     def filename
       "#{name}.js"
     end

data/webpacker.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name     = 'webpacker'
-  s.version  = '0.2'
+  s.version  = '1.0'
   s.authors  = 'David Heinemeier Hansson'
   s.email    = 'david@basecamp.com'
   s.summary  = 'Use Webpack to manage app-like JavaScript modules in Rails'
@@ -9,9 +9,9 @@ Gem::Specification.new do |s|
 
   s.required_ruby_version = '>= 1.9.3'
 
-  s.add_dependency 'activesupport', '>= 3.0.0', '< 5.1'
+  s.add_dependency 'activesupport', '>= 5.0'
   s.add_dependency 'multi_json',    '~> 1.2'
-  s.add_dependency 'railties',      '~> 5'
+  s.add_dependency 'railties',      '>= 5.0'
 
   s.add_development_dependency 'bundler', '~> 1.12'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webpacker
 version: !ruby/object:Gem::Version
-  version: '0.2'
+  version: '1.0'
 platform: ruby
 authors:
 - David Heinemeier Hansson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-17 00:00:00.000000000 Z
+date: 2017-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -16,20 +16,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '5.1'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.0.0
-    - - "<"
-      - !ruby/object:Gem::Version
-        version: '5.1'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: multi_json
   requirement: !ruby/object:Gem::Requirement
@@ -48,16 +42,16 @@ dependencies:
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '5'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '5'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -84,6 +78,12 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- lib/install/angular/hello_angular.js
+- lib/install/angular/hello_angular/app/app.component.ts
+- lib/install/angular/hello_angular/app/app.module.ts
+- lib/install/angular/hello_angular/index.ts
+- lib/install/angular/hello_angular/polyfills.ts
+- lib/install/angular/tsconfig.json
 - lib/install/bin/webpack-dev-server.tt
 - lib/install/bin/webpack-watcher.tt
 - lib/install/bin/webpack.tt
@@ -92,6 +92,7 @@ files:
 - lib/install/config/production.js
 - lib/install/config/shared.js
 - lib/install/javascript/packs/application.js
+- lib/install/react/.babelrc
 - lib/install/react/hello_react.js
 - lib/install/template.rb
 - lib/tasks/webpacker.rake
@@ -121,7 +122,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 2.6.10
 signing_key: 
 specification_version: 4
 summary: Use Webpack to manage app-like JavaScript modules in Rails