feat(@schematics/angular): remove deprecated options

With this change we removed several deprecated `@schematics/angular` deprecated options.

BREAKING CHANGE:

We removed several deprecated `@schematics/angular` deprecated options.
- `lintFix` have been removed from all schematics. `ng lint --fix` should be used instead.
- `legacyBrowsers` have been removed from the `application` schematics since IE 11 is no longer supported.
- `configuration` has been removed from the `web-worker` as it was unused.
- `target` has been removed from the `service-worker` as it was unused.

Author: alan-agius4

docs/design/analytics.md

@@ -58,7 +58,6 @@ Note: There's a limit of 20 custom dimensions.
 | 12 | `Flag: --skip-tests` | `boolean` |
 | 13 | `Flag: --aot` | `boolean` |
 | 14 | `Flag: --minimal` | `boolean` |
-| 15 | `Flag: --lint-fix` | `boolean` |
 | 16 | `Flag: --optimization` | `boolean` |
 | 17 | `Flag: --routing` | `boolean` |
 | 18 | `Flag: --skip-import` | `boolean` |

packages/angular/pwa/pwa/index_spec.ts

@@ -18,7 +18,6 @@ describe('PWA Schematic', () => {
   const defaultOptions: PwaOptions = {
     project: 'bar',
     target: 'build',
-    configuration: 'production',
     title: 'Fake Title',
   };
 

packages/angular/pwa/pwa/schema.json

@@ -16,11 +16,6 @@
       "description": "The target to apply service worker to.",
       "default": "build"
     },
-    "configuration": {
-      "type": "string",
-      "description": "The configuration to apply service worker to.",
-      "default": "production"
-    },
     "title": {
       "type": "string",
       "description": "The title of the application."

packages/schematics/angular/application/files/.browserslistrc.template

@@ -13,6 +13,4 @@ last 1 Firefox version
 last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
-Firefox ESR<% if (legacyBrowsers) { %>
-IE 11<% } else { %>
-not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.<% } %>
+Firefox ESR

packages/schematics/angular/application/index.ts

@@ -27,7 +27,6 @@ import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
 import { Schema as ComponentOptions } from '../component/schema';
 import { NodeDependencyType, addPackageJsonDependency } from '../utility/dependencies';
 import { latestVersions } from '../utility/latest-versions';
-import { applyLintFix } from '../utility/lint-fix';
 import { relativePathToWorkspaceRoot } from '../utility/paths';
 import { validateProjectName } from '../utility/validation';
 import { getWorkspace, updateWorkspace } from '../utility/workspace';
@@ -324,7 +323,6 @@ export default function (options: ApplicationOptions): Rule {
         MergeStrategy.Overwrite,
       ),
       options.skipPackageJson ? noop() : addDependenciesToPackageJson(options),
-      options.lintFix ? applyLintFix(appDir) : noop(),
     ]);
   };
 }

packages/schematics/angular/application/index_spec.ts

@@ -525,25 +525,6 @@ describe('Application Schematic', () => {
     });
   });
 
-  it(`should add support for IE 11 in '.browserslistrc' when 'legacyBrowsers' is true`, async () => {
-    const options: ApplicationOptions = { ...defaultOptions, legacyBrowsers: true };
-    const tree = await schematicRunner
-      .runSchematicAsync('application', options, workspaceTree)
-      .toPromise();
-    const content = tree.readContent('/projects/foo/.browserslistrc');
-    expect(content).not.toContain('not IE 11');
-    expect(content).toContain('IE 11');
-  });
-
-  it(`should not add support for IE 11 in '.browserslistrc' when 'legacyBrowsers' is false`, async () => {
-    const options: ApplicationOptions = { ...defaultOptions, legacyBrowsers: false };
-    const tree = await schematicRunner
-      .runSchematicAsync('application', options, workspaceTree)
-      .toPromise();
-    const content = tree.readContent('/projects/foo/.browserslistrc');
-    expect(content).toContain('not IE 11');
-  });
-
   it(`should create kebab-case project folder names with camelCase project name`, async () => {
     const options: ApplicationOptions = { ...defaultOptions, name: 'myCool' };
     const tree = await schematicRunner

packages/schematics/angular/application/schema.json

@@ -101,23 +101,11 @@
       "type": "boolean",
       "default": false
     },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the application.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
-    },
     "strict": {
       "description": "Creates an application with stricter bundle budgets settings.",
       "type": "boolean",
       "default": true,
       "x-user-analytics": 7
-    },
-    "legacyBrowsers": {
-      "type": "boolean",
-      "description": "Add support for legacy browsers like Internet Explorer using differential loading.",
-      "default": false,
-      "x-deprecated": "Legacy browsers support is deprecated since version 12. For more information, see https://angular.io/guide/browser-support"
     }
   },
   "required": ["name"]

packages/schematics/angular/class/schema.json

@@ -38,13 +38,6 @@
       "type": "string",
       "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\".",
       "default": ""
-    },
-    "lintFix": {
-      "type": "boolean",
-      "default": false,
-      "description": "Apply lint fixes after generating the class.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/component/index.ts

@@ -26,7 +26,6 @@ import * as ts from '../third_party/github.com/Microsoft/TypeScript/lib/typescri
 import { addDeclarationToModule, addExportToModule } from '../utility/ast-utils';
 import { InsertChange } from '../utility/change';
 import { buildRelativePath, findModuleFromOptions } from '../utility/find-module';
-import { applyLintFix } from '../utility/lint-fix';
 import { parseName } from '../utility/parse-name';
 import { validateHtmlSelector, validateName } from '../utility/validation';
 import { buildDefaultPath, getWorkspace } from '../utility/workspace';
@@ -158,10 +157,6 @@ export default function (options: ComponentOptions): Rule {
       move(parsedPath.path),
     ]);
 
-    return chain([
-      addDeclarationToNgModule(options),
-      mergeWith(templateSource),
-      options.lintFix ? applyLintFix(options.path) : noop(),
-    ]);
+    return chain([addDeclarationToNgModule(options), mergeWith(templateSource)]);
   };
 }

packages/schematics/angular/component/schema.json

@@ -125,12 +125,6 @@
       "default": false,
       "description": "The declaring NgModule exports this component.",
       "x-user-analytics": 19
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the component.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/directive/index.ts

@@ -24,7 +24,6 @@ import * as ts from '../third_party/github.com/Microsoft/TypeScript/lib/typescri
 import { addDeclarationToModule, addExportToModule } from '../utility/ast-utils';
 import { InsertChange } from '../utility/change';
 import { buildRelativePath, findModuleFromOptions } from '../utility/find-module';
-import { applyLintFix } from '../utility/lint-fix';
 import { parseName } from '../utility/parse-name';
 import { validateHtmlSelector } from '../utility/validation';
 import { buildDefaultPath, getWorkspace } from '../utility/workspace';
@@ -136,10 +135,6 @@ export default function (options: DirectiveOptions): Rule {
       move(parsedPath.path),
     ]);
 
-    return chain([
-      addDeclarationToNgModule(options),
-      mergeWith(templateSource),
-      options.lintFix ? applyLintFix(options.path) : noop(),
-    ]);
+    return chain([addDeclarationToNgModule(options), mergeWith(templateSource)]);
   };
 }

packages/schematics/angular/directive/schema.json

@@ -74,12 +74,6 @@
       "default": false,
       "description": "The declaring NgModule exports this directive.",
       "x-user-analytics": 19
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the directive.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/enum/schema.json

@@ -31,12 +31,6 @@
     "type": {
       "type": "string",
       "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\"."
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the enum.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/guard/schema.json

@@ -39,12 +39,6 @@
         "$source": "projectName"
       }
     },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the guard.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
-    },
     "implements": {
       "type": "array",
       "description": "Specifies which interfaces to implement.",

packages/schematics/angular/interceptor/schema.json

@@ -38,12 +38,6 @@
       "description": "Do not create \"spec.ts\" test files for the new interceptor.",
       "default": false,
       "x-user-analytics": 12
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the interceptor.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/interface/schema.json

@@ -40,12 +40,6 @@
         "$source": "argv",
         "index": 1
       }
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the interface.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": ["name"]

packages/schematics/angular/library/index.ts

@@ -25,7 +25,6 @@ import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
 import { NodeDependencyType, addPackageJsonDependency } from '../utility/dependencies';
 import { JSONFile } from '../utility/json-file';
 import { latestVersions } from '../utility/latest-versions';
-import { applyLintFix } from '../utility/lint-fix';
 import { relativePathToWorkspaceRoot } from '../utility/paths';
 import { validateProjectName } from '../utility/validation';
 import { getWorkspace, updateWorkspace } from '../utility/workspace';
@@ -197,7 +196,6 @@ export default function (options: LibraryOptions): Rule {
         path: sourceDir,
         project: projectName,
       }),
-      options.lintFix ? applyLintFix(sourceDir) : noop(),
       (_tree: Tree, context: SchematicContext) => {
         if (!options.skipPackageJson && !options.skipInstall) {
           context.addTask(new NodePackageInstallTask());

packages/schematics/angular/library/schema.json

@@ -43,12 +43,6 @@
       "type": "boolean",
       "default": false,
       "description": "Do not update \"tsconfig.json\" to add a path mapping for the new library. The path mapping is needed to use the library in an app, but can be disabled here to simplify development."
-    },
-    "lintFix": {
-      "type": "boolean",
-      "description": "Apply lint fixes after generating the library.",
-      "x-user-analytics": 15,
-      "x-deprecated": "Use \"ng lint --fix\" directly instead."
     }
   },
   "required": []

packages/schematics/angular/migrations/migration-collection.json

@@ -129,6 +129,11 @@
       "version": "9999.0.0",
       "factory": "./update-12/production-default-config",
       "description": "Optional migration to update Angular CLI workspace configurations to 'production' mode by default."
+    },
+    "schematic-options-13": {
+      "version": "13.0.0",
+      "factory": "./update-13/schematic-options",
+      "description": "Remove no longer valid Angular schematic options from `angular.json`."
     }
   }
 }

packages/schematics/angular/migrations/update-13/schematic-options.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import { json } from '@angular-devkit/core';
+import { Rule } from '@angular-devkit/schematics';
+import { updateWorkspace } from '../../utility/workspace';
+
+export default function (): Rule {
+  return updateWorkspace((workspace) => {
+    // Update root level schematics options if present
+    const rootSchematics = workspace.extensions.schematics;
+    if (rootSchematics && json.isJsonObject(rootSchematics)) {
+      updateSchematicsField(rootSchematics);
+    }
+
+    // Update project level schematics options if present
+    for (const [, project] of workspace.projects) {
+      const projectSchematics = project.extensions.schematics;
+      if (projectSchematics && json.isJsonObject(projectSchematics)) {
+        updateSchematicsField(projectSchematics);
+      }
+    }
+  });
+}
+
+function updateSchematicsField(schematics: json.JsonObject): void {
+  for (const [schematicName, schematicOptions] of Object.entries(schematics)) {
+    if (!json.isJsonObject(schematicOptions)) {
+      continue;
+    }
+
+    if (schematicName.startsWith('@schematics/angular')) {
+      delete schematicOptions.lintFix;
+    }
+
+    switch (schematicName) {
+      case '@schematics/angular:service-worker':
+        delete schematicOptions.configuration;
+        break;
+      case '@schematics/angular:web-worker':
+        delete schematicOptions.target;
+        break;
+      case '@schematics/angular:application':
+        delete schematicOptions.legacyBrowsers;
+        break;
+      default:
+        break;
+    }
+  }
+}