Update all npm dependencies (2021-12-05)

.github/workflows/prs-lint-build-package.yml

@@ -14,7 +14,7 @@ jobs:
     - name: Setup Node
       uses: actions/setup-node@v1
       with:
-       node-version: '14'
+       node-version: '16'
     - name: Install dependencies
       run: npm ci
     - name: Check package-lock.json

Jenkinsfile

@@ -16,7 +16,7 @@ pipeline {
     // Parameters used by the github releases script
     GITHUB_OWNER='realm'
     GITHUB_REPO='realm-studio'
-    NODE_VERSION='14'
+    NODE_VERSION='16'
   }
 
   parameters {

RELEASENOTES.md

@@ -10,4 +10,4 @@
 
 ### Internals
 
-- None
+- Upgrading all dependencies, including Electron to v16 and Bootstrap to v5 ([#1449](https://github.com/realm/realm-studio/pull/1449))

configs/webpack.main.js

@@ -8,12 +8,6 @@ module.exports = (env, argv) => {
   const baseConfig = require('./webpack.base.js')(env, argv);
 
   return merge(baseConfig, {
-    devServer: isDevelopment
-      ? {
-          hot: true,
-          inline: true,
-        }
-      : {},
     entry: isDevelopment
       ? ['webpack/hot/poll?1000', './src/main.ts']
       : ['./src/main.ts'],
@@ -31,10 +25,6 @@ module.exports = (env, argv) => {
           test: /\.(scss|svg|png)$/,
           use: 'null-loader',
         },
-        {
-          test: /\.md$/,
-          use: 'file-loader',
-        },
       ],
     },
     output: {
@@ -44,7 +34,10 @@ module.exports = (env, argv) => {
     },
     plugins: [
       // Prevent the windows from loading the UI components
-      new webpack.IgnorePlugin(/\/ui/, /\/src\/windows$/),
+      new webpack.IgnorePlugin({
+        resourceRegExp: /\/ui/,
+        contextRegExp: /\/src\/windows$/,
+      }),
     ],
     target: 'electron-main',
     watch: isDevelopment,

configs/webpack.renderer.js

@@ -8,12 +8,6 @@ module.exports = (env, argv) => {
   const baseConfig = require('./webpack.base.js')(env, argv);
 
   return merge(baseConfig, {
-    devServer: isDevelopment
-      ? {
-          hot: true,
-          inline: true,
-        }
-      : {},
     entry: {
       renderer: './src/renderer.tsx',
       sentry: './src/sentry.ts',
@@ -39,7 +33,7 @@ module.exports = (env, argv) => {
         },
         {
           test: /\.(jpe?g|png|gif)$/i,
-          use: ['file-loader'],
+          type: 'asset/resource',
         },
         {
           test: /\.svg$/,
@@ -48,13 +42,9 @@ module.exports = (env, argv) => {
         },
         {
           test: /\.(eot|svg|ttf|woff|woff2)$/,
-          use: 'file-loader',
+          type: 'asset/resource',
           exclude: path.resolve(__dirname, '../static/svgs'),
         },
-        {
-          test: /\.md$/,
-          use: 'file-loader',
-        },
       ],
     },
     output: {

docs/DEPENDENCIES.md

@@ -9,9 +9,3 @@ We're on Electron v11 and consequently spectron v13.
 Upgrading introduce a couple of breaking changes that require attention:
 - [v12 breaking changes](https://www.electronjs.org/releases/stable?version=12&page=3#breaking-changes-1200)
 - [v13 breaking changes](https://www.electronjs.org/releases/stable?version=13&page=2#breaking-changes-1300)
-
-## Bootstrap
-
-The components of the project was built around Bootstrap v4.
-
-Instead of upgrading to v5 we'll probably adopt [the MongoDB design system](https://www.mongodb.design/).