Build angular from source

Author: gregmagolan

BUILD.bazel

@@ -18,46 +18,24 @@ exports_files([
 # NOTE: this will move to node_modules/BUILD in a later release
 filegroup(
     name = "node_modules",
-    # NB: rxjs is not in this list, because we build it from sources using the
-    # label @rxjs//:rxjs
+    # NB: angular & rxjs are not in this list, because we build them from sources
     srcs = glob(["/".join([
         "node_modules",
         pkg,
         "**",
         ext,
     ]) for pkg in [
-        "@angular",
         "@ngrx",
         "@types",
         "protractor",
         "tsickle",
+        "tslib",
         "tsutils",
         "typescript",
+        "zone.js",
     ] for ext in [
         "*.js",
         "*.json",
         "*.d.ts",
     ]]),
 )
-
-ANGULAR_TESTING = [
-    "node_modules/@angular/*/bundles/*-testing.umd.js",
-    # We use AOT, so the compiler and the dynamic platform-browser should be
-    # visible only in tests
-    "node_modules/@angular/compiler/bundles/*.umd.js",
-    "node_modules/@angular/platform-browser-dynamic/bundles/*.umd.js",
-]
-
-filegroup(
-    name = "angular_bundles",
-    srcs = glob(
-        ["node_modules/@angular/*/bundles/*.umd.js"],
-        exclude = ANGULAR_TESTING,
-    ),
-)
-
-filegroup(
-    name = "angular_test_bundles",
-    testonly = 1,
-    srcs = glob(ANGULAR_TESTING),
-)

WORKSPACE

@@ -14,9 +14,9 @@ workspace(name = "angular_bazel_example")
 # Allows Bazel to run tooling in Node.js
 http_archive(
     name = "build_bazel_rules_nodejs",
-    urls = ["https://github.com/bazelbuild/rules_nodejs/archive/0.10.0.zip"],
-    strip_prefix = "rules_nodejs-0.10.0",
-    sha256 = "2f77623311da8b5009b1c7eade12de8e15fa3cd2adf9dfcc9f87cb2082b2211f",
+    url = "https://github.com/gregmagolan/rules_nodejs/archive/08740c1e4b551377c7ca025428e0b81a28e7f3df.zip",
+    strip_prefix = "rules_nodejs-08740c1e4b551377c7ca025428e0b81a28e7f3df",
+    sha256 = "81cc5e0fb0aaf089308a7847cdb86fd8c3048c0a8e4d49c6ffa7710c36faf134",
 )
 
 # The Bazel buildtools repo contains tools like the BUILD file formatter, buildifier
@@ -35,9 +35,9 @@ http_archive(
 # Runs the TypeScript compiler
 http_archive(
     name = "build_bazel_rules_typescript",
-    url = "https://github.com/bazelbuild/rules_typescript/archive/0.15.0.zip",
-    strip_prefix = "rules_typescript-0.15.0",
-    sha256 = "1aa75917330b820cb239b3c10a936a10f0a46fe215063d4492dd76dc6e1616f4",
+    url = "https://github.com/gregmagolan/rules_typescript/archive/38bc5c1d806ce559ee683c69cf1869de659cab8c.zip",
+    strip_prefix = "rules_typescript-38bc5c1d806ce559ee683c69cf1869de659cab8c",
+    sha256 = "d4bd763afc1c3a802f314cbda6f18cfd16a9831f9f83aa5ff11addb790ebf44c",
 )
 
 # Used by the ts_web_test_suite rule to provision browsers
@@ -63,15 +63,17 @@ http_archive(
     sha256 = "f70c35a8c779bb92f7521ecb5a1c6604e9c3edd431e50b6376d7497abc8ad3c1",
 )
 
-####################################
-# Tell Bazel about some workspaces that were installed from npm.
-
 # The @angular repo contains rule for building Angular applications
-local_repository(
+http_archive(
     name = "angular",
-    path = "node_modules/@angular/bazel",
+    url = "https://github.com/gregmagolan/angular/archive/9b24d965bee572ce171fc2882ec93b2557d6e9e1.zip",
+    strip_prefix = "angular-9b24d965bee572ce171fc2882ec93b2557d6e9e1",
+    sha256 = "1585317cf52a953e51cdfcdf896ee8337bbcceb23bc847aea9782e9431ae802b",
 )
 
+####################################
+# Tell Bazel about some workspaces that were installed from npm.
+
 # The @rxjs repo contains targets for building rxjs with bazel
 local_repository(
     name = "rxjs",
@@ -106,6 +108,14 @@ load("@io_bazel_rules_sass//sass:sass_repositories.bzl", "sass_repositories")
 
 sass_repositories()
 
+#
+# Load and install our dependencies from local repositories
+#
+
+load("@angular//:index.bzl", "ng_setup_workspace")
+
+ng_setup_workspace()
+
 ####################################
 # Setup our local toolchain
 

package.json

@@ -4,25 +4,19 @@
     "description": "Demo of bazel rules for angular",
     "license": "Apache 2.0",
     "dependencies": {
-        "@angular/animations": "6.0.4",
-        "@angular/common": "6.0.4",
-        "@angular/core": "6.0.4",
-        "@angular/forms": "6.0.4",
-        "@angular/platform-browser": "6.0.4",
-        "@angular/router": "6.0.4",
-        "@angular/upgrade": "6.0.4",
         "@ngrx/store": "6.0.1",
         "rxjs": "6.2.1",
+        "tslib": "1.9.2",
         "zone.js": "0.8.26"
     },
     "devDependencies": {
-        "@angular/bazel": "6.0.4",
-        "@angular/compiler": "6.0.4",
-        "@angular/compiler-cli": "6.0.4",
-        "@angular/platform-browser-dynamic": "6.0.4",
+        "@angular/compiler": "6.0.6",
+        "@angular/compiler-cli": "6.0.6",
+        "@angular/core": "6.0.6",
         "@bazel/benchmark-runner": "0.1.0",
         "@bazel/ibazel": "0.4.0",
         "@types/jasmine": "2.8.8",
+        "@types/node": "6.0.88",
         "clang-format": "1.2.3",
         "concurrently": "3.5.1",
         "husky": "0.14.3",

postinstall.tsconfig.json

@@ -11,14 +11,9 @@
         "types": []
     },
     "include": [
-        "node_modules/@angular/**/*",
         "node_modules/@ngrx/**/*"
     ],
     "exclude": [
-        "node_modules/@angular/bazel/**",
-        "node_modules/@angular/compiler-cli/**",
-        "node_modules/@angular/tsc-wrapped/**",
-        "node_modules/@angular/*/testing/**",
         "node_modules/@ngrx/store/migrations/**",
         "node_modules/@ngrx/store/schematics/**",
         "node_modules/@ngrx/store/schematics-core/**"

src/BUILD.bazel

@@ -12,6 +12,8 @@ ng_module(
     deps = [
         "//src/hello-world",
         "//src/todos",
+        "@angular//packages/core",
+        "@angular//packages/router",
     ],
 )
 
@@ -21,16 +23,17 @@ ts_devserver(
     name = "devserver",
     additional_root_paths = [
         "angular_bazel_example/node_modules/zone.js/dist",
+        "angular_bazel_example/node_modules/tslib",
         "angular_bazel_example/node_modules/@ngrx/store/bundles",
     ],
     entry_module = "angular_bazel_example/src/main",
     scripts = [
         ":require.config.js",
-        "//:angular_bundles",
     ],
     serving_path = "/bundle.min.js",
     static_files = [
         "//:node_modules/zone.js/dist/zone.min.js",
+        "//:node_modules/tslib/tslib.js",
         "//:node_modules/@ngrx/store/bundles/store.umd.min.js",
         "index.html",
     ],

src/hello-world/BUILD.bazel

@@ -24,26 +24,32 @@ ng_module(
     deps = [
         "//src/lib",
         "@rxjs",
+        "@angular//packages/core",
     ],
 )
 
 ts_library(
     name = "test_lib",
     testonly = 1,
     srcs = glob(["*.spec.ts"]),
-    deps = [":hello-world"],
+    deps = [
+      ":hello-world",
+      "@angular//packages/core",
+      "@angular//packages/core/testing",
+      "@angular//packages/platform-browser",
+      "@angular//packages/platform-browser-dynamic/testing",
+    ],
 )
 
 ts_web_test_suite(
     name = "test",
     bootstrap = ["//:node_modules/zone.js/dist/zone-testing-bundle.js"],
+    srcs = ["//:node_modules/tslib/tslib.js"],
     browsers = [
         "@io_bazel_rules_webtesting//browsers:chromium-local",
         "@io_bazel_rules_webtesting//browsers:firefox-local",
     ],
     deps = [
         ":test_lib",
-        "//:angular_bundles",
-        "//:angular_test_bundles",
     ],
 )

src/main.ts

@@ -1,3 +1,5 @@
+import 'tslib';
+
 import {platformBrowser} from '@angular/platform-browser';
 import {AppModuleNgFactory} from './app.module.ngfactory';
 

src/todos/BUILD.bazel

@@ -25,5 +25,8 @@ ng_module(
         "//src/lib",
         "//src/reducers",
         "@rxjs",
+        "@angular//packages/core",
+        "@angular//packages/common",
+        "@angular//packages/forms",
     ],
 )

tools/bazel.rc

@@ -12,3 +12,8 @@ build --strategy=AngularTemplateCompile=worker
 build --symlink_prefix=dist/
 
 test --test_output=errors
+
+################################
+# Temporary Settings for Ivy   #
+################################
+build --define=compile=legacy