53 lines
1.8 KiB
TypeScript
53 lines
1.8 KiB
TypeScript
|
import { NextResponse } from 'next/server';
|
||
|
|
import type { NextRequest } from 'next/server';
|
||
|
|
|
||
|
|
export function middleware(request: NextRequest) {
|
||
|
|
const nonce = Buffer.from(crypto.randomUUID()).toString('base64');
|
||
|
|
|
||
|
|
// Define CSP directives
|
||
|
|
const cspDirectives = [
|
||
|
|
"default-src 'self'",
|
||
|
|
`script-src 'self' 'nonce-${nonce}' 'strict-dynamic' 'unsafe-inline'`, // 'unsafe-inline' is ignored by modern browsers if nonce/strict-dynamic is present, but kept for fallback
|
||
|
|
"style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://unpkg.com",
|
||
|
|
"font-src 'self' https://fonts.gstatic.com",
|
||
|
|
"img-src 'self' data: blob: https://*.basemaps.cartocdn.com https://*.tile.openstreetmap.org https://unpkg.com",
|
||
|
|
"connect-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com",
|
||
|
|
"frame-ancestors 'none'",
|
||
|
|
"base-uri 'self'",
|
||
|
|
"form-action 'self'",
|
||
|
|
].join('; ');
|
||
|
|
|
||
|
|
const requestHeaders = new Headers(request.headers);
|
||
|
|
requestHeaders.set('x-nonce', nonce);
|
||
|
|
requestHeaders.set('Content-Security-Policy', cspDirectives);
|
||
|
|
|
||
|
|
const response = NextResponse.next({
|
||
|
|
request: {
|
||
|
|
headers: requestHeaders,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
response.headers.set('Content-Security-Policy', cspDirectives);
|
||
|
|
|
||
|
|
return response;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const config = {
|
||
|
|
matcher: [
|
||
|
|
/*
|
||
|
|
* Match all request paths except for the ones starting with:
|
||
|
|
* - api (API routes)
|
||
|
|
* - _next/static (static files)
|
||
|
|
* - _next/image (image optimization files)
|
||
|
|
* - favicon.ico, sitemap.xml, robots.txt (metadata files)
|
||
|
|
*/
|
||
|
|
{
|
||
|
|
source: '/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)',
|
||
|
|
missing: [
|
||
|
|
{ type: 'header', key: 'next-router-prefetch' },
|
||
|
|
{ type: 'header', key: 'purpose', value: 'prefetch' },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|