3/4 Refactor _meta.js to prefer sidebarTitle

.eslintrc.js

@@ -21,10 +21,10 @@ module.exports = {
       // Only lint the English pages because the Markdown for the other languages is auto-generated from English (via Crowdin).
       // But include all languages when running the ESLint extension in VS Code (in case the user has "eslint.validate": ["mdx"]),
       // otherwise there will be random errors since the non-English files don't match any ruleset.
-      files: [`website/pages/${isVSCode ? '' : 'en/'}**/*.{md,mdx}`],
+      files: [`website/src/pages/${isVSCode ? '' : 'en/'}**/*.{md,mdx}`],
       excludedFiles: [
-        `website/pages/${isVSCode ? '' : 'en/'}developing/graph-ts/*.md`,
-        `website/pages/${isVSCode ? '' : 'en/'}querying/graph-client/*.md`,
+        `website/src/pages/${isVSCode ? '' : 'en/'}developing/graph-ts/*.md`,
+        `website/src/pages/${isVSCode ? '' : 'en/'}querying/graph-client/*.md`,
       ],
       parser: 'eslint-mdx',
       processor: 'mdx/remark',

.prettierignore

@@ -6,5 +6,5 @@ dist/
 website/.graphclient/
 
 # ignore below md since they are fetched from GitHub
-website/pages/en/developing/graph-ts/*.md
-website/pages/en/querying/graph-client/*.md
+website/src/pages/en/developing/graph-ts/*.md
+website/src/pages/en/querying/graph-client/*.md

website/i18n.ts

@@ -1,29 +1,29 @@
 import { Locale, type NestedStrings, type Translations, useI18n as _useI18n } from '@edgeandnode/gds'
 
-import ar from '@/pages/ar/translations'
-import cs from '@/pages/cs/translations'
-import de from '@/pages/de/translations'
-import en from '@/pages/en/translations'
-import es from '@/pages/es/translations'
-import fr from '@/pages/fr/translations'
-import ha from '@/pages/ha/translations'
-import hi from '@/pages/hi/translations'
-import it from '@/pages/it/translations'
-import ja from '@/pages/ja/translations'
-import ko from '@/pages/ko/translations'
-import mr from '@/pages/mr/translations'
-import nl from '@/pages/nl/translations'
-import pl from '@/pages/pl/translations'
-import pt from '@/pages/pt/translations'
-import ro from '@/pages/ro/translations'
-import ru from '@/pages/ru/translations'
-import sv from '@/pages/sv/translations'
-import tr from '@/pages/tr/translations'
-import uk from '@/pages/uk/translations'
-import ur from '@/pages/ur/translations'
-import vi from '@/pages/vi/translations'
-import yo from '@/pages/yo/translations'
-import zh from '@/pages/zh/translations'
+import ar from '@/src/pages/ar/translations'
+import cs from '@/src/pages/cs/translations'
+import de from '@/src/pages/de/translations'
+import en from '@/src/pages/en/translations'
+import es from '@/src/pages/es/translations'
+import fr from '@/src/pages/fr/translations'
+import ha from '@/src/pages/ha/translations'
+import hi from '@/src/pages/hi/translations'
+import it from '@/src/pages/it/translations'
+import ja from '@/src/pages/ja/translations'
+import ko from '@/src/pages/ko/translations'
+import mr from '@/src/pages/mr/translations'
+import nl from '@/src/pages/nl/translations'
+import pl from '@/src/pages/pl/translations'
+import pt from '@/src/pages/pt/translations'
+import ro from '@/src/pages/ro/translations'
+import ru from '@/src/pages/ru/translations'
+import sv from '@/src/pages/sv/translations'
+import tr from '@/src/pages/tr/translations'
+import uk from '@/src/pages/uk/translations'
+import ur from '@/src/pages/ur/translations'
+import vi from '@/src/pages/vi/translations'
+import yo from '@/src/pages/yo/translations'
+import zh from '@/src/pages/zh/translations'
 
 const appLocales = [
   Locale.ARABIC,

website/next.config.js

@@ -1,12 +1,10 @@
 import nextra from 'nextra'
-import path from 'node:path'
-import { visit } from 'unist-util-visit'
 
 import { translate } from '@edgeandnode/gds'
 
 // Compile `i18n.ts` to `i18n.js` since we can't import `ts` files in `next.config.js`
 import { translations } from './dist/i18n.js'
-import { remarkReplaceLinks } from './src/remarkReplaceLinks.js'
+import { remarkTransformRemoteGitHub } from './src/remarkTransformRemoteGitHub.js'
 
 const env = {
   ENVIRONMENT: process.env.ENVIRONMENT,
@@ -23,56 +21,85 @@ const env = {
 }
 
 const withNextra = nextra({
-  theme: './src/nextra-theme/index.tsx',
+  theme: './src/NextraLayout.tsx',
   search: false,
   codeHighlight: false,
   defaultShowCopyCode: false,
   readingTime: true,
   transformPageMap(pageMap) {
-    const locale = pageMap[0].data.slice(0, 2)
+    const locale = pageMap[0].route.slice(1, 3)
+    // TODO: remove this when crowdin will translate global.json
+    const t = (key) => {
+      try {
+        return translate(translations, locale, `global.sidebar.${key}`)
+      } catch {
+        return translate(translations, 'en', `global.sidebar.${key}`)
+      }
+    }
+
+    const metaFile = {
+      index: t('index'),
+      '---1': {
+        type: 'separator',
+      },
+      about: '',
+      network: t('network'),
+      sunrise: '',
+      billing: '',
+      glossary: '',
+      tokenomics: '',
+      arbitrum: t('arbitrum'),
+      '---2': {
+        type: 'separator',
+      },
+      '###1': {
+        type: 'heading',
+        title: t('subgraphs'),
+      },
+      'quick-start': '',
+      developing: t('developing'),
+      deploying: t('deploying'),
+      publishing: t('publishing'),
+      managing: t('managing'),
+      querying: t('querying'),
+      cookbook: t('cookbook'),
+      'release-notes': t('releaseNotes'),
+      '---3': {
+        type: 'separator',
+      },
+      '###2': {
+        type: 'heading',
+        title: t('substreams'),
+      },
+      substreams: '',
+      '---4': {
+        type: 'separator',
+      },
+      '###3': {
+        type: 'heading',
+        title: t('indexing'),
+      },
+      'operating-graph-node': '',
+      'chain-integration-overview': '',
+      'supported-network-requirements': '',
+      'new-chain-integration': '',
+      firehose: '',
+      graphcast: '',
+      'mips-faqs': '',
+    }
+
     return [
-      ...pageMap,
+      { data: metaFile },
       {
         route: `/${locale}`,
         name: 'index',
-        frontMatter: {
-          title: translate(translations, locale, 'index.title'),
-        },
+        frontMatter: {},
       },
+      ...pageMap,
     ]
   },
   mdxOptions: {
-    remarkPlugins: [
-      () => (tree, file) => {
-        const filePath = path.relative(process.cwd(), file.history[0])
-        const [fileName, directory] = filePath.split('/').reverse()
-
-        let user
-        let repo
-        let branch
-        let basePath
-        if (directory === 'graph-ts') {
-          user = 'graphprotocol'
-          repo = 'graph-tooling'
-          branch = 'main'
-          basePath = '/developing/graph-ts/'
-        } else if (directory === 'graph-client') {
-          user = 'graphprotocol'
-          repo = 'graph-client'
-          branch = 'main'
-          basePath = '/querying/graph-client/'
-        }
-        if (user) {
-          visit(tree, 'link', (node) => {
-            if (node.url.startsWith('../')) {
-              const GO_BACK_REPEATED_REGEX = /(\.\.\/)+/
-              node.url = node.url.replace(GO_BACK_REPEATED_REGEX, `https://github.com/${user}/${repo}/tree/${branch}/`)
-            }
-          })
-          remarkReplaceLinks({ foundPath: fileName, basePath })(tree, file)
-        }
-      },
-    ],
+    remarkPlugins: [remarkTransformRemoteGitHub],
   },
 })
 
@@ -126,33 +153,6 @@ export default withNextra({
   },
   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',
-    ],
+    locales: Object.keys(translations),
   },
 })

website/package.json

@@ -28,7 +28,7 @@
     "next": "^14.2.5",
     "next-seo": "^6.5.0",
     "next-sitemap": "^4.2.3",
-    "nextra": "^3.0.0-alpha.30",
+    "nextra": "^3.0.0-alpha.31",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-ga4": "^2.1.0",