import { Route } from '@/types';

import cache from '@/utils/cache';
import ofetch from '@/utils/ofetch';
import { load } from 'cheerio';

export const route: Route = {
    path: '/',
    categories: ['other'],
    example: '/naturalism',
    radar: [
        {
            source: ['naturalism.org'],
        },
    ],
    name: "What's New",
    maintainers: ['TonyRL'],
    handler,
    url: 'naturalism.org',
};

async function handler() {
    const baseUrl = 'https://naturalism.org';
    const response = await ofetch(baseUrl);
    const $ = load(response);

    const list = $('.view-what-s-new .field-content a')
        .toArray()
        .map((element) => {
            const a = $(element);
            return {
                title: a.text(),
                link: new URL(a.attr('href'), baseUrl).href,
            };
        });

    const items = await Promise.all(
        list.map((item) =>
            cache.tryGet(item.link, async () => {
                const response = await ofetch(item.link);
                const $ = load(response);

                const content = $('#content');
                content.find('h1').remove();

                item.description = $('#content').html();

                return item;
            })
        )
    );

    return {
        title: $('head title').text(),
        link: baseUrl,
        image: `${baseUrl}/sites/naturalism.org/files/swirl-logo.png`,
        item: items,
    };
}