@ngrx/component
Version:
Reactive Extensions for Angular Components
168 lines • 7.57 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = default_1;
const ts = __importStar(require("typescript"));
const schematics_1 = require("@angular-devkit/schematics");
const schematics_core_1 = require("../../schematics-core");
const reactiveComponentModuleText = 'ReactiveComponentModule';
const reactiveComponentModuleReplacement = 'LetModule, PushModule';
const moduleLocations = {
imports: ['NgModule', 'Component'],
exports: ['NgModule'],
};
function migrateReactiveComponentModule() {
return (tree) => {
(0, schematics_core_1.visitTSSourceFiles)(tree, (sourceFile) => {
const componentImports = sourceFile.statements
.filter(ts.isImportDeclaration)
.filter(({ moduleSpecifier }) => moduleSpecifier.getText(sourceFile).includes('@ngrx/component'));
if (componentImports.length === 0) {
return;
}
const ngModuleReplacements = findReactiveComponentModuleNgModuleReplacements(sourceFile);
const possibleUsagesOfReactiveComponentModuleCount = findPossibleReactiveComponentModuleUsageCount(sourceFile);
const importAdditionReplacements = findReactiveComponentModuleImportDeclarationAdditions(sourceFile, componentImports);
const importUsagesCount = importAdditionReplacements.length;
const jsImportDeclarationReplacements = possibleUsagesOfReactiveComponentModuleCount >
ngModuleReplacements.length + importUsagesCount
? importAdditionReplacements
: findReactiveComponentModuleImportDeclarationReplacements(sourceFile, componentImports);
const changes = [
...jsImportDeclarationReplacements,
...ngModuleReplacements,
];
(0, schematics_core_1.commitChanges)(tree, sourceFile.fileName, changes);
});
};
}
function findReactiveComponentModuleImportDeclarationReplacements(sourceFile, imports) {
const changes = imports
.map((p) => p?.importClause?.namedBindings?.elements)
.reduce((imports, curr) => imports.concat(curr ?? []), [])
.map((specifier) => {
if (!ts.isImportSpecifier(specifier)) {
return { hit: false };
}
if (specifier.name.text === reactiveComponentModuleText) {
return { hit: true, specifier, text: specifier.name.text };
}
// if import is renamed
if (specifier.propertyName &&
specifier.propertyName.text === reactiveComponentModuleText) {
return { hit: true, specifier, text: specifier.propertyName.text };
}
return { hit: false };
})
.filter(({ hit }) => hit)
.map(({ specifier, text }) => !!specifier && !!text
? (0, schematics_core_1.createReplaceChange)(sourceFile, specifier, text, reactiveComponentModuleReplacement)
: undefined)
.filter((change) => !!change);
return changes;
}
function findReactiveComponentModuleImportDeclarationAdditions(sourceFile, imports) {
const changes = imports
.map((p) => p?.importClause?.namedBindings?.elements)
.reduce((imports, curr) => imports.concat(curr ?? []), [])
.map((specifier) => {
if (!ts.isImportSpecifier(specifier)) {
return { hit: false };
}
if (specifier.name.text === reactiveComponentModuleText) {
return { hit: true, specifier, text: specifier.name.text };
}
// if import is renamed
if (specifier.propertyName &&
specifier.propertyName.text === reactiveComponentModuleText) {
return { hit: true, specifier, text: specifier.propertyName.text };
}
return { hit: false };
})
.filter(({ hit }) => hit)
.map(({ specifier, text }) => !!specifier && !!text
? (0, schematics_core_1.createReplaceChange)(sourceFile, specifier, text, `${text}, ${reactiveComponentModuleReplacement}`)
: undefined)
.filter((change) => !!change);
return changes;
}
function findPossibleReactiveComponentModuleUsageCount(sourceFile) {
let count = 0;
ts.forEachChild(sourceFile, (node) => countUsages(node));
return count;
function countUsages(node) {
if (ts.isIdentifier(node) && node.text === reactiveComponentModuleText) {
count = count + 1;
}
ts.forEachChild(node, (childNode) => countUsages(childNode));
}
}
function findReactiveComponentModuleNgModuleReplacements(sourceFile) {
const changes = [];
ts.forEachChild(sourceFile, (node) => find(node, changes));
return changes;
function find(node, changes) {
let change = undefined;
if (ts.isIdentifier(node) &&
node.text === reactiveComponentModuleText &&
ts.isArrayLiteralExpression(node.parent) &&
ts.isPropertyAssignment(node.parent.parent)) {
const property = node.parent.parent;
if (ts.isIdentifier(property.name)) {
const propertyName = String(property.name.escapedText);
if (Object.keys(moduleLocations).includes(propertyName)) {
const decorator = property.parent.parent.parent;
if (ts.isDecorator(decorator) &&
ts.isCallExpression(decorator.expression) &&
ts.isIdentifier(decorator.expression.expression) &&
moduleLocations[propertyName].includes(String(decorator.expression.expression.escapedText))) {
change = {
node: node,
text: node.text,
};
}
}
}
}
if (change) {
changes.push((0, schematics_core_1.createReplaceChange)(sourceFile, change.node, change.text, reactiveComponentModuleReplacement));
}
ts.forEachChild(node, (childNode) => find(childNode, changes));
}
}
function default_1() {
return (0, schematics_1.chain)([migrateReactiveComponentModule()]);
}
//# sourceMappingURL=index.js.map