webpacker 5.4.2 → 6.0.0.beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. checksums.yaml +4 -4
  2. data/.eslintrc.js +1 -1
  3. data/.github/workflows/ruby.yml +12 -0
  4. data/.gitignore +2 -0
  5. data/.node-version +1 -1
  6. data/.rubocop.yml +3 -108
  7. data/6_0_upgrade.md +43 -0
  8. data/CHANGELOG.md +19 -18
  9. data/CONTRIBUTING.md +1 -1
  10. data/Gemfile.lock +91 -94
  11. data/README.md +220 -99
  12. data/gemfiles/Gemfile-rails-edge +1 -1
  13. data/lib/install/config/webpack/base.js +3 -0
  14. data/lib/install/config/webpack/development.js +2 -2
  15. data/lib/install/config/webpack/production.js +2 -2
  16. data/lib/install/config/webpack/test.js +2 -2
  17. data/lib/install/config/webpacker.yml +8 -37
  18. data/lib/install/javascript/packs/application.css +9 -0
  19. data/lib/install/javascript/packs/application.js +3 -1
  20. data/lib/install/template.rb +32 -26
  21. data/lib/tasks/webpacker/binstubs.rake +6 -4
  22. data/lib/tasks/webpacker/check_binstubs.rake +4 -4
  23. data/lib/tasks/webpacker/check_yarn.rake +1 -1
  24. data/lib/tasks/webpacker/compile.rake +4 -2
  25. data/lib/tasks/webpacker/info.rake +12 -10
  26. data/lib/tasks/webpacker/install.rake +6 -4
  27. data/lib/tasks/webpacker/verify_install.rake +2 -1
  28. data/lib/tasks/webpacker/yarn_install.rake +9 -7
  29. data/lib/tasks/webpacker.rake +2 -11
  30. data/lib/webpacker/compiler.rb +15 -8
  31. data/lib/webpacker/configuration.rb +10 -45
  32. data/lib/webpacker/dev_server_runner.rb +21 -2
  33. data/lib/webpacker/env.rb +1 -5
  34. data/lib/webpacker/helper.rb +22 -32
  35. data/lib/webpacker/manifest.rb +1 -1
  36. data/lib/webpacker/version.rb +1 -1
  37. data/lib/webpacker/webpack_runner.rb +5 -0
  38. data/package/__tests__/config.js +5 -37
  39. data/package/__tests__/development.js +9 -11
  40. data/package/__tests__/env.js +12 -4
  41. data/package/__tests__/production.js +6 -6
  42. data/package/__tests__/staging.js +7 -6
  43. data/package/__tests__/test.js +4 -5
  44. data/package/babel/preset.js +55 -0
  45. data/package/config.js +3 -11
  46. data/package/env.js +8 -2
  47. data/package/environments/__tests__/base.js +15 -47
  48. data/package/environments/base.js +62 -125
  49. data/package/environments/development.js +45 -44
  50. data/package/environments/production.js +63 -68
  51. data/package/environments/test.js +2 -2
  52. data/package/index.js +13 -8
  53. data/package/rules/babel.js +9 -7
  54. data/package/rules/coffee.js +6 -0
  55. data/package/rules/erb.js +15 -0
  56. data/package/rules/file.js +19 -19
  57. data/package/rules/index.js +15 -18
  58. data/package/rules/less.js +22 -0
  59. data/package/rules/sass.js +10 -10
  60. data/package/rules/svg.js +20 -0
  61. data/package/utils/get_style_rule.js +26 -36
  62. data/package/utils/helpers.js +26 -35
  63. data/package.json +29 -45
  64. data/test/compiler_test.rb +0 -12
  65. data/test/configuration_test.rb +1 -32
  66. data/test/dev_server_runner_test.rb +24 -5
  67. data/test/engine_rake_tasks_test.rb +39 -0
  68. data/test/helper_test.rb +24 -30
  69. data/test/mounted_app/Rakefile +4 -0
  70. data/test/mounted_app/test/dummy/Rakefile +3 -0
  71. data/test/mounted_app/test/dummy/bin/rails +3 -0
  72. data/test/mounted_app/test/dummy/bin/rake +3 -0
  73. data/test/mounted_app/test/dummy/config/application.rb +10 -0
  74. data/test/mounted_app/test/dummy/config/environment.rb +3 -0
  75. data/test/mounted_app/test/dummy/config/webpacker.yml +75 -0
  76. data/test/mounted_app/test/dummy/config.ru +5 -0
  77. data/test/mounted_app/test/dummy/package.json +7 -0
  78. data/test/rake_tasks_test.rb +1 -10
  79. data/test/test_app/config/webpacker.yml +1 -25
  80. data/test/test_app/config/webpacker_public_root.yml +0 -1
  81. data/test/test_app/public/packs/manifest.json +17 -13
  82. data/test/test_app/some.config.js +0 -0
  83. data/test/webpack_runner_test.rb +9 -3
  84. data/yarn.lock +2505 -4943
  85. metadata +37 -83
  86. data/.travis.yml +0 -43
  87. data/docs/assets.md +0 -119
  88. data/docs/cloud9.md +0 -310
  89. data/docs/css.md +0 -308
  90. data/docs/deployment.md +0 -130
  91. data/docs/docker.md +0 -68
  92. data/docs/engines.md +0 -213
  93. data/docs/env.md +0 -63
  94. data/docs/es6.md +0 -72
  95. data/docs/folder-structure.md +0 -66
  96. data/docs/integrations.md +0 -220
  97. data/docs/misc.md +0 -23
  98. data/docs/props.md +0 -223
  99. data/docs/target.md +0 -22
  100. data/docs/testing.md +0 -136
  101. data/docs/troubleshooting.md +0 -158
  102. data/docs/typescript.md +0 -190
  103. data/docs/v4-upgrade.md +0 -142
  104. data/docs/webpack-dev-server.md +0 -92
  105. data/docs/webpack.md +0 -364
  106. data/docs/yarn.md +0 -23
  107. data/lib/install/angular.rb +0 -23
  108. data/lib/install/coffee.rb +0 -25
  109. data/lib/install/config/.browserslistrc +0 -1
  110. data/lib/install/config/babel.config.js +0 -82
  111. data/lib/install/config/postcss.config.js +0 -12
  112. data/lib/install/config/webpack/environment.js +0 -3
  113. data/lib/install/elm.rb +0 -39
  114. data/lib/install/erb.rb +0 -25
  115. data/lib/install/examples/angular/hello_angular/app/app.component.ts +0 -9
  116. data/lib/install/examples/angular/hello_angular/app/app.module.ts +0 -16
  117. data/lib/install/examples/angular/hello_angular/index.ts +0 -8
  118. data/lib/install/examples/angular/hello_angular/polyfills.ts +0 -73
  119. data/lib/install/examples/angular/hello_angular.js +0 -7
  120. data/lib/install/examples/coffee/hello_coffee.coffee +0 -4
  121. data/lib/install/examples/elm/Main.elm +0 -55
  122. data/lib/install/examples/elm/hello_elm.js +0 -16
  123. data/lib/install/examples/erb/hello_erb.js.erb +0 -6
  124. data/lib/install/examples/react/babel.config.js +0 -99
  125. data/lib/install/examples/react/hello_react.jsx +0 -26
  126. data/lib/install/examples/react/tsconfig.json +0 -21
  127. data/lib/install/examples/stimulus/application.js +0 -1
  128. data/lib/install/examples/stimulus/controllers/hello_controller.js +0 -18
  129. data/lib/install/examples/stimulus/controllers/index.js +0 -9
  130. data/lib/install/examples/svelte/app.svelte +0 -11
  131. data/lib/install/examples/svelte/hello_svelte.js +0 -20
  132. data/lib/install/examples/typescript/hello_typescript.ts +0 -4
  133. data/lib/install/examples/typescript/tsconfig.json +0 -24
  134. data/lib/install/examples/vue/app.vue +0 -22
  135. data/lib/install/examples/vue/hello_vue.js +0 -72
  136. data/lib/install/loaders/coffee.js +0 -6
  137. data/lib/install/loaders/elm.js +0 -25
  138. data/lib/install/loaders/erb.js +0 -11
  139. data/lib/install/loaders/svelte.js +0 -9
  140. data/lib/install/loaders/vue.js +0 -6
  141. data/lib/install/react.rb +0 -18
  142. data/lib/install/stimulus.rb +0 -12
  143. data/lib/install/svelte.rb +0 -29
  144. data/lib/install/typescript.rb +0 -39
  145. data/lib/install/vue.rb +0 -49
  146. data/lib/tasks/installers.rake +0 -42
  147. data/package/config_types/__tests__/config_list.js +0 -118
  148. data/package/config_types/__tests__/config_object.js +0 -43
  149. data/package/config_types/config_list.js +0 -75
  150. data/package/config_types/config_object.js +0 -55
  151. data/package/config_types/index.js +0 -7
  152. data/package/rules/module.css.js +0 -3
  153. data/package/rules/module.sass.js +0 -8
  154. data/package/rules/node_modules.js +0 -22
  155. data/package/utils/__tests__/deep_assign.js +0 -32
  156. data/package/utils/__tests__/deep_merge.js +0 -10
  157. data/package/utils/__tests__/get_style_rule.js +0 -65
  158. data/package/utils/__tests__/objectify.js +0 -9
  159. data/package/utils/deep_assign.js +0 -22
  160. data/package/utils/deep_merge.js +0 -22
  161. data/package/utils/objectify.js +0 -3
@@ -1,7 +0,0 @@
1
- const ConfigObject = require('./config_object')
2
- const ConfigList = require('./config_list')
3
-
4
- module.exports = {
5
- ConfigObject,
6
- ConfigList
7
- }
@@ -1,3 +0,0 @@
1
- const getStyleRule = require('../utils/get_style_rule')
2
-
3
- module.exports = getStyleRule(/\.(css)$/i, true)
@@ -1,8 +0,0 @@
1
- const getStyleRule = require('../utils/get_style_rule')
2
-
3
- module.exports = getStyleRule(/\.(scss|sass)$/i, true, [
4
- {
5
- loader: 'sass-loader',
6
- options: { sourceMap: true }
7
- }
8
- ])
@@ -1,22 +0,0 @@
1
- const { nodeEnv } = require('../env')
2
-
3
- // Compile standard ES features for JS in node_modules with Babel.
4
- // Regex details for exclude: https://regex101.com/r/SKPnnv/1
5
- module.exports = {
6
- test: /\.(js|mjs)$/,
7
- include: /node_modules/,
8
- exclude: /(?:@?babel(?:\/|\\{1,2}|-).+)|regenerator-runtime|core-js|^webpack$|^webpack-assets-manifest$|^webpack-cli$|^webpack-sources$|^@rails\/webpacker$/,
9
- use: [
10
- {
11
- loader: 'babel-loader',
12
- options: {
13
- babelrc: false,
14
- presets: [['@babel/preset-env', { modules: false }]],
15
- cacheDirectory: true,
16
- cacheCompression: nodeEnv === 'production',
17
- compact: false,
18
- sourceMaps: false
19
- }
20
- }
21
- ]
22
- }
@@ -1,32 +0,0 @@
1
- /* global test expect */
2
-
3
- const deepAssign = require('../deep_assign')
4
-
5
- describe('deepAssign()', () => {
6
- test('deeply assigns nested properties', () => {
7
- const object = { foo: { bar: { } } }
8
- const path = 'foo.bar'
9
- const value = { x: 1, y: 2 }
10
- const expectation = { foo: { bar: { x: 1, y: 2 } } }
11
- expect(deepAssign(object, path, value)).toEqual(expectation)
12
- })
13
-
14
- test('allows assignment of a literal false', () => {
15
- const object = { foo: { bar: { } } }
16
- const path = 'foo.bar'
17
- const value = false
18
- const expectation = { foo: { bar: false } }
19
- expect(deepAssign(object, path, value)).toEqual(expectation)
20
- })
21
-
22
- test('does not allow assignment of other falsy values', () => {
23
- const object = { foo: { bar: { } } }
24
- const path = 'foo.bar'
25
- const values = [undefined, null, 0, '']
26
-
27
- values.forEach(value => {
28
- const expectation = new Error(`Value can't be ${value}`)
29
- expect(() => deepAssign(object, path, value)).toThrow(expectation)
30
- })
31
- })
32
- })
@@ -1,10 +0,0 @@
1
- /* global test expect */
2
-
3
- const deepMerge = require('../deep_merge')
4
-
5
- test('deep merge objects together', () => {
6
- const object1 = { foo: { bar: [1, 2, 3], z: 1 }, x: 0 }
7
- const object2 = { foo: { bar: ['x', 'y'] }, x: 1, y: 2 }
8
- const expectation = { foo: { bar: [1, 2, 3, 'x', 'y'], z: 1 }, x: 1, y: 2 }
9
- expect(deepMerge(object1, object2)).toEqual(expectation)
10
- })
@@ -1,65 +0,0 @@
1
- const { chdirTestApp, chdirCwd } = require('../helpers')
2
-
3
- chdirTestApp()
4
-
5
- const getStyleRule = require('../get_style_rule')
6
-
7
- describe('getStyleRule', () => {
8
- afterAll(chdirCwd)
9
-
10
- test('excludes modules by default', () => {
11
- const cssRule = getStyleRule(/\.(css)$/i)
12
- const expectation = {
13
- test: /\.(css)$/i,
14
- exclude: /\.module\.[a-z]+$/
15
- }
16
-
17
- expect(cssRule).toMatchObject(expectation)
18
- })
19
-
20
- test('includes modules if set to true', () => {
21
- const cssRule = getStyleRule(/\.(scss)$/i, true)
22
- const expectation = {
23
- test: /\.(scss)$/i,
24
- include: /\.module\.[a-z]+$/
25
- }
26
-
27
- expect(cssRule).toMatchObject(expectation)
28
- })
29
-
30
- test('adds extra preprocessors if supplied', () => {
31
- const expectation = [{ foo: 'bar' }]
32
- const cssRule = getStyleRule(/\.(css)$/i, true, expectation)
33
-
34
- expect(cssRule.use).toMatchObject(expect.arrayContaining(expectation))
35
- })
36
-
37
- test('adds mini-css-extract-plugin when extract_css is true', () => {
38
- const MiniCssExtractPlugin = require('mini-css-extract-plugin')
39
- const expectation = [MiniCssExtractPlugin.loader]
40
-
41
- require('../../config').extract_css = true
42
- const cssRule = getStyleRule(/\.(css)$/i)
43
-
44
- expect(cssRule.use).toMatchObject(expect.arrayContaining(expectation))
45
- })
46
-
47
- test('adds style-loader when extract_css is true', () => {
48
- const expectation = [{loader: 'style-loader'}]
49
-
50
- require('../../config').extract_css = false
51
- const cssRule = getStyleRule(/\.(css)$/i)
52
-
53
- expect(cssRule.use).toMatchObject(expect.objectContaining(expectation))
54
- })
55
-
56
- test(`doesn't add mini-css-extract-plugin when extract_css is false`, () => {
57
- const MiniCssExtractPlugin = require('mini-css-extract-plugin')
58
- const expectation = [MiniCssExtractPlugin.loader]
59
-
60
- require('../../config').extract_css = false
61
- const cssRule = getStyleRule(/\.(css)$/i)
62
-
63
- expect(cssRule.use).toMatchObject(expect.not.arrayContaining(expectation))
64
- })
65
- })
@@ -1,9 +0,0 @@
1
- /* global test expect */
2
-
3
- const objectify = require('../objectify')
4
-
5
- test('Get object from a string path', () => {
6
- const object = { foo: { bar: { x: 1 } } }
7
- expect(objectify('foo.bar', object)).toEqual({ x: 1 })
8
- expect(objectify('some.bar', object)).toEqual(undefined)
9
- })
@@ -1,22 +0,0 @@
1
- const { canMerge, prettyPrint } = require('./helpers')
2
- const deepMerge = require('./deep_merge')
3
-
4
- const deepAssign = (obj, path, value) => {
5
- if (!value && value !== false) throw new Error(`Value can't be ${value}`)
6
-
7
- const keys = path.split('.')
8
- const key = keys.pop()
9
-
10
- const objRef = keys.reduce((acc, currentValue) => {
11
- /* eslint no-param-reassign: 0 */
12
- if (!acc[currentValue]) acc[currentValue] = {}
13
- return acc[currentValue]
14
- }, obj)
15
-
16
- if (!objRef) throw new Error(`Prop not found: ${path} in ${prettyPrint(obj)}`)
17
-
18
- objRef[key] = canMerge(value) ? deepMerge(objRef[key], value) : value
19
- return obj
20
- }
21
-
22
- module.exports = deepAssign
@@ -1,22 +0,0 @@
1
- const {
2
- isObject, isArray, isEqual, isEmpty
3
- } = require('./helpers')
4
-
5
- const deepMerge = (target, source) => {
6
- if (isEmpty(target)) return source
7
- if (isEmpty(source)) return target
8
- if (isEqual(target, source)) return source
9
- if (isArray(target) && isArray(source)) return [...new Set([...target, ...source])]
10
- if (!(isObject(target) && isObject(source))) return source
11
-
12
- return [...Object.keys(target), ...Object.keys(source)].reduce(
13
- (result, key) => ({
14
-
15
- ...result,
16
- [key]: deepMerge(target[key], source[key])
17
- }),
18
- {}
19
- )
20
- }
21
-
22
- module.exports = deepMerge
@@ -1,3 +0,0 @@
1
- const objectify = (path, obj) => path.split('.').reduce((prev, curr) => (prev ? prev[curr] : undefined), obj)
2
-
3
- module.exports = objectify