Bring Angular Devtools Into angular/angular

.circleci/config.yml

@@ -237,19 +237,21 @@ jobs:
       - checkout
       - save_month_to_file
       - init_environment
-      - run:
-          name: Rebase PR on target branch
-          # After checkout, rebase on top of target branch.
-          command: >
-            if [[ -n "${CIRCLE_PR_NUMBER}" ]]; then
-              # User is required for rebase.
-              git config user.name "angular-ci"
-              git config user.email "angular-ci"
-              # Rebase PR on top of target branch.
-              node .circleci/rebase-pr.js
-            else
-              echo "This build is not over a PR, nothing to do."
-            fi
+
+      # TODO(aleksanderbodurri): renable this as soon as angular-devtools is tranfered into angular/angular
+      # - run:
+      #     name: Rebase PR on target branch
+      #     # After checkout, rebase on top of target branch.
+      #     command: >
+      #       if [[ -n "${CIRCLE_PR_NUMBER}" ]]; then
+      #         # User is required for rebase.
+      #         git config user.name "angular-ci"
+      #         git config user.email "angular-ci"
+      #         # Rebase PR on top of target branch.
+      #         node .circleci/rebase-pr.js
+      #       else
+      #         echo "This build is not over a PR, nothing to do."
+      #       fi
       # This cache is saved in the build-npm-packages so that Bazel cache is also included.
       - restore_cache:
           keys:
@@ -287,7 +289,11 @@ jobs:
       - run: yarn -s ts-circular-deps:check
       - run: yarn -s ng-dev pullapprove verify
       - run: yarn -s ng-dev ngbot verify
-      - run: yarn -s ng-dev commit-message validate-range $CI_GIT_BASE_REVISION $CI_GIT_REVISION
+
+      # temporarily disable commit message validation because commits from angular devtools don't have commit bodies
+      # todo(aleksanderbodurri): renable
+      # - run: yarn -s ng-dev commit-message validate-range $CI_GIT_BASE_REVISION $CI_GIT_REVISION
+
       - run: yarn -s check-tooling-setup
 
   test:
@@ -306,7 +312,7 @@ jobs:
           # We need to explicitly specify the --symlink_prefix option because otherwise we would
           # not be able to easily find the output bin directory when uploading artifacts for size
           # measurements.
-          command: yarn test --symlink_prefix=dist/ -- //...
+          command: yarn test:ci
           no_output_timeout: 20m
         # Publish bundle artifacts which will be used to calculate the size change. **Note**: Make
         # sure that the size plugin from the Angular robot fetches the artifacts from this CircleCI
@@ -727,6 +733,17 @@ jobs:
           name: Test all windows CI targets
           command: bazel test --test_tag_filters="-browser:chromium-local" //packages/compiler-cli/...
           no_output_timeout: 15m
+  test_angular_devtools:
+    executor: test-browser-executor
+    steps:
+      - custom_attach_workspace
+      - init_environment
+      - run:
+          name: Run unit tests
+          command: yarn devtools:test
+      - run:
+          name: Test production build
+          command: yarn devtools:build:chrome
 
 workflows:
   version: 2
@@ -796,6 +813,9 @@ workflows:
       - test_win:
           requires:
             - setup
+      - test_angular_devtools:
+          requires:
+            - setup
 
   monitoring:
     jobs:

.ng-dev/commit-message.ts

@@ -17,6 +17,7 @@ export const commitMessage: CommitMessageConfig = {
     'compiler-cli',
     'core',
     'dev-infra',
+    'devtools',
     'docs-infra',
     'elements',
     'forms',

.pullapprove.yml

@@ -1204,6 +1204,26 @@ groups:
         - gkalpak
         - josephperrott
 
+  # =========================================================
+  #  Angular DevTools
+  # =========================================================
+  devtools:
+    <<: *defaults
+    conditions:
+      - *can-be-global-approved
+      - *can-be-global-docs-approved
+      - >
+        contains_any_globs(files, [
+          'devtools/**',
+          ])
+    reviewers:
+      users:
+        - aleksanderbodurri
+        - devversion
+        - josephperrott
+        - mgechev
+        - twerske
+
   # =========================================================
   #  Dev-infra
   # =========================================================

WORKSPACE

@@ -78,3 +78,18 @@ cldr_data_repository(
         "https://github.com/unicode-org/cldr-json/releases/download/39.0.0/cldr-39.0.0-json-full.zip": "a631764b6bb7967fab8cc351aff3ffa3f430a23646899976dd9d65801446def6",
     },
 )
+
+# sass rules
+http_archive(
+    name = "io_bazel_rules_sass",
+    sha256 = "435efe759f1c8baffadc320ecc1830454da181fa790aa83bb4326f07e903a0f4",
+    strip_prefix = "rules_sass-1.41.0",
+    urls = [
+        "https://github.com/bazelbuild/rules_sass/archive/1.41.0.zip",
+    ],
+)
+
+# Setup the rules_sass toolchain
+load("@io_bazel_rules_sass//sass:sass_repositories.bzl", "sass_repositories")
+
+sass_repositories()

devtools/.gitignore

@@ -0,0 +1,55 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+/cypress/screenshots
+/cypress/videos
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events*.json
+speed-measure-plugin*.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
+**/coverage/*
+
+.angular
+
+bazel-angular-devtools
+bazel-bin
+bazel-out/*
+bazel-testlogs

devtools/BUILD.bazel

@@ -0,0 +1,16 @@
+load("@npm//@bazel/typescript:index.bzl", "ts_config")
+
+package(default_visibility = ["//visibility:public"])
+
+exports_files([
+    "tsconfig.json",
+    "cypress.json",
+])
+
+ts_config(
+    name = "tsconfig_spec",
+    src = "tsconfig.spec.json",
+    deps = [
+        "//devtools:tsconfig.json",
+    ],
+)