feat(eslint-plugin-template): [i18n] add checkDuplicateId option (#868)

marcuskrahl · web-flow · commit edaf46f2f321 · 2022-02-13T21:14:23.000+04:00
diff --git a/packages/eslint-plugin-template/docs/rules/i18n.md b/packages/eslint-plugin-template/docs/rules/i18n.md
@@ -35,6 +35,10 @@ interface Options {
    * Default: `true`
    */
   checkAttributes?: boolean;
+  /**
+   * Default: `true`
+   */
+  checkDuplicateId?: boolean;
   /**
    * Default: `true`
    */
@@ -1250,6 +1254,36 @@ interface Options {
 <h1 i18n="An introduction header for this sample@@custom-id">Hello i18n!</h1>
 ```
 
+<br>
+
+---
+
+<br>
+
+#### Custom Config
+
+```json
+{
+  "rules": {
+    "@angular-eslint/template/i18n": [
+      "error",
+      {
+        "checkDuplicateId": false
+      }
+    ]
+  }
+}
+```
+
+<br>
+
+#### ✅ Valid Code
+
+```html
+<span i18n="@@custom-id">Some text to translate</span>
+<span i18n="@@custom-id">Some text to translate</span>
+```
+
 </details>
 
 <br>
diff --git a/packages/eslint-plugin-template/src/rules/i18n.ts b/packages/eslint-plugin-template/src/rules/i18n.ts
@@ -54,6 +54,7 @@ type Options = [
   {
     readonly boundTextAllowedPattern?: string;
     readonly checkAttributes?: boolean;
+    readonly checkDuplicateId?: boolean;
     readonly checkId?: boolean;
     readonly checkText?: boolean;
     readonly ignoreAttributes?: readonly string[];
@@ -91,6 +92,7 @@ export const RULE_NAME = 'i18n';
 const DEFAULT_OPTIONS: Options[number] = {
   checkAttributes: true,
   checkId: true,
+  checkDuplicateId: true,
   checkText: true,
   ignoreAttributes: [...DEFAULT_ALLOWED_ATTRIBUTES],
 };
@@ -129,6 +131,10 @@ export default createESLintRule<Options, MessageIds>({
             type: 'boolean',
             default: DEFAULT_OPTIONS.checkAttributes,
           },
+          checkDuplicateId: {
+            type: 'boolean',
+            default: DEFAULT_OPTIONS.checkDuplicateId,
+          },
           checkId: {
             type: 'boolean',
             default: DEFAULT_OPTIONS.checkId,
@@ -176,6 +182,7 @@ export default createESLintRule<Options, MessageIds>({
         boundTextAllowedPattern,
         checkAttributes,
         checkId,
+        checkDuplicateId,
         checkText,
         ignoreAttributes,
         ignoreTags,
@@ -307,18 +314,20 @@ export default createESLintRule<Options, MessageIds>({
     }
 
     function reportDuplicatedCustomIds() {
-      for (const [customId, sourceSpans] of collectedCustomIds) {
-        if (sourceSpans.length <= 1) {
-          break;
-        }
-
-        for (const sourceSpan of sourceSpans) {
-          const loc = parserServices.convertNodeSourceSpanToLoc(sourceSpan);
-          context.report({
-            messageId: 'i18nDuplicateCustomId',
-            loc,
-            data: { customId },
-          });
+      if (checkDuplicateId) {
+        for (const [customId, sourceSpans] of collectedCustomIds) {
+          if (sourceSpans.length <= 1) {
+            break;
+          }
+
+          for (const sourceSpan of sourceSpans) {
+            const loc = parserServices.convertNodeSourceSpanToLoc(sourceSpan);
+            context.report({
+              messageId: 'i18nDuplicateCustomId',
+              loc,
+              data: { customId },
+            });
+          }
         }
       }
 
diff --git a/packages/eslint-plugin-template/tests/rules/i18n/cases.ts b/packages/eslint-plugin-template/tests/rules/i18n/cases.ts
@@ -170,6 +170,13 @@ export const valid = [
     `,
     options: [{ requireDescription: true }],
   },
+  {
+    code: `
+      <span i18n="@@custom-id">Some text to translate</span>
+      <span i18n="@@custom-id">Some text to translate</span>
+    `,
+    options: [{ checkDuplicateId: false }],
+  },
 ];
 
 export const invalid = [
