refactor(devtools): bring the angular devtools directory into the root bazel workspace

Previously devtools used a nested workspace for its bazel configurations. This meant framework dependencies were consumed via npm.

Now devtools is part of the root bazel directory that all other files in this codebase fall under. This allows us to build devtools using local angular packages, removing the need to consume these dependencies with npn. This is useful because we no longer have to update these dependencies with an automated tool like renovate, and our CI tests will always run against the most up to date framework packages.

Author: AleksanderBodurri

.bazelignore

@@ -8,7 +8,6 @@ dist
 aio/content
 aio/node_modules
 aio/tools/examples/shared/node_modules
-devtools/node_modules
 packages/bazel/node_modules
 
 # All integration test node_modules folders

.circleci/config.yml

@@ -277,6 +277,7 @@ jobs:
           paths:
             - ./ng
             - ./bazel_repository_cache
+            - .cache/Cypress
 
   lint:
     executor: default-executor
@@ -312,7 +313,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
@@ -738,18 +739,15 @@ jobs:
     steps:
       - custom_attach_workspace
       - init_environment
-      - run:
-          name: Install DevTools dependencies
-          command: yarn --cwd devtools install --frozen-lockfile --non-interactive --cache-folder ~/.cache/yarn
       - run:
           name: Run unit tests
-          command: yarn --cwd devtools test:ci
+          command: yarn devtools:test
       - run:
           name: Test production build
-          command: yarn --cwd devtools build:chrome:ci
+          command: yarn devtools:build:chrome
       - run:
           name: Run e2e tests
-          command: yarn --cwd devtools cy:ci
+          command: yarn devtools:e2e
 
 workflows:
   version: 2

WORKSPACE

@@ -79,7 +79,17 @@ cldr_data_repository(
     },
 )
 
-local_repository(
-    name = "devtools",
-    path = "devtools",
+# 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/.bazelignore

@@ -11,6 +11,6 @@ ts_config(
     name = "tsconfig_spec",
     src = "tsconfig.spec.json",
     deps = [
-        "//:tsconfig.json",
+        "//devtools:tsconfig.json",
     ],
 )