aa

Author: dimaMachina

packages/nextra-theme/src/index.tsx

@@ -8,7 +8,7 @@ import { ReactElement, useCallback, useMemo } from 'react'
 import { useSet } from 'react-use'
 import { ThemeUICSSObject } from 'theme-ui'
 
-import { Divider, DividerProps, Flex, Spacing, useI18n } from '@edgeandnode/gds'
+import { Divider, DividerProps, Flex, Spacing } from '@edgeandnode/gds'
 
 import {
   Callout,
@@ -64,9 +64,9 @@ const mdxStyles: ThemeUICSSObject = {
 
 export { Heading, Image, LinkInline, Paragraph }
 
-export default function NextraLayout({ children, pageOpts }: NextraThemeLayoutProps): ReactElement {
+// @ts-expect-error TODO: pageProps
+export default function NextraLayout({ children, pageOpts, pageProps = {} }: NextraThemeLayoutProps): ReactElement {
   const { frontMatter, filePath, pageMap, headings, title } = pageOpts
-  const { locale, defaultLocale } = useI18n<any>()
   const fsPath = useFSRoute()
 
   const args = useMemo(() => {
@@ -137,7 +137,6 @@ export default function NextraLayout({ children, pageOpts }: NextraThemeLayoutPr
   }
 
   return (
-    // @ts-expect-error TODO: pageProps
     <NavContext.Provider value={{ filePath: pageProps.remoteFilePath || filePath, ...args }}>
       <DocumentContext.Provider value={{ frontMatter, headings, markOutlineItem, highlightedOutlineItemId }}>
         <NextSeo {...seo} />

website/next.config.js

@@ -14,10 +14,24 @@ const env = {
 
 const withNextra = nextra({
   theme: '@graphprotocol/nextra-theme',
-  staticImage: true,
   search: false,
   codeHighlight: false,
   defaultShowCopyCode: false,
+  transform(result, { route }) {
+    if (route && !result.includes('getStaticProps')) {
+      const banner = `
+import { getPageMap } from '@/src/getPageMap'
+
+export const getStaticProps = async context => ({
+  props: {
+    __nextra_pageMap: await getPageMap('${route.split('/')[1]}')
+  }
+})`
+      result += banner
+    }
+
+    return result
+  },
 })
 
 export default withNextra({
@@ -67,4 +81,35 @@ export default withNextra({
   images: {
     unoptimized: true,
   },
+  i18n: {
+    defaultLocale: 'en',
+    locales: [
+      'ar',
+      'de',
+      'en',
+      'es',
+      'fr',
+      'hi',
+      'it',
+      'ja',
+      'ko',
+      'mr',
+      'nl',
+      'pl',
+      'pt',
+      'ru',
+      'sv',
+      'tr',
+      'uk',
+      'ur',
+      'vi',
+      'zh',
+      // I added new lang otherwise build fails with
+      // Module not found: Can't resolve '/Users/dmytro/Desktop/GUILD/graph-docs/website/.next/static/chunks/nextra-page-map-ro.mjs'
+      'cs',
+      'ha',
+      'ro',
+      'yo',
+    ],
+  },
 })

website/pages/[locale]/index.mdx renamed to website/pages/[locale]/index.mdx.bak

@@ -1,4 +1,4 @@
-import { Folder, MetaJsonFile, PageMapItem } from 'nextra'
+import { MetaJsonFile, PageMapItem } from 'nextra'
 import { buildDynamicMeta } from 'nextra/remote'
 
 import { Locale, translate } from '@edgeandnode/gds'
@@ -12,17 +12,13 @@ export async function getPageMap(locale: Locale = Locale.ENGLISH) {
 
   const { __nextra_pageMap } = await buildDynamicMeta()
 
-  const pageMap = __nextra_pageMap.find(
-    (pageItem): pageItem is Folder => pageItem.kind === 'Folder' && pageItem.name === (locale as string),
-  )!.children
-
-  const resultPageMap = [
-    ...pageMap,
+  const resultPageMap: PageMapItem[] = [
+    ...__nextra_pageMap,
     // add missing dynamic "[locale]/index.mdx" page
     { kind: 'MdxPage', name: 'index', route: `/${locale}` },
   ]
 
-  const metaIndex = pageMap.findIndex((pageItem) => pageItem.kind === 'Meta')
+  const metaIndex = __nextra_pageMap.findIndex((pageItem) => pageItem.kind === 'Meta')
   ;(resultPageMap[metaIndex] as MetaJsonFile).data.index = translate(translations, locale, 'index.title')
 
   return resultPageMap