@angular-eslint/eslint-plugin-template 19.4.1-alpha.0 → 19.4.1-alpha.2

package/README.md

@@ -23,6 +23,7 @@ Please see https://github.com/angular-eslint/angular-eslint for full usage instr
 | Rule | Description | :white_check_mark: | :wrench: | :bulb: | :accessibility: |
 | --- | --- | --- | --- | --- | --- |
 | [`no-duplicate-attributes`](https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin-template/docs/rules/no-duplicate-attributes.md) | Ensures that there are no duplicate input properties or output event listeners |  |  | :bulb: |  |
+| [`no-nested-tags`](https://github.com/angular-eslint/angular-eslint/blob/main/packages/eslint-plugin-template/docs/rules/no-nested-tags.md) | Denies nesting of <p> and <a> tags. |  |  |  |  |
 <!-- prettier-ignore-end -->
 
 <!-- end problems rule list -->

package/dist/configs/all.json

@@ -23,6 +23,7 @@
     "@angular-eslint/template/no-inline-styles": "error",
     "@angular-eslint/template/no-interpolation-in-attributes": "error",
     "@angular-eslint/template/no-negated-async": "error",
+    "@angular-eslint/template/no-nested-tags": "error",
     "@angular-eslint/template/no-positive-tabindex": "error",
     "@angular-eslint/template/prefer-contextual-for-variables": "error",
     "@angular-eslint/template/prefer-control-flow": "error",

package/dist/index.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
                 "@angular-eslint/template/no-inline-styles": string;
                 "@angular-eslint/template/no-interpolation-in-attributes": string;
                 "@angular-eslint/template/no-negated-async": string;
+                "@angular-eslint/template/no-nested-tags": string;
                 "@angular-eslint/template/no-positive-tabindex": string;
                 "@angular-eslint/template/prefer-contextual-for-variables": string;
                 "@angular-eslint/template/prefer-control-flow": string;
@@ -103,6 +104,7 @@ declare const _default: {
         "no-call-expression": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noCallExpression", import("./rules/no-call-expression").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "no-distracting-elements": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noDistractingElements", [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "no-duplicate-attributes": import("@typescript-eslint/utils/ts-eslint").RuleModule<import("./rules/no-duplicate-attributes").MessageIds, import("./rules/no-duplicate-attributes").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        "no-nested-tags": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noNestedTags", [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "no-inline-styles": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noInlineStyles", import("./rules/no-inline-styles").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "no-interpolation-in-attributes": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noInterpolationInAttributes", import("./rules/no-interpolation-in-attributes").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "no-negated-async": import("@typescript-eslint/utils/ts-eslint").RuleModule<import("./rules/no-negated-async").MessageIds, [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA,kBA0CE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,kBA2CE"}

package/dist/index.js

@@ -61,6 +61,7 @@ const no_duplicate_attributes_1 = __importStar(require("./rules/no-duplicate-att
 const no_inline_styles_1 = __importStar(require("./rules/no-inline-styles"));
 const no_interpolation_in_attributes_1 = __importStar(require("./rules/no-interpolation-in-attributes"));
 const no_negated_async_1 = __importStar(require("./rules/no-negated-async"));
+const no_nested_tags_1 = __importStar(require("./rules/no-nested-tags"));
 const no_positive_tabindex_1 = __importStar(require("./rules/no-positive-tabindex"));
 const prefer_ngsrc_1 = __importStar(require("./rules/prefer-ngsrc"));
 const prefer_contextual_for_variables_1 = __importStar(require("./rules/prefer-contextual-for-variables"));
@@ -99,6 +100,7 @@ module.exports = {
         [no_call_expression_1.RULE_NAME]: no_call_expression_1.default,
         [no_distracting_elements_1.RULE_NAME]: no_distracting_elements_1.default,
         [no_duplicate_attributes_1.RULE_NAME]: no_duplicate_attributes_1.default,
+        [no_nested_tags_1.RULE_NAME]: no_nested_tags_1.default,
         [no_inline_styles_1.RULE_NAME]: no_inline_styles_1.default,
         [no_interpolation_in_attributes_1.RULE_NAME]: no_interpolation_in_attributes_1.default,
         [no_negated_async_1.RULE_NAME]: no_negated_async_1.default,

package/dist/rules/no-nested-tags.d.ts

@@ -0,0 +1,6 @@
+export type Options = [];
+export type MessageIds = 'noNestedTags';
+export declare const RULE_NAME = "no-nested-tags";
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"noNestedTags", [], import("../utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+export default _default;
+//# sourceMappingURL=no-nested-tags.d.ts.map

package/dist/rules/no-nested-tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-nested-tags.d.ts","sourceRoot":"","sources":["../../src/rules/no-nested-tags.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,eAAO,MAAM,SAAS,mBAAmB,CAAC;;AAM1C,wBAqCG"}

package/dist/rules/no-nested-tags.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RULE_NAME = void 0;
+const bundled_angular_compiler_1 = require("@angular-eslint/bundled-angular-compiler");
+const utils_1 = require("@angular-eslint/utils");
+const create_eslint_rule_1 = require("../utils/create-eslint-rule");
+exports.RULE_NAME = 'no-nested-tags';
+exports.default = (0, create_eslint_rule_1.createESLintRule)({
+    name: exports.RULE_NAME,
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Denies nesting of <p> and <a> tags.',
+        },
+        schema: [],
+        messages: {
+            noNestedTags: '<{{tag}}> elements must not be nested! This breaks angular incremental hydration as all browsers will convert "<{{tag}}>1<{{tag}}>2</{{tag}}>3</{{tag}}>" into "<{{tag}}>1</{{tag}}><{{tag}}>2</{{tag}}>3", creating a DOM mismatch between SSR and Angular',
+        },
+    },
+    defaultOptions: [],
+    create(context) {
+        const parserServices = (0, utils_1.getTemplateParserServices)(context);
+        return {
+            'Element[name=/^(p|a)$/]'(node) {
+                const hasInvalidNesting = hasAncestorOfSameType(node);
+                if (hasInvalidNesting) {
+                    const loc = parserServices.convertElementSourceSpanToLoc(context, node);
+                    context.report({
+                        loc,
+                        messageId: 'noNestedTags',
+                        data: {
+                            tag: node.name,
+                        },
+                    });
+                }
+            },
+        };
+    },
+});
+function hasAncestorOfSameType(node) {
+    let parent = node.parent;
+    while (parent) {
+        if (parent instanceof bundled_angular_compiler_1.TmplAstElement && parent.name === node.name) {
+            return true;
+        }
+        parent = parent.parent;
+    }
+    return false;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-eslint/eslint-plugin-template",
-  "version": "19.4.1-alpha.0",
+  "version": "19.4.1-alpha.2",
   "description": "ESLint plugin for Angular Templates",
   "license": "MIT",
   "main": "dist/index.js",
@@ -20,13 +20,13 @@
   "dependencies": {
     "aria-query": "5.3.2",
     "axobject-query": "4.1.0",
-    "@angular-eslint/bundled-angular-compiler": "19.4.1-alpha.0",
-    "@angular-eslint/utils": "19.4.1-alpha.0"
+    "@angular-eslint/bundled-angular-compiler": "19.4.1-alpha.2",
+    "@angular-eslint/utils": "19.4.1-alpha.2"
   },
   "devDependencies": {
     "@types/aria-query": "5.0.4",
-    "@angular-eslint/template-parser": "19.4.1-alpha.0",
-    "@angular-eslint/test-utils": "19.4.1-alpha.0"
+    "@angular-eslint/template-parser": "19.4.1-alpha.2",
+    "@angular-eslint/test-utils": "19.4.1-alpha.2"
   },
   "peerDependencies": {
     "@typescript-eslint/types": "^7.11.0 || ^8.0.0",