Upgrade dependencies (#98)

caponetto · Jan 28, 2024 · 99a21fc · 99a21fc
1 parent 7a9190f
commit 99a21fc
Show file tree

Hide file tree

Showing 21 changed files with 2,676 additions and 2,608 deletions.
diff --git a/package.json b/package.json
@@ -9,71 +9,71 @@
     "url": "https://github.com/caponetto/personal-webapp.git"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@fontsource/nunito": "^5.0.5",
-    "@fontsource/oxygen": "^5.0.5",
-    "@fontsource/philosopher": "^5.0.5",
-    "@fontsource/quicksand": "^5.0.5",
-    "@fontsource/roboto": "^5.0.5",
-    "@mui/icons-material": "^5.14.1",
-    "@mui/material": "^5.14.2",
-    "@mui/system": "^5.14.1",
-    "date-fns": "^2.30.0",
+    "@fontsource/nunito": "^5.0.16",
+    "@fontsource/oxygen": "^5.0.8",
+    "@fontsource/philosopher": "^5.0.8",
+    "@fontsource/quicksand": "^5.0.16",
+    "@fontsource/roboto": "^5.0.8",
+    "@mui/icons-material": "^5.15.6",
+    "@mui/material": "^5.15.6",
+    "@mui/system": "^5.15.6",
+    "date-fns": "^3.3.1",
     "history": "^5.3.0",
-    "i18next": "^23.4.1",
-    "i18next-browser-languagedetector": "^7.1.0",
-    "i18next-http-backend": "^2.2.1",
+    "i18next": "^23.8.0",
+    "i18next-browser-languagedetector": "^7.2.0",
+    "i18next-http-backend": "^2.4.2",
     "js-cookie": "^3.0.5",
-    "react-i18next": "^13.0.2",
-    "react-router": "^6.14.2",
-    "react-router-dom": "^6.14.2"
+    "react-i18next": "^14.0.1",
+    "react-router": "^6.21.3",
+    "react-router-dom": "^6.21.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@jest/types": "^29.6.1",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
+    "@babel/core": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
+    "@babel/preset-react": "^7.23.3",
+    "@jest/types": "^29.6.3",
+    "@testing-library/jest-dom": "^6.3.0",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^29.5.3",
-    "@types/js-cookie": "^3.0.3",
-    "@types/node": "^20.4.5",
-    "@types/react": "^18.2.17",
-    "@types/react-dom": "^18.2.7",
+    "@types/jest": "^29.5.11",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20.11.9",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^6.2.0",
-    "@typescript-eslint/parser": "^6.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "@typescript-eslint/parser": "^6.19.1",
     "babel-loader": "^9.1.3",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.8.1",
-    "eslint": "^8.46.0",
-    "eslint-config-prettier": "^8.9.0",
-    "eslint-plugin-react": "^7.33.0",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^6.9.1",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "html-minimizer-webpack-plugin": "^4.4.0",
+    "html-minimizer-webpack-plugin": "^5.0.0",
     "html-replace-webpack-plugin": "^2.6.0",
-    "html-webpack-plugin": "^5.5.3",
-    "husky": "^8.0.3",
-    "jest": "^29.6.2",
-    "jest-environment-jsdom": "^29.6.2",
-    "json-minimizer-webpack-plugin": "^4.0.0",
-    "prettier": "^2.6.2",
-    "pretty-quick": "^3.1.3",
+    "html-webpack-plugin": "^5.6.0",
+    "husky": "^9.0.6",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "json-minimizer-webpack-plugin": "^5.0.0",
+    "prettier": "^3.2.4",
+    "pretty-quick": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^5.0.1",
-    "source-map-loader": "^4.0.1",
-    "start-server-and-test": "^2.0.0",
-    "style-loader": "^3.3.3",
-    "ts-jest": "^29.1.1",
-    "ts-loader": "^9.4.4",
-    "ts-node": "^10.9.1",
-    "tslib": "^2.6.1",
-    "typescript": "^5.1.6",
-    "webpack": "^5.88.2",
+    "rimraf": "^5.0.5",
+    "source-map-loader": "^5.0.0",
+    "start-server-and-test": "^2.0.3",
+    "style-loader": "^3.3.4",
+    "ts-jest": "^29.1.2",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "webpack": "^5.90.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "webpack-node-externals": "^3.0.0"

diff --git a/src/components/drawer/AppDrawer.tsx b/src/components/drawer/AppDrawer.tsx
@@ -16,14 +16,14 @@ export function AppDrawer(props: AppDrawerProps) {
 
   const drawerContent = useMemo(
     () => <DrawerContent drawerItemWidth={props.drawerItemWidth} />,
-    [props.drawerItemWidth]
+    [props.drawerItemWidth],
   );
 
   const muiPaperStyle = useMemo(
     () => ({
       "& .MuiDrawer-paper": { overflow: "overlay", boxShadow: 2, boxSizing: "border-box", width: props.drawerWidth },
     }),
-    [props.drawerWidth]
+    [props.drawerWidth],
   );
 
   return (

diff --git a/src/context/AppContextProvider.tsx b/src/context/AppContextProvider.tsx
@@ -47,7 +47,7 @@ export function AppContextProvider(props: AppContextProviderProps) {
           },
         },
       }),
-    [colorMode]
+    [colorMode],
   );
 
   useEffect(() => {
@@ -81,7 +81,7 @@ export function AppContextProvider(props: AppContextProviderProps) {
       openStateDispatch,
       updateColorMode,
     }),
-    [schema, colorMode, openState, updateColorMode]
+    [schema, colorMode, openState, updateColorMode],
   );
 
   return (

diff --git a/src/context/__tests__/OpenState.test.ts b/src/context/__tests__/OpenState.test.ts
@@ -19,7 +19,7 @@ describe("OpenState :: openStateReducer", () => {
       { ...DEFAULT_OPEN_STATE, drawer: true },
       {
         type: OpenStateActions.DRAWER_CLOSE,
-      }
+      },
     );
     expect(updatedState.drawer).toBeFalsy();
   });
@@ -47,7 +47,7 @@ describe("OpenState :: openStateReducer", () => {
       { ...DEFAULT_OPEN_STATE, settings: true },
       {
         type: OpenStateActions.SETTINGS_CLOSE,
-      }
+      },
     );
     expect(updatedState.settings).toBeFalsy();
   });
@@ -75,7 +75,7 @@ describe("OpenState :: openStateReducer", () => {
       { ...DEFAULT_OPEN_STATE, snackbar: true },
       {
         type: OpenStateActions.SNACKBAR_CLOSE,
-      }
+      },
     );
     expect(updatedState.snackbar).toBeFalsy();
   });

diff --git a/src/hooks/__tests__/useFilteredMedias.test.ts b/src/hooks/__tests__/useFilteredMedias.test.ts
@@ -19,7 +19,7 @@ describe("useFilteredMedias", () => {
         ...DEFAULT_KEYWORD_SELECTION,
         isAnySelected: true,
         selectionMap: new Map([["unknown", true]]),
-      })
+      }),
     );
     expect(result.current).toEqual([]);
   });
@@ -30,7 +30,7 @@ describe("useFilteredMedias", () => {
       createMediaItem({ title: "Bar", keywordKeys: ["bar"] }),
     ];
     const { result } = renderHook(() =>
-      useFilteredMedias(medias, { ...DEFAULT_KEYWORD_SELECTION, isAnySelected: false })
+      useFilteredMedias(medias, { ...DEFAULT_KEYWORD_SELECTION, isAnySelected: false }),
     );
     expect(result.current).toEqual(medias);
   });
@@ -39,7 +39,7 @@ describe("useFilteredMedias", () => {
     const foo = createMediaItem({ title: "Foo", keywordKeys: ["foo", "common"], releaseDate: new Date("2010-01-01") });
     const bar = createMediaItem({ title: "Bar", keywordKeys: ["bar", "common"], releaseDate: new Date("2020-01-01") });
     const { result } = renderHook(() =>
-      useFilteredMedias([foo, bar], { ...DEFAULT_KEYWORD_SELECTION, isAnySelected: false })
+      useFilteredMedias([foo, bar], { ...DEFAULT_KEYWORD_SELECTION, isAnySelected: false }),
     );
     expect(result.current).toEqual([bar, foo]);
   });
@@ -57,7 +57,7 @@ describe("useFilteredMedias", () => {
           ["bar1", true],
           ["baz1", true],
         ]),
-      })
+      }),
     );
     expect(result.current).toEqual([bar, baz]);
   });
@@ -71,7 +71,7 @@ describe("useFilteredMedias", () => {
         ...DEFAULT_KEYWORD_SELECTION,
         isAnySelected: true,
         selectionMap: new Map([["common", true]]),
-      })
+      }),
     );
     expect(result.current).toEqual([bar, foo]);
   });

diff --git a/src/hooks/useCookie.tsx b/src/hooks/useCookie.tsx
@@ -10,7 +10,7 @@ export function useCookie<T>(name: CookieNames, defaultValue: T, options?: Cooki
       path: "/",
       sameSite: "strict",
     }),
-    []
+    [],
   );
 
   const [value, setValue] = useState(() => {
@@ -31,7 +31,7 @@ export function useCookie<T>(name: CookieNames, defaultValue: T, options?: Cooki
       Cookies.set(name, JSON.stringify(newValue), options ?? defaultOptions);
       setValue(newValue);
     },
-    [defaultOptions, name, options]
+    [defaultOptions, name, options],
   );
 
   return [value, updateCookie];

diff --git a/src/hooks/useKeywordSelection.tsx b/src/hooks/useKeywordSelection.tsx
@@ -39,7 +39,7 @@ export function useKeywordSelection(...arrayOfArrays: MediaItem[][]): KeywordSel
   });
 
   const [selected, setSelected] = useState(() =>
-    [...selectionMap.entries()].filter(([, isSelected]) => isSelected).map(([keyword]) => keyword)
+    [...selectionMap.entries()].filter(([, isSelected]) => isSelected).map(([keyword]) => keyword),
   );
 
   const isAnySelected = useMemo(() => selected.length > 0, [selected]);
@@ -67,7 +67,7 @@ export function useKeywordSelection(...arrayOfArrays: MediaItem[][]): KeywordSel
       {
         search: isAnySelected ? `?${prepareKeywordsQueryParam(selected)}` : "",
       },
-      { replace: true }
+      { replace: true },
     );
   }, [navigate, selected, isAnySelected]);
 

diff --git a/src/hooks/useSchema.tsx b/src/hooks/useSchema.tsx
@@ -46,7 +46,7 @@ export function useSchema() {
         url: "https://www.b2ml.com.br",
       },
     }),
-    [t]
+    [t],
   );
 
   const personal = useMemo<Personal>(
@@ -64,15 +64,15 @@ export function useSchema() {
         twitter: "https://twitter.com/caponetto",
       },
     }),
-    [t]
+    [t],
   );
 
   const about = useMemo<About>(
     () => ({
       welcome: t("about:welcome"),
       paragraphs: Array.from(t("about:paragraphs", { returnObjects: true })),
     }),
-    [t]
+    [t],
   );
 
   const journey = useMemo<Journey>(
@@ -251,7 +251,7 @@ export function useSchema() {
         t("literal:xmpp"),
       ],
     }),
-    [t, locations]
+    [t, locations],
   );
 
   const text = useMemo<Text>(
@@ -391,7 +391,7 @@ export function useSchema() {
         },
       ],
     }),
-    [t]
+    [t],
   );
 
   const talk = useMemo<Talk>(
@@ -441,7 +441,7 @@ export function useSchema() {
         },
       ],
     }),
-    [t]
+    [t],
   );
 
   const code = useMemo<Code>(
@@ -529,7 +529,7 @@ export function useSchema() {
         },
       ],
     }),
-    [t]
+    [t],
   );
 
   return useMemo<AppSchema>(
@@ -541,6 +541,6 @@ export function useSchema() {
       talk,
       code,
     }),
-    [about, code, journey, personal, talk, text]
+    [about, code, journey, personal, talk, text],
   );
 }
diff --git a/src/pages/About/__tests__/AboutPage.test.tsx b/src/pages/About/__tests__/AboutPage.test.tsx
@@ -21,8 +21,8 @@ describe("AboutPage", () => {
       usingTestingContext(
         <Router location={history.location} navigator={history}>
           <AboutPage />
-        </Router>
-      )
+        </Router>,
+      ),
     );
     expect(getByTestId(`${pageName}-page`)).toMatchSnapshot();
   });

diff --git a/src/pages/About/__tests__/__snapshots__/AboutPage.test.tsx.snap b/src/pages/About/__tests__/__snapshots__/AboutPage.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`AboutPage should match the snapshot 1`] = `
       class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 MuiCard-root css-eegc1c-MuiPaper-root-MuiCard-root"
     >
       <div
-        class="MuiStack-root css-c789a6-MuiStack-root"
+        class="MuiStack-root css-8mcjw0-MuiStack-root"
       >
         <div
           class="MuiTypography-root MuiTypography-body1 css-efiysx-MuiTypography-root"
@@ -126,7 +126,7 @@ exports[`AboutPage should match the snapshot 1`] = `
                 class="MuiBox-root css-1l4w6pd"
               >
                 <a
-                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1j4x1kt-MuiTypography-root-MuiLink-root"
+                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-sy308k-MuiTypography-root-MuiLink-root"
                   href="https://github.com/caponetto"
                   rel="noreferrer"
                   target="_blank"
@@ -165,7 +165,7 @@ exports[`AboutPage should match the snapshot 1`] = `
                 class="MuiBox-root css-1l4w6pd"
               >
                 <a
-                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1j4x1kt-MuiTypography-root-MuiLink-root"
+                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-sy308k-MuiTypography-root-MuiLink-root"
                   href="https://twitter.com/caponetto"
                   rel="noreferrer"
                   target="_blank"
@@ -204,7 +204,7 @@ exports[`AboutPage should match the snapshot 1`] = `
                 class="MuiBox-root css-1l4w6pd"
               >
                 <a
-                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-1j4x1kt-MuiTypography-root-MuiLink-root"
+                  class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone css-sy308k-MuiTypography-root-MuiLink-root"
                   href="https://www.linkedin.com/in/ghcaponetto"
                   rel="noreferrer"
                   target="_blank"

diff --git a/src/pages/Code/__tests__/CodePage.test.tsx b/src/pages/Code/__tests__/CodePage.test.tsx
@@ -21,8 +21,8 @@ describe("CodePage", () => {
       usingTestingContext(
         <Router location={history.location} navigator={history}>
           <CodePage />
-        </Router>
-      )
+        </Router>,
+      ),
     );
     expect(getByTestId(`${pageName}-page`)).toMatchSnapshot();
   });