Replace lodash with es-toolkit #11562

Because es-toolkit is smaller, faster and more strictly typed (avoiding
bugs in our apps).

Shaving +20 KiB, Initial total becomes ~98% of original size.

Author: PowerKiKi

client/app/front-office/components/session-facilitator-private/session-facilitator-private.component.ts

@@ -1,6 +1,6 @@
 import {Component, inject, OnInit} from '@angular/core';
 import {Literal, NaturalIconDirective, NaturalQueryVariablesManager} from '@ecodev/natural';
-import {groupBy, sortBy} from 'lodash-es';
+import {groupBy, sortBy} from 'es-toolkit';
 import {FacilitatorDocumentsService} from '../../../admin/facilitator-documents/services/facilitator-documents.service';
 import {UserService} from '../../../admin/users/services/user.service';
 import {SortingOrder, UserRole, Users, UserSortingField, UsersVariables} from '../../../shared/generated-types';
@@ -33,7 +33,7 @@ export class SessionFacilitatorPrivateComponent implements OnInit {
         this.userService.getAll(qvm).subscribe(result => (this.facilitators = result.items));
         this.facilitatorDocumentService.getAll(new NaturalQueryVariablesManager()).subscribe(documents => {
             console.log(documents);
-            this.categories = groupBy(sortBy(documents.items, 'category.name'), 'category');
+            this.categories = groupBy(sortBy(documents.items, [d => d.category]), d => d.category);
         });
     }
 }

client/app/front-office/front-office.component.ts

@@ -10,7 +10,7 @@ import {
     NaturalSearchSelections,
     toNavigationParameters,
 } from '@ecodev/natural';
-import {differenceBy} from 'lodash-es';
+import {differenceBy} from 'es-toolkit';
 import {filter, finalize} from 'rxjs/operators';
 import {UserService} from '../admin/users/services/user.service';
 import {CurrentUserForProfile, UserRole} from '../shared/generated-types';
@@ -265,7 +265,7 @@ export class FrontOfficeComponent implements OnInit, AfterViewInit {
         this.userService.getViewerObservable().subscribe(viewer => (this.viewer = viewer));
 
         // Setup mobile menu with items from top menu that are missing on main menu
-        this.mobileNavigation = [...this.navigation, ...differenceBy(this.topNavigation, this.navigation, 'link')];
+        this.mobileNavigation = [...this.navigation, ...differenceBy(this.topNavigation, this.navigation, n => n.link)];
 
         // Further navigations
         this.router.events

client/app/front-office/modules/shop/components/subscriptions/subscriptions.component.ts

@@ -2,7 +2,7 @@ import {Component, inject, OnInit} from '@angular/core';
 import {MatDialog, MatDialogConfig} from '@angular/material/dialog';
 import {ActivatedRoute, Router} from '@angular/router';
 import {NaturalQueryVariablesManager} from '@ecodev/natural';
-import {keyBy} from 'lodash-es';
+import {keyBy} from 'es-toolkit';
 import {ProductType, Subscriptions} from '../../../../../shared/generated-types';
 import {EmailsComponent} from '../emails/emails.component';
 import {SubscriptionService} from './subscription.service';
@@ -30,7 +30,7 @@ export class SubscriptionsComponent implements OnInit {
     public ngOnInit(): void {
         this.subscriptionService
             .getAll(new NaturalQueryVariablesManager())
-            .subscribe(res => (this.subscriptions = keyBy(res.items, 'id')));
+            .subscribe(res => (this.subscriptions = keyBy(res.items, i => i.id)));
     }
 
     public order(id: string, type: ProductType, withEmails?: boolean): void {

client/app/front-office/services/navigation.service.ts

@@ -3,7 +3,7 @@ import {ComponentPortal} from '@angular/cdk/portal';
 import {DOCUMENT} from '@angular/common';
 import {ElementRef, inject, Injectable, Injector, StaticProvider} from '@angular/core';
 import {NavigationEnd, Router, RouterLink} from '@angular/router';
-import {cloneDeep} from 'lodash-es';
+import {cloneDeep} from 'es-toolkit';
 import {merge, Observable, Subject} from 'rxjs';
 import {filter} from 'rxjs/operators';
 import {APP_MENU_DATA, MenuComponent, MenuDropdownData} from '../components/menu/menu.component';

client/app/shared/classes/AbstractInfiniteLoadList.ts

@@ -10,7 +10,8 @@ import {
     PaginationInput,
     QueryVariables,
 } from '@ecodev/natural';
-import {defaults, isEqual, pick} from 'lodash-es';
+import {defaults, pick} from 'es-toolkit/compat';
+import {isEqual} from 'es-toolkit';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 
 @Directive({standalone: true})

client/app/shared/services/permissions.service.ts

@@ -4,7 +4,7 @@ import {Literal} from '@ecodev/natural';
 import {BehaviorSubject, Observable} from 'rxjs';
 import {concatMap, debounceTime, distinctUntilChanged, filter, map, shareReplay} from 'rxjs/operators';
 import {Permissions} from '../generated-types';
-import {isEqual} from 'lodash-es';
+import {isEqual} from 'es-toolkit';
 import {permissionsQuery} from './permissions.queries';
 
 type Contexts = {

client/app/user/components/register/register-confirm.component.ts

@@ -1,6 +1,6 @@
 import {Component, inject, OnInit} from '@angular/core';
 import {deliverableEmail, NaturalIconDirective, relationsToIds} from '@ecodev/natural';
-import {pick} from 'lodash-es';
+import {pick} from 'es-toolkit';
 import {RegisterComponent} from './register.component';
 import {FormsModule, ReactiveFormsModule, Validators} from '@angular/forms';
 import {UserByTokenResolve} from '../../../admin/users/user';

package.json

@@ -27,8 +27,8 @@
         "@angular/router": "^19.2.13",
         "@apollo/client": "^3.13.7",
         "@ecodev/fab-speed-dial": "^18.0.0",
-        "@ecodev/natural": "^63.5.1",
-        "@ecodev/natural-editor": "^63.5.1",
+        "@ecodev/natural": "^63.6.1",
+        "@ecodev/natural-editor": "^63.6.1",
         "@ecodev/natural-layout": "^2.0.2",
         "@graphql-codegen/cli": "^5.0.5",
         "@graphql-codegen/typescript-apollo-angular": "^4.0.0",
@@ -37,8 +37,8 @@
         "apollo-angular": "^10.0.3",
         "big.js": "^6.2.2",
         "crypto-es": "^2.1.0",
+        "es-toolkit": "^1.39.7",
         "graphql": "^16.10.0",
-        "lodash-es": "^4.17.21",
         "ngx-progressbar": "^14.0.0",
         "rxjs": "~7.8.2",
         "striptags": "^4.0.0-alpha.4",
@@ -53,7 +53,6 @@
         "@playwright/test": "^1.51.1",
         "@types/big.js": "^6.2.2",
         "@types/jasmine": "~5.1.7",
-        "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.14.1",
         "angular-eslint": "^19.3.0",
         "eslint": "^9.24.0",

yarn.lock

@@ -1326,10 +1326,10 @@
   dependencies:
     tslib "^2.8.1"
 
-"@ecodev/natural-editor@^63.5.1":
-  version "63.5.1"
-  resolved "https://registry.yarnpkg.com/@ecodev/natural-editor/-/natural-editor-63.5.1.tgz#3d7817412d7aa986765903ee92371d352f8dd65c"
-  integrity sha512-i7kstOAaDRzQ3JAtvUU3oXSK/tkuGQz1w2r24k8P44ltcPXz6fFAIAa4FmkcQcpXC8yP58gJ+T9e/ft/N0jwFA==
+"@ecodev/natural-editor@^63.6.1":
+  version "63.6.1"
+  resolved "https://registry.yarnpkg.com/@ecodev/natural-editor/-/natural-editor-63.6.1.tgz#61ad567d7b830d694090991f6144e0c6ea2d2f35"
+  integrity sha512-xM9lGqGM1zIjZSLfAaA54lH7YocO1MEr32iwLTUiMVKBoVJbi74eIK2KtbFfE3EAeWaGEzyJDf9yzkL3p0yaOw==
   dependencies:
     prosemirror-commands "^1.5.2"
     prosemirror-dropcursor "^1.8.1"
@@ -1351,10 +1351,10 @@
   resolved "https://registry.yarnpkg.com/@ecodev/natural-layout/-/natural-layout-2.0.2.tgz#e2c64c2ddb3c60793a39236b52624fde323e610a"
   integrity sha512-BV75kFQmpfuSBNQ1jyKu+IdGkFTMESjPrtKrEyc3MqcmVhV5IiYU0LXTaghLZozuZgCT9HfMOnEsh05aS2j9uQ==
 
-"@ecodev/natural@^63.5.1":
-  version "63.5.1"
-  resolved "https://registry.yarnpkg.com/@ecodev/natural/-/natural-63.5.1.tgz#d7bcedbd91daad69fc03fccc8d3f7689a33ed85b"
-  integrity sha512-F3KIqRkksf4wv4M6nKqjolYwyW24hkcsthZn4C3yUyiKQVZ7zWGhXpeLfzjLDl10rbtpDnV0+vmcGJ/BL15W6Q==
+"@ecodev/natural@^63.6.1":
+  version "63.6.1"
+  resolved "https://registry.yarnpkg.com/@ecodev/natural/-/natural-63.6.1.tgz#6714736396715782e3d32a72ab75be44bf240fa6"
+  integrity sha512-Dd5QCBPQ2QqvD2Qc8QI9zYb6vYFDe233X1jkVbr1r9JpUl1Wt/C8Ukz48X+CNgI8aYHLR03s1oXOL/ggkOXqsA==
   dependencies:
     extract-files "^13.0.0"
     tslib "^2.8.1"
@@ -3347,18 +3347,6 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
-"@types/lodash-es@^4.17.12":
-  version "4.17.12"
-  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
-  integrity sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==
-  dependencies:
-    "@types/lodash" "*"
-
-"@types/lodash@*":
-  version "4.17.16"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.16.tgz#94ae78fab4a38d73086e962d0b65c30d816bfb0a"
-  integrity sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==
-
 "@types/mime@^1":
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
@@ -5015,6 +5003,11 @@ es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   dependencies:
     es-errors "^1.3.0"
 
+es-toolkit@^1.39.7:
+  version "1.39.7"
+  resolved "https://registry.yarnpkg.com/es-toolkit/-/es-toolkit-1.39.7.tgz#961b80a11c922c1a6dca5ca4089c1de7f9937be7"
+  integrity sha512-ek/wWryKouBrZIjkwW2BFf91CWOIMvoy2AE5YYgUrfWsJQM2Su1LoLtrw8uusEpN9RfqLlV/0FVNjT0WMv8Bxw==
+
 [email protected]:
   version "0.25.4"
   resolved "https://registry.yarnpkg.com/esbuild-wasm/-/esbuild-wasm-0.25.4.tgz#06744be7a790acd0a65c98c5a6289b31a17a0dcb"
@@ -6572,11 +6565,6 @@ locate-path@^7.1.0:
   dependencies:
     p-locate "^6.0.0"
 
-lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
-
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"