chore: remove lodash, add es-toolkit

aeharding · aeharding · commit 33595c10c8f5 · 2026-03-12T18:13:28.000-05:00
diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
     "date-fns": "^4.1.0",
     "detect-browser": "^5.3.0",
     "emotion": "^11.0.0",
+    "es-toolkit": "^1.45.1",
     "geolib": "^3.3.4",
     "i18next": "^25.8.13",
     "i18next-browser-languagedetector": "^8.2.1",
@@ -37,7 +38,6 @@
     "linkify-html": "^4.3.2",
     "linkify-react": "^4.3.2",
     "linkifyjs": "^4.3.2",
-    "lodash": "^4.17.23",
     "metar-taf-parser": "^9.1.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
@@ -109,7 +109,6 @@
     "@types/chroma-js": "^3.1.2",
     "@types/geojson": "^7946.0.16",
     "@types/leaflet": "^1.9.21",
-    "@types/lodash": "^4.17.24",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/react-page-visibility": "^6.4.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/features/alerts/JumpActions.tsx b/src/features/alerts/JumpActions.tsx
@@ -2,7 +2,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { faAngleDown, faAngleUp } from "@fortawesome/pro-light-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import throttle from "lodash/throttle";
+import { throttle } from "es-toolkit";
 import { useLayoutEffect, useState } from "react";
 
 const Button = styled(FontAwesomeIcon)<{ disabled: boolean }>`
diff --git a/src/features/alerts/gairmet/Description.tsx b/src/features/alerts/gairmet/Description.tsx
@@ -2,12 +2,11 @@ import { GAirmetFeature } from "../../../services/aviationWeather";
 import { capitalizeFirstLetter } from "../../../helpers/string";
 import { formatSeverity } from "../../../helpers/aviationAlerts";
 import React from "react";
-import omit from "lodash/omit";
+import { isEqual, omit } from "es-toolkit";
 import styled from "@emotion/styled";
 import { getAlertEnd, getAlertStart } from "../alertsSlice";
 import { useAppSelector } from "../../../hooks";
 import { timeZoneSelector } from "../../weather/weatherSlice";
-import isEqual from "lodash/isEqual";
 import { format } from "date-fns";
 import { TZDate } from "@date-fns/tz";
 
diff --git a/src/features/outlook/OutlookTable.tsx b/src/features/outlook/OutlookTable.tsx
@@ -4,7 +4,7 @@ import { timeZoneSelector, Weather } from "../weather/weatherSlice";
 import { OpenMeteoWeather } from "../../services/openMeteo";
 import { useMemo } from "react";
 import OutlookRow from "./OutlookRow";
-import compact from "lodash/fp/compact";
+import { compact } from "es-toolkit";
 import styled from "@emotion/styled";
 import Day from "./Day";
 import { TZDate } from "@date-fns/tz";
diff --git a/src/features/rap/Hours.tsx b/src/features/rap/Hours.tsx
@@ -6,7 +6,7 @@ import ReportWatchdog from "./ReportWatchdog";
 import Nav from "./Nav";
 import roundedScrollbar from "./roundedScrollbar";
 import { css } from "@emotion/react";
-import throttle from "lodash/throttle";
+import { throttle } from "es-toolkit";
 import ReportElevationDiscrepancy, {
   ELEVATION_DISCREPANCY_THRESHOLD,
 } from "./warnings/ReportElevationDiscrepancy";
diff --git a/src/features/rap/extra/reportMetadata/RefreshInformation.tsx b/src/features/rap/extra/reportMetadata/RefreshInformation.tsx
@@ -2,7 +2,7 @@ import { differenceInMinutes, formatDistanceToNow } from "date-fns";
 import { useAppSelector } from "../../../../hooks";
 import styled from "@emotion/styled";
 import { DataListItem } from "../../../../DataList";
-import capitalize from "lodash/capitalize";
+import { capitalize } from "es-toolkit";
 
 const Label = styled.div``;
 
diff --git a/src/features/weather/header/NWSWeather.tsx b/src/features/weather/header/NWSWeather.tsx
@@ -1,5 +1,4 @@
-import lowerCase from "lodash/lowerCase";
-import capitalize from "lodash/capitalize";
+import { capitalize, lowerCase } from "es-toolkit";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import {
   faCloudHail,
diff --git a/src/helpers/aviationAlerts.ts b/src/helpers/aviationAlerts.ts
@@ -1,4 +1,4 @@
-import sortBy from "lodash/sortBy";
+import { sortBy } from "es-toolkit";
 import {
   isGAirmetAlert,
   isISigmetAlert,
@@ -186,10 +186,9 @@ export function extractIssuedTimestamp(
   }
 
   if (isGAirmetAlert(alert)) {
-    const initialRelatedAlert = sortBy(
-      relatedAlerts,
-      "properties.validTime",
-    )[0];
+    const initialRelatedAlert = sortBy(relatedAlerts, [
+      (a) => a.properties.validTime,
+    ])[0];
 
     return initialRelatedAlert.properties.validTime;
   }
diff --git a/src/helpers/string.ts b/src/helpers/string.ts
@@ -1,4 +1,4 @@
-import startCase from "lodash/startCase";
+import { startCase } from "es-toolkit";
 
 export function capitalizeFirstLetter(string: string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
diff --git a/src/helpers/weather.ts b/src/helpers/weather.ts
@@ -1,5 +1,5 @@
 import { addHours } from "date-fns";
-import sortBy from "lodash/sortBy";
+import { sortBy } from "es-toolkit";
 import {
   Alert,
   isGAirmetAlert,
@@ -43,7 +43,8 @@ export function sortAlerts(
   const NON_DANGEROUS_OFFSET = 1e15;
   const GAIRMET_READ_OFFSET = 2e15;
 
-  return sortBy(alerts, (alert) => {
+  return sortBy(alerts, [
+    (alert) => {
     const dangerousPrefix = isAlertDangerous(alert)
       ? DANGEROUS_OFFSET
       : NON_DANGEROUS_OFFSET;
@@ -72,7 +73,8 @@ export function sortAlerts(
         extractIssuedTimestamp(alert, findRelatedAlerts(alert, allAlerts)),
       ).getTime() + dangerousPrefix
     );
-  });
+  },
+  ]);
 }
 
 /**
diff --git a/src/services/aviationWeather.ts b/src/services/aviationWeather.ts
@@ -1,6 +1,6 @@
 import axios from "axios";
 import type { GeometryObject } from "geojson";
-import uniqBy from "lodash/uniqBy";
+import { uniqBy } from "es-toolkit";
 
 export interface TAFReport {
   raw: string;
diff --git a/src/services/faa.ts b/src/services/faa.ts
@@ -1,7 +1,6 @@
 import axios from "axios";
 import type { GeoJsonObject } from "geojson";
-import uniqWith from "lodash/uniqWith";
-import isEqual from "lodash/isEqual";
+import { isEqual, uniqWith } from "es-toolkit";
 
 export interface TFRFeature {
   properties: {
diff --git a/src/services/openMeteo.ts b/src/services/openMeteo.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 import { WindsAloftReport } from "../models/WindsAloft";
 import { notEmpty } from "../helpers/array";
-import zipObject from "lodash/zipObject";
+import { zipObject } from "es-toolkit";
 import * as velitherm from "velitherm";
 
 const FORECAST_DAYS = 7;

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import startCase from "lodash/startCase";`
	`1`	`+import { startCase } from "es-toolkit";`
`2`	`2`
`3`	`3`	`export function capitalizeFirstLetter(string: string) {`
`4`	`4`	`return string.charAt(0).toUpperCase() + string.slice(1);`