/**
 * This is the place where you define your documentation
 * configuration. For all available options,
 * see the DocsConfig type definition.
 */

import { resolve } from 'pathe'
import type { DocsConfig } from 'stacks'

const docs: DocsConfig = {
  outDir: resolve(__dirname, '../.stacks/docs/dist'),
  lang: 'en-US',
  title: 'Stacks',
  description: 'Composability-First. UI/FX Framework.',
  lastUpdated: true,

  themeConfig: {
    nav: nav(),

    sidebar: {
      '/guide/': sidebarGuide(),
    },

    editLink: {
      pattern: 'https://github.com/ow3org/stacks/edit/main/apps/site/docs/:path',
      text: 'Edit this page on GitHub',
    },

    socialLinks: [
      { icon: 'twitter', link: 'https://twitter.com/ow3org' },
      { icon: 'github', link: 'https://github.com/ow3org/stacks' },
      { icon: 'discord', link: 'https://twitter.com/ow3org' },
    ],

    footer: {
      message: 'Released under the MIT License.',
      copyright: 'Copyright © 2022-present Open Web Foundation',
    },

    algolia: {
      appId: '',
      apiKey: '',
      indexName: '',
    },

    carbonAds: {
      code: '',
      placement: '',
    },
  },
}

export default docs

function nav() {
  return [
    { text: 'Config', link: '/config', activeMatch: '/config' },
    {
      text: 'Changelog',
      link: 'https://github.com/ow3org/stacks/blob/main/CHANGELOG.md',
    },
    { text: 'Blog', link: 'https://updates.ow3.org' },
  ]
}

function sidebarGuide() {
  return [
    {
      text: 'Introduction',
      collapsible: true,
      items: [
        { text: 'What is Stacks?', link: '/guide/what-is-stacks' },
        { text: 'Getting Started', link: '/guide/getting-started' },
        { text: 'Configuration', link: '/guide/config' },
      ],
    },
    {
      text: 'Digging Deeper',
      collapsible: true,
      items: [
        { text: 'How To?', link: '/guide/stacks' },
        { text: 'Workflows / CI', link: '/guide/ci' },
        { text: 'VS Code', link: '/guide/vs-code' },
        { text: 'Apps', link: '/guide/apps' },
        { text: 'Examples', link: '/guide/examples' },
        { text: 'Packages', link: '/guide/packages' },
        { text: 'Testing', link: '/guide/testing' },
        { text: 'Single File Components', link: '/guide/sfcs' },
      ],
    },
    {
      text: 'Starters',
      collapsible: true,
      items: [
        { text: 'Vue Starter', link: '/starter/vue' },
        { text: 'Web Component Starter', link: '/starter/web-components' },
        { text: 'Composable Starter', link: '/starter/web-components' },
        { text: 'TypeScript Starter', link: '/starter/web-components' },
      ],
    },
  ]
}