build: support linking of Angular libraries with rules_js

TODO

Author: devversion

.aspect/rules/external_repository_action_cache/npm_translate_lock_MzA5NzUwNzMx

@@ -2,7 +2,9 @@
 # Input hashes for repository rule npm_translate_lock(name = "npm2", pnpm_lock = "@//:pnpm-lock.yaml").
 # This file should be checked into version control along with the pnpm-lock.yaml file.
 .npmrc=-2023857461
-package.json=1204886269
-pnpm-lock.yaml=1975546108
-pnpm-workspace.yaml=1711114604
-yarn.lock=824621907
+package.json=-1210026051
+pnpm-lock.yaml=-803790935
+pnpm-workspace.yaml=-1443514472
+tools/bazel/angular-linking/index.mjs=475293377
+tools/bazel/angular-linking/package.json=-115142019
+yarn.lock=-770490238

.bazelignore

@@ -17,3 +17,5 @@ integration/yarn-pnp-compat/.yarn/cache
 integration/yarn-pnp-compat/.yarn/unplugged
 integration/yarn-pnp-compat/.yarn/install-state.gz
 integration/yarn-pnp-compat/node_modules
+
+tools/bazel/angular-linking/node_modules

WORKSPACE

@@ -163,9 +163,19 @@ load("@aspect_rules_js//npm:repositories.bzl", "npm_translate_lock")
 
 npm_translate_lock(
     name = "npm2",
+    custom_postinstalls = {
+        "@angular/animations": "node ../../@devinfra/angular-linking/index.mjs",
+        "@angular/common": "node ../../@devinfra/angular-linking/index.mjs",
+        "@angular/forms": "node ../../@devinfra/angular-linking/index.mjs",
+        "@angular/platform-browser": "node ../../@devinfra/angular-linking/index.mjs",
+        "@angular/router": "node ../../@devinfra/angular-linking/index.mjs",
+        "@angular/localize": "node ../../@devinfra/angular-linking/index.mjs",
+    },
     data = [
         "//:package.json",
         "//:pnpm-workspace.yaml",
+        "//tools/bazel/angular-linking:index.mjs",
+        "//tools/bazel/angular-linking:package.json",
     ],
     npmrc = "//:.npmrc",
     pnpm_lock = "//:pnpm-lock.yaml",

package.json

@@ -97,6 +97,7 @@
     "@bazel/runfiles": "5.8.1",
     "@bazel/terser": "5.8.1",
     "@bazel/worker": "5.8.1",
+    "@devinfra/angular-linking": "link:tools/bazel/angular-linking",
     "@firebase/app-types": "^0.7.0",
     "@material/material-color-utilities": "^0.3.0",
     "@octokit/rest": "18.3.5",
@@ -186,6 +187,38 @@
     "wrap-ansi": "7.0.0"
   },
   "pnpm": {
-    "onlyBuiltDependencies": []
+    "onlyBuiltDependencies": [],
+    "packageExtensions": {
+      "@angular/animations": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      },
+      "@angular/common": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      },
+      "@angular/forms": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      },
+      "@angular/platform-browser": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      },
+      "@angular/router": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      },
+      "@angular/localize": {
+        "dependencies": {
+          "@devinfra/angular-linking": "workspace:*"
+        }
+      }
+    }
   }
 }