Update npm packages (#733)

First commit

- most major updates
- minor & patch updates
- ensure `volta` is extended to each `package.json`
- remove unused `package-lock.json` files from each extension
- update linting

Next 5 commits are updates from ERB (electron-react-boilerplate) package which this repo is based on.

Note:

- delete `node_modules/electron` before `npm i`

.erb/configs/webpack.config.renderer.prod.ts

@@ -91,12 +91,7 @@ const configuration: webpack.Configuration = {
 
   optimization: {
     minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        parallel: true,
-      }),
-      new CssMinimizerPlugin(),
-    ],
+    minimizer: [new TerserPlugin(), new CssMinimizerPlugin()],
   },
 
   plugins: [
@@ -130,7 +125,7 @@ const configuration: webpack.Configuration = {
         removeComments: true,
       },
       isBrowser: false,
-      isDevelopment: process.env.NODE_ENV !== 'production',
+      isDevelopment: false,
     }),
 
     new webpack.DefinePlugin({

.erb/scripts/check-build-exists.ts

@@ -0,0 +1,24 @@
+// Check if the renderer and main bundles are built
+import path from 'path';
+import chalk from 'chalk';
+import fs from 'fs';
+import webpackPaths from '../configs/webpack.paths';
+
+const mainPath = path.join(webpackPaths.distMainPath, 'main.js');
+const rendererPath = path.join(webpackPaths.distRendererPath, 'renderer.js');
+
+if (!fs.existsSync(mainPath)) {
+  throw new Error(
+    chalk.whiteBright.bgRed.bold(
+      'The main process is not built yet. Build it by running "npm run build:main"',
+    ),
+  );
+}
+
+if (!fs.existsSync(rendererPath)) {
+  throw new Error(
+    chalk.whiteBright.bgRed.bold(
+      'The renderer process is not built yet. Build it by running "npm run build:renderer"',
+    ),
+  );
+}

.erb/scripts/check-port-in-use.js

@@ -3,7 +3,7 @@ import detectPort from 'detect-port';
 
 const port = process.env.PORT || '1212';
 
-detectPort(port, (err, availablePort) => {
+detectPort(port, (_err, availablePort) => {
   if (port !== String(availablePort)) {
     throw new Error(
       chalk.whiteBright.bgRed.bold(

.erb/scripts/notarize.js

@@ -12,8 +12,10 @@ exports.default = async function notarizeMacos(context) {
     return;
   }
 
-  if (!('APPLE_ID' in process.env && 'APPLE_ID_PASS' in process.env)) {
-    console.warn('Skipping notarizing step. APPLE_ID and APPLE_ID_PASS env variables must be set');
+  if (!('APPLE_ID' in process.env && 'APPLE_APP_SPECIFIC_PASSWORD' in process.env)) {
+    console.warn(
+      'Skipping notarizing step. APPLE_ID and APPLE_APP_SPECIFIC_PASSWORD env variables must be set',
+    );
     return;
   }
 
@@ -23,6 +25,6 @@ exports.default = async function notarizeMacos(context) {
     appBundleId: build.appId,
     appPath: `${appOutDir}/${appName}.app`,
     appleId: process.env.APPLE_ID,
-    appleIdPassword: process.env.APPLE_ID_PASS,
+    appleIdPassword: process.env.APPLE_APP_SPECIFIC_PASSWORD,
   });
 };

.eslintrc.js

@@ -98,9 +98,9 @@ module.exports = {
     globalThis: 'readonly',
   },
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 2022,
     sourceType: 'module',
-    project: './tsconfig.json',
+    project: './tsconfig.lint.json',
     tsconfigRootDir: __dirname,
     createDefaultProgram: true,
   },

.github/workflows/publish.yml

@@ -62,7 +62,7 @@ jobs:
         env:
           # These values are used for auto updates signing
           # APPLE_ID: ${{ secrets.APPLE_ID }}
-          # APPLE_ID_PASS: ${{ secrets.APPLE_ID_PASS }}
+          # APPLE_APP_SPECIFIC_PASSWORD: ${{ secrets.APPLE_ID_PASS }}
           # CSC_LINK: ${{ secrets.CSC_LINK }}
           # CSC_KEY_PASSWORD: ${{ secrets.CSC_KEY_PASSWORD }}
           # This is used for uploading release assets to github

.github/workflows/test.yml

@@ -53,8 +53,8 @@ jobs:
         if: ${{ matrix.os == 'macos-latest' }}
         run: npm install dmg-license
 
-      - name: dotnet build
-        run: npm run build:data-release
+      - name: Build
+        run: npm run build
 
       - name: run dotnet unit tests
         run: dotnet test c-sharp-tests/c-sharp-tests.csproj

.storybook/main.ts

@@ -8,7 +8,6 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
-    '@storybook/addon-actions',
   ],
   framework: {
     name: '@storybook/react-webpack5',

.stylelintrc.js

@@ -10,7 +10,6 @@ module.exports = {
   ],
   rules: {
     'color-named': null,
-    'function-parentheses-space-inside': null,
     'max-nesting-depth': 2,
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,

extensions/.eslintrc.cjs

@@ -134,9 +134,9 @@ module.exports = {
     },
   ],
   parserOptions: {
-    ecmaVersion: 2020,
+    ecmaVersion: 2022,
     sourceType: 'module',
-    project: './tsconfig.json',
+    project: './tsconfig.lint.json',
     tsconfigRootDir: __dirname,
     createDefaultProgram: true,
   },

extensions/.stylelintrc.cjs

@@ -10,7 +10,6 @@ module.exports = {
   ],
   rules: {
     'color-named': null,
-    'function-parentheses-space-inside': null,
     'max-nesting-depth': 2,
     'no-descending-specificity': null,
     'selector-max-compound-selectors': 4,