96 lines
2.6 KiB
TypeScript
96 lines
2.6 KiB
TypeScript
// Importing env files here to validate on build
|
|
import "@homarr/auth/env";
|
|
import "@homarr/db/env";
|
|
import "@homarr/common/env";
|
|
import "@homarr/log/env";
|
|
import "@homarr/docker/env";
|
|
|
|
import type { NextConfig } from "next";
|
|
import MillionLint from "@million/lint";
|
|
import createNextIntlPlugin from "next-intl/plugin";
|
|
|
|
// Package path does not work... so we need to use relative path
|
|
const withNextIntl = createNextIntlPlugin({
|
|
experimental: {
|
|
createMessagesDeclaration: "../../packages/translation/src/lang/en.json",
|
|
},
|
|
requestConfig: "../../packages/translation/src/request.ts",
|
|
});
|
|
|
|
interface _WebpackConfig {
|
|
module: {
|
|
rules: {
|
|
test: RegExp;
|
|
loader: string;
|
|
}[];
|
|
};
|
|
}
|
|
|
|
const nextConfig: NextConfig = {
|
|
output: "standalone",
|
|
reactStrictMode: true,
|
|
/** We already do linting and typechecking as separate tasks in CI */
|
|
eslint: { ignoreDuringBuilds: true },
|
|
typescript: { ignoreBuildErrors: true },
|
|
/*webpack: (config: WebpackConfig, { isServer }) => {
|
|
if (isServer) {
|
|
config.module.rules.push({
|
|
test: /\.node$/,
|
|
loader: "node-loader",
|
|
});
|
|
}
|
|
|
|
return config;
|
|
},*/
|
|
experimental: {
|
|
optimizePackageImports: ["@mantine/core", "@mantine/hooks", "@tabler/icons-react"],
|
|
},
|
|
serverExternalPackages: [
|
|
"dockerode",
|
|
"@kubernetes/client-node",
|
|
"@ctrl/deluge",
|
|
"@ctrl/qbittorrent",
|
|
"@ctrl/transmission",
|
|
"node-ical",
|
|
"tsdav",
|
|
"proxmox-api",
|
|
"@jellyfin/sdk",
|
|
],
|
|
images: {
|
|
domains: ["cdn.jsdelivr.net"],
|
|
},
|
|
// eslint-disable-next-line @typescript-eslint/require-await,no-restricted-syntax
|
|
async headers() {
|
|
return [
|
|
{
|
|
source: "/(.*)", // Apply CSP to all routes
|
|
headers: [
|
|
{
|
|
key: "Content-Security-Policy",
|
|
value: `
|
|
default-src 'self';
|
|
script-src * 'unsafe-inline' 'unsafe-eval';
|
|
base-uri 'self';
|
|
connect-src *;
|
|
style-src 'self' 'unsafe-inline';
|
|
frame-ancestors *;
|
|
frame-src *;
|
|
form-action 'self';
|
|
img-src * data:;
|
|
font-src * data:;
|
|
`
|
|
.replace(/\s{2,}/g, " ")
|
|
.trim(),
|
|
},
|
|
],
|
|
},
|
|
];
|
|
},
|
|
};
|
|
|
|
// Skip transform is used because of webpack loader, without it for example 'Tooltip.Floating' will not work and show an error
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
const withMillionLint = MillionLint.next({ rsc: true, skipTransform: true, telemetry: false });
|
|
|
|
export default withNextIntl(nextConfig);
|