@angular/cdk
Version:
Angular Material Component Development Kit
67 lines • 3.02 kB
JavaScript
;
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
Object.defineProperty(exports, "__esModule", { value: true });
const chalk_1 = require("chalk");
const tslint_1 = require("tslint");
const component_walker_1 = require("../../tslint/component-walker");
const literal_1 = require("../../typescript/literal");
const upgrade_data_1 = require("../../upgrade-data");
/**
* Rule that walks through every inline or external stylesheet and replaces outdated CSS selectors
* that query for an @Input() with the new input name.
*
* Note that inputs inside of stylesheets usually don't make sense, but if developers use an
* input as a plain one-time attribute, it can be targeted through CSS selectors.
*
* e.g. `<my-component color="primary">` becomes `my-component[color]`
*/
class Rule extends tslint_1.Rules.AbstractRule {
apply(sourceFile) {
return this.applyWithWalker(new Walker(sourceFile, this.getOptions()));
}
}
exports.Rule = Rule;
class Walker extends component_walker_1.ComponentWalker {
constructor(sourceFile, options) {
super(sourceFile, options);
/** Change data that upgrades to the specified target version. */
this.data = upgrade_data_1.getUpgradeDataFromWalker(this, 'inputNames');
this._reportExtraStylesheetFiles(options.ruleArguments[2]);
}
visitInlineStylesheet(node) {
this._createReplacementsForContent(node, node.getText()).forEach(data => {
this.addFailureAtReplacement(data.failureMessage, data.replacement);
});
}
visitExternalStylesheet(node) {
this._createReplacementsForContent(node, node.getText()).forEach(data => {
this.addExternalFailureAtReplacement(node, data.failureMessage, data.replacement);
});
}
/**
* Searches for outdated attribute selectors in the specified content and creates replacements
* with the according messages that can be added to a rule failure.
*/
_createReplacementsForContent(node, stylesheetContent) {
const replacements = [];
this.data.forEach(name => {
const currentSelector = `[${name.replace}]`;
const updatedSelector = `[${name.replaceWith}]`;
const failureMessage = `Found deprecated @Input() CSS selector "${chalk_1.red(currentSelector)}" ` +
`which has been renamed to "${chalk_1.green(updatedSelector)}"`;
literal_1.findAllSubstringIndices(stylesheetContent, currentSelector)
.map(offset => node.getStart() + offset)
.map(start => new tslint_1.Replacement(start, currentSelector.length, updatedSelector))
.forEach(replacement => replacements.push({ replacement, failureMessage }));
});
return replacements;
}
}
exports.Walker = Walker;
//# sourceMappingURL=inputNamesStylesheetRule.js.map