weblate/client/webpack.config.js
KarenKonou 7c1952b815
feat(client): replace multi.js (#19305)
* feat(deps): replace multi.js with tom-select

* docs: Documentation snippets update

* fix licenses

* chore(js): update vendored libraries

* chore(js): update vendored libraries

* dark theme overrides for new multi select widget

* chore(js): update vendored libraries

* use more space for the multi select dropdown widget

---------

Co-authored-by: pre-commit-ci-lite[bot] <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Co-authored-by: Michal Čihař <michal@cihar.com>
2026-05-07 11:28:23 +02:00

203 lines
5.8 KiB
JavaScript
Vendored

// Copyright © Michal Čihař <michal@weblate.org>
//
// SPDX-License-Identifier: GPL-3.0-or-later
const path = require("node:path");
const TerserPlugin = require("terser-webpack-plugin");
const LicensePlugin = require("webpack-license-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
// Regular expression to match copyright lines
const copyrightRegex = /Copyright.*\n/;
// REUSE-IgnoreStart
// Function to extract copyright information from a package
function extractCopyright(pkg) {
if (pkg.licenseText !== null) {
const copyrights = pkg.licenseText.match(copyrightRegex);
if (copyrights !== null) {
return copyrights.join("");
}
}
return `Copyright ${pkg.author}\n`;
}
// Generic function to transform package information
function genericTransform(packages, filter) {
const mainPackages = packages.filter(filter);
const licenses = [...new Set(mainPackages.map((pkg) => pkg.license))]
.sort()
.join(" AND ");
const copyrights = [...new Set(mainPackages.map(extractCopyright))]
.sort()
.join("");
return `${copyrights}
SPDX-License-Identifier: ${licenses}
`;
}
// REUSE-IgnoreEnd
// License transform function for global packages used in main.js
function mainLicenseTransform(packages) {
const excludePrefixes = [
"@sentry",
"tributejs",
"@tarekraafat/autocomplete.js",
"autosize",
"tom-select",
"hotkeys-js",
"prismjs",
"@altcha",
"altcha",
"source-",
"bootstrap",
"@orchidjs",
];
return genericTransform(
packages,
(pkg) => !excludePrefixes.some((prefix) => pkg.name.startsWith(prefix)),
);
}
function sentryLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("@sentry"));
}
function tributeLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("tributejs"));
}
function autosizeLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("autosize"));
}
function prismJsLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("prismjs"));
}
function bootstrapLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("bootstrap"));
}
function hotkeysLicenseTransform(packages) {
return genericTransform(packages, (pkg) => pkg.name.startsWith("hotkeys-js"));
}
// REUSE-IgnoreStart
function autoCompleteLicenseTransform(packages) {
const pkg = packages.find((pkgsItem) =>
pkgsItem.name.startsWith("@tarekraafat/autocomplete.js"),
);
if (pkg) {
const author =
typeof pkg.author === "string"
? pkg.author
: pkg.author?.email
? `${pkg.author.name} <${pkg.author.email}>`
: pkg.author?.name
? pkg.author.name
: "";
return `SPDX-FileCopyrightText: ${author}\n\nSPDX-License-Identifier: ${pkg.license}`;
}
return "";
}
function tomSelectLicenseTransform(packages) {
const pkg = packages.find((pkgsItem) =>
pkgsItem.name.startsWith("tom-select"),
);
if (pkg) {
const author =
typeof pkg.author === "string"
? pkg.author
: pkg.author?.email
? `${pkg.author.name} <${pkg.author.email}>`
: pkg.author?.name
? pkg.author.name
: "";
return `SPDX-FileCopyrightText: ${author}\n\nSPDX-License-Identifier: ${pkg.license}`;
}
return "";
}
function altchaLicenseTransform() {
const pkg = require(
path.join(__dirname, "node_modules", "altcha", "package.json"),
);
const author =
typeof pkg.author === "string"
? pkg.author
: pkg.author?.email
? `${pkg.author.name} <${pkg.author.email}>`
: pkg.author?.name
? pkg.author.name
: "";
return `SPDX-FileCopyrightText: ${author}\n\nSPDX-License-Identifier: ${pkg.license}`;
}
// REUSE-IgnoreEnd
// Webpack configuration
module.exports = {
entry: {
main: "./src/main.js",
sentry: "./src/sentry.js",
tribute: "./src/tribute.js",
autoComplete: "./src/autoComplete.js",
autosize: "./src/autosize.js",
"tom-select": "./src/tom-select.js",
hotkeys: "./src/hotkeys.js",
prismjs: "./src/prismjs.js",
altcha: "./src/altcha.js",
bootstrap5: "./src/bootstrap5.js",
bootstrap5_rtl: "./src/bootstrap5_rtl.css",
},
mode: "production",
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
extractComments: false,
terserOptions: {
format: {
comments: false,
},
},
}),
],
},
module: {
rules: [
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"],
},
],
},
plugins: [
new LicensePlugin({
additionalFiles: {
"main.js.license": mainLicenseTransform,
"sentry.js.license": sentryLicenseTransform,
"tribute.js.license": tributeLicenseTransform,
"autoComplete.js.license": autoCompleteLicenseTransform,
"autosize.js.license": autosizeLicenseTransform,
"tom-select.js.license": tomSelectLicenseTransform,
"../../styles/vendor/tom-select.css.license": tomSelectLicenseTransform,
"hotkeys.js.license": hotkeysLicenseTransform,
"prismjs.js.license": prismJsLicenseTransform,
"altcha.js.license": altchaLicenseTransform,
"bootstrap5.js.license": bootstrapLicenseTransform,
"bootstrap5_rtl.js.license": bootstrapLicenseTransform,
"../../styles/vendor/bootstrap5.css.license": bootstrapLicenseTransform,
"../../styles/vendor/bootstrap5_rtl.css.license":
bootstrapLicenseTransform,
},
}),
new MiniCssExtractPlugin({
filename: "../../styles/vendor/[name].css",
}),
],
output: {
filename: "[name].js",
path: path.resolve(__dirname, "../weblate/static/js/vendor"),
},
};