fe9fc9abba
This PR uses the `enhanced-resolve` instead of `createRequire(…).resolve` which improves the usability when running the upgrade tool locally using Bun. While testing, we also noticed that it is not possible to use a `cjs`-only plugin inside of an `esm` project. It was also not possible to use an `esm`-only plugin inside of a `cjs` project. # Test plan We added integration tests in both the CLI (the CLI is an mjs project) and in the PostCSS (where we can configure a `cjs` and `esm` PostCSS config) integration tests where we created an `esm` and `cjs` based project with 4 plugins (`cjs`-only, `esm`-only, and TypeScript based plugins: `cts`-only and `mts`-only).
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import EnhancedResolve from 'enhanced-resolve'
|
|
import fs from 'node:fs'
|
|
import { createRequire } from 'node:module'
|
|
|
|
const localResolve = createRequire(import.meta.url).resolve
|
|
export function resolve(id: string) {
|
|
if (typeof globalThis.__tw_resolve === 'function') {
|
|
let resolved = globalThis.__tw_resolve(id)
|
|
if (resolved) {
|
|
return resolved
|
|
}
|
|
}
|
|
return localResolve(id)
|
|
}
|
|
|
|
const esmResolver = EnhancedResolve.ResolverFactory.createResolver({
|
|
fileSystem: new EnhancedResolve.CachedInputFileSystem(fs, 4000),
|
|
useSyncFileSystemCalls: true,
|
|
extensions: ['.js', '.json', '.node', '.ts'],
|
|
conditionNames: ['node', 'import'],
|
|
})
|
|
|
|
const cjsResolver = EnhancedResolve.ResolverFactory.createResolver({
|
|
fileSystem: new EnhancedResolve.CachedInputFileSystem(fs, 4000),
|
|
useSyncFileSystemCalls: true,
|
|
extensions: ['.js', '.json', '.node', '.ts'],
|
|
conditionNames: ['node', 'require'],
|
|
})
|
|
|
|
export function resolveJsId(id: string, base: string) {
|
|
try {
|
|
return esmResolver.resolveSync({}, base, id)
|
|
} catch {
|
|
return cjsResolver.resolveSync({}, base, id)
|
|
}
|
|
}
|
|
|
|
const resolver = EnhancedResolve.ResolverFactory.createResolver({
|
|
fileSystem: new EnhancedResolve.CachedInputFileSystem(fs, 4000),
|
|
useSyncFileSystemCalls: true,
|
|
extensions: ['.css'],
|
|
mainFields: ['style'],
|
|
conditionNames: ['style'],
|
|
})
|
|
export function resolveCssId(id: string, base: string) {
|
|
return resolver.resolveSync({}, base, id)
|
|
}
|