Use lodash-es to reduce bundle size

Author: PurkkaKoodari

packages/ilmomasiina-components/package.json

@@ -26,13 +26,13 @@
   },
   "dependencies": {
     "@tietokilta/ilmomasiina-models": "workspace:2.0.0-alpha13",
-    "@types/lodash": "^4.14.182",
+    "@types/lodash-es": "^4.17.9",
     "@types/react": "^17 || ^18",
     "bootstrap": "^4.6.1",
     "final-form": "^4.20.10",
     "formik": "^2.4.5",
     "i18next": "^22.4.11",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "moment": "^2.29.3",
     "moment-timezone": "^0.5.34",
     "react": "^17 || ^18",

packages/ilmomasiina-components/src/routes/EditSignup/components/QuestionFields.tsx

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
 
 import { useField } from 'formik';
-import find from 'lodash/find';
-import reject from 'lodash/reject';
-import without from 'lodash/without';
+import find from 'lodash-es/find';
+import reject from 'lodash-es/reject';
+import without from 'lodash-es/without';
 import { Form } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 

packages/ilmomasiina-components/src/routes/SingleEvent/components/SignupList.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import filter from 'lodash/filter';
+import filter from 'lodash-es/filter';
 import { Table } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 

packages/ilmomasiina-components/src/routes/SingleEvent/components/SignupListRow.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import filter from 'lodash/filter';
-import find from 'lodash/find';
+import filter from 'lodash-es/filter';
+import find from 'lodash-es/find';
 import moment from 'moment-timezone';
 import { useTranslation } from 'react-i18next';
 

packages/ilmomasiina-components/src/utils/eventListUtils.ts

@@ -1,5 +1,5 @@
-import every from 'lodash/every';
-import sumBy from 'lodash/sumBy';
+import every from 'lodash-es/every';
+import sumBy from 'lodash-es/sumBy';
 import moment, { Moment } from 'moment-timezone';
 
 import type {

packages/ilmomasiina-components/src/utils/signupUtils.ts

@@ -1,6 +1,6 @@
-import find from 'lodash/find';
-import orderBy from 'lodash/orderBy';
-import sumBy from 'lodash/sumBy';
+import find from 'lodash-es/find';
+import orderBy from 'lodash-es/orderBy';
+import sumBy from 'lodash-es/sumBy';
 import moment from 'moment-timezone';
 
 import type {

packages/ilmomasiina-frontend/package.json

@@ -19,7 +19,7 @@
     "@tietokilta/ilmomasiina-components": "workspace:2.0.0-alpha13",
     "@tietokilta/ilmomasiina-models": "workspace:2.0.0-alpha13",
     "@types/history": "^4.7.11",
-    "@types/lodash": "^4.14.182",
+    "@types/lodash-es": "^4.17.9",
     "@types/node": "^16.11.41",
     "@types/node-sass": "^4.11.2",
     "@types/react": "^17.0.47",
@@ -39,7 +39,7 @@
     "history": "^4.10.1",
     "i18next": "^22.4.11",
     "i18next-browser-languagedetector": "^7.0.1",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "moment": "^2.29.3",
     "moment-timezone": "^0.5.34",
     "react": "^17.0.2",
@@ -65,8 +65,10 @@
     "typescript": "~4.9"
   },
   "devDependencies": {
+    "@types/lodash": "^4.14.199",
     "@types/ws": "^8.5.3",
     "rimraf": "^3.0.2",
+    "lodash": "^4.17.21",
     "ws": "^8.8.0"
   }
 }

packages/ilmomasiina-frontend/scripts/build.ts

@@ -13,10 +13,10 @@ build(config)
     const totals = new Map<string, number>();
     for (const [path, { bytesInOutput }] of Object.entries(inputs)) {
       // extract package name from path
-      const names = path.replace(/\\/g, '/').match(/\/node_modules\/(?:@[^/]+\/)?[^/]+/g) || ['.'];
-      const lastName = names[names.length - 1].replace('/node_modules/', '');
+      // const names = path.replace(/\\/g, '/').match(/\/node_modules\/(?:@[^/]+\/)?[^/]+/g) || ['.'];
+      // const lastName = names[names.length - 1].replace('/node_modules/', '');
       // count size
-      totals.set(lastName, (totals.get(lastName) ?? 0) + bytesInOutput);
+      totals.set(path, (totals.get(path) ?? 0) + bytesInOutput);
     }
 
     // sort by name

packages/ilmomasiina-frontend/src/routes/AdminEvents/AdminEventListItem.tsx

@@ -1,6 +1,6 @@
 import React, { MouseEvent } from 'react';
 
-import sumBy from 'lodash/sumBy';
+import sumBy from 'lodash-es/sumBy';
 import moment from 'moment-timezone';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';