mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
e3181c2d77
This commit allows the users to import URLPattern from `next/server`, by defining a key that uses `global.URLPattern`. Why is this any good? or: why don't we add URLPattern to the global namespace? URLPattern is exposed as global on Edge Runtime _only_. This means that if we define a constructor in global namespace in our TypeScript definitions, people might have runtime errors in their Node.js functions. Importing from `next/server` enables users to get the constructor without risking in runtime errors and wrong type definitions. Keep in mind, that with the current implementation, we do not check if the constructor actually exists, but `next/server` shouldn't be imported in Node.js functions, AFAIK. ## Related - Fixes #38131 ## Bug - [x] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have helpful link attached, see `contributing.md` Co-authored-by: JJ Kasper <[email protected]>
107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
import { NextResponse, URLPattern } from 'next/server'
|
|
|
|
export async function middleware(request) {
|
|
const url = request.nextUrl
|
|
|
|
// this is needed for tests to get the BUILD_ID
|
|
if (url.pathname.startsWith('/_next/static/__BUILD_ID')) {
|
|
return NextResponse.next()
|
|
}
|
|
|
|
if (request.headers.get('x-prerender-revalidate')) {
|
|
return NextResponse.next({
|
|
headers: { 'x-middleware': 'hi' },
|
|
})
|
|
}
|
|
|
|
if (url.pathname === '/about/') {
|
|
return NextResponse.rewrite(new URL('/about/a', request.url))
|
|
}
|
|
|
|
if (url.pathname === '/ssr-page/') {
|
|
url.pathname = '/ssr-page-2'
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/') {
|
|
url.pathname = '/ssg/first'
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/to-ssg/') {
|
|
url.pathname = '/ssg/hello'
|
|
url.searchParams.set('from', 'middleware')
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/sha/') {
|
|
url.pathname = '/shallow'
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/rewrite-to-dynamic/') {
|
|
url.pathname = '/blog/from-middleware'
|
|
url.searchParams.set('some', 'middleware')
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/rewrite-to-config-rewrite/') {
|
|
url.pathname = '/rewrite-3'
|
|
url.searchParams.set('some', 'middleware')
|
|
return NextResponse.rewrite(url)
|
|
}
|
|
|
|
if (url.pathname === '/redirect-to-somewhere/') {
|
|
url.pathname = '/somewhere'
|
|
return NextResponse.redirect(url, {
|
|
headers: {
|
|
'x-redirect-header': 'hi',
|
|
},
|
|
})
|
|
}
|
|
|
|
const original = new URL(request.url)
|
|
return NextResponse.next({
|
|
headers: {
|
|
'req-url-path': `${original.pathname}${original.search}`,
|
|
'req-url-basepath': request.nextUrl.basePath,
|
|
'req-url-pathname': request.nextUrl.pathname,
|
|
'req-url-query': request.nextUrl.searchParams.get('foo'),
|
|
'req-url-locale': request.nextUrl.locale,
|
|
'req-url-params':
|
|
url.pathname !== '/static' ? JSON.stringify(params(request.url)) : '{}',
|
|
},
|
|
})
|
|
}
|
|
|
|
const PATTERNS = [
|
|
[
|
|
new URLPattern({ pathname: '/:locale/:id' }),
|
|
({ pathname }) => ({
|
|
pathname: '/:locale/:id',
|
|
params: pathname.groups,
|
|
}),
|
|
],
|
|
[
|
|
new URLPattern({ pathname: '/:id' }),
|
|
({ pathname }) => ({
|
|
pathname: '/:id',
|
|
params: pathname.groups,
|
|
}),
|
|
],
|
|
]
|
|
|
|
const params = (url) => {
|
|
const input = url.split('?')[0]
|
|
let result = {}
|
|
|
|
for (const [pattern, handler] of PATTERNS) {
|
|
const patternResult = pattern.exec(input)
|
|
if (patternResult !== null && 'pathname' in patternResult) {
|
|
result = handler(patternResult)
|
|
break
|
|
}
|
|
}
|
|
return result
|
|
}
|