blob: 2c94b12eb551a2a34e8a6d8cc4634cc3e82de224 [file] [log] [blame]
Adrià Vilanova Martínez413cb442021-09-06 00:30:45 +02001const webpack = require('webpack');
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +02002const path = require('path');
3const json5 = require('json5');
4const CopyWebpackPlugin = require('copy-webpack-plugin');
5const WebpackShellPluginNext = require('webpack-shell-plugin-next');
6
Adrià Vilanova Martínez43d0a7b2021-08-28 01:21:17 +02007// Pontoon uses their own locale set. This array lets us convert those locales
8// to the ones accepted by Chrome, Firefox, etc.
9const localeOverrides = [
10 {
11 pontoonLocale: 'pt-rBR',
12 webExtLocale: 'pt', // This way it targets both 'pt_BR' and 'pt_PT'
13 },
14];
15
16const getCopyPluginsForOverridenLocales = outputPath => {
17 return localeOverrides.map(l => {
18 return new CopyWebpackPlugin({
19 patterns: [
20 {
21 from: path.join(__dirname, 'src/static/_locales/' + l.pontoonLocale),
22 to: path.join(outputPath, '_locales/' + l.webExtLocale),
23 globOptions: {
24 ignore: ['**/OWNERS', '**.md'],
25 }
26 },
27 ]
28 });
29 });
30};
31
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020032module.exports = (env, args) => {
33 let entry = {
34 // Content scripts
35 communityConsoleMain: './src/contentScripts/communityConsole/main.js',
36 communityConsoleStart: './src/contentScripts/communityConsole/start.js',
37 publicForum: './src/contentScripts/publicForum.js',
38 publicThread: './src/contentScripts/publicThread.js',
39 profile: './src/contentScripts/profile.js',
40 profileIndicator: './src/contentScripts/profileIndicator.js',
41
42 // Injected JS
43 profileIndicatorInject: './src/injections/profileIndicator.js',
44 batchLockInject: './src/injections/batchLock.js',
Adrià Vilanova Martínez43ec2b92021-07-16 18:44:54 +020045 xhrInterceptorInject: './src/injections/xhrInterceptor.js',
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020046
47 // Options page
Adrià Vilanova Martínez09f35be2021-09-06 19:50:09 +020048 optionsCommon: './src/options/optionsCommon.js',
avm999632485a3e2021-09-08 22:18:38 +020049
50 // Common CSS
51 mdcStyles: './src/mdc/index.js',
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020052 };
53
54 // Background script (or service worker for MV3)
55 if (env.browser_target == 'chromium_mv3')
56 entry.sw = './src/sw.js';
57 else
58 entry.background = './src/background.js';
59
60 let outputPath = path.join(__dirname, 'dist', env.browser_target);
61
Adrià Vilanova Martínez43d0a7b2021-08-28 01:21:17 +020062 let overridenLocalePaths =
63 localeOverrides.map(l => '**/_locales/' + l.pontoonLocale);
64
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020065 return {
66 entry,
67 output: {
68 filename: '[name].bundle.js',
69 path: outputPath,
Adrià Vilanova Martínez85424b62021-07-11 21:52:00 +020070 clean: true,
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020071 },
72 plugins: [
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020073 new WebpackShellPluginNext({
74 onBuildEnd: {
75 scripts:
avm99963efce2102021-03-23 23:23:26 +010076 ['genmanifest -template templates/manifest.gjson -dest ' +
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020077 path.join(outputPath, 'manifest.json') + ' ' +
78 env.browser_target]
79 }
80 }),
81 new CopyWebpackPlugin({
82 patterns: [
83 {
84 from: path.join(__dirname, 'src/static'),
85 to: outputPath,
86 globOptions: {
Adrià Vilanova Martínez43d0a7b2021-08-28 01:21:17 +020087 ignore: ['**/OWNERS', '**.md', ...overridenLocalePaths],
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020088 }
89 },
90 ]
91 }),
Adrià Vilanova Martínez413cb442021-09-06 00:30:45 +020092 new webpack.DefinePlugin({
93 'PRODUCTION': args.mode == 'production',
94 }),
Adrià Vilanova Martínez43d0a7b2021-08-28 01:21:17 +020095 ...getCopyPluginsForOverridenLocales(outputPath),
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +020096 ],
97 // NOTE: Change to
98 // (args.mode == 'production' ? 'source-map' : 'inline-source-map')
99 // once https://crbug.com/212374 is fixed.
100 devtool: 'inline-source-map',
101 module: {
102 rules: [
103 {
avm999632485a3e2021-09-08 22:18:38 +0200104 test: /\.json5$/i,
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +0200105 type: 'json',
106 parser: {
107 parse: json5.parse,
108 },
109 },
avm999632485a3e2021-09-08 22:18:38 +0200110 {
111 test: /\.s[ac]ss$/i,
112 use: [
113 'style-loader',
114 'css-loader',
115 {
116 loader: 'sass-loader',
117 options: {
118 // Prefer `dart-sass`
119 implementation: require('sass'),
120 },
121 },
122 ],
123 },
Adrià Vilanova Martínez3465e772021-07-11 19:18:41 +0200124 ]
125 },
126 };
127};