d5fa555841
This is an initial implementation of the Server Components SWC transformer. For the server graph, it detects client entries via the `"client"` directive and transpile them into module reference code; for the client graph, it removes the directives. And for both graphs, it checks if there is any invalid imports for the given environment and shows proper errors. With that added, we can switch from `next-flight-client-loader` to directly use the SWC loader in one pass. Next step is to get rid of the `.client.` extension in other plugins. ## Bug - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Errors have helpful link attached, see `contributing.md` ## Feature - [x] 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` - [x] 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 `pnpm lint` - [ ] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import { getPageStaticInfo } from '../../analysis/get-page-static-info'
|
|
|
|
export const defaultJsFileExtensions = ['js', 'mjs', 'jsx', 'ts', 'tsx']
|
|
const imageExtensions = ['jpg', 'jpeg', 'png', 'webp', 'avif']
|
|
const nextClientComponents = [
|
|
'dist/client/link',
|
|
'dist/client/image',
|
|
'dist/client/future/image',
|
|
'dist/shared/lib/head',
|
|
'dist/client/script',
|
|
'dist/shared/lib/dynamic',
|
|
]
|
|
|
|
export function buildExports(moduleExports: any, isESM: boolean) {
|
|
let ret = ''
|
|
Object.keys(moduleExports).forEach((key) => {
|
|
const exportExpression = isESM
|
|
? `export ${key === 'default' ? key : `const ${key} =`} ${
|
|
moduleExports[key]
|
|
}`
|
|
: `exports.${key} = ${moduleExports[key]}`
|
|
|
|
ret += exportExpression + '\n'
|
|
})
|
|
return ret
|
|
}
|
|
|
|
// Special cases for Next.js APIs that are considered as client components:
|
|
// - .client.[ext]
|
|
// - next built-in client components
|
|
// - .[imageExt]
|
|
export const clientComponentRegex = new RegExp(
|
|
'(' +
|
|
`\\.client(\\.(${defaultJsFileExtensions.join('|')}))?|` +
|
|
`next[\\\\/](${nextClientComponents.join('|')})(\\.js)?|` +
|
|
`\\.(${imageExtensions.join('|')})` +
|
|
')$'
|
|
)
|
|
|
|
export const serverComponentRegex = new RegExp(
|
|
`\\.server(\\.(${defaultJsFileExtensions.join('|')}))?$`
|
|
)
|
|
|
|
export async function loadEdgeFunctionConfigFromFile(
|
|
absolutePagePath: string,
|
|
resolve: (context: string, request: string) => Promise<string>
|
|
) {
|
|
const pageFilePath = await resolve('/', absolutePagePath)
|
|
return (
|
|
await getPageStaticInfo({
|
|
nextConfig: {},
|
|
pageFilePath,
|
|
isDev: false,
|
|
})
|
|
).middleware
|
|
}
|