import path from 'path'
import fs from 'fs'
import { hopeTheme } from 'vuepress-theme-hope'

export default hopeTheme({
  favicon: 'favicon.ico',
  logo: '/logo.svg',
  docsRepo: 'https://github.com/Ocelot-Social-Community/Ocelot-Social',
  docsBranch: 'master',
  docsDir: '.',
  editLink: true,
  lastUpdated: false,
  contributors: false,
  print: false,
  pure: true,
  navbarLayout: {
    start: ['Brand'],
    center: ['Links'],
    end: ['Repo', 'Outlook', 'Search'],
  },
  repo: 'Ocelot-Social-Community/Ocelot-Social',
  repoLabel: 'GitHub',
  repoDisplay: true,


  displayFooter: true,
  copyright: '&copy; by <a href="https://busfaktor.org" target="_blank">busFaktor() e.V.</a> & Authors | <a href="https://ocelot.social/en/impressum/">Imprint</a>',
  footer: 'Released under the <a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer"><!--[-->MIT License<!--]--><!----></a>.',
  sidebar: generateSidebar('../../SUMMARY.md'),
  navbar: [
    {
      text: 'Demo',
      link: 'https://stage.ocelot.social/',
      target: '_self',
    },
  ],
  plugins: {
    mdEnhance: {
      align: true,
      demo: true,
      imgLazyload: true,
      imgMark: true,
      imgSize: true,
      sub: true,
      sup: true,
      tabs: true,
      vPre: true,
    },
    searchPro: {
      indexContent: true,
      autoSuggestions: true,
      customFields: [
        {
          getter: (page) => page.frontmatter.category,
          formatter: "Category: $content",
        },
        {
          getter: (page) => page.frontmatter.tag,
          formatter: "Tag: $content",
        },
      ],
    }
  }
})

function generateSidebar(summaryFileName) {
  const summaryFile = path.resolve(__dirname, summaryFileName)

  try {
    return getSummaryData(summaryFile)
  } catch (err) {
    console.error(`Error generating sidebar from file ${summaryFileName}:`, err)
    process.exit(1)
  }
}

function getSummaryData(file) {
  const lines = fs.readFileSync(file, 'utf8').split('\n')
  const sidebarStructure = []
  let currentParent = null

  lines.forEach((line, i) => {
    const level = line.search(/\S|$/) / 2
    const match = line.match(/^\s*\*\s*\[([^\]]+)\]\(([^)]+)\)/)

    if (match) {
      const newEntry = { text: match[1], link: `/${match[2]}`, children: [] }
      if (level === 0) {
        sidebarStructure.push(newEntry)
        currentParent = sidebarStructure[sidebarStructure.length - 1]
      } else {
        let parent = currentParent
    
        for (let i = 1; i < level; i++) {
          parent = parent.children[parent.children.length - 1]
        }
    
        parent.children.push(newEntry)
      }
    }
  })

  sidebarStructure.forEach(removeEmptyArrays)
  return sidebarStructure
}

function removeEmptyArrays(item) {
  if (item.children && item.children.length === 0) {
    delete item.children;
  } else if (item.children) {
    item.children.forEach(removeEmptyArrays);
  }
}