build: set prettier as the code formatter with ng-dev tools

Code formatting for TypeScript, JavaScript, JSON, YAML, and Markdown files will now be enforced by the ng-dev tools via prettier. A CI check is now in place as well to verify the formatting for PRs.

(cherry picked from commit 40e8a9a)

Author: clydin

.circleci/config.yml

@@ -172,6 +172,9 @@ jobs:
             else
               echo "This build is not over a PR, nothing to do."
             fi
+      - run:
+          name: Validate Code Formatting
+          command: yarn -s ng-dev format changed <<pipeline.git.base_revision>> --check
       - run:
           command: yarn -s admin validate
 

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname $0)/_/husky.sh"
+
+yarn -s ng-dev format staged;

.ng-dev/config.ts

@@ -1,3 +1,4 @@
 export { commitMessage } from './commit-message';
+export { format } from './format';
 export { github } from './github';
 export { merge } from './merge';

.ng-dev/format.ts

@@ -0,0 +1,10 @@
+import { FormatConfig } from '@angular/dev-infra-private/format/config';
+
+/**
+ * Configuration for the `ng-dev format` command.
+ */
+export const format: FormatConfig = {
+  'prettier': {
+    matchers: ['**/*.{ts,js,json,yml,yaml,md}']
+  },
+}

.prettierignore

@@ -1,6 +1,9 @@
 /bazel-out/
+/docs/design/analytics.md
 /dist-schema/
-/etc/api
+/etc/api/
+/packages/angular_devkit/build_angular/test/
+/packages/angular_devkit/core/src/workspace/json/test/
 /tests/
 /README.md
 /CONTRIBUTING.md

package.json

@@ -63,26 +63,26 @@
     ]
   },
   "devDependencies": {
-    "@angular/animations": "12.0.0-next.9",
-    "@angular/cdk": "11.2.9",
-    "@angular/common": "12.0.0-next.9",
-    "@angular/compiler": "12.0.0-next.9",
-    "@angular/compiler-cli": "12.0.0-next.9",
-    "@angular/core": "12.0.0-next.9",
-    "@angular/dev-infra-private": "https://github.com/angular/dev-infra-private-builds.git#5b8b7a8b04e205eea784168a511c0258fb9995f3",
-    "@angular/forms": "12.0.0-next.9",
-    "@angular/localize": "12.0.0-next.9",
-    "@angular/material": "11.2.9",
-    "@angular/platform-browser": "12.0.0-next.9",
-    "@angular/platform-browser-dynamic": "12.0.0-next.9",
-    "@angular/platform-server": "12.0.0-next.9",
-    "@angular/router": "12.0.0-next.9",
-    "@angular/service-worker": "12.0.0-next.9",
-    "@babel/core": "7.13.13",
-    "@babel/generator": "7.13.9",
-    "@babel/plugin-transform-runtime": "7.13.10",
-    "@babel/preset-env": "7.13.12",
-    "@babel/runtime": "7.13.10",
+    "@angular/animations": "12.0.0-rc.0",
+    "@angular/cdk": "11.2.10",
+    "@angular/common": "12.0.0-rc.0",
+    "@angular/compiler": "12.0.0-rc.0",
+    "@angular/compiler-cli": "12.0.0-rc.0",
+    "@angular/core": "12.0.0-rc.0",
+    "@angular/dev-infra-private": "https://github.com/angular/dev-infra-private-builds.git#0d0c8c43a08fa6d52540283a607c7289e8165c9e",
+    "@angular/forms": "12.0.0-rc.0",
+    "@angular/localize": "12.0.0-rc.0",
+    "@angular/material": "11.2.10",
+    "@angular/platform-browser": "12.0.0-rc.0",
+    "@angular/platform-browser-dynamic": "12.0.0-rc.0",
+    "@angular/platform-server": "12.0.0-rc.0",
+    "@angular/router": "12.0.0-rc.0",
+    "@angular/service-worker": "12.0.0-rc.0",
+    "@babel/core": "7.13.16",
+    "@babel/generator": "7.13.16",
+    "@babel/plugin-transform-runtime": "7.13.15",
+    "@babel/preset-env": "7.13.15",
+    "@babel/runtime": "7.13.17",
     "@babel/template": "7.12.13",
     "@bazel/bazelisk": "1.8.0",
     "@bazel/buildifier": "4.0.1",