implement webpack-bundle-analyzer; switch to lodash-es; only import needed semver functions

Author: rthaut

.babelrc

@@ -1,7 +1,11 @@
 {
-    "presets": ["@babel/preset-env", "@babel/preset-react"],
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-react"
+    ],
     "plugins": [
         "@babel/plugin-proposal-nullish-coalescing-operator",
-        "@babel/plugin-proposal-optional-chaining"
+        "@babel/plugin-proposal-optional-chaining",
+        "lodash"
     ]
 }

.gitignore

@@ -3,3 +3,5 @@ dist/
 packages/
 
 .env
+/stats
+/test-data

app/scripts/background.js

@@ -1,4 +1,5 @@
-const semver = require('semver');
+import semverLT from 'semver/functions/lt';
+import semverValid from 'semver/functions/valid';
 
 import { GetCategories } from './background/categories';
 import { ImportFilters } from './background/filters';
@@ -11,7 +12,7 @@ import { REGEX } from './constants/url';
 browser.runtime.onInstalled.addListener(async (details) => {
     const { previousVersion } = details;
 
-    if (semver.valid(previousVersion) && semver.lt(previousVersion, '6.0.0')) {
+    if (semverValid(previousVersion) && semverLT(previousVersion, '6.0.0')) {
         const data = await browser.storage.local.get('tags');
         if (data?.tags) {
             console.warn('Converting tag filters to keyword filters');

app/scripts/background/filters.js

@@ -1,8 +1,4 @@
-import differenceBy from 'lodash/differenceBy';
-import find from 'lodash/find';
-import findIndex from 'lodash/findIndex';
-import mapKeys from 'lodash/mapKeys';
-import uniqBy from 'lodash/uniqBy';
+import { differenceBy, find, findIndex, mapKeys, uniqBy } from 'lodash-es';
 
 export const SUPPORTED_FILTERS = [
     'users',

app/scripts/background/storage.js

@@ -1,5 +1,4 @@
-import differenceWith from 'lodash/differenceWith';
-import isEqual from 'lodash/isEqual';
+import { differenceWith, isEqual } from 'lodash-es';
 import { SendMessageToAllTabs } from './messages';
 import { LOCAL_STORAGE_CHANGED } from '../constants/messages';
 

app/scripts/manage/components/FilterTable.jsx

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import MaterialTable, { MTableEditRow } from 'material-table';
 import { useSnackbar } from 'notistack';
 
-import isEqual from 'lodash/isEqual';
+import { isEqual } from 'lodash-es';
 
 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 import { red } from '@material-ui/core/colors';