6bc7c4d9c2
Related to #34185, this PR reduces the size of chunk that contains web-server.ts from 1.14mb to 210.8kb, by splitting base-http and api-utils into different environments. Only affected thing is we can't have SSG preview mode for the web runtime via `getStaticProps`. ## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have helpful link attached, see `contributing.md` ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have helpful link attached, see `contributing.md` ## Documentation / Examples - [ ] Make sure the linting passes by running `yarn lint`
170 lines
4.6 KiB
TypeScript
170 lines
4.6 KiB
TypeScript
import type { NextConfig } from '../../../../server/config-shared'
|
|
import type { DocumentType, AppType } from '../../../../shared/lib/utils'
|
|
import type { BuildManifest } from '../../../../server/get-page-files'
|
|
import type { ReactLoadableManifest } from '../../../../server/load-components'
|
|
|
|
import { NextRequest } from '../../../../server/web/spec-extension/request'
|
|
import { toNodeHeaders } from '../../../../server/web/utils'
|
|
|
|
import WebServer from '../../../../server/web-server'
|
|
import {
|
|
WebNextRequest,
|
|
WebNextResponse,
|
|
} from '../../../../server/base-http/web'
|
|
|
|
const createHeaders = (args?: any) => ({
|
|
...args,
|
|
'x-middleware-ssr': '1',
|
|
'Cache-Control': 'no-cache, no-store, max-age=0, must-revalidate',
|
|
})
|
|
|
|
function sendError(req: any, error: Error) {
|
|
const defaultMessage = 'An error occurred while rendering ' + req.url + '.'
|
|
return new Response((error && error.message) || defaultMessage, {
|
|
status: 500,
|
|
headers: createHeaders(),
|
|
})
|
|
}
|
|
|
|
// Polyfilled for `path-browserify` inside the Web Server.
|
|
process.cwd = () => ''
|
|
|
|
export function getRender({
|
|
dev,
|
|
page,
|
|
pageMod,
|
|
errorMod,
|
|
error500Mod,
|
|
Document,
|
|
App,
|
|
buildManifest,
|
|
reactLoadableManifest,
|
|
serverComponentManifest,
|
|
isServerComponent,
|
|
config,
|
|
buildId,
|
|
}: {
|
|
dev: boolean
|
|
page: string
|
|
pageMod: any
|
|
errorMod: any
|
|
error500Mod: any
|
|
Document: DocumentType
|
|
App: AppType
|
|
buildManifest: BuildManifest
|
|
reactLoadableManifest: ReactLoadableManifest
|
|
serverComponentManifest: any | null
|
|
isServerComponent: boolean
|
|
config: NextConfig
|
|
buildId: string
|
|
}) {
|
|
const baseLoadComponentResult = {
|
|
dev,
|
|
buildManifest,
|
|
reactLoadableManifest,
|
|
Document,
|
|
App,
|
|
}
|
|
|
|
const server = new WebServer({
|
|
conf: config,
|
|
minimalMode: true,
|
|
webServerConfig: {
|
|
extendRenderOpts: {
|
|
buildId,
|
|
runtime: 'edge',
|
|
supportsDynamicHTML: true,
|
|
disableOptimizedLoading: true,
|
|
serverComponentManifest,
|
|
},
|
|
loadComponent: async (pathname) => {
|
|
if (pathname === page) {
|
|
return {
|
|
...baseLoadComponentResult,
|
|
Component: pageMod.default,
|
|
pageConfig: pageMod.config || {},
|
|
getStaticProps: pageMod.getStaticProps,
|
|
getServerSideProps: pageMod.getServerSideProps,
|
|
getStaticPaths: pageMod.getStaticPaths,
|
|
ComponentMod: pageMod,
|
|
}
|
|
}
|
|
|
|
// If there is a custom 500 page, we need to handle it separately.
|
|
if (pathname === '/500' && error500Mod) {
|
|
return {
|
|
...baseLoadComponentResult,
|
|
Component: error500Mod.default,
|
|
pageConfig: error500Mod.config || {},
|
|
getStaticProps: error500Mod.getStaticProps,
|
|
getServerSideProps: error500Mod.getServerSideProps,
|
|
getStaticPaths: error500Mod.getStaticPaths,
|
|
ComponentMod: error500Mod,
|
|
}
|
|
}
|
|
|
|
if (pathname === '/_error') {
|
|
return {
|
|
...baseLoadComponentResult,
|
|
Component: errorMod.default,
|
|
pageConfig: errorMod.config || {},
|
|
getStaticProps: errorMod.getStaticProps,
|
|
getServerSideProps: errorMod.getServerSideProps,
|
|
getStaticPaths: errorMod.getStaticPaths,
|
|
ComponentMod: errorMod,
|
|
}
|
|
}
|
|
|
|
return null
|
|
},
|
|
},
|
|
})
|
|
const requestHandler = server.getRequestHandler()
|
|
|
|
return async function render(request: NextRequest) {
|
|
const { nextUrl: url, cookies, headers } = request
|
|
const { pathname, searchParams } = url
|
|
|
|
const query = Object.fromEntries(searchParams)
|
|
const req = {
|
|
url: pathname,
|
|
cookies,
|
|
headers: toNodeHeaders(headers),
|
|
}
|
|
|
|
// Preflight request
|
|
if (request.method === 'HEAD') {
|
|
return new Response(null, {
|
|
headers: createHeaders(),
|
|
})
|
|
}
|
|
|
|
// @TODO: We should move this into server/render.
|
|
if (Document.getInitialProps) {
|
|
const err = new Error(
|
|
'`getInitialProps` in Document component is not supported with the Edge Runtime.'
|
|
)
|
|
return sendError(req, err)
|
|
}
|
|
|
|
const renderServerComponentData = isServerComponent
|
|
? query.__flight__ !== undefined
|
|
: false
|
|
|
|
const serverComponentProps =
|
|
isServerComponent && query.__props__
|
|
? JSON.parse(query.__props__)
|
|
: undefined
|
|
|
|
// Extend the render options.
|
|
server.updateRenderOpts({
|
|
renderServerComponentData,
|
|
serverComponentProps,
|
|
})
|
|
|
|
const extendedReq = new WebNextRequest(request)
|
|
const extendedRes = new WebNextResponse()
|
|
requestHandler(extendedReq, extendedRes)
|
|
return await extendedRes.toResponse()
|
|
}
|
|
}
|