@ngrx/component
Version:
Reactive Extensions for Angular Components
181 lines • 7.51 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 letModuleText = 'LetModule';
const letDirectiveText = 'LetDirective';
const pushModuleText = 'PushModule';
const pushPipeText = 'PushPipe';
const moduleLocations = {
imports: ['NgModule', 'Component'],
exports: ['NgModule'],
};
function migrateToStandaloneAPIs() {
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 = findNgModuleReplacements(sourceFile);
const possibleModulesUsageCount = findPossibleModulesUsageCount(sourceFile);
const importAdditionReplacements = findImportDeclarationAdditions(sourceFile, componentImports);
const jsImportDeclarationReplacements = possibleModulesUsageCount >
ngModuleReplacements.length + importAdditionReplacements.length
? importAdditionReplacements
: findImportDeclarationReplacements(sourceFile, componentImports);
const changes = [
...jsImportDeclarationReplacements,
...ngModuleReplacements,
];
(0, schematics_core_1.commitChanges)(tree, sourceFile.fileName, changes);
});
};
}
function findImportDeclarationReplacements(sourceFile, imports) {
return findImportDeclarations(sourceFile, imports)
.map(({ specifier, oldText, newText }) => !!specifier && !!oldText
? (0, schematics_core_1.createReplaceChange)(sourceFile, specifier, oldText, newText)
: undefined)
.filter((change) => !!change);
}
function findImportDeclarationAdditions(sourceFile, imports) {
return findImportDeclarations(sourceFile, imports)
.map(({ specifier, oldText, newText }) => !!specifier && !!oldText
? (0, schematics_core_1.createReplaceChange)(sourceFile, specifier, oldText, `${oldText}, ${newText}`)
: undefined)
.filter((change) => !!change);
}
function findImportDeclarations(sourceFile, imports) {
return 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 === letModuleText) {
return {
hit: true,
specifier,
oldText: specifier.name.text,
newText: letDirectiveText,
};
}
if (specifier.name.text === pushModuleText) {
return {
hit: true,
specifier,
oldText: specifier.name.text,
newText: pushPipeText,
};
}
// if `LetModule` import is renamed
if (specifier.propertyName?.text === letModuleText) {
return {
hit: true,
specifier,
oldText: specifier.propertyName.text,
newText: letDirectiveText,
};
}
// if `PushModule` import is renamed
if (specifier.propertyName?.text === pushModuleText) {
return {
hit: true,
specifier,
oldText: specifier.propertyName.text,
newText: pushPipeText,
};
}
return { hit: false };
})
.filter(({ hit }) => hit);
}
function findPossibleModulesUsageCount(sourceFile) {
let count = 0;
ts.forEachChild(sourceFile, (node) => countUsages(node));
return count;
function countUsages(node) {
if (ts.isIdentifier(node) &&
(node.text === letModuleText || node.text === pushModuleText)) {
count = count + 1;
}
ts.forEachChild(node, (childNode) => countUsages(childNode));
}
}
function findNgModuleReplacements(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 === letModuleText || node.text === pushModuleText) &&
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,
oldText: node.text,
newText: node.text === letModuleText ? letDirectiveText : pushPipeText,
};
}
}
}
}
if (change) {
changes.push((0, schematics_core_1.createReplaceChange)(sourceFile, change.node, change.oldText, change.newText));
}
ts.forEachChild(node, (childNode) => find(childNode, changes));
}
}
function default_1() {
return (0, schematics_1.chain)([migrateToStandaloneAPIs()]);
}
//# sourceMappingURL=index.js.map