fix(google-maps): error when added through ng add

Currently adding the `@angular/google-maps` module through `ng add` results in an error because it doesn't have an `ng add` schematic. These changes add a blank one so users don't get an error now and so that we can easily add more functionality in the future.

Author: crisbeto

.ng-dev/google-sync-config.json

@@ -24,6 +24,7 @@
     "src/**/*spec.ts",
     "src/cdk/schematics/**/*",
     "src/material/schematics/**/*",
+    "src/google-maps/schematics/**/*",
     "src/cdk/testing/testbed/zone-types.d.ts",
     "src/material/_theming.scss",
     "src/material/index.ts",

src/google-maps/BUILD.bazel

@@ -23,6 +23,7 @@ ng_module(
 ng_package(
     name = "npm_package",
     srcs = ["package.json"],
+    nested_packages = ["//src/google-maps/schematics:npm_package"],
     tags = ["release-package"],
     deps = [":google-maps"],
 )

src/google-maps/README.md

@@ -6,7 +6,7 @@ File any bugs against the [angular/components repo](https://github.com/angular/c
 
 ## Installation
 
-To install, run `npm install @angular/google-maps`.
+To install, run `ng add @angular/google-maps`.
 
 ## Getting the API Key
 

src/google-maps/package.json

@@ -26,5 +26,6 @@
     "rxjs": "0.0.0-RXJS"
   },
   "sideEffects": false,
+  "schematics": "./schematics/collection.json",
   "ng-update": {}
 }

src/google-maps/schematics/BUILD.bazel

@@ -0,0 +1,34 @@
+load("@build_bazel_rules_nodejs//:index.bzl", "copy_to_bin")
+load("//tools:defaults.bzl", "pkg_npm", "ts_library")
+
+package(default_visibility = ["//visibility:public"])
+
+copy_to_bin(
+    name = "schematics_assets",
+    srcs = glob(["**/*.json"]),
+)
+
+ts_library(
+    name = "schematics",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    # Schematics can not yet run in ESM module. For now we continue to use CommonJS.
+    # TODO(ESM): remove this once the Angular CLI supports ESM schematics.
+    devmode_module = "commonjs",
+    prodmode_module = "commonjs",
+    deps = [
+        "@npm//@angular-devkit/schematics",
+        "@npm//@types/node",
+    ],
+)
+
+# This package is intended to be combined into the main @angular/google-maps package as a dep.
+pkg_npm(
+    name = "npm_package",
+    deps = [
+        ":schematics",
+        ":schematics_assets",
+    ],
+)

src/google-maps/schematics/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Installs the Angular Google Maps module",
+      "factory": "./ng-add/index",
+      "hidden": true
+    }
+  }
+}

src/google-maps/schematics/ng-add/index.ts

@@ -0,0 +1,15 @@
+/**
+ * @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 {Rule} from '@angular-devkit/schematics';
+
+export default function (): Rule {
+  // Noop schematic so the CLI doesn't throw if users try to `ng add` this package.
+  // Also allows us to add more functionality in the future.
+  return () => {};
+}

src/google-maps/schematics/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}