[PC-828] Update to Yarn2 (no PnP yet)

Summary:
Upgrades Yarn to version 2 following [these instructions](https://yarnpkg.com/getting-started/migration). Doesn't add PnP just yet since that's big enough for its own diff.
Results: a noticeably faster but not lightning-fast install; slightly faster build; bundle runs a bit smoother in the browser too (this is partly due to dropping `@pixie-labs/components` earlier).

Test Plan: `yarn install && yarn dev`. `yarn test`. Everything should work as it did before, but a bit faster and smoother.

Reviewers: michelle, vihang, #third_party_approvers

Reviewed By: michelle, #third_party_approvers

JIRA Issues: PC-828

Differential Revision: https://phab.corp.pixielabs.ai/D8897

GitOrigin-RevId: 0ba438c

.arclint

@@ -13,6 +13,7 @@
     "(^experimental/users/)",
     "(^src/stirling/bpf_tools/bcc_bpf/system-headers)",
     "(^src/stirling/mysql/testing/.*\\.json$)",
+    "(^src/ui/.yarn/)",
     "(^src/ui/offline_package_cache)",
     "(^src/ui/src/segment.js$)",
     "(^src/ui/src/types/generated/)",

bazel/ui.bzl

@@ -48,7 +48,7 @@ def _pl_webpack_deps_impl(ctx):
 
     cmd = ui_shared_cmds_start + [
         "export OUTPUT_PATH=" + ctx.outputs.out.path,
-        "yarn install --prefer_offline &> build.log",
+        "yarn install --immutable &> build.log",
         "tar -czf ${BASE_PATH}/${OUTPUT_PATH} node_modules .",
     ] + ui_shared_cmds_finish
 

codecov.yml

@@ -1,5 +1,6 @@
 ---
 ignore:
+- "src/ui/.yarn"
 - "src/ui/src/testing"
 - "src/ui/src/types/generated"
 - "third_party"

src/ui/.eslintignore

@@ -2,3 +2,4 @@ __snapshots__
 node_modules
 src/types/generated
 src/segment.js
+.yarn

src/ui/.gitignore

@@ -10,3 +10,10 @@ junit.xml
 # Yarn/npm files.
 node_modules
 yarn-error.log
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*

src/ui/.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-2.4.2.cjs

src/ui/BUILD.bazel

@@ -28,10 +28,10 @@ UI_DEP_PACKAGES = [
     "yarn.lock",
     "package.json",
     ".babelrc.json",
-    ".yarnrc",
+    ".yarnrc.yml",
 ] + glob([
-    "offline_package_cache/**",
-    "patches/**",
+    "node_modules/**",
+    ".yarn/**",
 ])
 
 UI_SRCS = glob([
@@ -41,23 +41,19 @@ UI_SRCS = glob([
     "src/**",
 ])
 
-COMPONENT_SRCS = glob([
-    "packages/**",
-])
-
 LICENSES_SRCS = [
     "tools/licenses/npm_license_extractor.py",
 ]
 
 pl_webpack_deps(
     name = "ui-deps",
-    srcs = UI_DEP_PACKAGES + COMPONENT_SRCS,
+    srcs = UI_DEP_PACKAGES,
     uilib_base = "src/ui",
 )
 
 pl_webpack_library(
     name = "ui-bundle",
-    srcs = UI_SRCS + COMPONENT_SRCS,
+    srcs = UI_SRCS,
     licenses = "//tools/licenses:all_licenses",
     stamp = select({
         "//bazel:stamped": True,
@@ -69,7 +65,7 @@ pl_webpack_library(
 
 pl_ui_test(
     name = "ui-tests",
-    srcs = UI_SRCS + COMPONENT_SRCS,
+    srcs = UI_SRCS,
     uilib_base = "src/ui",
     deps = ":ui-deps",
 )

src/ui/package.json

@@ -126,7 +126,7 @@
     "moment": "^2.24.0",
     "monaco-editor": "0.20.0",
     "numeral": "^2.0.6",
-    "oidc-client":"^1.11.5",
+    "oidc-client": "^1.11.5",
     "postinstall-postinstall": "^2.1.0",
     "prism-react-renderer": "^1.0.2",
     "prop-types": "^15.5.4",