build(bazel): add rule for cdk npm package (#10509)

* build(bazel): add rule for cdk npm package

* Bump to rc0, remove moment from cdk rollup config

* Remove TODOs

Author: jelbourn

WORKSPACE

@@ -1,15 +1,18 @@
 workspace(name = "angular_material")
 
 # Add nodejs rules
-git_repository(
+http_archive(
   name = "build_bazel_rules_nodejs",
-  remote = "https://github.com/bazelbuild/rules_nodejs.git",
-  commit = "0.5.1",
+  url = "https://github.com/bazelbuild/rules_nodejs/archive/0.5.3.zip",
+  strip_prefix = "rules_nodejs-0.5.3",
+  sha256 = "17a5515f59777b00cb25dbc710017a14273f825029b2ec60e0969d28914870be",
 )
 
 # NOTE: this rule installs nodejs, npm, and yarn, but does NOT install
 # your npm dependencies. You must still run the package manager.
-load("@build_bazel_rules_nodejs//:defs.bzl", "node_repositories")
+load("@build_bazel_rules_nodejs//:defs.bzl", "check_bazel_version", "node_repositories")
+
+check_bazel_version("0.9.0")
 node_repositories(package_json = ["//:package.json"])
 
 # Add sass rules
@@ -23,10 +26,11 @@ load("@io_bazel_rules_sass//sass:sass.bzl", "sass_repositories")
 sass_repositories()
 
 # Add TypeScript rules
-git_repository(
+http_archive(
   name = "build_bazel_rules_typescript",
-  remote = "https://github.com/bazelbuild/rules_typescript.git",
-  tag = "0.11.1",
+  url = "https://github.com/bazelbuild/rules_typescript/archive/0.11.1.zip",
+  strip_prefix = "rules_typescript-0.11.1",
+  sha256 = "7406bea7954e1c906f075115dfa176551a881119f6820b126ea1eacb09f34a1a",
 )
 
 # Setup TypeScript Bazel workspace

package-lock.json

@@ -42,8 +42,8 @@
   "devDependencies": {
     "@angular-devkit/core": "^0.4.5",
     "@angular-devkit/schematics": "^0.4.5",
-    "@angular/bazel": "6.0.0-beta.8",
-    "@angular/compiler-cli": "6.0.0-beta.8",
+    "@angular/bazel": "6.0.0-rc.0",
+    "@angular/compiler-cli": "6.0.0-rc.0",
     "@angular/http": "6.0.0-beta.8",
     "@angular/platform-browser-dynamic": "6.0.0-beta.8",
     "@angular/platform-server": "6.0.0-beta.8",

package.json

@@ -1,4 +1,22 @@
 # List of all @angular/material components / subpackages.
+CDK_PACKAGES = [
+  "coercion",
+  "keycodes",
+  "scrolling",
+  "accordion",
+  "observers",
+  "a11y",
+  "overlay",
+  "platform",
+  "bidi",
+  "table",
+  "tree",
+  "portal",
+  "layout",
+  "stepper",
+  "collections",
+]
+
 MATERIAL_PACKAGES = [
   "autocomplete",
   "badge",

components.bzl renamed to packages.bzl

@@ -1,8 +1,14 @@
 package(default_visibility=["//visibility:public"])
 load("@build_bazel_rules_typescript//:defs.bzl", "ts_library", "ts_config")
+load("@angular//:index.bzl", "ng_package")
+load("//:packages.bzl", "CDK_PACKAGES")
+load("//src/cdk:rollup_globals.bzl", "CDK_ROLLUP_GLOBALS")
 
+
+# Export the CDK tsconfig so that subpackages can reference it directly.
 exports_files(["tsconfig-build.json"])
 
+# Root "@angular/cdk" entry-point that does not re-export individual entry-points.
 ts_library(
   name = "cdk",
   srcs = glob(["*.ts"], exclude=["**/*.spec.ts"]),
@@ -11,8 +17,11 @@ ts_library(
   tsconfig = ":tsconfig-build.json",
 )
 
-ts_config(
-  name ="tsconfig_tests",
-  src = "tsconfig-tests.json",
-  deps = ["tsconfig-build.json"],
+# Creates the @angular/cdk package published to npm.
+ng_package(
+  name = "npm_package",
+  srcs = ["package.json"],
+  entry_point = "src/cdk/public_api.js",
+  globals = CDK_ROLLUP_GLOBALS,
+  deps = [":cdk"] + ["//src/cdk/%s" % p for p in CDK_PACKAGES]
 )

src/cdk/BUILD.bazel

@@ -14,7 +14,7 @@ ng_module(
     "//src/cdk/platform",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 # TODO(jelbourn): remove this when sass_library acts like a filegroup
@@ -39,7 +39,7 @@ ts_library(
     "//src/cdk/testing",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/a11y/BUILD.bazel

@@ -11,7 +11,7 @@ ng_module(
     "//src/cdk/coercion",
     "//src/cdk/collections",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -22,7 +22,7 @@ ts_library(
     ":accordion",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/accordion/BUILD.bazel

@@ -8,7 +8,7 @@ ng_module(
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/bidi",
   deps = ["@rxjs"],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -19,7 +19,7 @@ ts_library(
     ":bidi",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/bidi/BUILD.bazel

@@ -1,14 +1,15 @@
 package(default_visibility=["//visibility:public"])
 load("@build_bazel_rules_typescript//:defs.bzl", "ts_library")
 load("@build_bazel_rules_typescript//:defs.bzl", "ts_library", "ts_web_test")
+load("@angular//:index.bzl", "ng_module")
 
-# Note: this will need to ng_module if any Angular-specific stuff is added to coercion.
-ts_library(
+
+ng_module(
   name = "coercion",
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/coercion",
-  deps = [],
-  tsconfig = ":tsconfig-build.json",
+  deps = ["@rxjs"],
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(

src/cdk/coercion/BUILD.bazel

@@ -8,7 +8,7 @@ ng_module(
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/collections",
   deps = ["@rxjs"],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -19,7 +19,7 @@ ts_library(
     ":collections",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/collections/BUILD.bazel

@@ -1,11 +1,12 @@
 package(default_visibility=["//visibility:public"])
 load("@build_bazel_rules_typescript//:defs.bzl", "ts_library")
+load("@angular//:index.bzl", "ng_module")
 
-# Note: this will need to ng_module if any Angular-specific stuff is added to coercion.
-ts_library(
+
+ng_module(
   name = "keycodes",
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/keycodes",
-  deps = [],
-  tsconfig = ":tsconfig-build.json",
+  deps = ["@rxjs"],
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )

src/cdk/keycodes/BUILD.bazel

@@ -12,7 +12,7 @@ ng_module(
     "//src/cdk/platform",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -24,7 +24,7 @@ ts_library(
     "//src/cdk/platform",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/layout/BUILD.bazel

@@ -7,8 +7,11 @@ ng_module(
   name = "observers",
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/observers",
-  deps = ["@rxjs", "//src/cdk/coercion"],
-  tsconfig = ":tsconfig-build.json",
+  deps = [
+    "@rxjs",
+    "//src/cdk/coercion",
+  ],
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -19,7 +22,7 @@ ts_library(
     ":observers",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/observers/BUILD.bazel

@@ -15,7 +15,7 @@ ng_module(
     "//src/cdk/scrolling",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 # TODO(jelbourn): replace this w/ sass_library when it supports acting like a filegroup
@@ -38,7 +38,7 @@ ts_library(
     "//src/cdk/testing",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/overlay/BUILD.bazel

@@ -6,5 +6,5 @@ ng_module(
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/platform",
   deps = ["@rxjs"],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )

src/cdk/platform/BUILD.bazel

@@ -8,7 +8,7 @@ ng_module(
   srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
   module_name = "@angular/cdk/portal",
   deps = ["@rxjs"],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -19,7 +19,7 @@ ts_library(
     ":portal",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/portal/BUILD.bazel

@@ -0,0 +1,12 @@
+load("//:packages.bzl", "CDK_PACKAGES")
+
+# Base rollup globals for dependencies and the root entry-point.
+CDK_ROLLUP_GLOBALS = {
+  'tslib': 'tslib',
+  '@angular/cdk': 'ng.cdk',
+}
+
+# Rollup globals for subpackages in the form of, e.g., {"@angular/cdk/table": "ng.cdk.table"}
+CDK_ROLLUP_GLOBALS.update({
+  "@angular/cdk/%s" % p: "ng.cdk.%s" % p for p in CDK_PACKAGES
+})

src/cdk/rollup_globals.bzl

@@ -11,7 +11,7 @@ ng_module(
     "//src/cdk/platform",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -23,7 +23,7 @@ ts_library(
     "//src/cdk/testing",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(

src/cdk/scrolling/BUILD.bazel

@@ -12,5 +12,5 @@ ng_module(
     "//src/cdk/keycodes",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )

src/cdk/stepper/BUILD.bazel

@@ -67,7 +67,7 @@ export class StepperSelectionEvent {
   moduleId: module.id,
   selector: 'cdk-step',
   exportAs: 'cdkStep',
-  templateUrl: 'step.html',
+  template: '<ng-template><ng-content></ng-content></ng-template>',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

src/cdk/stepper/step.html

@@ -11,7 +11,7 @@ ng_module(
     "//src/cdk/collections",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_library(
@@ -23,7 +23,7 @@ ts_library(
     "//src/cdk/collections",
     "@rxjs",
   ],
-  tsconfig = ":tsconfig-build.json",
+  tsconfig = "//src/cdk:tsconfig-build.json",
 )
 
 ts_web_test(