remove lodash

package.json

@@ -21,6 +21,7 @@
   },
   "dependencies": {
     "@material-ui/core": "^3.9.1",
+    "array-shuffle": "^3.0.0",
     "camelcase-keys": "^4.2.0",
     "copy-text-to-clipboard": "^1.0.4",
     "country-list": "^2.1.0",
@@ -29,7 +30,6 @@
     "dom-chef": "^5.1.0",
     "js-cookie": "^2.2.1",
     "ky": "^0.11.1",
-    "lodash": "^4.17.10",
     "lucide-react": "^0.314.0",
     "mem": "^4.0.0",
     "p-memoize": "^1.0.0",

src/content/features/add-player-profile-matches-demo.js

@@ -1,5 +1,4 @@
 import React from 'dom-chef'
-import get from 'lodash/get'
 import select from 'select-dom'
 import createButton from '../components/button'
 import {
@@ -67,9 +66,15 @@ export default async (statsContentElement) => {
           text: 'Watch Demo',
           onClick: async (e) => {
             e.stopPropagation()
+
             const match = await getMatch(matchId)
+
+            if (!match) {
+              return
+            }
+
             const demoUrl =
-              get(match, 'externalMatches[0].stats.demoFileUrl') ||
+              match.externalMatches?.[0]?.stats?.demoFileUrl ||
               match.demoUrl ||
               match.demoUrLs[0]
 

src/content/features/add-player-profile-matches-elo.js

@@ -1,6 +1,6 @@
 import React from 'dom-chef'
-import random from 'lodash/random'
 import select from 'select-dom'
+import { randomNumber } from '../../shared/utils'
 import {
   hasFeatureAttribute,
   setFeatureAttribute,
@@ -108,7 +108,7 @@ export default async (statsContentElement) => {
             opacity: selfIsFreeMember && 0.33,
           }}
         >
-          {selfIsFreeMember ? random(1000, 3000) : newElo}
+          {selfIsFreeMember ? randomNumber(1000, 3000) : newElo}
         </span>
       </div>
     )

src/content/features/add-sidebar-matches-elo.js

@@ -1,7 +1,7 @@
 import React from 'dom-chef'
-import random from 'lodash/random'
 import select from 'select-dom'
 import { IS_FACEIT_BETA } from '../../shared/faceit-beta'
+import { randomNumber } from '../../shared/utils'
 import {
   hasFeatureAttribute,
   setFeatureAttribute,
@@ -96,7 +96,7 @@ export default async () => {
             opacity: selfIsFreeMember && 0.33,
           }}
         >
-          {selfIsFreeMember ? random(1000, 3000) : newElo}
+          {selfIsFreeMember ? randomNumber(1000, 3000) : newElo}
         </span>
       </div>,
       matchTypeElement,

src/content/features/click-match-room-veto-maps.js

@@ -1,4 +1,4 @@
-import shuffle from 'lodash/shuffle'
+import arrayShuffle from 'array-shuffle'
 import select from 'select-dom'
 import storage from '../../shared/storage'
 import {
@@ -43,7 +43,9 @@ export default async (parentElement) => {
   let autoVetoItems = matchRoomAutoVetoMapItems.map((m) => maps.csgo[m] || m)
 
   if (shuffleMaps) {
-    const shuffledItems = shuffle(autoVetoItems.splice(0, shuffleMapsAmount))
+    const shuffledItems = arrayShuffle(
+      autoVetoItems.splice(0, shuffleMapsAmount),
+    )
     autoVetoItems.unshift(...shuffledItems)
   }
 

src/content/helpers/elo.js

@@ -1,5 +1,3 @@
-import isNumber from 'lodash/isNumber'
-import round from 'lodash/round'
 import mem from 'mem'
 import { getMatchmakingQueue } from './faceit-api'
 
@@ -11,8 +9,8 @@ export function estimateRatingChange(elo1, elo2, K = 50) {
   const eloDiff = elo2 - elo1
   const percentage = 1 / (1 + 10 ** (eloDiff / 400))
 
-  const gain = round(K * (1 - percentage))
-  const loss = round(K * (0 - percentage))
+  const gain = Math.round(K * (1 - percentage))
+  const loss = Math.round(K * (0 - percentage))
 
   return {
     gain: gain || 1,
@@ -90,7 +88,9 @@ export async function getEloChangesByMatches(matches) {
     const previousElo = previousMatch.elo && normalizeElo(previousMatch.elo)
     const newElo = match.elo && normalizeElo(match.elo)
     const eloDiff =
-      isNumber(previousElo) && isNumber(newElo) ? newElo - previousElo : null
+      typeof previousElo === 'number' && typeof newElo === 'number'
+        ? newElo - previousElo
+        : null
 
     if (
       !eloDiff ||

src/content/helpers/match-room.js

@@ -1,5 +1,3 @@
-import head from 'lodash/head'
-import isEmpty from 'lodash/isEmpty'
 import mem from 'mem'
 import select from 'select-dom'
 import { getCurrentPath } from './location'
@@ -91,7 +89,7 @@ export function mapPlayersToPartyColors(
       let partyColor
 
       if (isPremade) {
-        partyColor = isEmpty(acc) ? pickColor() : head(acc).partyColor
+        partyColor = acc.length === 0 ? pickColor() : acc[0].partyColor
       } else if (curr.activeTeamId || !isTeamV1Element) {
         let partyMember
         if (isTeamV1Element) {

src/content/helpers/user-settings.js

@@ -1,4 +1,3 @@
-import throttle from 'lodash/throttle'
 import browser from 'webextension-polyfill'
 import storage from '../../shared/storage'
 
@@ -19,7 +18,7 @@ export const runFeatureIf = async (option, feature, parent) => {
   }
 }
 
-export const notifyIf = throttle(async (option, message) => {
+export const notifyIf = async (option, message) => {
   const options = await storage.getAll()
 
   if (!options.notifyDisabled && options[option]) {
@@ -28,4 +27,4 @@ export const notifyIf = throttle(async (option, message) => {
       ...message,
     })
   }
-}, 500)
+}

src/popup/sections/help.js

@@ -1,5 +1,4 @@
 import { detect } from 'detect-browser'
-import capitalize from 'lodash/capitalize'
 import React from 'react'
 import browser from 'webextension-polyfill'
 import ListItemLink from '../components/list-item-link'
@@ -17,7 +16,9 @@ export default () => (
       subreddit={encodeURI(
         `submit?selftext=true&text=\n\n\n---\n\nVersion: ${
           browser.runtime.getManifest().version
-        }\nBrowser: ${capitalize(userBrowser.name)} (${userBrowser.version})`,
+        }\nBrowser: ${userBrowser.name[0].toUpperCase()}${userBrowser.name.slice(
+          1,
+        )} (${userBrowser.version})`,
       )}
     />
     <ListItemLink primary="Ask on Reddit" subreddit="submit?selftext=true" />

src/shared/utils.js

@@ -0,0 +1,3 @@
+export function randomNumber(min, max) {
+  return Math.floor(Math.random() * (max - min + 1) + min)
+}