Merge remote-tracking branch 'origin/main' into 1.31-releases

Author: addaleax

.depcheckrc

@@ -1,4 +1,16 @@
 ignores:
-  # TODO: See package.json. Remove when all packages use the same version
+  # TODO: We keep webpack-cli/serve and testing-library/dom at the root to work
+  # around weird npm workspace hoising issues caused by outdated transient
+  # dependencies. This can go away when we update webpack and leafygreen to the
+  # same version everywhere.
   - '@webpack-cli/serve'
   - '@testing-library/dom'
+  # TODO: To work around https://github.com/depcheck/depcheck/issues/688 we keep
+  # some babel dependencies at the root to guarantee that their version is not
+  # bumped higher than the version that breaks depcheck package
+  - '@babel/core'
+  - '@babel/parser'
+  # npm picks up the node-gyp installation in this repository rather than the
+  # one it ships with, so we install one of our own to get the version right
+  # (because we need one with vscode 2022 support for github actions CI)
+  - 'node-gyp'

.evergreen.yml

@@ -40,7 +40,7 @@ variables:
     EVERGREEN_VERSION_ID: ${version_id}
     EVERGREEN_WORKDIR: ${workdir}
     NODE_JS_VERSION: '14.17.5'
-    NPM_VERSION: '7'
+    NPM_VERSION: '8.3.1'
     # secrets
     HADRON_METRICS_BUGSNAG_KEY: ${metrics_bugsnag_key}
     HADRON_METRICS_INTERCOM_APP_ID: ${metrics_intercom_app_id}
@@ -78,8 +78,7 @@ post:
   - <<: *save-diagnostic-file
     params:
       local_files_include_filter:
-        - src/packages/compass-e2e-tests/.log/**/*.log
-        - src/packages/compass-e2e-tests/.log/**/*.json
+        - src/packages/compass-e2e-tests/.log/**/*
   - <<: *save-diagnostic-file
     params:
       local_files_include_filter:

.github/workflows/authors-and-third-party-notices.yaml

@@ -22,11 +22,15 @@ jobs:
       - name: Install Deps Ubuntu
         run: sudo apt-get -y install libkrb5-dev libsecret-1-dev net-tools libstdc++6 gnome-keyring
 
-      - name: Install npm@7
-        run: npm install -g npm@7
+      - name: Install [email protected]
+        run: |
+          npm install -g [email protected]
+          npx --yes rimraf $LOCALAPPDATA/node-gyp/Cache || true
 
       - name: Install Dependencies
-        run: npm ci
+        run: |
+          npm -v
+          npm ci
 
       - name: Set up Git
         run: |

.github/workflows/build.yaml

@@ -49,11 +49,14 @@ jobs:
           node-version: ^14.17.5
           cache: 'npm'
 
-      - name: Install npm@7
-        run: npm install -g npm@7
+      - name: Install [email protected]
+        run: |
+          npm install -g [email protected]
+          npx --yes rimraf $LOCALAPPDATA/node-gyp/Cache || true
 
       - name: Install Dependencies
         run: |
+          npm -v
           npm ci
           # We don't need to bootstrap anything else before running the e2e tests
           npx lerna run bootstrap -- --stream --scope @mongodb/webpack-config-compass

.github/workflows/check-test.yaml

@@ -46,11 +46,14 @@ jobs:
           node-version: ^14.17.5
           cache: 'npm'
 
-      - name: Install npm@7
-        run: npm install -g npm@7
+      - name: Install [email protected]
+        run: |
+          npm install -g [email protected]
+          npx --yes rimraf $LOCALAPPDATA/node-gyp/Cache || true
 
       - name: Install Dependencies
         run: |
+          npm -v
           npm ci
           # Dependencies are included when installing as npm workspaces will
           # hoist every package in the repo and it's important that the

.github/workflows/connectivity-tests.yaml

@@ -76,11 +76,15 @@ jobs:
           docker-compose -f docker/tls/docker-compose.yaml up -d
           docker-compose -f docker/kerberos/docker-compose.yaml up -d
 
-      - name: Install npm@7
-        run: npm install -g npm@7
+      - name: Install [email protected]
+        run: |
+          npm install -g [email protected]
+          npx --yes rimraf $LOCALAPPDATA/node-gyp/Cache || true
 
       - name: Install Dependencies
-        run: npm run bootstrap-ci
+        run: |
+          npm -v
+          npm run bootstrap-ci
 
       - name: Docker ps
         run: docker ps -a --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"

AUTHORS

@@ -59,3 +59,5 @@ Vladimir Isakov <[email protected]>
 Basit <[email protected]>
 Leonardo Rossi <[email protected]>
 Neil Shweky <[email protected]>
+Rohan Antony <[email protected]>
+Basit <[email protected]>

CONTRIBUTING.md

@@ -31,7 +31,7 @@ You'll need node `^14.17.5` and npm `7` installed on your machine to work with t
 
 After bootstrap is finished, you should be able to run `npm run start` and see Compass application running locally.
 
-This monorepo is powered by [`npm workspaces`](https://docs.npmjs.com/cli/v7/using-npm/workspaces) an [`lerna`](https://github.com/lerna/lerna#readme), although not necessary, it might be helpful to have a high level understanding of those tools.
+This monorepo is powered by [`npm workspaces`](https://docs.npmjs.com/cli/v7/using-npm/workspaces) and [`lerna`](https://github.com/lerna/lerna#readme), although not necessary, it might be helpful to have a high level understanding of those tools.
 
 ### Working on Plugins
 

THIRD-PARTY-NOTICES.md

@@ -1,5 +1,5 @@
 The following third-party software is used by and included in **compass**.
-This document was automatically generated on Wed Feb 16 2022.
+This document was automatically generated on Fri Feb 25 2022.
 
 ## List of dependencies
 
@@ -76,8 +76,8 @@ Package|Version|License
 **[@leafygreen-ui/tokens](#8d64a446d42012738c5f1314d234630346cac498cc92384f3f51fe54a09d14ff)**|0.5.3|Apache-2.0
 **[@leafygreen-ui/tooltip](#12ce56de7f479eb8abccc40a4e9d97cd6db628c0d8fac6f752f756809cebc749)**|6.3.1|Apache-2.0
 **[@leafygreen-ui/typography](#6fe50b20beb48fc92d444350ce75c70bd9429803ad6acbd7192f5c2a54271861)**|8.1.0|Apache-2.0
-**[@mongodb-js/compass-components](#e6d9e67cfa8f17eb31243b743ae43288f13b3b55e03ce3762ce0834929e5cad7)**|0.10.0|SSPL
-**[@mongodb-js/compass-logging](#dffd020f53cfab0b526ad53451f3e7aadc04e0548139dcab4a427087b92fc207)**|0.7.0|SSPL
+**[@mongodb-js/compass-components](#dbf69cb6b34eafe964748f252289b2c6b2cf8a875152bd49ea8a6f894aab76c2)**|0.11.0|SSPL
+**[@mongodb-js/compass-logging](#f8e821293ed93ad8fdf611c40e4f48ac0ea3b0e62bf8e73de18d676a171dfd38)**|0.8.0|SSPL
 **[@mongosh/node-runtime-worker-thread](#e76b1351c660a63528d2b8a0e356450b46c4c0dbed9e8b19242e7d686a2449ab)**|1.1.9|Apache-2.0
 **[@react-aria/focus](#9cbdb21e880abb0ce77f98791c23a02bc3901ab41167a97fb20ed91827371b04)**|3.5.0|Apache-2.0
 **[@react-aria/interactions](#e9192398723deae3ba2f387ff5053bcf4806545f3996c50abd05d233c50fde8c)**|3.6.0|Apache-2.0
@@ -1578,16 +1578,16 @@ License tags: Apache-2.0
 License tags: Apache-2.0
 
 
-<a id="e6d9e67cfa8f17eb31243b743ae43288f13b3b55e03ce3762ce0834929e5cad7"></a>
-### [@mongodb-js/compass-components](https://www.npmjs.com/package/@mongodb-js/compass-components) (version 0.10.0)
+<a id="dbf69cb6b34eafe964748f252289b2c6b2cf8a875152bd49ea8a6f894aab76c2"></a>
+### [@mongodb-js/compass-components](https://www.npmjs.com/package/@mongodb-js/compass-components) (version 0.11.0)
 <!-- initially found at packages/compass-components -->
 > React Components used in Compass
 
 License tags: SSPL
 
 
-<a id="dffd020f53cfab0b526ad53451f3e7aadc04e0548139dcab4a427087b92fc207"></a>
-### [@mongodb-js/compass-logging](https://www.npmjs.com/package/@mongodb-js/compass-logging) (version 0.7.0)
+<a id="f8e821293ed93ad8fdf611c40e4f48ac0ea3b0e62bf8e73de18d676a171dfd38"></a>
+### [@mongodb-js/compass-logging](https://www.npmjs.com/package/@mongodb-js/compass-logging) (version 0.8.0)
 <!-- initially found at packages/compass-logging -->
 > Shared helpers for logging in Compass packages
 

configs/eslint-config-compass/index.js

@@ -5,6 +5,7 @@ const tsConfigurations = [
   'plugin:@typescript-eslint/recommended',
   'plugin:@typescript-eslint/recommended-requiring-type-checking',
 ];
+
 const tsRules = {
   '@typescript-eslint/no-unused-vars': 'error',
   '@typescript-eslint/no-unsafe-assignment': 'off',
@@ -24,47 +25,63 @@ const reactConfigurations = [
 ];
 
 const testConfigurations = ['plugin:mocha/recommended'];
+
 const testRules = {
   'mocha/no-exclusive-tests': 'error',
   'mocha/no-hooks-for-single-case': 'off',
+  'mocha/no-setup-in-describe': 'off',
   '@typescript-eslint/no-explicit-any': 'off',
   '@typescript-eslint/no-empty-function': 'off',
 };
 
+const javascriptParserOptions = {
+  parser: '@babel/eslint-parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    requireConfigFile: false,
+    babelOptions: {
+      presets: [
+        require.resolve('@babel/preset-env'),
+        require.resolve('@babel/preset-react'),
+      ],
+    },
+  },
+};
+
+const typescriptParserOptions = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+};
+
 module.exports = {
   plugins: ['@typescript-eslint', 'jsx-a11y', 'mocha', 'react', 'react-hooks'],
   env: { node: true },
   overrides: [
     {
-      parserOptions: {
-        ecmaVersion: 12,
-      },
       files: ['**/*.js'],
+      ...javascriptParserOptions,
       env: { node: true, es6: true },
       extends: [...jsConfigurations, 'prettier'],
     },
     {
-      parser: '@typescript-eslint/parser',
-      files: ['**/*.ts'],
-      extends: [...tsConfigurations, 'prettier'],
-      rules: { ...tsRules },
-    },
-    {
-      parserOptions: {
-        ecmaVersion: 2018,
-      },
       files: ['**/*.jsx'],
+      ...javascriptParserOptions,
       env: { node: true, browser: true, es6: true },
       extends: [...jsConfigurations, ...reactConfigurations, 'prettier'],
     },
     {
-      parser: '@typescript-eslint/parser',
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
+      files: ['**/*.ts'],
+      ...typescriptParserOptions,
+      extends: [...tsConfigurations, 'prettier'],
+      rules: { ...tsRules },
+    },
+    {
       files: ['**/*.tsx'],
+      ...typescriptParserOptions,
       env: { node: true, browser: true },
       extends: [...tsConfigurations, ...reactConfigurations, 'prettier'],
       rules: {