bitwarden-estensione-browser/webpack.config.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

289 lines
9.3 KiB
JavaScript
Raw Normal View History

2018-06-05 06:02:43 +02:00
const fs = require("fs");
2022-02-24 12:10:07 +01:00
const path = require("path");
const { AngularWebpackPlugin } = require("@ngtools/webpack");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
2018-06-05 05:10:41 +02:00
const CopyWebpackPlugin = require("copy-webpack-plugin");
2022-02-24 12:10:07 +01:00
const HtmlWebpackInjector = require("html-webpack-injector");
const HtmlWebpackPlugin = require("html-webpack-plugin");
2020-05-08 17:42:28 +02:00
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const TerserPlugin = require("terser-webpack-plugin");
2022-02-24 12:10:07 +01:00
const webpack = require("webpack");
const config = require("./config.js");
2022-02-24 12:10:07 +01:00
const pjson = require("./package.json");
2018-06-05 05:10:41 +02:00
const ENV = process.env.ENV == null ? "development" : process.env.ENV;
const NODE_ENV = process.env.NODE_ENV == null ? "development" : process.env.NODE_ENV;
const envConfig = config.load(ENV);
config.log(envConfig);
2018-06-05 05:10:41 +02:00
const moduleRules = [
2021-12-17 15:57:11 +01:00
{
2018-06-05 05:10:41 +02:00
test: /\.(html)$/,
loader: "html-loader",
2021-12-17 15:57:11 +01:00
},
{
2018-07-18 16:32:44 +02:00
test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
Dark Theme (#1017) * Stylesheets * Theme Configuration * Options Area * swal2 style * Icon styling * Fix theme not saving * Update English * Update messages.json * dropdown and login logo * btn-link and totp fix * Organisation Styling * Update webauthn-fallback.ts * Fix contrast issues * Add Paypal Container and Loading svg file * Password Generator contrast fix * Dark Mode Fix buttons and foreground * Fix button hover * Fix Styles after rebase * Add hover on nav dropdown-item * Disable Theme Preview * Options Fix for Default Theme Changes * Updated Colour Scheme * Toast fix * Button and Text Styling * Options Update and Messages Fix * Added Search Icon and Fixed Callout styling * Add theme styling to Stripe * Refactor logic for setting color * Reorder logic to avoid race condition * PayPal Loading and Misc Fix * text-state bug fix * Badge Colour Fix * Remove PayPal Tagline The colour cannot be styled so it's not visible on a dark theme * Adding the Styling from #1131 * Update to New Design * Form and Nav restyle * Modal Opacity and Callout * Nav Colours * Missing Borders * Light theme fix * Improved border for listgroup * Change Org Nav Colour * Save theme to localStorage for persistence * Undo change to Wired image * !Important removal and tweaks * Fix regression with navbar * Light theme by default * Refactor to use getEffectiveTheme * Refactor theme constants to use enum * Set theme in index.html before app loads * Use scss selector to set logo image * Export Sass to TS * Update jslib Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
2021-09-30 00:06:20 +02:00
exclude: /loading(|-white).svg/,
2021-12-09 22:12:53 +01:00
generator: {
filename: "fonts/[name][ext]",
2018-06-05 05:10:41 +02:00
},
2021-12-09 22:12:53 +01:00
type: "asset/resource",
2018-07-18 16:32:44 +02:00
},
{
test: /\.(jpe?g|png|gif|svg|webp|avif)$/i,
exclude: /.*(bwi-font)\.svg/,
2021-12-09 22:12:53 +01:00
generator: {
filename: "images/[name][ext]",
},
2021-12-09 22:12:53 +01:00
type: "asset/resource",
2021-12-17 15:57:11 +01:00
},
{
2018-06-05 05:10:41 +02:00
test: /\.scss$/,
2021-12-17 15:57:11 +01:00
use: [
{
2020-05-08 17:42:28 +02:00
loader: MiniCssExtractPlugin.loader,
2021-12-17 15:57:11 +01:00
},
2020-05-08 17:42:28 +02:00
"css-loader",
2020-05-08 17:54:49 +02:00
"sass-loader",
2021-12-17 15:57:11 +01:00
],
},
2022-03-08 18:18:03 +01:00
{
test: /\.css$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
},
"css-loader",
"postcss-loader",
],
},
2021-12-17 15:57:11 +01:00
{
test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
loader: "@ngtools/webpack",
2021-12-17 15:57:11 +01:00
},
2018-06-05 05:10:41 +02:00
];
const plugins = [
new CleanWebpackPlugin(),
2018-06-05 05:10:41 +02:00
// ref: https://github.com/angular/angular/issues/20357
2018-09-11 23:30:44 +02:00
new webpack.ContextReplacementPlugin(
/\@angular(\\|\/)core(\\|\/)fesm5/,
2018-06-05 05:10:41 +02:00
path.resolve(__dirname, "./src")
),
new HtmlWebpackPlugin({
template: "./src/index.html",
filename: "index.html",
chunks: ["theme_head", "app/polyfills", "app/vendor", "app/main"],
}),
new HtmlWebpackInjector(),
new HtmlWebpackPlugin({
template: "./src/connectors/duo.html",
filename: "duo-connector.html",
chunks: ["connectors/duo"],
}),
2021-03-16 17:44:31 +01:00
new HtmlWebpackPlugin({
template: "./src/connectors/webauthn.html",
filename: "webauthn-connector.html",
chunks: ["connectors/webauthn"],
}),
new HtmlWebpackPlugin({
template: "./src/connectors/webauthn-mobile.html",
filename: "webauthn-mobile-connector.html",
chunks: ["connectors/webauthn"],
}),
2021-03-16 17:44:31 +01:00
new HtmlWebpackPlugin({
template: "./src/connectors/webauthn-fallback.html",
filename: "webauthn-fallback-connector.html",
chunks: ["connectors/webauthn-fallback"],
}),
new HtmlWebpackPlugin({
template: "./src/connectors/sso.html",
filename: "sso-connector.html",
chunks: ["connectors/sso"],
}),
new HtmlWebpackPlugin({
template: "./src/connectors/captcha.html",
filename: "captcha-connector.html",
chunks: ["connectors/captcha"],
}),
new HtmlWebpackPlugin({
template: "./src/connectors/captcha-mobile.html",
filename: "captcha-mobile-connector.html",
chunks: ["connectors/captcha"],
}),
new CopyWebpackPlugin({
patterns: [
{ from: "./src/.nojekyll" },
{ from: "./src/manifest.json" },
{ from: "./src/favicon.ico" },
{ from: "./src/browserconfig.xml" },
{ from: "./src/app-id.json" },
{ from: "./src/404.html" },
{ from: "./src/404", to: "404" },
{ from: "./src/images", to: "images" },
{ from: "./src/locales", to: "locales" },
{ from: "./node_modules/qrious/dist/qrious.min.js", to: "scripts" },
{ from: "./node_modules/braintree-web-drop-in/dist/browser/dropin.js", to: "scripts" },
{
from: "./src/version.json",
transform(content, path) {
return content.toString().replace("process.env.APPLICATION_VERSION", pjson.version);
},
},
],
}),
2020-05-08 17:42:28 +02:00
new MiniCssExtractPlugin({
2021-12-09 22:12:53 +01:00
filename: "[name].[contenthash].css",
chunkFilename: "[id].[contenthash].css",
2020-05-08 17:42:28 +02:00
}),
new webpack.EnvironmentPlugin({
ENV: ENV,
NODE_ENV: NODE_ENV === "production" ? "production" : "development",
APPLICATION_VERSION: pjson.version,
CACHE_TAG: Math.random().toString(36).substring(7),
URLS: envConfig["urls"] ?? {},
STRIPE_KEY: envConfig["stripeKey"] ?? "",
BRAINTREE_KEY: envConfig["braintreeKey"] ?? "",
PAYPAL_CONFIG: envConfig["paypal"] ?? {},
2018-06-05 05:10:41 +02:00
}),
2021-12-09 22:12:53 +01:00
new webpack.ProvidePlugin({
process: "process/browser",
}),
new AngularWebpackPlugin({
2018-06-05 05:10:41 +02:00
tsConfigPath: "tsconfig.json",
entryModule: "src/app/app.module#AppModule",
sourceMap: true,
}),
];
2018-06-05 05:10:41 +02:00
2018-09-18 17:59:03 +02:00
// ref: https://webpack.js.org/configuration/dev-server/#devserver
2018-06-05 17:14:53 +02:00
let certSuffix = fs.existsSync("dev-server.local.pem") ? ".local" : ".shared";
const devServer =
NODE_ENV !== "development"
? {}
: {
2021-12-09 22:12:53 +01:00
server: {
type: "https",
options: {
key: fs.readFileSync("dev-server" + certSuffix + ".pem"),
cert: fs.readFileSync("dev-server" + certSuffix + ".pem"),
2021-12-17 15:57:11 +01:00
},
2021-12-09 22:12:53 +01:00
},
2018-07-10 16:47:31 +02:00
// host: '192.168.1.9',
proxy: {
"/api": {
target: envConfig.dev?.proxyApi,
pathRewrite: { "^/api": "" },
secure: false,
changeOrigin: true,
},
"/identity": {
target: envConfig.dev?.proxyIdentity,
pathRewrite: { "^/identity": "" },
secure: false,
changeOrigin: true,
},
"/events": {
target: envConfig.dev?.proxyEvents,
pathRewrite: { "^/events": "" },
secure: false,
changeOrigin: true,
},
"/notifications": {
target: envConfig.dev?.proxyNotifications,
pathRewrite: { "^/notifications": "" },
secure: false,
changeOrigin: true,
2021-12-17 15:57:11 +01:00
},
},
headers: (req) => {
if (!req.originalUrl.includes("connector.html")) {
return [
{
key: "Content-Security-Policy",
value:
"default-src 'self'; script-src 'self' 'sha256-ryoU+5+IUZTuUyTElqkrQGBJXr1brEv6r2CA62WUw8w=' https://js.stripe.com https://js.braintreegateway.com https://www.paypalobjects.com; style-src 'self' https://assets.braintreegateway.com https://*.paypal.com 'sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=' 'sha256-JVRXyYPueLWdwGwY9m/7u4QlZ1xeQdqUj2t8OVIzZE4='; img-src 'self' data: https://icons.bitwarden.net https://*.paypal.com https://www.paypalobjects.com https://q.stripe.com https://haveibeenpwned.com https://www.gravatar.com; child-src 'self' https://js.stripe.com https://assets.braintreegateway.com https://*.paypal.com https://*.duosecurity.com; frame-src 'self' https://js.stripe.com https://assets.braintreegateway.com https://*.paypal.com https://*.duosecurity.com; connect-src 'self' wss://notifications.bitwarden.com https://notifications.bitwarden.com https://cdn.bitwarden.net https://api.pwnedpasswords.com https://2fa.directory/api/v3/totp.json https://api.stripe.com https://www.paypal.com https://api.braintreegateway.com https://client-analytics.braintreegateway.com https://*.braintree-api.com https://*.blob.core.windows.net https://app.simplelogin.io/api/alias/random/new https://app.anonaddy.com/api/v1/aliases; object-src 'self' blob:;",
},
];
}
},
hot: false,
port: envConfig.dev?.port ?? 8080,
2021-12-09 22:12:53 +01:00
allowedHosts: envConfig.dev?.allowedHosts ?? "auto",
client: {
overlay: {
errors: true,
warnings: false,
2021-12-17 15:57:11 +01:00
},
2021-12-09 22:12:53 +01:00
},
};
const webpackConfig = {
mode: NODE_ENV,
2018-06-05 17:52:09 +02:00
devtool: "source-map",
2018-09-18 17:59:03 +02:00
devServer: devServer,
2018-06-05 05:10:41 +02:00
entry: {
2018-06-08 05:38:17 +02:00
"app/polyfills": "./src/app/polyfills.ts",
"app/main": "./src/app/main.ts",
2021-03-16 17:44:31 +01:00
"connectors/webauthn": "./src/connectors/webauthn.ts",
"connectors/webauthn-fallback": "./src/connectors/webauthn-fallback.ts",
2018-06-08 16:15:45 +02:00
"connectors/duo": "./src/connectors/duo.ts",
"connectors/sso": "./src/connectors/sso.ts",
"connectors/captcha": "./src/connectors/captcha.ts",
theme_head: "./src/theme.js",
2018-06-05 05:10:41 +02:00
},
2018-07-21 04:46:03 +02:00
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: "app/vendor",
chunks: (chunk) => {
return chunk.name === "app/main";
},
},
},
2018-07-21 04:46:03 +02:00
},
2018-06-05 05:10:41 +02:00
minimizer: [
new TerserPlugin({
terserOptions: {
safari10: true,
// Replicate Angular CLI behaviour
compress: {
global_defs: {
ngDevMode: false,
ngI18nClosureMode: false,
},
},
2021-12-09 22:12:53 +01:00
},
2021-12-17 15:57:11 +01:00
}),
],
},
resolve: {
2018-06-05 05:10:41 +02:00
extensions: [".ts", ".js"],
symlinks: false,
modules: [path.resolve("node_modules")],
2022-02-03 10:17:33 +01:00
alias: {
sweetalert2: require.resolve("sweetalert2/dist/sweetalert2.js"),
"#sweetalert2": require.resolve("sweetalert2/src/sweetalert2.scss"),
},
2021-12-09 22:12:53 +01:00
fallback: {
buffer: false,
util: require.resolve("util/"),
assert: false,
2022-02-24 12:10:07 +01:00
url: false,
2018-06-05 05:10:41 +02:00
},
2021-12-17 15:57:11 +01:00
},
2018-06-05 05:10:41 +02:00
output: {
2021-12-09 22:12:53 +01:00
filename: "[name].[contenthash].js",
2018-06-05 05:10:41 +02:00
path: path.resolve(__dirname, "build"),
},
module: { rules: moduleRules },
plugins: plugins,
};
module.exports = webpackConfig;