chore: add update electron scripts (#4154)

* chore: update electron scripts

* chore update package lock

* also update browserslist

* chore: update electron script

* preserve root package.json

* Update scripts/update-electron.js

Co-authored-by: Rhys <[email protected]>

* Update scripts/update-electron.js

Co-authored-by: Rhys <[email protected]>

---------

Co-authored-by: Rhys <[email protected]>

Author: mcasimir

configs/webpack-config-compass/src/loaders.ts

@@ -1,15 +1,56 @@
+import browserslist from 'browserslist';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import { execSync } from 'child_process';
+
 import type { ConfigArgs } from './args';
 import { isServe } from './args';
+import chalk from 'chalk';
+
+function isLatestBrowserslist() {
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  const browserslistVersion = require('browserslist/package.json').version;
+  const command = `npm view browserslist version --json`;
+  const latestBrowserslistVersion = JSON.parse(
+    execSync(command).toString().trim()
+  );
+
+  return browserslistVersion === latestBrowserslistVersion;
+}
 
 const electronVersion = (() => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   const [maj, min] = require('electron/package.json').version.split(
     '.'
   ) as string[];
+
   return `${maj}.${min}`;
 })();
 
+const browserslistElectronVersion = (() => {
+  const installedElectronVersion = `electron ${electronVersion}`;
+  try {
+    // Occasionally it may happen that browserslist does not catch up with
+    // Electron versions.
+
+    // If we discover that our version of Electron is not supported by browserslist
+    // we first try to determine if a new version of browserslist is avaliable.
+    //
+    // If a new version of browserslist is available we throw an error and prompt to update
+    // browserslist, otherwise we ignore the error and we use the last known electron version.
+    browserslist(installedElectronVersion);
+    return installedElectronVersion;
+  } catch (e) {
+    if (!isLatestBrowserslist()) {
+      const errorMessage = `${(e as Error).message}.
+Please update browserslist in webpack-config-compass:
+npm i -S -w @mongodb-js/webpack-config-compass browserslist@latest`;
+      throw new Error(chalk.red(errorMessage));
+    }
+
+    return 'last 1 electron version';
+  }
+})();
+
 /**
  * "Cloud Manager can be accessed on your computer through Chrome, Firefox, Safari and Edge. We no longer support IE."
  * @see {@link https://wiki.corp.mongodb.com/x/n5kVBQ}
@@ -36,7 +77,7 @@ export const javascriptLoader = (args: ConfigArgs, web = false) => ({
           {
             targets: web
               ? cloudSupportedBrowserslistConfig
-              : { electron: electronVersion },
+              : browserslistElectronVersion,
             useBuiltIns: 'usage',
             corejs: { version: '3.12', proposals: true },
           },
@@ -110,7 +151,7 @@ export const cssLoader = (args: ConfigArgs, web = false) => ({
               {
                 browsers: web
                   ? cloudSupportedBrowserslistConfig
-                  : `electron ${electronVersion}`,
+                  : browserslistElectronVersion,
               },
             ],
           ],