@angular-eslint/eslint-plugin 16.1.2-alpha.0 → 16.1.2-alpha.10

package/dist/rules/no-output-rename.js

@@ -66,6 +66,24 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
                 }
             },
             [utils_1.Selectors.OUTPUTS_METADATA_PROPERTY_LITERAL](node) {
+                var _a, _b, _c, _d;
+                const ancestorMaybeHostDirectiveAPI = (_d = (_c = (_b = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.parent;
+                if (ancestorMaybeHostDirectiveAPI &&
+                    utils_1.ASTUtils.isProperty(ancestorMaybeHostDirectiveAPI)) {
+                    /**
+                     * Angular v15 introduced the directive composition API: https://angular.io/guide/directive-composition-api
+                     * Renaming host directive outputs using this API is not a bad practice and should not be reported
+                     */
+                    const hostDirectiveAPIPropertyName = 'hostDirectives';
+                    if ((utils_1.ASTUtils.isLiteral(ancestorMaybeHostDirectiveAPI.key) &&
+                        ancestorMaybeHostDirectiveAPI.key.value ===
+                            hostDirectiveAPIPropertyName) ||
+                        (utils_2.ASTUtils.isIdentifier(ancestorMaybeHostDirectiveAPI.key) &&
+                            ancestorMaybeHostDirectiveAPI.key.name ===
+                                hostDirectiveAPIPropertyName)) {
+                        return;
+                    }
+                }
                 const [propertyName, aliasName] = (0, utils_1.withoutBracketsAndWhitespaces)(utils_1.ASTUtils.getRawText(node)).split(':');
                 if (!aliasName)
                     return;

package/dist/rules/no-outputs-metadata-property.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RULE_NAME = void 0;
 const utils_1 = require("@angular-eslint/utils");
+const utils_2 = require("@typescript-eslint/utils");
 const create_eslint_rule_1 = require("../utils/create-eslint-rule");
 exports.RULE_NAME = 'no-outputs-metadata-property';
 const METADATA_PROPERTY_NAME = 'outputs';
@@ -23,6 +24,24 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
     create(context) {
         return {
             [`${utils_1.Selectors.COMPONENT_OR_DIRECTIVE_CLASS_DECORATOR} ${utils_1.Selectors.metadataProperty(METADATA_PROPERTY_NAME)}`](node) {
+                var _a, _b;
+                /**
+                 * Angular v15 introduced the directive composition API: https://angular.io/guide/directive-composition-api
+                 * Using host directive outputs using this API is not a bad practice and should not be reported
+                 */
+                const ancestorMayBeHostDirectiveAPI = (_b = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent;
+                if (ancestorMayBeHostDirectiveAPI &&
+                    utils_1.ASTUtils.isProperty(ancestorMayBeHostDirectiveAPI)) {
+                    const hostDirectiveAPIPropertyName = 'hostDirectives';
+                    if ((utils_1.ASTUtils.isLiteral(ancestorMayBeHostDirectiveAPI.key) &&
+                        ancestorMayBeHostDirectiveAPI.key.value ===
+                            hostDirectiveAPIPropertyName) ||
+                        (utils_2.ASTUtils.isIdentifier(ancestorMayBeHostDirectiveAPI.key) &&
+                            ancestorMayBeHostDirectiveAPI.key.name ===
+                                hostDirectiveAPIPropertyName)) {
+                        return;
+                    }
+                }
                 context.report({
                     node,
                     messageId: 'noOutputsMetadataProperty',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-eslint/eslint-plugin",
-  "version": "16.1.2-alpha.0+99c5463",
+  "version": "16.1.2-alpha.10+db6e275",
   "description": "ESLint plugin for Angular applications, following angular.io/styleguide",
   "license": "MIT",
   "main": "dist/index.js",
@@ -17,12 +17,12 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@angular-eslint/utils": "16.1.2-alpha.0+99c5463",
+    "@angular-eslint/utils": "16.1.2-alpha.10+db6e275",
     "@typescript-eslint/utils": "5.62.0"
   },
   "peerDependencies": {
     "eslint": "^7.20.0 || ^8.0.0",
     "typescript": "*"
   },
-  "gitHead": "99c5463a69289874c5cac1e47ac38cdf98f2b156"
+  "gitHead": "db6e2755e8a83ffa0737e1cf63bd3d53e7271625"
 }