a5c5cbf326
## Current Behavior The React + Angular migrations intended to update the path for the `ModuleFederationConfig` imports in webpack and rspack config files will fail on externalNodes in the project graph that have `@nx/webpack` or `@nx/rspack` listed as a dependency. ## Expected Behavior If the dependency is discovered in an `externalNode` we should skip that node, instead of continuing with the migration.
82 lines
2.8 KiB
TypeScript
82 lines
2.8 KiB
TypeScript
import { createProjectGraphAsync, Tree } from '@nx/devkit';
|
|
import { formatFiles, visitNotIgnoredFiles } from '@nx/devkit';
|
|
import { tsquery } from '@phenomnomnominal/tsquery';
|
|
|
|
const MF_IMPORT_TO_UPDATE = 'ModuleFederationConfig';
|
|
const MF_CONFIG_IMPORT_SELECTOR = `ImportDeclaration:has(StringLiteral[value=@nx/webpack]):has(Identifier[name=ModuleFederationConfig])`;
|
|
const IMPORT_TOKENS_SELECTOR = `ImportClause ImportSpecifier`;
|
|
const MF_CONFIG_IMPORT_SPECIFIER_SELECTOR = `ImportClause ImportSpecifier > Identifier[name=ModuleFederationConfig]`;
|
|
const WEBPACK_IMPORT_SELECTOR = `ImportDeclaration > StringLiteral[value=@nx/webpack]`;
|
|
|
|
export default async function migrateMfImportsToNewPackage(tree: Tree) {
|
|
const rootsToCheck = new Set<string>();
|
|
|
|
const graph = await createProjectGraphAsync();
|
|
for (const [project, dependencies] of Object.entries(graph.dependencies)) {
|
|
if (!graph.nodes[project]) {
|
|
continue;
|
|
}
|
|
const usesNxWebpack = dependencies.some(
|
|
(dep) => dep.target === 'npm:@nx/webpack'
|
|
);
|
|
if (usesNxWebpack) {
|
|
const root = graph.nodes[project].data.root;
|
|
rootsToCheck.add(root);
|
|
}
|
|
}
|
|
|
|
for (const root of rootsToCheck) {
|
|
visitNotIgnoredFiles(tree, root, (filePath) => {
|
|
if (!filePath.endsWith('.ts') && !filePath.endsWith('.js')) {
|
|
return;
|
|
}
|
|
|
|
let contents = tree.read(filePath, 'utf-8');
|
|
if (!contents.includes(MF_IMPORT_TO_UPDATE)) {
|
|
return;
|
|
}
|
|
|
|
const ast = tsquery.ast(contents);
|
|
const importNodes = tsquery(ast, MF_CONFIG_IMPORT_SELECTOR);
|
|
if (importNodes.length === 0) {
|
|
return;
|
|
}
|
|
const importNode = importNodes[0];
|
|
const importSpecifiers = tsquery(importNode, IMPORT_TOKENS_SELECTOR);
|
|
if (importSpecifiers.length > 1) {
|
|
const mfConfigImportSpecifierNode = tsquery(
|
|
importNode,
|
|
MF_CONFIG_IMPORT_SPECIFIER_SELECTOR
|
|
)[0];
|
|
const end =
|
|
contents.charAt(mfConfigImportSpecifierNode.getEnd()) === ','
|
|
? mfConfigImportSpecifierNode.getEnd() + 1
|
|
: mfConfigImportSpecifierNode.getEnd();
|
|
contents = `import { ${MF_IMPORT_TO_UPDATE} } from '@nx/module-federation';
|
|
${contents.slice(
|
|
0,
|
|
mfConfigImportSpecifierNode.getStart()
|
|
)}${contents.slice(end)}`;
|
|
} else {
|
|
const nxWebpackImportStringNodes = tsquery(
|
|
ast,
|
|
WEBPACK_IMPORT_SELECTOR
|
|
);
|
|
if (nxWebpackImportStringNodes.length === 0) {
|
|
return;
|
|
}
|
|
const nxWebpackImportStringNode = nxWebpackImportStringNodes[0];
|
|
contents = `${contents.slice(
|
|
0,
|
|
nxWebpackImportStringNode.getStart()
|
|
)}'@nx/module-federation'${contents.slice(
|
|
nxWebpackImportStringNode.getEnd()
|
|
)}`;
|
|
}
|
|
tree.write(filePath, contents);
|
|
});
|
|
}
|
|
|
|
await formatFiles(tree);
|
|
}
|