build: update to rules_nodejs v3.3.0

Updates to the latest version of `rules_nodejs` that supports
the most recent NodeJS lts version v14.16.1.

Additionally the latest version of `rules_nodejs` provides
a package for runfile resolution w/ types that we can leverage.

Author: devversion

WORKSPACE

@@ -8,8 +8,8 @@ load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
 # Add NodeJS rules
 http_archive(
     name = "build_bazel_rules_nodejs",
-    sha256 = "bfacf15161d96a6a39510e7b3d3b522cf61cb8b82a31e79400a84c5abcab5347",
-    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/3.2.1/rules_nodejs-3.2.1.tar.gz"],
+    sha256 = "f533eeefc8fe1ddfe93652ec50f82373d0c431f7faabd5e6323f6903195ef227",
+    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/3.3.0/rules_nodejs-3.3.0.tar.gz"],
 )
 
 # Add sass rules

integration/ts-compat/BUILD.bazel

@@ -31,6 +31,7 @@ typescript_version_packages = [
             "//src/material:npm_package",
             "//src/material-experimental:npm_package",
             "//src/youtube-player:npm_package",
+            "@npm//@bazel/runfiles",
             "@npm//shelljs",
             "@npm//%s" % ts_pkg_name,
             "@npm//@types/node",

integration/ts-compat/helpers.js

@@ -2,7 +2,7 @@ const {relative, sep, join} = require('path');
 const {readdirSync, readFileSync, existsSync, unlinkSync} = require('fs');
 const {set, ln, rm, mkdir} = require('shelljs');
 const {fork} = require('child_process');
-const runfiles = require(process.env.BAZEL_NODE_RUNFILES_HELPER);
+const {runfiles} = require('@bazel/runfiles');
 
 // Exit if any command fails.
 set('-e');

package.json

@@ -81,15 +81,16 @@
     "@angular/platform-server": "^12.0.0-next.7",
     "@angular/router": "^12.0.0-next.7",
     "@axe-core/webdriverjs": "^4.1.0",
-    "@bazel/bazelisk": "^1.4.0",
-    "@bazel/buildifier": "^4.0.0",
+    "@bazel/bazelisk": "1.7.5",
+    "@bazel/buildifier": "4.0.1",
     "@bazel/concatjs": "3.2.1",
-    "@bazel/ibazel": "^0.14.0",
-    "@bazel/jasmine": "3.2.1",
-    "@bazel/protractor": "3.2.1",
-    "@bazel/rollup": "3.2.1",
-    "@bazel/terser": "3.2.2",
-    "@bazel/typescript": "3.2.1",
+    "@bazel/ibazel": "0.15.8",
+    "@bazel/jasmine": "3.3.0",
+    "@bazel/protractor": "3.3.0",
+    "@bazel/rollup": "3.3.0",
+    "@bazel/runfiles": "^3.3.0",
+    "@bazel/terser": "3.3.0",
+    "@bazel/typescript": "3.3.0",
     "@firebase/app-types": "^0.6.1",
     "@material/animation": "11.0.0-canary.15604bd0d.0",
     "@material/auto-init": "11.0.0-canary.15604bd0d.0",
@@ -222,7 +223,7 @@
     "yaml": "^1.10.0"
   },
   "resolutions": {
-    "browser-sync-client" : "2.26.13",
+    "browser-sync-client": "2.26.13",
     "dgeni-packages/typescript": "4.2.3"
   }
 }

src/cdk/schematics/testing/BUILD.bazel

@@ -14,6 +14,7 @@ ts_library(
     deps = [
         "@npm//@angular-devkit/core",
         "@npm//@angular-devkit/schematics",
+        "@npm//@bazel/runfiles",
         "@npm//@schematics/angular",
         "@npm//@types/fs-extra",
         "@npm//@types/glob",

src/cdk/schematics/testing/resolve-bazel-path.ts

@@ -18,11 +18,9 @@ export function resolveBazelPath(parent: string, relativePath: string) {
   if (process.env['RUNFILES_MANIFEST_ONLY'] !== '1') {
     return path.join(parent, relativePath);
   }
-  // Imports the runfile helpers from the Bazel NodeJS rules. This should be ideally
-  // a separate package with types. https://github.com/bazelbuild/rules_nodejs/issues/1793.
   // Note: We don't want to import this outside of this function as the runfile helpers are
   // quite large we don't want to load them for every import to `@angular/cdk/testing/private`.
-  const runfiles = require(process.env['BAZEL_NODE_RUNFILES_HELPER']!);
+  const {runfiles} = require('@bazel/runfiles');
   const projectDirs = [
     // Workspace symlinked into `@npm//:node_modules/`.
     path.join(runfiles.resolve('npm/node_modules'), runfiles.workspace),

src/cdk/testing/tests/BUILD.bazel

@@ -87,6 +87,7 @@ ts_library(
         ":test_harnesses",
         "//src/cdk/testing",
         "//src/cdk/testing/webdriver",
+        "@npm//@bazel/runfiles",
         "@npm//@types/jasmine",
         "@npm//@types/node",
         "@npm//@types/selenium-webdriver",

src/cdk/testing/tests/webdriver.e2e.spec.ts

@@ -1,3 +1,4 @@
+import {runfiles} from '@bazel/runfiles';
 import {HarnessLoader, parallel} from '@angular/cdk/testing';
 import {waitForAngularReady, WebDriverHarnessEnvironment} from '@angular/cdk/testing/webdriver';
 import * as webdriver from 'selenium-webdriver';
@@ -22,7 +23,6 @@ if (process.env['WEB_TEST_METADATA'] === undefined) {
   process.exit(1);
 }
 
-const runfiles = require(process.env['BAZEL_NODE_RUNFILES_HELPER']!);
 const webTestMetadata: WebTestMetadata =
     require(runfiles.resolve(process.env['WEB_TEST_METADATA']));
 const port = process.env['TEST_SERVER_PORT'];

tools/server-test/BUILD.bazel

@@ -5,5 +5,8 @@ package(default_visibility = ["//visibility:public"])
 ts_library(
     name = "test_runner_lib",
     srcs = ["test-runner.ts"],
-    deps = ["@npm//@types/node"],
+    deps = [
+        "@npm//@bazel/runfiles",
+        "@npm//@types/node",
+    ],
 )

tools/server-test/test-runner.ts

@@ -3,9 +3,9 @@
  * to that port, and then running tests against it.
  */
 
-const runfiles = require(process.env['BAZEL_NODE_RUNFILES_HELPER']!);
 import * as child_process from 'child_process';
 import * as net from 'net';
+import {runfiles} from '@bazel/runfiles';
 
 /** Checks if the given port is free. */
 function isPortFree(port: number) {