Система комментариев на основе Github issues

Искал систему комментирования для встраивания на статический сайт — может придумали что получше bloat дискуса. И таки придумали в 2017. Встраивать гисты на статические сайты я, конечно, и сам догадывался, чтобы потом джаваскриптом выцеплять оттуда данные, но использовать для комментариев баг-трекер — это, конечно, забавная идея.

Переписал с jquery на ванильный js, и встроил сюда.

<div id="ghcList"></div>
<script>
  loadGithubComments(1);
</script>

function loadGithubComments(githubIssueId) {
    const githubUser = use yours
    const githubRepo = use yours
    const addCommentUrl = `https://github.com/${githubUser}/${githubRepo}/issues/${githubIssueId}`;
    const githubApiUrl = `https://api.github.com/repos/${githubUser}/${githubRepo}/issues/${githubIssueId}/comments`;
    fetch(githubApiUrl, {
        headers: {Accept: "application/vnd.github.v3.html+json"}
    }).then((response) => {
        return response.json()
    }).then((comments) => {
        comments.forEach((comment) => {
            let text = "<a href='" + comment.user.html_url + "' target='_blank'>" + comment.user.login + "</a>: " + comment.body_html;
            const $ghcListItem = document.createElement('div')
            $ghcListItem.setAttribute('class', 'ghcListItem');
            $ghcListItem.innerHTML = text;
            document.querySelector('#ghcList').appendChild($ghcListItem);
        })
    }).catch((error) => {
        console.log(error)
    });
}

2024.05.14 in webdev