main.js

const apiVersion = "api-version=7.1";
const apiTop = 10000;

var organization = "";
var project = "";
var minTime = "";
var personalAccessToken = "";
var authHeader = "";
var headers = new Headers();
var contributionChartData = {};
var contributionChart = null;

const fetchData = async (url) => {
    const response = await fetch(url, { headers });
    return response.json();
};

const getRepos = async () => {
    const url = `https://dev.azure.com/${organization}/${project}/_apis/git/repositories?${apiVersion}`;
    const data = await fetchData(url);
    return data.value || [];
};

const getCommits = async (repoId, page = 1) => {
    const url = `https://dev.azure.com/${organization}/${project}/_apis/git/repositories/${repoId}/commits?searchCriteria.fromDate=${minTime}&$top=${apiTop}&$skip=${(page - 1) * apiTop}&${apiVersion}`;
    const data = await fetchData(url);
    return data;
};

const getPullRequests = async (repoId, page = 1) => {
    const url = `https://dev.azure.com/${organization}/${project}/_apis/git/repositories/${repoId}/pullrequests?searchCriteria.status=completed&searchCriteria.minTime=${minTime}&$top=${apiTop}&$skip=${(page - 1) * apiTop}&${apiVersion}`;
    const data = await fetchData(url);
    return data;
};

const createUser = function (user) {
    if (contributionChartData[user] === undefined) {
        contributionChartData[user] = {
            "commits": 0,
            "pullRequestsCreated": 0,
            "pullRequestsReviewed": 0
        }
    }
}

const aggregateDataByUser = async () => {
    const repos = await getRepos();

    for (const repo of repos) {
        if (!repo.isDisabled) {

            let page = 1;
            let commits;

            do {
                commits = await getCommits(repo.id, page);
                commits.value.forEach(commit => {
                    const author = commit.author.email;
                    createUser(author);
                    contributionChartData[author].commits = (contributionChartData[author].commits || 0) + 1;
                });
                page++;
            } while (commits.value.length === apiTop); // Continue if page is full (potentially more pages)

            page = 1;
            let pullRequests;

            do {
                pullRequests = await getPullRequests(repo.id, page);
                pullRequests.value.forEach(pr => {
                    const creator = pr.createdBy.uniqueName;
                    createUser(creator);

                    for (var i = 0; i < pr.reviewers.length; i++) {
                        const reviewer = pr.reviewers[i].uniqueName;
                        createUser(reviewer);
                        contributionChartData[reviewer].pullRequestsReviewed = (contributionChartData[reviewer].pullRequestsReviewed || 0) + 1;
                    }

                    contributionChartData[creator].pullRequestsCreated = (contributionChartData[creator].pullRequestsCreated || 0) + 1;
                });
                page++;
            } while (pullRequests.value.length === apiTop); // Continue if page is full (potentially more pages)
        }
    }

    console.log("Contributions graph data:", contributionChartData);

    const labels = Object.keys(contributionChartData);
    const commits = Object.values(contributionChartData).map(item => item.commits);
    const pullRequestsCreated = Object.values(contributionChartData).map(item => item.pullRequestsCreated);
    const pullRequestsReviewed = Object.values(contributionChartData).map(item => item.pullRequestsReviewed);

    hideLoading();
    destroyChart();

    const ctx = document.getElementById('stackedBarChart').getContext('2d');
    contributionChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: labels,
            datasets: [
                {
                    label: 'Commits',
                    data: commits,
                    backgroundColor: 'rgba(75, 192, 192, 0.5)',
                },
                {
                    label: 'Pull Requests Created',
                    data: pullRequestsCreated,
                    backgroundColor: 'rgba(153, 102, 255, 0.5)',
                },
                {
                    label: 'Pull Requests Reviewed',
                    data: pullRequestsReviewed,
                    backgroundColor: 'rgba(255, 159, 64, 0.5)',
                }
            ]
        },
        options: {
            plugins: {
                legend: {
                    position: 'top',
                },
            },
            responsive: true,
            scales: {
                x: {
                    stacked: true,
                },
                y: {
                    stacked: true
                }
            }
        }
    });
};

const scanButtonClicked = function () {
    project = document.getElementById("projectName").value;
    personalAccessToken = document.getElementById("PATtoken").value;
    organization = document.getElementById("organization").value;
    minTime = document.getElementById("startDate").value;

    if (organization !== "" && project !== "" && personalAccessToken !== "" && minTime != "") {
        authHeader = 'Basic ' + btoa(':' + personalAccessToken);
        headers = new Headers({
            "Content-Type": "application/json",
            "Authorization": authHeader
        });
        destroyChart();
        showLoading();
        aggregateDataByUser().catch(error => {
            hideLoading();
            console.error('Error:', error);
            alert("Please check if the given Azure DevOps Project Name and Azure Personal Access Token are corrent and valid.");
        });
    } else {
        alert("All the inputs are mandatory, please check if you provided correct values.");
    }
}

const showLoading = function () {
    var x = document.getElementById("loading");
    x.style.display = "block";
}

const hideLoading = function () {
    var x = document.getElementById("loading");
    x.style.display = "none";
}

const destroyChart = function () {
    contributionChartData = {};
    const ctx = document.getElementById('stackedBarChart').getContext('2d');
    if (contributionChart) {
        contributionChart.destroy();
    }
}

window.onload = (event) => {
    document.getElementById("scanButton").addEventListener("click", (scanButtonClicked));
};