[web] Update to nextra 3 #1364 (#1373)

* web - update to nextra 3

* web - update to nextra 3

* web - fix unit tests

* web - fix format

* web - fix api docs

agdb_web/components/pages/openapi/openapi.spec.tsx

@@ -13,7 +13,7 @@ const jsonMock = {
     paths: {},
 };
 
-vi.mock("next/router", () => ({
+vi.mock("nextra/hooks", () => ({
     useRouter: () => ({
         pathname: "/",
         locale: "en-US",

agdb_web/hooks/i18n.spec.tsx

@@ -9,14 +9,10 @@ const { useRounterMock, messagesEnMock } = vi.hoisted(() => {
         messagesEnMock: vi.fn(),
     };
 });
-vi.mock("next/router", () => ({
+vi.mock("nextra/hooks", () => ({
     useRouter: useRounterMock,
 }));
 
-vi.mock("nextra/constants", () => ({
-    DEFAULT_LOCALE: "en-US",
-}));
-
 vi.mock("@/messages/cs-CZ.json", () => ({
     test: "testCZ",
 }));
@@ -40,6 +36,7 @@ describe("i18n", () => {
         messagesEnMock.mockRejectedValue(new Error("error"));
         useRounterMock.mockReturnValue({
             locale: "",
+            defaultLocale: "en-US",
         });
         const { result } = renderHook(() => useI18n());
         await waitFor(() => {
@@ -51,6 +48,7 @@ describe("i18n", () => {
         messagesEnMock.mockResolvedValue(messagesEN);
         useRounterMock.mockReturnValue({
             locale: "",
+            defaultLocale: "en-US",
         });
         const { result } = renderHook(() => useI18n());
         await waitFor(() => {
@@ -61,6 +59,7 @@ describe("i18n", () => {
     it("should return the default locale", async () => {
         useRounterMock.mockReturnValue({
             locale: "cs-CZ",
+            defaultLocale: "en-US",
         });
 
         const { result } = renderHook(() => useI18n());
@@ -70,6 +69,7 @@ describe("i18n", () => {
     it("should return a translation", async () => {
         useRounterMock.mockReturnValue({
             locale: "cs-CZ",
+            defaultLocale: "en-US",
         });
         const { result } = renderHook(() => useI18n());
 

agdb_web/hooks/i18n.tsx

@@ -1,6 +1,5 @@
-import { useRouter } from "next/router";
+import { useRouter } from "nextra/hooks";
 import { useEffect, useState } from "react";
-import { DEFAULT_LOCALE } from "nextra/constants";
 
 type MessagesStructure = { [key: string]: string | MessagesStructure };
 
@@ -19,19 +18,13 @@ const iterateMessages = (
     }
 };
 
-export const getDefaultLocale = (): string => {
-    return DEFAULT_LOCALE;
-};
-
 export const useI18n = () => {
-    const { locale } = useRouter();
+    const { locale, defaultLocale } = useRouter();
     const [fallbackMessages, setFallbackMessages] = useState(
         new Map<string, string>(),
     );
     const [messages, setMessages] = useState(new Map<string, string>());
 
-    const defaultLocale = getDefaultLocale();
-
     const processFallbackMessages = (data: MessagesStructure): void => {
         const messages = new Map<string, string>();
         iterateMessages(null, data, messages);

agdb_web/middleware.ts

@@ -1 +1,5 @@
-export { locales as middleware } from "nextra/locales";
+export { middleware } from "nextra/locales";
+
+export const config = {
+    matcher: ["/((?!_next/static|_next/image|favicon.ico|images|manifest).*)"],
+};