mirror of https://github.com/keeweb/keeweb.git
302 lines
11 KiB
JavaScript
302 lines
11 KiB
JavaScript
const path = require('path');
|
|
const fs = require('fs');
|
|
const webpack = require('webpack');
|
|
const pkg = require('../package.json');
|
|
const { v5: pkgUuid } = require('uuid');
|
|
|
|
const PluginBundleAnalyzer = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
|
const PluginMiniCssExtract = require('mini-css-extract-plugin');
|
|
const PluginMinimizeCss = require('css-minimizer-webpack-plugin');
|
|
const PluginTerser = require('terser-webpack-plugin');
|
|
|
|
const rootDir = path.join(__dirname, '..');
|
|
|
|
process.noDeprecation = true; // for css loaders
|
|
|
|
module.exports = function (options) {
|
|
const kwGuid = pkgUuid(`${pkg.repository.url}`, pkgUuid.URL);
|
|
const kwUuid = pkgUuid(pkg.version, kwGuid);
|
|
|
|
const mode = options.mode || 'production';
|
|
const devMode = mode === 'development';
|
|
const date = options.date;
|
|
const guid = options.guid || kwGuid;
|
|
// eslint-disable-next-line no-unused-vars
|
|
const uuid = options.uuid || kwUuid;
|
|
const dt = date.toISOString().replace(/T.*/, '');
|
|
const year = date.getFullYear();
|
|
|
|
return {
|
|
mode,
|
|
entry: {
|
|
app: ['babel-helpers', 'app', 'main.scss']
|
|
},
|
|
output: {
|
|
path: path.resolve('.', 'tmp'),
|
|
filename: 'js/[name].js'
|
|
},
|
|
target: 'web',
|
|
performance: {
|
|
hints: false
|
|
},
|
|
stats: {
|
|
builtAt: false,
|
|
env: false,
|
|
hash: false,
|
|
colors: true,
|
|
modules: false,
|
|
reasons: false,
|
|
children: false,
|
|
warnings: false,
|
|
errorDetails: false,
|
|
errorStack: false,
|
|
errorsCount: false,
|
|
logging: false, // false, 'none' | 'error' | 'warn' | 'info' | 'log' | 'verbose'
|
|
loggingTrace: false,
|
|
loggingDebug: ['sass', 'sass-loader']
|
|
},
|
|
progress: false,
|
|
failOnError: true,
|
|
resolve: {
|
|
modules: [
|
|
path.join(rootDir, 'app/scripts'),
|
|
path.join(rootDir, 'app/styles'),
|
|
path.join(rootDir, 'node_modules')
|
|
],
|
|
alias: {
|
|
'babel-helpers': path.join(rootDir, 'app/lib/babel-helpers.js'),
|
|
jquery: `jquery/dist/jquery${devMode ? '' : '.min'}.js`,
|
|
morphdom: `morphdom/dist/morphdom-umd${devMode ? '' : '.min'}.js`,
|
|
kdbxweb: `kdbxweb/dist/kdbxweb${devMode ? '' : '.min'}.js`,
|
|
baron: `baron/baron${devMode ? '' : '.min'}.js`,
|
|
qrcode: `jsqrcode/dist/qrcode${devMode ? '' : '.min'}.js`,
|
|
argon2: 'argon2-browser/dist/argon2.js',
|
|
dompurify: `dompurify/dist/purify${devMode ? '' : '.min'}.js`,
|
|
tweetnacl: `tweetnacl/nacl${devMode ? '' : '.min'}.js`,
|
|
hbs: 'handlebars/runtime.js',
|
|
'argon2-wasm': 'argon2-browser/dist/argon2.wasm',
|
|
templates: path.join(rootDir, 'app/templates'),
|
|
'public-key.pem': path.join(rootDir, 'app/resources/public-key.pem'),
|
|
'public-key-new.pem': path.join(rootDir, 'app/resources/public-key-new.pem'),
|
|
'demo.kdbx': path.join(rootDir, 'app/resources/Demo.kdbx'),
|
|
'fontawesome.woff2': path.resolve(
|
|
__dirname,
|
|
'../node_modules/@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2'
|
|
)
|
|
},
|
|
fallback: {
|
|
console: false,
|
|
process: false,
|
|
crypto: false,
|
|
Buffer: false,
|
|
__filename: false,
|
|
__dirname: false,
|
|
fs: false,
|
|
setImmediate: false,
|
|
path: false,
|
|
moment: false
|
|
}
|
|
},
|
|
resolveLoader: {
|
|
modules: ['node_modules', path.join(__dirname, 'loaders')]
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.hbs$/,
|
|
use: [
|
|
{
|
|
loader: 'handlebars-loader',
|
|
options: {
|
|
knownHelpers: fs
|
|
.readdirSync(path.join(rootDir, 'app/scripts/hbs-helpers'))
|
|
.map((f) => f.replace('.js', ''))
|
|
.filter((f) => f !== 'index'),
|
|
partialResolver(partial, callback) {
|
|
const location = path.join(
|
|
rootDir,
|
|
'app/templates/partials',
|
|
`${partial}.hbs`
|
|
);
|
|
callback(null, location);
|
|
}
|
|
}
|
|
},
|
|
{
|
|
loader: 'string-replace-loader',
|
|
options: {
|
|
search: /\r?\n\s*/g,
|
|
replace: '\n'
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /runtime-info\.js$/,
|
|
loader: 'string-replace-loader',
|
|
options: {
|
|
multiple: [
|
|
{
|
|
search: /@@VERSION/g,
|
|
replace: pkg.version + (options.beta ? '-beta' : '')
|
|
},
|
|
{
|
|
search: /@@BETA/g,
|
|
replace: options.beta ? '1' : ''
|
|
},
|
|
{ search: /@@DATE/g, replace: dt },
|
|
{ search: /@@GUID/g, replace: guid },
|
|
{
|
|
search: /@@COMMIT/g,
|
|
replace: options.sha
|
|
},
|
|
{ search: /@@DEVMODE/g, replace: devMode ? '1' : '' },
|
|
{ search: /@@APPLE_TEAM_ID/g, replace: options.appleTeamId }
|
|
]
|
|
}
|
|
},
|
|
{
|
|
test: /baron(\.min)?\.js$/,
|
|
use: [
|
|
{
|
|
loader: 'string-replace-loader',
|
|
options: {
|
|
search: /\(1,\s*eval\)\('this'\)/g,
|
|
replace: 'window'
|
|
}
|
|
},
|
|
{
|
|
loader: 'exports-loader',
|
|
options: { type: 'module', exports: 'default baron' }
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /babel-helpers\.js$/,
|
|
loader: 'exports-loader',
|
|
options: { type: 'module', exports: 'default babelHelpers' }
|
|
},
|
|
{ test: /handlebars/, loader: 'strip-sourcemap-loader' },
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /(node_modules|babel-helpers\.js)/,
|
|
loader: 'babel-loader',
|
|
options: { cacheDirectory: true }
|
|
},
|
|
{ test: /argon2\.wasm/, type: 'javascript/auto', loader: 'base64-loader' },
|
|
{ test: /argon2(\.min)?\.js/, loader: 'raw-loader' },
|
|
{
|
|
test: /\.s?css$/,
|
|
use: [
|
|
PluginMiniCssExtract.loader,
|
|
{
|
|
// translates CSS into CommonJS
|
|
loader: 'css-loader',
|
|
options: {
|
|
esModule: false,
|
|
importLoaders: 2,
|
|
sourceMap: !devMode,
|
|
url: true,
|
|
import: true
|
|
}
|
|
},
|
|
{
|
|
// autoprefixing, linting and more
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
sourceMap: !devMode
|
|
}
|
|
},
|
|
{
|
|
// compile Sass to CSS
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sassOptions: {
|
|
outputStyle: 'expanded'
|
|
},
|
|
sourceMap: !devMode
|
|
}
|
|
},
|
|
{
|
|
loader: 'scss-add-icons-loader'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.(png|jpe?g|gif)$/i,
|
|
use: [
|
|
{
|
|
loader: 'file-loader'
|
|
}
|
|
]
|
|
},
|
|
{ test: /fontawesome.*\.woff2$/, loader: 'fontawesome-loader' },
|
|
{ test: /\.pem$/, loader: 'raw-loader' },
|
|
{ test: /\.kdbx$/, loader: 'base64-loader' }
|
|
]
|
|
},
|
|
optimization: {
|
|
runtimeChunk: false,
|
|
minimize: !devMode, // set true to minimize in dev + production mode
|
|
minimizer: [
|
|
new PluginTerser({
|
|
minify: PluginTerser.terserMinify,
|
|
extractComments: 'never-extract-comments',
|
|
terserOptions: {
|
|
ecma: 6
|
|
}
|
|
}),
|
|
new PluginMinimizeCss({
|
|
test: /\.min\.css$/i,
|
|
minimizerOptions: {
|
|
preset: [
|
|
'default',
|
|
{
|
|
discardComments: { removeAll: true }
|
|
}
|
|
]
|
|
}
|
|
}),
|
|
new PluginBundleAnalyzer({
|
|
openAnalyzer: false,
|
|
analyzerMode: 'static',
|
|
reportFilename: 'stats/analyzer_report.html',
|
|
generateStatsFile: true,
|
|
statsFilename: 'stats/stats.json'
|
|
})
|
|
]
|
|
},
|
|
plugins: [
|
|
new webpack.BannerPlugin(
|
|
'keeweb v' +
|
|
pkg.version +
|
|
', (c) ' +
|
|
year +
|
|
' ' +
|
|
pkg.author.name +
|
|
', opensource.org/licenses/' +
|
|
pkg.license
|
|
),
|
|
new webpack.ProvidePlugin({
|
|
$: 'jquery',
|
|
babelHelpers: 'babel-helpers'
|
|
}),
|
|
new webpack.IgnorePlugin({ resourceRegExp: /^(moment)$/ }),
|
|
new PluginMiniCssExtract({
|
|
filename: 'css/[name].css'
|
|
})
|
|
],
|
|
node: {
|
|
__filename: false,
|
|
__dirname: false
|
|
},
|
|
externals: {
|
|
xmldom: 'null',
|
|
crypto: 'null',
|
|
fs: 'null',
|
|
path: 'null'
|
|
},
|
|
devtool: devMode ? 'source-map' : undefined
|
|
};
|
|
};
|