2021-07-05 04:19:04 +01:00
|
|
|
import { DEFAULT_LOCALE, LOCALE } from '../src/routes/_static/intl.js'
|
|
|
|
import path from 'path'
|
|
|
|
import webpack from 'webpack'
|
|
|
|
import config from 'sapper/config/webpack.js'
|
|
|
|
import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
|
|
|
|
import terser from './terser.config.js'
|
|
|
|
import CircularDependencyPlugin from 'circular-dependency-plugin'
|
|
|
|
import { mode, dev, resolve, inlineSvgs } from './shared.config.js'
|
|
|
|
import { version } from '../package.json'
|
2020-11-29 22:13:27 +00:00
|
|
|
|
2021-07-05 04:19:04 +01:00
|
|
|
import urlRegex from '../src/routes/_utils/urlRegexSource.js'
|
|
|
|
// TODO: make it so we don't have to list these out explicitly
|
|
|
|
import fr from '../src/intl/emoji-picker/fr.js'
|
|
|
|
import de from '../src/intl/emoji-picker/de.js'
|
2018-01-06 23:51:25 +00:00
|
|
|
|
2021-07-05 04:19:04 +01:00
|
|
|
const emojiPickerLocales = { fr, de }
|
|
|
|
|
|
|
|
const emojiPickerI18n = LOCALE !== DEFAULT_LOCALE && emojiPickerLocales[LOCALE]
|
2019-03-03 06:02:59 +00:00
|
|
|
|
2019-02-16 04:31:22 +00:00
|
|
|
const output = Object.assign(config.client.output(), {
|
|
|
|
// enables HMR in workers
|
|
|
|
globalObject: 'this',
|
2021-02-20 23:30:58 +00:00
|
|
|
filename: dev ? '[fullhash]/[id].js' : '[id].[contenthash].[name].js',
|
|
|
|
chunkFilename: dev ? '[fullhash]/[id].js' : '[id].[contenthash].[name].js'
|
2019-02-16 04:31:22 +00:00
|
|
|
})
|
2019-02-16 03:46:27 +00:00
|
|
|
|
2021-02-20 23:30:58 +00:00
|
|
|
process.on('unhandledRejection', err => {
|
|
|
|
// TODO: seems to be a Webpack Bundle Analyzer error we can safely ignore
|
|
|
|
if (!err.message.includes('Error: No such label \'done hook\' for WebpackLogger.timeEnd()')) {
|
|
|
|
console.error(err)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
2021-07-05 04:19:04 +01:00
|
|
|
export default {
|
2018-02-09 06:29:29 +00:00
|
|
|
entry: config.client.entry(),
|
2019-02-16 04:31:22 +00:00
|
|
|
output,
|
2018-12-18 08:43:51 +00:00
|
|
|
resolve,
|
2018-12-16 03:21:20 +00:00
|
|
|
mode,
|
2018-02-09 06:29:29 +00:00
|
|
|
module: {
|
|
|
|
rules: [
|
2019-08-18 23:15:20 +01:00
|
|
|
{
|
2021-04-11 15:43:53 +01:00
|
|
|
test: input => {
|
2021-04-11 17:00:10 +01:00
|
|
|
return input.endsWith(path.join('_workers', 'blurhash.js'))
|
2021-04-11 15:43:53 +01:00
|
|
|
},
|
2019-08-18 23:15:20 +01:00
|
|
|
use: {
|
2019-08-26 02:33:44 +01:00
|
|
|
loader: 'worker-loader',
|
|
|
|
options: {
|
2021-02-20 23:30:58 +00:00
|
|
|
filename: dev ? '[fullhash]/blurhash.[name].js' : 'blurhash.[contenthash].[name].js'
|
2019-08-26 02:33:44 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
2021-04-11 15:43:53 +01:00
|
|
|
test: input => {
|
|
|
|
return (
|
2021-04-11 17:00:10 +01:00
|
|
|
input.endsWith(path.join('tesseract.js', 'dist', 'worker.min.js')) ||
|
|
|
|
input.endsWith(path.join('tesseract.js', 'dist', 'worker.min.js.map')) ||
|
|
|
|
input.endsWith(path.join('tesseract.js-core', 'tesseract-core.wasm')) ||
|
|
|
|
input.endsWith(path.join('tesseract.js-core', 'tesseract-core.wasm.js'))
|
|
|
|
)
|
2021-04-11 15:43:53 +01:00
|
|
|
},
|
2019-08-26 02:33:44 +01:00
|
|
|
use: {
|
|
|
|
loader: 'file-loader',
|
|
|
|
options: {
|
2021-03-16 00:25:07 +00:00
|
|
|
name: dev ? 'tesseract-asset.[name].[ext]' : 'tesseract-asset.[contenthash].[name].[ext]'
|
2019-08-26 02:33:44 +01:00
|
|
|
}
|
2019-08-18 23:15:20 +01:00
|
|
|
}
|
|
|
|
},
|
2019-09-21 07:17:52 +01:00
|
|
|
{
|
2020-11-29 22:13:27 +00:00
|
|
|
test: /\.js$/,
|
|
|
|
exclude: /node_modules/,
|
2019-09-21 07:17:52 +01:00
|
|
|
use: {
|
2021-07-05 04:19:04 +01:00
|
|
|
loader: path.join(__dirname, './svelte-intl-loader.cjs')
|
2019-09-21 07:17:52 +01:00
|
|
|
}
|
2020-11-29 22:13:27 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
test: /\.html$/,
|
|
|
|
use: [
|
|
|
|
{
|
|
|
|
loader: 'svelte-loader',
|
|
|
|
options: {
|
|
|
|
dev,
|
|
|
|
hydratable: true,
|
|
|
|
store: true,
|
|
|
|
hotReload: dev
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
2021-07-05 04:19:04 +01:00
|
|
|
loader: path.join(__dirname, './svelte-intl-loader.cjs')
|
2020-11-29 22:13:27 +00:00
|
|
|
}
|
|
|
|
]
|
2018-02-09 06:29:29 +00:00
|
|
|
}
|
|
|
|
].filter(Boolean)
|
|
|
|
},
|
2021-02-20 21:40:33 +00:00
|
|
|
optimization: dev
|
|
|
|
? {}
|
|
|
|
: {
|
|
|
|
minimize: !process.env.DEBUG,
|
|
|
|
minimizer: [
|
|
|
|
terser()
|
|
|
|
],
|
|
|
|
// TODO: we should be able to enable this, but Sapper breaks if we do so
|
|
|
|
// // isolate runtime chunk to avoid excessive cache invalidations https://webpack.js.org/guides/caching/
|
|
|
|
// runtimeChunk: 'single',
|
|
|
|
splitChunks: {
|
|
|
|
chunks: 'async',
|
|
|
|
minSize: 5000,
|
|
|
|
maxAsyncRequests: Infinity,
|
|
|
|
maxInitialRequests: Infinity
|
|
|
|
}
|
|
|
|
},
|
2018-03-25 02:17:55 +01:00
|
|
|
plugins: [
|
2019-03-03 03:02:06 +00:00
|
|
|
new webpack.DefinePlugin({
|
|
|
|
'process.browser': true,
|
|
|
|
'process.env.NODE_ENV': JSON.stringify(mode),
|
2019-03-03 06:02:59 +00:00
|
|
|
'process.env.INLINE_SVGS': JSON.stringify(inlineSvgs),
|
2021-07-05 04:19:04 +01:00
|
|
|
'process.env.URL_REGEX': urlRegex().toString(),
|
2020-12-19 04:02:36 +00:00
|
|
|
'process.env.LOCALE': JSON.stringify(LOCALE),
|
2021-02-20 23:30:58 +00:00
|
|
|
'process.env.EMOJI_PICKER_I18N': emojiPickerI18n ? JSON.stringify(emojiPickerI18n) : 'undefined',
|
2021-03-14 17:20:23 +00:00
|
|
|
'process.env.PINAFORE_VERSION': JSON.stringify(version),
|
|
|
|
'process.env.IS_SERVICE_WORKER': 'false'
|
2019-03-03 03:02:06 +00:00
|
|
|
}),
|
2018-12-16 18:22:34 +00:00
|
|
|
new CircularDependencyPlugin({
|
|
|
|
exclude: /node_modules/,
|
|
|
|
failOnError: true,
|
|
|
|
cwd: process.cwd()
|
2021-07-05 00:39:31 +01:00
|
|
|
}),
|
|
|
|
dev && new webpack.HotModuleReplacementPlugin({
|
|
|
|
requestTimeout: 120000
|
|
|
|
}),
|
|
|
|
// generates report.html, somewhat expensive to compute, so avoid in CircleCI tests
|
|
|
|
!dev && !process.env.CIRCLECI && new BundleAnalyzerPlugin({
|
|
|
|
analyzerMode: 'static',
|
|
|
|
openAnalyzer: false,
|
|
|
|
logLevel: 'silent'
|
2018-11-04 00:06:01 +00:00
|
|
|
})
|
2021-07-05 00:39:31 +01:00
|
|
|
].filter(Boolean),
|
2018-12-17 21:42:10 +00:00
|
|
|
devtool: dev ? 'inline-source-map' : 'source-map',
|
|
|
|
performance: {
|
2019-09-21 21:44:32 +01:00
|
|
|
hints: dev ? false : (process.env.DEBUG ? 'warning' : 'error'),
|
2019-08-26 02:33:44 +01:00
|
|
|
assetFilter: assetFilename => {
|
|
|
|
return !(/\.map$/.test(assetFilename)) && !/tesseract-asset/.test(assetFilename)
|
|
|
|
}
|
2018-12-17 21:42:10 +00:00
|
|
|
}
|
2018-02-09 06:29:29 +00:00
|
|
|
}
|