docs/lib/site-data.js

import path from 'path'
import flat from 'flat'
import { get, set } from 'lodash-es'
import languages from './languages.js'
import dataDirectory from './data-directory.js'
import encodeBracketedParentheses from './encode-bracketed-parentheses.js'

const loadSiteDataFromDir = (dir) => {
  return {
    site: {
      data: dataDirectory(path.join(dir, 'data'), {
        preprocess: (dataString) => encodeBracketedParentheses(dataString.trimEnd()),
        ignorePatterns: [/README\.md$/],
      }),
    },
  }
}

export default function loadSiteData() {
  // load English site data
  const siteData = {
    en: loadSiteDataFromDir(languages.en.dir),
  }

  const englishKeys = Object.keys(flat(siteData.en))
  for (const language of Object.values(languages)) {
    if (language.code === 'en') continue
    const data = loadSiteDataFromDir(language.dir)
    const keys = Object.keys(flat(data))
    // First set the fallback, which might get used if not overridden
    for (const key of englishKeys) {
      set(siteData, `${language.code}.${key}`, get(siteData.en, key))
    }
    for (const key of keys) {
      set(siteData, `${language.code}.${key}`, get(data, key))
    }
  }

  for (const language of Object.values(languages)) {
    // Add the English `slug` to each item, to link a consistent anchor
    siteData[language.code].site.data.glossaries.external.forEach((item, i) => {
      item.slug = siteData.en.site.data.glossaries.external[i].term
    })

    // Sort glossary by language-specific function
    if (language.code !== 'en') {
      siteData[language.code].site.data.glossaries.external.sort((a, b) =>
        a.term.localeCompare(b.term, language.code)
      )
    }
  }

  return siteData
}