fix(youtube-player): error when added through ng add

Currently adding the `@angular/youtube-player` 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

src/youtube-player/BUILD.bazel

@@ -38,6 +38,7 @@ sass_binary(
 ng_package(
     name = "npm_package",
     srcs = ["package.json"],
+    nested_packages = ["//src/youtube-player/schematics:npm_package"],
     tags = ["release-package"],
     deps = [":youtube-player"],
 )

src/youtube-player/README.md

@@ -5,7 +5,7 @@ This component provides a simple Angular wrapper around the
 File any bugs against the [angular/components repo](https://github.com/angular/components/issues).
 
 ## Installation
-To install, run `npm install @angular/youtube-player`.
+To install, run `ng add @angular/youtube-player`.
 
 ## Usage
 Import the component either by adding the `YouTubePlayerModule` to your app or  by importing

src/youtube-player/package.json

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

src/youtube-player/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/youtube-player package as a dep.
+pkg_npm(
+    name = "npm_package",
+    deps = [
+        ":schematics",
+        ":schematics_assets",
+    ],
+)

src/youtube-player/schematics/collection.json

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

src/youtube-player/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/youtube-player/schematics/package.json

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