import fs from 'fs'
import path from 'path'
import { compileMdx } from './compile.mjs'
import { ghPrefix } from './remark-github-images.mjs'

/*
 * Loads markdown/mdx from disk
 * Will fallback to en if the specific language is not available.
 * If not, the site wil always be broken while translation catches up with new content
 */
export const loadMdxFromDisk = async ({
  language, // The language code of the markdown to load (like 'en')
  site, // The site folder, one of 'dev' or 'org'
  slug, // The slug below that folder, like 'guides/plugins'
}) => {
  let result
  try {
    result = await fs.promises.readFile(
      path.resolve(`../../markdown/${site}/${slug}/${language}.md`),
      'utf-8'
    )
  } catch (err) {
    result = await fs.promises.readFile(
      path.resolve(`../../markdown/${site}/${slug}/en.md`),
      'utf-8'
    )
  }

  return result
}

/*
 * Loads markdown/mdx from Github
 */
export const loadMdxFromGithub = async ({
  language, // The language code of the markdown to load (like 'en')
  site, // The site folder, one of 'dev' or 'org'
  slug, // The slug below that folder, like 'guides/plugins'
}) => {
  const response = await fetch(`${ghPrefix}/${site}/${slug}/${language}.md`)
  const md = await response.text()

  return md
}

/*
 * Loads markdown/mdx from disk and compiles it for use
 * in static props.
 */
export const loadMdxAsStaticProps = async ({
  language, // The language code of the markdown to load (like 'en')
  site, // The site folder, one of 'dev' or 'org'
  slug = false, // The slug below that folder, like 'guides/plugins'
  slugs = {}, // An object where key is an ID and value the slug to load
}) => {
  const result = {}
  if (slug) slugs.default = slug
  for (const [key, val] of Object.entries(slugs)) {
    const md = await loadMdxFromDisk({ language, site, slug: val })
    const mdx = await compileMdx({
      md,
      site,
      slug: val,
    })
    result[key] = { ...mdx, slug: val }
  }

  return slug ? result.default : result
}