mirror of
https://github.com/vector-im/element-call.git
synced 2026-02-02 04:05:56 +00:00
0128f2f258
The core vite build shouldn't be responsible for implementing optimisations that are specific to a particular distribution mechanism. e.g. static compressed files for nginx. This way the core build is "clean". Instead, the packager/distributor of the build should be responsible for it. e.g. the nginx docker distribution should do any optimisations that it chooses.
117 lines
3.5 KiB
JavaScript
117 lines
3.5 KiB
JavaScript
/*
|
|
Copyright 2021-2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { defineConfig, loadEnv } from "vite";
|
|
import svgrPlugin from "vite-plugin-svgr";
|
|
import htmlTemplate from "vite-plugin-html-template";
|
|
import { codecovVitePlugin } from "@codecov/vite-plugin";
|
|
import { sentryVitePlugin } from "@sentry/vite-plugin";
|
|
import react from "@vitejs/plugin-react";
|
|
import basicSsl from "@vitejs/plugin-basic-ssl";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig(({ mode }) => {
|
|
const env = loadEnv(mode, process.cwd());
|
|
|
|
const plugins = [
|
|
react(),
|
|
basicSsl(),
|
|
svgrPlugin({
|
|
svgrOptions: {
|
|
// This enables ref forwarding on SVGR components, which is needed, for
|
|
// example, to make tooltips on icons work
|
|
ref: true,
|
|
},
|
|
}),
|
|
htmlTemplate.default({
|
|
data: {
|
|
title: env.VITE_PRODUCT_NAME || "Element Call",
|
|
},
|
|
}),
|
|
|
|
codecovVitePlugin({
|
|
enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
|
|
bundleName: "element-call",
|
|
uploadToken: process.env.CODECOV_TOKEN,
|
|
}),
|
|
];
|
|
|
|
if (
|
|
process.env.SENTRY_ORG &&
|
|
process.env.SENTRY_PROJECT &&
|
|
process.env.SENTRY_AUTH_TOKEN &&
|
|
process.env.SENTRY_URL
|
|
) {
|
|
plugins.push(
|
|
sentryVitePlugin({
|
|
release: {
|
|
name: process.env.VITE_APP_VERSION,
|
|
},
|
|
}),
|
|
);
|
|
}
|
|
|
|
return {
|
|
server: {
|
|
port: 3000,
|
|
},
|
|
build: {
|
|
sourcemap: true,
|
|
rollupOptions: {
|
|
output: {
|
|
assetFileNames: ({ originalFileNames }) => {
|
|
if (originalFileNames) {
|
|
for (const name of originalFileNames) {
|
|
// Custom asset name for locales to include the locale code in the filename
|
|
const match = name.match(/locales\/([^/]+)\/(.+)\.json$/);
|
|
if (match) {
|
|
const [, locale, filename] = match;
|
|
return `assets/${locale}-${filename}-[hash].json`;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Default naming fallback
|
|
return "assets/[name]-[hash][extname]";
|
|
},
|
|
manualChunks: {
|
|
// we should be able to remove this one https://github.com/matrix-org/matrix-rust-sdk-crypto-wasm/pull/167 lands
|
|
"matrix-sdk-crypto-wasm": ["@matrix-org/matrix-sdk-crypto-wasm"],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins,
|
|
resolve: {
|
|
alias: {
|
|
// matrix-widget-api has its transpiled lib/index.js as its entry point,
|
|
// which Vite for some reason refuses to work with, so we point it to
|
|
// src/index.ts instead
|
|
"matrix-widget-api": "matrix-widget-api/src/index.ts",
|
|
},
|
|
dedupe: [
|
|
"react",
|
|
"react-dom",
|
|
"matrix-js-sdk",
|
|
"react-use-measure",
|
|
// These packages modify the document based on some module-level global
|
|
// state, and don't play nicely with duplicate copies of themselves
|
|
// https://github.com/radix-ui/primitives/issues/1241#issuecomment-1847837850
|
|
"@radix-ui/react-focus-guards",
|
|
"@radix-ui/react-dismissable-layer",
|
|
],
|
|
},
|
|
// Vite is using esbuild in development mode, which doesn't work with the wasm loader
|
|
// in matrix-sdk-crypto-wasm, so we need to exclude it here. This doesn't affect the
|
|
// production build (which uses rollup) which still works as expected.
|
|
// https://vite.dev/guide/why.html#why-not-bundle-with-esbuild
|
|
optimizeDeps: {
|
|
exclude: ["@matrix-org/matrix-sdk-crypto-wasm"],
|
|
},
|
|
};
|
|
});
|