@angular-eslint/eslint-plugin-template 19.3.1-alpha.2 → 19.3.1-alpha.21

package/dist/index.d.ts

@@ -103,7 +103,7 @@ declare const _default: {
         "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-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("./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>;
         "no-positive-tabindex": import("@typescript-eslint/utils/ts-eslint").RuleModule<import("./rules/no-positive-tabindex").MessageIds, [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "prefer-contextual-for-variables": import("@typescript-eslint/utils/ts-eslint").RuleModule<import("./rules/prefer-contextual-for-variables").MessageIds, import("./rules/prefer-contextual-for-variables").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;

package/dist/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/processors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processors.d.ts","sourceRoot":"","sources":["../src/processors.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,OAAO,CA2BT;AAED,KAAK,gBAAgB,GAAG,CAAC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAC;AAExE,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,gBAAgB,CAmJlB;AAyDD,wBAAgB,wBAAwB,CACtC,wBAAwB,EAAE;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,EAAE,EAAE,EACL,QAAQ,EAAE,MAAM,GACf,SAAS,OAAO,EAAE,CAmDpB;;;;;;;;;;;AAED,wBASE"}
+{"version":3,"file":"processors.d.ts","sourceRoot":"","sources":["../src/processors.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,OAAO,CA2BT;AAED,KAAK,gBAAgB,GAAG,CAAC,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAC;AAExE,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,gBAAgB,CAqJlB;AAyDD,wBAAgB,wBAAwB,CACtC,wBAAwB,EAAE;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,EAAE,EAAE,EACL,QAAQ,EAAE,MAAM,GACf,SAAS,OAAO,EAAE,CAmEpB;;;;;;;;;;;AAED,wBASE"}

package/dist/processors.js

@@ -110,7 +110,9 @@ function preprocessComponentFile(text, filename) {
                 templateText = templatePropertyInitializer.rawText;
             }
             if (typescript_1.default.isTemplateExpression(templatePropertyInitializer)) {
-                templateText = templatePropertyInitializer.getText();
+                // The text includes the opening and closing
+                // backtick, so trim the first and last characters.
+                templateText = templatePropertyInitializer.getText().slice(1, -1);
             }
             if (typescript_1.default.isStringLiteral(templatePropertyInitializer)) {
                 templateText = templatePropertyInitializer.text;
@@ -222,10 +224,25 @@ function postprocessComponentFile(multiDimensionalMessages, filename) {
                 return [];
             }
             return messagesFromInlineTemplateHTML.map((message) => {
-                message.line = message.line + rangeData.lineAndCharacter.start.line;
-                message.endLine =
-                    message.endLine + rangeData.lineAndCharacter.start.line;
+                // The first line of the inline template starts at the column after
+                // the opening quote in the TypeScript file, so we need to adjust
+                // the message's column by that amount when the message starts on
+                // the first line. The character we recorded was the quote's column,
+                // so add one to get the column where the actual string starts.
+                if (message.line === 1) {
+                    message.column += rangeData.lineAndCharacter.start.character + 1;
+                }
+                // The same thing applies to the end column
+                // if it also ends on the first line.
+                if (message.endLine === 1) {
+                    message.endColumn += rangeData.lineAndCharacter.start.character + 1;
+                }
+                message.line += rangeData.lineAndCharacter.start.line;
+                message.endLine += rangeData.lineAndCharacter.start.line;
                 if (message.fix) {
+                    // The range defines the range of the value that initializes
+                    // the `template` property, which includes the opening and
+                    // closing quotes. Add one to move past the opening quote.
                     const startOffset = rangeData.range[0] + 1;
                     message.fix.range = [
                         startOffset + message.fix.range[0],

package/dist/rules/no-any.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-any.d.ts","sourceRoot":"","sources":["../../src/rules/no-any.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,kBAAkB,CAAC;AACtD,eAAO,MAAM,SAAS,WAAW,CAAC;;AAGlC,wBA0DG"}
+{"version":3,"file":"no-any.d.ts","sourceRoot":"","sources":["../../src/rules/no-any.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,kBAAkB,CAAC;AACtD,eAAO,MAAM,SAAS,WAAW,CAAC;;AAGlC,wBA0FG"}

package/dist/rules/no-any.js

@@ -24,34 +24,62 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
     create(context) {
         (0, utils_1.ensureTemplateParser)(context);
         const sourceCode = context.sourceCode;
+        const isAnyCall = (node) => {
+            if (!(node.receiver instanceof bundled_angular_compiler_1.PropertyRead)) {
+                return false;
+            }
+            if (node.receiver.name !== ANY_TYPE_CAST_FUNCTION_NAME) {
+                return false;
+            }
+            if (!(
+            // this.$any() is also valid usage of the native Angular $any()
+            (node.receiver.receiver instanceof bundled_angular_compiler_1.ThisReceiver ||
+                node.receiver.receiver instanceof bundled_angular_compiler_1.ImplicitReceiver))) {
+                return false;
+            }
+            return true;
+        };
+        const reportAnyCall = (node) => {
+            const { start, end } = node.sourceSpan;
+            const nameSpan = node.receiver.nameSpan;
+            context.report({
+                messageId: 'noAny',
+                loc: {
+                    start: sourceCode.getLocFromIndex(start),
+                    end: sourceCode.getLocFromIndex(end),
+                },
+                suggest: [
+                    {
+                        messageId: 'suggestRemoveAny',
+                        fix: (fixer) => [
+                            fixer.removeRange([nameSpan.start, nameSpan.end + 1]),
+                            fixer.removeRange([end - 1, end]),
+                        ],
+                    },
+                ],
+            });
+        };
+        /**
+         * Handles KeyedRead.KeyedRead cases like
+         * $any(attributeList)['NPSScore']['another']
+         */
+        const findAndReportAnyCalls = (node) => {
+            if (node instanceof bundled_angular_compiler_1.Call && isAnyCall(node)) {
+                reportAnyCall(node);
+            }
+            else if (node instanceof bundled_angular_compiler_1.KeyedRead) {
+                findAndReportAnyCalls(node.receiver);
+            }
+        };
         return {
-            [`Call[receiver.name="${ANY_TYPE_CAST_FUNCTION_NAME}"]`]({ receiver, sourceSpan: { end, start }, }) {
-                if (!(receiver instanceof bundled_angular_compiler_1.PropertyRead)) {
+            [`Call[receiver.name="${ANY_TYPE_CAST_FUNCTION_NAME}"]`](node) {
+                if (!isAnyCall(node)) {
                     return;
                 }
-                if (!(
-                // this.$any() is also valid usage of the native Angular $any()
-                (receiver.receiver instanceof bundled_angular_compiler_1.ThisReceiver ||
-                    receiver.receiver instanceof bundled_angular_compiler_1.ImplicitReceiver))) {
-                    return;
-                }
-                const nameSpan = receiver.nameSpan;
-                context.report({
-                    messageId: 'noAny',
-                    loc: {
-                        start: sourceCode.getLocFromIndex(start),
-                        end: sourceCode.getLocFromIndex(end),
-                    },
-                    suggest: [
-                        {
-                            messageId: 'suggestRemoveAny',
-                            fix: (fixer) => [
-                                fixer.removeRange([nameSpan.start, nameSpan.end + 1]),
-                                fixer.removeRange([end - 1, end]),
-                            ],
-                        },
-                    ],
-                });
+                reportAnyCall(node);
+            },
+            KeyedRead(node) {
+                findAndReportAnyCalls(node);
             },
         };
     },

package/dist/rules/no-interpolation-in-attributes.d.ts

@@ -1,6 +1,8 @@
-export type Options = [];
+export type Options = [{
+    allowSubstringInterpolation: boolean;
+}];
 export type MessageIds = 'noInterpolationInAttributes';
 export declare const RULE_NAME = "no-interpolation-in-attributes";
-declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"noInterpolationInAttributes", [], import("../utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"noInterpolationInAttributes", Options, import("../utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;
 //# sourceMappingURL=no-interpolation-in-attributes.d.ts.map

package/dist/rules/no-interpolation-in-attributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-interpolation-in-attributes.d.ts","sourceRoot":"","sources":["../../src/rules/no-interpolation-in-attributes.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,6BAA6B,CAAC;AACvD,eAAO,MAAM,SAAS,mCAAmC,CAAC;;AAE1D,wBAkCG"}
+{"version":3,"file":"no-interpolation-in-attributes.d.ts","sourceRoot":"","sources":["../../src/rules/no-interpolation-in-attributes.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG,CAAC;IAAE,2BAA2B,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,6BAA6B,CAAC;AACvD,eAAO,MAAM,SAAS,mCAAmC,CAAC;;AAY1D,wBAmDG"}

package/dist/rules/no-interpolation-in-attributes.js

@@ -3,6 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RULE_NAME = void 0;
 const create_eslint_rule_1 = require("../utils/create-eslint-rule");
 exports.RULE_NAME = 'no-interpolation-in-attributes';
+const allowSubstringInterpolationDescription = `\
+When \`true\`, only attribute values that are entirely interpolations will fail, whereas values with interpolations that form part of larger strings will be allowed.
+
+For example, when set to \`true\` the following code will not fail for the \`alt\` attribute but will still fail for the \`src\` attribute:
+
+\`\`\`html
+<img alt="Poke user {{ username }}" src="{{ pokeSrc }}" />
+\`\`\`
+`;
 exports.default = (0, create_eslint_rule_1.createESLintRule)({
     name: exports.RULE_NAME,
     meta: {
@@ -10,16 +19,31 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
         docs: {
             description: 'Ensures that property-binding is used instead of interpolation in attributes.',
         },
-        schema: [],
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    allowSubstringInterpolation: {
+                        type: 'boolean',
+                        description: allowSubstringInterpolationDescription,
+                    },
+                },
+                additionalProperties: false,
+            },
+        ],
         messages: {
             noInterpolationInAttributes: 'Use property binding [attribute]="value" instead of interpolation {{ value }} for an attribute.',
         },
     },
-    defaultOptions: [],
-    create(context) {
+    defaultOptions: [{ allowSubstringInterpolation: false }],
+    create(context, [{ allowSubstringInterpolation }]) {
         const sourceCode = context.sourceCode;
         return {
             ['BoundAttribute Interpolation'](interpolation) {
+                if (allowSubstringInterpolation &&
+                    interpolation.strings.some((str) => str !== '')) {
+                    return;
+                }
                 const { sourceSpan: { start, end }, } = interpolation;
                 context.report({
                     loc: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-eslint/eslint-plugin-template",
-  "version": "19.3.1-alpha.2",
+  "version": "19.3.1-alpha.21",
   "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.3.1-alpha.2",
-    "@angular-eslint/utils": "19.3.1-alpha.2"
+    "@angular-eslint/bundled-angular-compiler": "19.3.1-alpha.21",
+    "@angular-eslint/utils": "19.3.1-alpha.21"
   },
   "devDependencies": {
     "@types/aria-query": "5.0.4",
-    "@angular-eslint/template-parser": "19.3.1-alpha.2",
-    "@angular-eslint/test-utils": "19.3.1-alpha.2"
+    "@angular-eslint/template-parser": "19.3.1-alpha.21",
+    "@angular-eslint/test-utils": "19.3.1-alpha.21"
   },
   "peerDependencies": {
     "@typescript-eslint/types": "^7.11.0 || ^8.0.0",