Revert "build: use mjs files for ng-dev configuration (#32309)" (#32464)

This reverts commit 8e8314c.

Author: josephperrott

.github/workflows/ci.yml

@@ -24,8 +24,6 @@ jobs:
         uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@95e3a0ede6dfa1aedd34b03918ad72b18f87e5ae
       - name: Install node modules
         run: pnpm install --frozen-lockfile
-      - name: Validate ng-dev config
-        run: pnpm ng-dev config validate
       - name: Checking package externals
         run: |
           bazel build //:package_externals

.github/workflows/pr.yml

@@ -22,8 +22,6 @@ jobs:
         uses: angular/dev-infra/github-actions/npm/checkout-and-setup-node@95e3a0ede6dfa1aedd34b03918ad72b18f87e5ae
       - name: Install node modules
         run: pnpm install --frozen-lockfile
-      - name: Validate ng-dev config
-        run: pnpm ng-dev config validate
       - name: Checking package externals
         run: |
           bazel build //:package_externals

.ng-dev/caretaker.mjs renamed to .ng-dev/caretaker.mts

@@ -1,9 +1,7 @@
-/**
- * The configuration for `ng-dev caretaker` commands.
- *
- * @type { import("@angular/ng-dev").CaretakerConfig }
- */
-export const caretaker = {
+import {CaretakerConfig} from '@angular/ng-dev';
+
+/** The configuration for `ng-dev caretaker` commands. */
+export const caretaker: CaretakerConfig = {
   githubQueries: [
     {
       name: 'Merge Queue',

.ng-dev/commit-message.mjs renamed to .ng-dev/commit-message.mts

@@ -1,9 +1,9 @@
+import {CommitMessageConfig} from '@angular/ng-dev';
+
 /**
  * The configuration for `ng-dev commit-message` commands.
- *
- * @type { import("@angular/ng-dev").CommitMessageConfig }
  */
-export const commitMessage = {
+export const commitMessage: CommitMessageConfig = {
   maxLineLength: Infinity,
   minBodyLength: 0,
   minBodyLengthTypeExcludes: ['docs'],

.ng-dev/config.mjs renamed to .ng-dev/config.mts

@@ -0,0 +1,12 @@
+import {FormatConfig} from '@angular/ng-dev';
+
+/**
+ * Configuration for the ng-dev format command. We currently only use the buildifier
+ * formatter that is responsible for formatting Bazel build and `.bzl` files.
+ */
+export const format: FormatConfig = {
+  buildifier: true,
+  prettier: {
+    matchers: ['**/*.{js,ts,mts,mjs,json}'],
+  },
+};

.ng-dev/format.mjs

@@ -0,0 +1,12 @@
+import {GithubConfig} from '@angular/ng-dev';
+
+/**
+ * Github configuration for the ng-dev command. This repository is
+ * uses as remote for the merge script.
+ */
+export const github: GithubConfig = {
+  owner: 'angular',
+  name: 'components',
+  mainBranchName: 'main',
+  useNgDevAuthService: true,
+};

.ng-dev/format.mts

@@ -1,10 +1,10 @@
+import {PullRequestConfig} from '@angular/ng-dev';
+
 /**
- * Configuration for the merge tool in `ng-dev`. This sets up the labels which
- * are respected by the merge script (e.g. the target labels).
- *
- * @type { import("@angular/ng-dev").PullRequestConfig }
+ * Configuration for the pull request commands in `ng-dev`. This includes the
+ * setup for the merge command.
  */
-export const pullRequest = {
+export const pullRequest: PullRequestConfig = {
   // By default, the merge script merges locally with `git cherry-pick` and autosquash.
   // This has the downside of pull requests showing up as `Closed` instead of `Merged`.
   // In the components repository, since we don't use fixup or squash commits, we can