webpacker 5.2.1 → 6.0.0.pre.1

data/lib/install/examples/typescript/tsconfig.json

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

data/lib/install/examples/vue/hello_vue.js

@@ -1,72 +0,0 @@
-/* eslint no-console: 0 */
-// Run this example by adding <%= javascript_pack_tag 'hello_vue' %> (and
-// <%= stylesheet_pack_tag 'hello_vue' %> if you have styles in your component)
-// to the head of your layout file,
-// like app/views/layouts/application.html.erb.
-// All it does is render <div>Hello Vue</div> at the bottom of the page.
-
-import Vue from 'vue'
-import App from '../app.vue'
-
-document.addEventListener('DOMContentLoaded', () => {
-  const app = new Vue({
-    render: h => h(App)
-  }).$mount()
-  document.body.appendChild(app.$el)
-
-  console.log(app)
-})
-
-
-// The above code uses Vue without the compiler, which means you cannot
-// use Vue to target elements in your existing html templates. You would
-// need to always use single file components.
-// To be able to target elements in your existing html/erb templates,
-// comment out the above code and uncomment the below
-// Add <%= javascript_pack_tag 'hello_vue' %> to your layout
-// Then add this markup to your html template:
-//
-// <div id='hello'>
-//   {{message}}
-//   <app></app>
-// </div>
-
-
-// import Vue from 'vue/dist/vue.esm'
-// import App from '../app.vue'
-//
-// document.addEventListener('DOMContentLoaded', () => {
-//   const app = new Vue({
-//     el: '#hello',
-//     data: {
-//       message: "Can you say hello?"
-//     },
-//     components: { App }
-//   })
-// })
-//
-//
-//
-// If the project is using turbolinks, install 'vue-turbolinks':
-//
-// yarn add vue-turbolinks
-//
-// Then uncomment the code block below:
-//
-// import TurbolinksAdapter from 'vue-turbolinks'
-// import Vue from 'vue/dist/vue.esm'
-// import App from '../app.vue'
-//
-// Vue.use(TurbolinksAdapter)
-//
-// document.addEventListener('turbolinks:load', () => {
-//   const app = new Vue({
-//     el: '#hello',
-//     data: () => {
-//       return {
-//         message: "Can you say hello?"
-//       }
-//     },
-//     components: { App }
-//   })
-// })

data/lib/install/loaders/coffee.js

@@ -1,6 +0,0 @@
-module.exports = {
-  test: /\.coffee(\.erb)?$/,
-  use: [{
-    loader: 'coffee-loader'
-  }]
-}

data/lib/install/loaders/elm.js

@@ -1,25 +0,0 @@
-const { resolve } = require('path')
-
-const isProduction = process.env.NODE_ENV === 'production'
-const isDevelopment = process.env.NODE_ENV === 'development'
-const elmSource = resolve(process.cwd())
-const elmBinary = `${elmSource}/node_modules/.bin/elm`
-
-const options = { 
-  cwd: elmSource, 
-  pathToElm: elmBinary, 
-  optimize: isProduction, 
-  verbose: isDevelopment, 
-  debug: isDevelopment  
-}
-
-const elmWebpackLoader = {
-  loader: 'elm-webpack-loader',
-  options: options
-}
-
-module.exports = {
-  test: /\.elm(\.erb)?$/,
-  exclude: [/elm-stuff/, /node_modules/],
-  use: isProduction ? [elmWebpackLoader] : [{ loader: 'elm-hot-webpack-loader' }, elmWebpackLoader]
-}

data/lib/install/loaders/erb.js

@@ -1,11 +0,0 @@
-module.exports = {
-  test: /\.erb$/,
-  enforce: 'pre',
-  exclude: /node_modules/,
-  use: [{
-    loader: 'rails-erb-loader',
-    options: {
-      runner: (/^win/.test(process.platform) ? 'ruby ' : '') + 'bin/rails runner'
-    }
-  }]
-}

data/lib/install/loaders/svelte.js

@@ -1,9 +0,0 @@
-module.exports = {
-  test: /\.svelte(\.erb)?$/,
-  use: [{
-    loader: 'svelte-loader',
-    options: {
-      hotReload: false
-    }
-  }],
-}

data/lib/install/loaders/vue.js

@@ -1,6 +0,0 @@
-module.exports = {
-  test: /\.vue(\.erb)?$/,
-  use: [{
-    loader: 'vue-loader'
-  }]
-}

data/lib/install/react.rb

@@ -1,18 +0,0 @@
-require "webpacker/configuration"
-require "fileutils"
-
-replace_babel_config = FileUtils.compare_file(Rails.root.join("babel.config.js"), "#{__dir__}/config/babel.config.js")
-
-say "Copying babel.config.js to app root directory"
-copy_file "#{__dir__}/examples/react/babel.config.js", "babel.config.js", force: replace_babel_config
-
-say "Copying react example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/react/hello_react.jsx", "#{Webpacker.config.source_entry_path}/hello_react.jsx"
-
-say "Updating webpack paths to include .jsx file extension"
-insert_into_file Webpacker.config.config_path, "- .jsx\n".indent(4), after: /\s+extensions:\n/
-
-say "Installing all react dependencies"
-run "yarn add react react-dom @babel/preset-react prop-types babel-plugin-transform-react-remove-prop-types"
-
-say "Webpacker now supports react.js 🎉", :green

data/lib/install/stimulus.rb

@@ -1,12 +0,0 @@
-say "Appending Stimulus setup code to #{Webpacker.config.source_entry_path}/application.js"
-append_to_file "#{Webpacker.config.source_entry_path}/application.js" do
-  "\n" + open("#{__dir__}/examples/stimulus/application.js").read
-end
-
-say "Creating controllers directory"
-directory "#{__dir__}/examples/stimulus/controllers", "#{Webpacker.config.source_path}/controllers"
-
-say "Installing all Stimulus dependencies"
-run "yarn add stimulus"
-
-say "Webpacker now supports Stimulus.js 🎉", :green

data/lib/install/svelte.rb

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

data/lib/install/typescript.rb

@@ -1,39 +0,0 @@
-require "webpacker/configuration"
-
-additional_packages = ""
-example_source = "typescript"
-
-# Additional configuration is required for React projects
-package_json = Rails.root.join("package.json")
-if File.exist?(package_json)
-  package = JSON.parse(File.read(package_json))
-  package["dependencies"] ||= {}
-
-  if package["dependencies"].keys.include?("react")
-    additional_packages = "@types/react @types/react-dom"
-    example_source = "react"
-  end
-end
-
-say "Adding TypeScript preset to babel.config.js"
-insert_into_file Rails.root.join("babel.config.js").to_s,
-  ",\n      ['@babel/preset-typescript', { 'allExtensions': true, 'isTSX': true }]",
-  before: /\s*\].filter\(Boolean\),\n\s*plugins: \[/
-
-say "Copying tsconfig.json to the Rails root directory for typescript"
-copy_file "#{__dir__}/examples/#{example_source}/tsconfig.json", "tsconfig.json"
-
-say "Updating webpack paths to include .ts file extension"
-insert_into_file Webpacker.config.config_path, "- .ts\n".indent(4), after: /\s+extensions:\n/
-
-say "Updating webpack paths to include .tsx file extension"
-insert_into_file Webpacker.config.config_path, "- .tsx\n".indent(4), after: /\s+extensions:\n/
-
-say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/typescript/hello_typescript.ts",
-  "#{Webpacker.config.source_entry_path}/hello_typescript.ts"
-
-say "Installing all typescript dependencies"
-run "yarn add typescript @babel/preset-typescript #{additional_packages}"
-
-say "Webpacker now supports typescript 🎉", :green

data/lib/install/vue.rb

@@ -1,49 +0,0 @@
-require "webpacker/configuration"
-
-say "Copying vue loader to config/webpack/loaders"
-copy_file "#{__dir__}/loaders/vue.js", Rails.root.join("config/webpack/loaders/vue.js").to_s
-
-say "Adding vue loader plugin to config/webpack/environment.js"
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "const { VueLoaderPlugin } = require('vue-loader')\n",
-  after: /require\(('|")@rails\/webpacker\1\);?\n/
-
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())\n",
-  before: "module.exports"
-
-say "Adding vue loader to config/webpack/environment.js"
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "const vue = require('./loaders/vue')\n",
-  after: "require('vue-loader')\n"
-
-insert_into_file Rails.root.join("config/webpack/environment.js").to_s,
-  "environment.loaders.prepend('vue', vue)\n",
-  before: "module.exports"
-
-say "Updating webpack paths to include .vue file extension"
-insert_into_file Webpacker.config.config_path, "- .vue\n".indent(4), after: /\s+extensions:\n/
-
-say "Copying the example entry file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/vue/hello_vue.js",
-  "#{Webpacker.config.source_entry_path}/hello_vue.js"
-
-say "Copying Vue app file to #{Webpacker.config.source_entry_path}"
-copy_file "#{__dir__}/examples/vue/app.vue",
-  "#{Webpacker.config.source_path}/app.vue"
-
-say "Installing all Vue dependencies"
-run "yarn add vue vue-loader vue-template-compiler"
-
-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 Vue.js 🎉", :green

data/lib/tasks/installers.rake

@@ -1,42 +0,0 @@
-installers = {
-  "Angular": :angular,
-  "Elm": :elm,
-  "React": :react,
-  "Vue": :vue,
-  "Erb": :erb,
-  "Coffee": :coffee,
-  "Typescript": :typescript,
-  "Svelte": :svelte,
-  "Stimulus": :stimulus
-}.freeze
-
-dependencies = {
-  "Angular": [:typescript]
-}
-
-bin_path = ENV["BUNDLE_BIN"] || "./bin"
-
-namespace :webpacker do
-  namespace :install do
-    installers.each do |name, task_name|
-      desc "Install everything needed for #{name}"
-      task task_name => ["webpacker:verify_install"] do
-        template = File.expand_path("../install/#{task_name}.rb", __dir__)
-        base_path =
-          if Rails::VERSION::MAJOR >= 5
-            "#{RbConfig.ruby} #{bin_path}/rails app:template"
-          else
-            "#{RbConfig.ruby} #{bin_path}/rake rails:template"
-          end
-
-        dependencies[name] ||= []
-        dependencies[name].each do |dependency|
-          dependency_template = File.expand_path("../install/#{dependency}.rb", __dir__)
-          system "#{base_path} LOCATION=#{dependency_template}"
-        end
-
-        exec "#{base_path} LOCATION=#{template}"
-      end
-    end
-  end
-end

data/package/config_types/__tests__/config_list.js

@@ -1,118 +0,0 @@
-/* global test expect */
-
-const ConfigList = require('../config_list')
-
-test('new', () => {
-  const list = new ConfigList()
-  expect(list).toBeInstanceOf(ConfigList)
-  expect(list).toBeInstanceOf(Array)
-})
-
-test('get', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  expect(list.get('key')).toEqual('value')
-})
-
-test('append', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  expect(list.append('key1', 'value1')).toEqual([
-    { key: 'key', value: 'value' },
-    { key: 'key1', value: 'value1' }
-  ])
-})
-
-test('prepend', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  expect(list.prepend('key1', 'value1')).toEqual([
-    { key: 'key1', value: 'value1' },
-    { key: 'key', value: 'value' }
-  ])
-})
-
-test('insert without position', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-
-  expect(list.insert('key1', 'value1')).toEqual([
-    { key: 'key', value: 'value' },
-    { key: 'key1', value: 'value1' }
-  ])
-
-  expect(list.insert('key2', 'value2')).toEqual([
-    { key: 'key', value: 'value' },
-    { key: 'key1', value: 'value1' },
-    { key: 'key2', value: 'value2' }
-  ])
-})
-
-test('insert before an item', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-
-  expect(list.insert('key2', 'value2', { before: 'key' })).toEqual([
-    { key: 'key2', value: 'value2' },
-    { key: 'key', value: 'value' },
-    { key: 'key1', value: 'value1' }
-  ])
-
-  expect(list.insert('key3', 'value3', { before: 'key2' })).toEqual([
-    { key: 'key3', value: 'value3' },
-    { key: 'key2', value: 'value2' },
-    { key: 'key', value: 'value' },
-    { key: 'key1', value: 'value1' }
-  ])
-})
-
-test('insert after an item', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-
-  expect(list.insert('key2', 'value2', { after: 'key' })).toEqual([
-    { key: 'key', value: 'value' },
-    { key: 'key2', value: 'value2' },
-    { key: 'key1', value: 'value1' }
-  ])
-
-  expect(list.insert('key3', 'value3', { after: 'key2' })).toEqual([
-    { key: 'key', value: 'value' },
-    { key: 'key2', value: 'value2' },
-    { key: 'key3', value: 'value3' },
-    { key: 'key1', value: 'value1' }
-  ])
-})
-
-test('delete', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-  expect(list.delete('key')).toEqual([{ key: 'key1', value: 'value1' }])
-  expect(list.delete('key1')).toEqual([])
-})
-
-test('getIndex', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-  expect(list.getIndex('key')).toEqual(0)
-  expect(list.getIndex('key2')).toEqual(-1)
-  expect(() => list.getIndex('key2', true)).toThrow('Item key2 not found')
-})
-
-test('values', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-  expect(list.values()).toEqual(['value', 'value1'])
-})
-
-test('keys', () => {
-  const list = new ConfigList()
-  list.append('key', 'value')
-  list.append('key1', 'value1')
-  expect(list.keys()).toEqual(['key', 'key1'])
-})