import { computed, toValue } from 'vue';
import { useData } from 'vuepress/client';
import { gitOptions } from '../options.js';
import { resolveRepoLink } from '../utils/index.js';
const RE_ISSUE = /#(\d+)/g;
/**
 * Changelog composable
 *
 * 变更日志组合式函数
 *
 * @param enabled - Whether to enable changelog
 *
 * 是否启用变更日志
 *
 * @default true
 */
export const useChangelog = typeof __GIT_CHANGELOG__ === 'boolean' && __GIT_CHANGELOG__
    ? (enabled = true) => {
        const { frontmatter, lang, page } = useData();
        const { pattern = {}, provider } = gitOptions;
        const repo = resolveRepoLink(gitOptions.repo, provider);
        return computed(() => {
            if (frontmatter.value.changelog === false || !toValue(enabled))
                return [];
            const formatter = new Intl.DateTimeFormat(lang.value, {
                dateStyle: 'short',
            });
            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
            return (page.value.git?.changelog ?? []).map((item) => {
                const res = {
                    date: formatter.format(item.time),
                    ...item,
                };
                if (pattern.issue && repo) {
                    res.message = res.message.replace(RE_ISSUE, (matched, issue) => {
                        const url = pattern
                            .issue.replace(':issue', issue)
                            .replace(':repo', repo);
                        return `<a href="${url}" target="_blank" rel="noopener noreferrer">${matched}</a>`;
                    });
                }
                if (pattern.commit && repo) {
                    res.commitUrl = pattern.commit
                        .replace(':hash', res.hash)
                        .replace(':repo', repo);
                }
                if (pattern.tag && repo && res.tag)
                    res.tagUrl = pattern.tag
                        .replace(':tag', res.tag)
                        .replace(':repo', repo);
                return res;
            });
        });
    }
    : () => computed(() => []);