import { SidebarContentLink, SidebarContentList } from '../types/content-types'
import { getArticles, getSections } from './content'

export async function getSidebarContentList({
	sectionId,
	categoryId,
	articleId,
}: {
	sectionId?: string
	categoryId?: string
	articleId?: string
}): Promise<SidebarContentList> {
	const links: SidebarContentLink[] = []

	const articles = await getArticles()

	for (const section of await getSections()) {
		const children: SidebarContentLink[] = []

		if (section.id === 'gen') {
			links.push({ type: 'article', title: 'API Reference', url: '/gen' })

			// for (const category of section.categories) {
			// 	if (category.id === 'ucg') {
			// 		continue
			// 	} else {
			// 		children.push({
			// 			type: 'article',
			// 			title: category.title,
			// 			url: `/${section.id}/${category.id}`,
			// 		})
			// 	}
			// }

			// links.push({ type: 'section', title: 'API Reference', url: '/gen', children })
			continue
		}

		for (const category of section.categories) {
			if (category.id === 'ucg') {
				continue
			} else {
				children.push({
					type: 'category',
					title: category.title,
					url: `/${section.id}/${category.id}`,
					children: category.articleIds.map((articleId) => {
						const article = articles[articleId]
						return {
							type: 'article' as const,
							title: article.title,
							url: `/${section.id}/${category.id}/${articleId}`,
						}
					}),
				})
			}
		}

		for (const category of section.categories) {
			if (category.id === 'ucg') {
				children.push(
					...category.articleIds.map((articleId) => {
						const article = articles[articleId]
						return {
							type: 'article' as const,
							title: article.title,
							url: `/${section.id}/${category.id}/${articleId}`,
						}
					})
				)
			}
		}

		links.push({ type: 'section', title: section.title, url: `/${section.id}`, children })
	}

	return {
		sectionId: sectionId ?? null,
		categoryId: categoryId ?? null,
		articleId: articleId ?? null,
		links,
	}
}