webpacker 5.4.1 → 6.0.0.rc.5

data/docs/yarn.md

@@ -1,23 +0,0 @@
-# Yarn
-
-Webpacker by default uses `yarn` as a package manager for `node_modules`
-
-
-## Add a new npm module
-
-To add any new JS module you can use `yarn`:
-
-```bash
-yarn add bootstrap material-ui
-```
-
-## Add an npm module to `devDependencies`
-To add a new JS module that will only be available to local development:
-
-```bash
-yarn add --dev browser-sync
-```
-
-Be careful not to add any build or app related JS modules in this fashion. Adding JS modules to `devDependencies` [will block them from being installed in **any** production environment](https://yarnpkg.com/lang/en/docs/cli/install/#toc-yarn-install-production-true-false).
-
-Docs from JS modules may instruct you to use `--dev` or `devDependencies`, but this is generally under the assumption that you are using a `node.js` workflow.

data/lib/install/angular.rb

@@ -1,23 +0,0 @@
-require "webpacker/configuration"
-
-say "Copying angular example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/angular/hello_angular.js", "#{Webpacker.config.source_entry_path}/hello_angular.js"
-
-say "Copying hello_angular app to #{Webpacker.config.source_path}"
-directory "#{__dir__}/examples/angular/hello_angular", "#{Webpacker.config.source_path}/hello_angular"
-
-say "Installing all angular dependencies"
-run "yarn add core-js zone.js rxjs @angular/core @angular/common @angular/compiler @angular/platform-browser @angular/platform-browser-dynamic"
-
-if Rails::VERSION::MAJOR == 5 && Rails::VERSION::MINOR > 1
-  say "You need to enable unsafe-eval rule.", :yellow
-  say "This can be done in Rails 5.2+ for development environment in the CSP initializer", :yellow
-  say "config/initializers/content_security_policy.rb with a snippet like this:", :yellow
-  say "if Rails.env.development?", :yellow
-  say "  policy.script_src :self, :https, :unsafe_eval", :yellow
-  say "else", :yellow
-  say "  policy.script_src :self, :https", :yellow
-  say "end", :yellow
-end
-
-say "Webpacker now supports angular 🎉", :green

data/lib/install/coffee.rb

@@ -1,25 +0,0 @@
-require "webpacker/configuration"
-
-say "Copying coffee loader to config/webpack/loaders"
-copy_file "#{__dir__}/loaders/coffee.js", Rails.root.join("config/webpack/loaders/coffee.js").to_s
-
-say "Adding coffee loader to config/webpack/environment.js"
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "const coffee =  require('./loaders/coffee')\n",
-  after: /require\(('|")@rails\/webpacker\1\);?\n/
-
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "environment.loaders.prepend('coffee', coffee)\n",
-  before: "module.exports"
-
-say "Updating webpack paths to include .coffee file extension"
-insert_into_file Webpacker.config.config_path, "- .coffee\n".indent(4), after: /\s+extensions:\n/
-
-say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/coffee/hello_coffee.coffee",
-  "#{Webpacker.config.source_entry_path}/hello_coffee.coffee"
-
-say "Installing all Coffeescript dependencies"
-run "yarn add coffeescript@1.12.7 coffee-loader"
-
-say "Webpacker now supports Coffeescript 🎉", :green

data/lib/install/config/.browserslistrc

@@ -1 +0,0 @@
-defaults

data/lib/install/config/babel.config.js

@@ -1,76 +0,0 @@
-module.exports = function(api) {
-  var validEnv = ['development', 'test', 'production']
-  var currentEnv = api.env()
-  var isDevelopmentEnv = api.env('development')
-  var isProductionEnv = api.env('production')
-  var isTestEnv = api.env('test')
-
-  if (!validEnv.includes(currentEnv)) {
-    throw new Error(
-      'Please specify a valid `NODE_ENV` or ' +
-        '`BABEL_ENV` environment variables. Valid values are "development", ' +
-        '"test", and "production". Instead, received: ' +
-        JSON.stringify(currentEnv) +
-        '.'
-    )
-  }
-
-  return {
-    presets: [
-      isTestEnv && [
-        '@babel/preset-env',
-        {
-          targets: {
-            node: 'current'
-          }
-        }
-      ],
-      (isProductionEnv || isDevelopmentEnv) && [
-        '@babel/preset-env',
-        {
-          forceAllTransforms: true,
-          useBuiltIns: 'entry',
-          corejs: 3,
-          modules: false,
-          exclude: ['transform-typeof-symbol']
-        }
-      ]
-    ].filter(Boolean),
-    plugins: [
-      'babel-plugin-macros',
-      '@babel/plugin-syntax-dynamic-import',
-      isTestEnv && 'babel-plugin-dynamic-import-node',
-      '@babel/plugin-transform-destructuring',
-      [
-        '@babel/plugin-proposal-class-properties',
-        {
-          loose: true
-        }
-      ],
-      [
-        '@babel/plugin-proposal-object-rest-spread',
-        {
-          useBuiltIns: true
-        }
-      ],
-      [
-        '@babel/plugin-proposal-private-methods',
-        {
-          loose: true
-        }
-      ],
-      [
-        '@babel/plugin-transform-runtime',
-        {
-          helpers: false
-        }
-      ],
-      [
-        '@babel/plugin-transform-regenerator',
-        {
-          async: false
-        }
-      ]
-    ].filter(Boolean)
-  }
-}

data/lib/install/config/postcss.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('postcss-flexbugs-fixes'),
-    require('postcss-preset-env')({
-      autoprefixer: {
-        flexbox: 'no-2009'
-      },
-      stage: 3
-    })
-  ]
-}

data/lib/install/config/webpack/environment.js

@@ -1,3 +0,0 @@
-const { environment } = require('@rails/webpacker')
-
-module.exports = environment

data/lib/install/elm.rb

@@ -1,39 +0,0 @@
-require "webpacker/configuration"
-
-say "Copying elm loader to config/webpack/loaders"
-copy_file "#{__dir__}/loaders/elm.js", Rails.root.join("config/webpack/loaders/elm.js").to_s
-
-say "Adding elm loader to config/webpack/environment.js"
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "const elm =  require('./loaders/elm')\n",
-  after: /require\(('|")@rails\/webpacker\1\);?\n/
-
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "environment.loaders.prepend('elm', elm)\n",
-  before: "module.exports"
-
-say "Copying Elm example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/elm/hello_elm.js",
-  "#{Webpacker.config.source_entry_path}/hello_elm.js"
-
-say "Copying Elm app file to #{Webpacker.config.source_path}"
-copy_file "#{__dir__}/examples/elm/Main.elm",
-  "#{Webpacker.config.source_path}/Main.elm"
-
-say "Installing all Elm dependencies"
-run "yarn add elm elm-webpack-loader"
-run "yarn add --dev elm-hot-webpack-loader"
-run "yarn run elm init"
-run "yarn run elm make #{Webpacker.config.source_path}/Main.elm"
-
-say "Updating webpack paths to include .elm file extension"
-insert_into_file Webpacker.config.config_path, "- .elm\n".indent(4), after: /\s+extensions:\n/
-
-say "Updating Elm source location"
-gsub_file "elm.json", /\"src\"\n/,
-  %("#{Webpacker.config.source_path.relative_path_from(Rails.root)}"\n)
-
-say "Updating .gitignore to include elm-stuff folder"
-insert_into_file ".gitignore", "/elm-stuff\n", before: "/node_modules\n"
-
-say "Webpacker now supports Elm 🎉", :green

data/lib/install/erb.rb

@@ -1,25 +0,0 @@
-require "webpacker/configuration"
-
-say "Copying erb loader to config/webpack/loaders"
-copy_file "#{__dir__}/loaders/erb.js", Rails.root.join("config/webpack/loaders/erb.js").to_s
-
-say "Adding erb loader to config/webpack/environment.js"
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "const erb = require('./loaders/erb')\n",
-  after: /require\(('|")@rails\/webpacker\1\);?\n/
-
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "environment.loaders.prepend('erb', erb)\n",
-  before: "module.exports"
-
-say "Updating webpack paths to include .erb file extension"
-insert_into_file Webpacker.config.config_path, "- .erb\n".indent(4), after: /\s+extensions:\n/
-
-say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/erb/hello_erb.js.erb",
-  "#{Webpacker.config.source_entry_path}/hello_erb.js.erb"
-
-say "Installing all Erb dependencies"
-run "yarn add rails-erb-loader"
-
-say "Webpacker now supports Erb in JS 🎉", :green

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

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

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

@@ -1,16 +0,0 @@
-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/examples/angular/hello_angular/index.ts

@@ -1,8 +0,0 @@
-import './polyfills.ts';
-
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app/app.module';
-
-document.addEventListener('DOMContentLoaded', () => {
-  platformBrowserDynamic().bootstrapModule(AppModule);
-});

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

@@ -1,73 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// 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/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** Evergreen browsers require these. **/
-import 'core-js/es/reflect';
-import 'core-js/proposals/reflect-metadata';
-
-
-/**
- * Required to support Web Animations `@angular/animation`.
- * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
- **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
-
-/***************************************************************************************************
- * Zone JS is required by Angular itself.
- */
-import 'zone.js/dist/zone';
-// import 'zone.js/dist/long-stack-trace-zone' // async stack traces with zone.js
-
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-
-/**
- * Date, currency, decimal and percent pipes.
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
- */
-// import 'intl';  // Run `npm install --save intl`.
-/**
- * Need to import at least one locale-data with intl.
- */
-// import 'intl/locale-data/jsonp/en';

data/lib/install/examples/angular/hello_angular.js

@@ -1,7 +0,0 @@
-// 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/examples/coffee/hello_coffee.coffee

@@ -1,4 +0,0 @@
-# Run this example by adding <%= javascript_pack_tag 'hello_coffee' %> to the head of your layout file,
-# like app/views/layouts/application.html.erb.
-
-console.log 'Hello world from coffeescript'

data/lib/install/examples/elm/Main.elm

@@ -1,55 +0,0 @@
-module Main exposing (..)
-
-import Browser
-import Html exposing (Html, h1, text)
-import Html.Attributes exposing (style)
-
--- MODEL
-
-type alias Model =
-  {
-  }
-
--- INIT
-
-init : (Model, Cmd Message)
-init =
-  (Model, Cmd.none)
-
--- VIEW
-
-view : Model -> Html Message
-view model =
-  -- The inline style is being used for example purposes in order to keep this example simple and
-  -- avoid loading additional resources. Use a proper stylesheet when building your own app.
-  h1 [style "display" "flex", style "justify-content" "center"]
-     [text "Hello Elm!"]
-
--- MESSAGE
-
-type Message
-  = None
-
--- UPDATE
-
-update : Message -> Model -> (Model, Cmd Message)
-update message model =
-  (model, Cmd.none)
-
--- SUBSCRIPTIONS
-
-subscriptions : Model -> Sub Message
-subscriptions model =
-  Sub.none
-
--- MAIN
-
-main : Program (Maybe {}) Model Message
-main =
-  Browser.element
-    {
-      init = always init,
-      view = view,
-      update = update,
-      subscriptions = subscriptions
-    }

data/lib/install/examples/elm/hello_elm.js

@@ -1,16 +0,0 @@
-// Run this example by adding <%= javascript_pack_tag "hello_elm" %> to the
-// head of your layout file, like app/views/layouts/application.html.erb.
-// It will render "Hello Elm!" within the page.
-
-import {
-  Elm
-} from '../Main'
-
-document.addEventListener('DOMContentLoaded', () => {
-  const target = document.createElement('div')
-
-  document.body.appendChild(target)
-  Elm.Main.init({
-    node: target
-  })
-})