f74b59c48c
Refactor: - group client components detction util - add next script as rsc client component
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
const defaultJsFileExtensions = ['js', 'mjs', 'jsx', 'ts', 'tsx', 'json']
|
|
const imageExtensions = ['jpg', 'jpeg', 'png', 'webp', 'avif']
|
|
const nextClientComponents = ['link', 'image', 'script']
|
|
|
|
const NEXT_BUILT_IN_CLIENT_RSC_REGEX = new RegExp(
|
|
`[\\\\/]next[\\\\/](${nextClientComponents.join('|')})\\.js$`
|
|
)
|
|
|
|
export function isNextBuiltinClientComponent(resourcePath: string) {
|
|
return NEXT_BUILT_IN_CLIENT_RSC_REGEX.test(resourcePath)
|
|
}
|
|
|
|
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
|
|
}
|
|
|
|
export const createClientComponentFilter = (
|
|
extensions: string[] = defaultJsFileExtensions
|
|
) => {
|
|
// Special cases for Next.js APIs that are considered as client components:
|
|
// - .client.[ext]
|
|
// - next built-in client components
|
|
// - .[imageExt]
|
|
const regex = new RegExp(
|
|
'(' +
|
|
`\\.client(\\.(${extensions.join('|')}))?|` +
|
|
`next/(${nextClientComponents.join('|')})(\\.js)?|` +
|
|
`\\.(${imageExtensions.join('|')})` +
|
|
')$'
|
|
)
|
|
|
|
return (importSource: string) => regex.test(importSource)
|
|
}
|
|
|
|
export const createServerComponentFilter = (extensions: string[]) => {
|
|
const regex = new RegExp(`\\.server(\\.(${extensions.join('|')}))?$`)
|
|
return (importSource: string) => regex.test(importSource)
|
|
}
|