Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 1 | const webpack = require('webpack'); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 2 | const path = require('path'); |
| 3 | const json5 = require('json5'); |
| 4 | const CopyWebpackPlugin = require('copy-webpack-plugin'); |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 5 | const {VueLoaderPlugin} = require('vue-loader'); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 6 | const WebpackShellPluginNext = require('webpack-shell-plugin-next'); |
| 7 | |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 8 | // Pontoon uses their own locale set. This array lets us convert those locales |
| 9 | // to the ones accepted by Chrome, Firefox, etc. |
| 10 | const localeOverrides = [ |
| 11 | { |
| 12 | pontoonLocale: 'pt-rBR', |
Adrià Vilanova Martínez | 7f9540d | 2022-02-17 22:05:14 +0100 | [diff] [blame^] | 13 | webExtLocale: 'pt_BR', |
| 14 | }, |
| 15 | { |
| 16 | pontoonLocale: 'pt-rBR', |
| 17 | webExtLocale: 'pt_PT', |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 18 | }, |
| 19 | ]; |
| 20 | |
| 21 | const getCopyPluginsForOverridenLocales = outputPath => { |
| 22 | return localeOverrides.map(l => { |
| 23 | return new CopyWebpackPlugin({ |
| 24 | patterns: [ |
| 25 | { |
| 26 | from: path.join(__dirname, 'src/static/_locales/' + l.pontoonLocale), |
| 27 | to: path.join(outputPath, '_locales/' + l.webExtLocale), |
| 28 | globOptions: { |
| 29 | ignore: ['**/OWNERS', '**.md'], |
| 30 | } |
| 31 | }, |
| 32 | ] |
| 33 | }); |
| 34 | }); |
| 35 | }; |
| 36 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 37 | module.exports = (env, args) => { |
| 38 | let entry = { |
| 39 | // Content scripts |
| 40 | communityConsoleMain: './src/contentScripts/communityConsole/main.js', |
| 41 | communityConsoleStart: './src/contentScripts/communityConsole/start.js', |
| 42 | publicForum: './src/contentScripts/publicForum.js', |
| 43 | publicThread: './src/contentScripts/publicThread.js', |
| 44 | profile: './src/contentScripts/profile.js', |
| 45 | profileIndicator: './src/contentScripts/profileIndicator.js', |
| 46 | |
| 47 | // Injected JS |
| 48 | profileIndicatorInject: './src/injections/profileIndicator.js', |
| 49 | batchLockInject: './src/injections/batchLock.js', |
Adrià Vilanova Martínez | 43ec2b9 | 2021-07-16 18:44:54 +0200 | [diff] [blame] | 50 | xhrInterceptorInject: './src/injections/xhrInterceptor.js', |
Adrià Vilanova Martínez | 4f56d56 | 2022-01-26 00:23:27 +0100 | [diff] [blame] | 51 | extraInfoInject: './src/injections/extraInfo.js', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 52 | |
| 53 | // Options page |
Adrià Vilanova Martínez | 09f35be | 2021-09-06 19:50:09 +0200 | [diff] [blame] | 54 | optionsCommon: './src/options/optionsCommon.js', |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 55 | |
| 56 | // Common CSS |
| 57 | mdcStyles: './src/mdc/index.js', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 58 | }; |
| 59 | |
| 60 | // Background script (or service worker for MV3) |
Adrià Vilanova Martínez | 54fbad1 | 2022-01-04 03:39:04 +0100 | [diff] [blame] | 61 | entry.bg = './src/bg.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 62 | |
| 63 | let outputPath = path.join(__dirname, 'dist', env.browser_target); |
| 64 | |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 65 | let overridenLocalePaths = |
| 66 | localeOverrides.map(l => '**/_locales/' + l.pontoonLocale); |
| 67 | |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 68 | let preprocessorLoader = { |
| 69 | loader: 'webpack-preprocessor-loader', |
| 70 | options: { |
| 71 | params: { |
| 72 | browser_target: env.browser_target, |
| 73 | production: args.mode == 'production', |
Adrià Vilanova Martínez | 0335b51 | 2022-01-21 13:34:59 +0100 | [diff] [blame] | 74 | canary: !!env.canary |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 75 | }, |
| 76 | }, |
| 77 | }; |
| 78 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 79 | return { |
| 80 | entry, |
| 81 | output: { |
| 82 | filename: '[name].bundle.js', |
| 83 | path: outputPath, |
Adrià Vilanova Martínez | 85424b6 | 2021-07-11 21:52:00 +0200 | [diff] [blame] | 84 | clean: true, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 85 | }, |
| 86 | plugins: [ |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 87 | new WebpackShellPluginNext({ |
| 88 | onBuildEnd: { |
| 89 | scripts: |
avm99963 | efce210 | 2021-03-23 23:23:26 +0100 | [diff] [blame] | 90 | ['genmanifest -template templates/manifest.gjson -dest ' + |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 91 | path.join(outputPath, 'manifest.json') + ' ' + |
| 92 | env.browser_target] |
| 93 | } |
| 94 | }), |
| 95 | new CopyWebpackPlugin({ |
| 96 | patterns: [ |
| 97 | { |
Adrià Vilanova Martínez | 9aa2931 | 2022-01-16 02:42:46 +0100 | [diff] [blame] | 98 | from: path.join( |
| 99 | __dirname, 'src/icons', env.canary ? 'canary' : 'regular'), |
| 100 | to: path.join(outputPath, 'icons'), |
| 101 | }, |
| 102 | ] |
| 103 | }), |
| 104 | new CopyWebpackPlugin({ |
| 105 | patterns: [ |
| 106 | { |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 107 | from: path.join(__dirname, 'src/static'), |
| 108 | to: outputPath, |
| 109 | globOptions: { |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 110 | ignore: ['**/OWNERS', '**.md', ...overridenLocalePaths], |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 111 | } |
| 112 | }, |
| 113 | ] |
| 114 | }), |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 115 | new VueLoaderPlugin(), |
Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 116 | new webpack.DefinePlugin({ |
| 117 | 'PRODUCTION': args.mode == 'production', |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 118 | '__VUE_OPTIONS_API__': true, |
| 119 | '__VUE_PROD_DEVTOOLS__': args.mode != 'production', |
Adrià Vilanova Martínez | 413cb44 | 2021-09-06 00:30:45 +0200 | [diff] [blame] | 120 | }), |
Adrià Vilanova Martínez | 43d0a7b | 2021-08-28 01:21:17 +0200 | [diff] [blame] | 121 | ...getCopyPluginsForOverridenLocales(outputPath), |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 122 | ], |
| 123 | // NOTE: Change to |
| 124 | // (args.mode == 'production' ? 'source-map' : 'inline-source-map') |
| 125 | // once https://crbug.com/212374 is fixed. |
| 126 | devtool: 'inline-source-map', |
| 127 | module: { |
| 128 | rules: [ |
| 129 | { |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 130 | test: /\.json5$/i, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 131 | type: 'json', |
| 132 | parser: { |
| 133 | parse: json5.parse, |
| 134 | }, |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 135 | use: [ |
| 136 | preprocessorLoader, |
| 137 | ], |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 138 | }, |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 139 | { |
| 140 | test: /\.s[ac]ss$/i, |
| 141 | use: [ |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 142 | 'vue-style-loader', |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 143 | 'css-loader', |
| 144 | { |
| 145 | loader: 'sass-loader', |
| 146 | options: { |
| 147 | // Prefer `dart-sass` |
| 148 | implementation: require('sass'), |
| 149 | }, |
| 150 | }, |
| 151 | ], |
| 152 | }, |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 153 | { |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 154 | test: /\.css$/i, |
| 155 | use: [ |
| 156 | 'vue-style-loader', |
| 157 | 'css-loader', |
| 158 | ], |
| 159 | }, |
| 160 | { |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 161 | test: /\.js$/i, |
| 162 | use: [ |
Adrià Vilanova Martínez | a4dd5fd | 2022-01-05 04:23:44 +0100 | [diff] [blame] | 163 | preprocessorLoader, |
Adrià Vilanova Martínez | 5120dbb | 2022-01-04 03:21:17 +0100 | [diff] [blame] | 164 | ], |
| 165 | }, |
Adrià Vilanova Martínez | 1e10d19 | 2021-12-31 16:01:13 +0100 | [diff] [blame] | 166 | { |
| 167 | test: /\.vue$/i, |
| 168 | loader: 'vue-loader', |
| 169 | }, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 170 | ] |
| 171 | }, |
| 172 | }; |
| 173 | }; |