fix(angular): keep dependency-checks enabled for buildable libraries (#…

…19047)
nrwl · Sep 7, 2023 · bcb5965 · bcb5965
1 parent f487929
commit bcb5965
Show file tree

Hide file tree

Showing 5 changed files with 92 additions and 54 deletions.
diff --git a/packages/angular/src/generators/add-linting/__snapshots__/add-linting.spec.ts.snap b/packages/angular/src/generators/add-linting/__snapshots__/add-linting.spec.ts.snap
@@ -9,13 +9,6 @@ exports[`addLinting generator should correctly generate the .eslintrc.json file
     "!**/*",
   ],
   "overrides": [
-    {
-      "files": [
-        "*.json",
-      ],
-      "parser": "jsonc-eslint-parser",
-      "rules": {},
-    },
     {
       "extends": [
         "plugin:@nx/angular",
@@ -65,13 +58,6 @@ exports[`addLinting generator support angular v14 should correctly generate the
     "!**/*",
   ],
   "overrides": [
-    {
-      "files": [
-        "*.json",
-      ],
-      "parser": "jsonc-eslint-parser",
-      "rules": {},
-    },
     {
       "extends": [
         "plugin:@nx/angular",

diff --git a/packages/angular/src/generators/add-linting/add-linting.ts b/packages/angular/src/generators/add-linting/add-linting.ts
@@ -2,6 +2,7 @@ import {
   formatFiles,
   GeneratorCallback,
   joinPathFragments,
+  readProjectConfiguration,
   runTasksInSerial,
   Tree,
 } from '@nx/devkit';
@@ -47,11 +48,6 @@ export async function addLintingGenerator(
       .includes(`${options.projectRoot}/tsconfig.*?.json`);
 
     replaceOverridesInLintConfig(tree, options.projectRoot, [
-      {
-        files: ['*.json'],
-        parser: 'jsonc-eslint-parser',
-        rules: {},
-      },
       {
         files: ['*.ts'],
         ...(hasParserOptions
@@ -93,6 +89,17 @@ export async function addLintingGenerator(
          */
         rules: {},
       },
+      ...(isBuildableLibraryProject(tree, options.projectName)
+        ? [
+            {
+              files: ['*.json'],
+              parser: 'jsonc-eslint-parser',
+              rules: {
+                '@nx/dependency-checks': 'error',
+              } as any,
+            },
+          ]
+        : []),
     ]);
   }
 
@@ -108,4 +115,13 @@ export async function addLintingGenerator(
   return runTasksInSerial(...tasks);
 }
 
+function isBuildableLibraryProject(tree: Tree, projectName: string): boolean {
+  const projectConfig = readProjectConfiguration(tree, projectName);
+  return (
+    projectConfig.projectType === 'library' &&
+    projectConfig.targets?.build &&
+    !!projectConfig.targets.build
+  );
+}
+
 export default addLintingGenerator;
diff --git a/packages/angular/src/generators/application/application.spec.ts b/packages/angular/src/generators/application/application.spec.ts
@@ -512,13 +512,6 @@ describe('app', () => {
               "!**/*",
             ],
             "overrides": [
-              {
-                "files": [
-                  "*.json",
-                ],
-                "parser": "jsonc-eslint-parser",
-                "rules": {},
-              },
               {
                 "extends": [
                   "plugin:@nx/angular",

diff --git a/...c/generators/convert-tslint-to-eslint/__snapshots__/convert-tslint-to-eslint.spec.ts.snap b/...c/generators/convert-tslint-to-eslint/__snapshots__/convert-tslint-to-eslint.spec.ts.snap
@@ -253,13 +253,6 @@ exports[`convert-tslint-to-eslint should not override .eslint config if migratio
     "!**/*",
   ],
   "overrides": [
-    {
-      "files": [
-        "*.json",
-      ],
-      "parser": "jsonc-eslint-parser",
-      "rules": {},
-    },
     {
       "extends": [
         "plugin:@nx/angular",
@@ -851,13 +844,6 @@ exports[`convert-tslint-to-eslint should work for Angular applications 4`] = `
     "!**/*",
   ],
   "overrides": [
-    {
-      "files": [
-        "*.json",
-      ],
-      "parser": "jsonc-eslint-parser",
-      "rules": {},
-    },
     {
       "extends": [
         "plugin:@nx/angular",
@@ -1211,13 +1197,6 @@ exports[`convert-tslint-to-eslint should work for Angular libraries 4`] = `
     "!**/*",
   ],
   "overrides": [
-    {
-      "files": [
-        "*.json",
-      ],
-      "parser": "jsonc-eslint-parser",
-      "rules": {},
-    },
     {
       "extends": [
         "plugin:@nx/angular",

diff --git a/packages/angular/src/generators/library/library.spec.ts b/packages/angular/src/generators/library/library.spec.ts
@@ -597,11 +597,6 @@ describe('lib', () => {
           "extends": ["../../.eslintrc.json"],
           "ignorePatterns": ["!**/*"],
           "overrides": [
-            {
-              "files": ["*.json"],
-              "parser": "jsonc-eslint-parser",
-              "rules": {}
-            },
             {
               "files": ["*.ts"],
               "extends": [
@@ -631,6 +626,13 @@ describe('lib', () => {
               "files": ["*.html"],
               "extends": ["plugin:@nx/angular-template"],
               "rules": {}
+            },
+            {
+              "files": ["*.json"],
+              "parser": "jsonc-eslint-parser",
+              "rules": {
+                "@nx/dependency-checks": "error"
+              }
             }
           ]
         }
@@ -1158,12 +1160,65 @@ describe('lib', () => {
             ],
             "overrides": [
               {
+                "extends": [
+                  "plugin:@nx/angular",
+                  "plugin:@angular-eslint/template/process-inline-templates",
+                ],
                 "files": [
-                  "*.json",
+                  "*.ts",
+                ],
+                "rules": {
+                  "@angular-eslint/component-selector": [
+                    "error",
+                    {
+                      "prefix": "proj",
+                      "style": "kebab-case",
+                      "type": "element",
+                    },
+                  ],
+                  "@angular-eslint/directive-selector": [
+                    "error",
+                    {
+                      "prefix": "proj",
+                      "style": "camelCase",
+                      "type": "attribute",
+                    },
+                  ],
+                },
+              },
+              {
+                "extends": [
+                  "plugin:@nx/angular-template",
+                ],
+                "files": [
+                  "*.html",
                 ],
-                "parser": "jsonc-eslint-parser",
                 "rules": {},
               },
+            ],
+          }
+        `);
+      });
+
+      it('should add dependency checks to buildable libs', async () => {
+        // ACT
+        await runLibraryGeneratorWithOpts({
+          linter: Linter.EsLint,
+          buildable: true,
+        });
+
+        // ASSERT
+
+        const eslintConfig = readJson(tree, 'my-lib/.eslintrc.json');
+        expect(eslintConfig).toMatchInlineSnapshot(`
+          {
+            "extends": [
+              "../.eslintrc.json",
+            ],
+            "ignorePatterns": [
+              "!**/*",
+            ],
+            "overrides": [
               {
                 "extends": [
                   "plugin:@nx/angular",
@@ -1200,6 +1255,15 @@ describe('lib', () => {
                 ],
                 "rules": {},
               },
+              {
+                "files": [
+                  "*.json",
+                ],
+                "parser": "jsonc-eslint-parser",
+                "rules": {
+                  "@nx/dependency-checks": "error",
+                },
+              },
             ],
           }
         `);