Introduce a new endpoint for fetching data in frontend

Author: sahinakkaya

routers/web/repo/contributors.go

@@ -3,6 +3,7 @@ package repo
 import (
 	"net/http"
 
+	contributors_model "code.gitea.io/gitea/models/contributors"
 	"code.gitea.io/gitea/modules/base"
 	"code.gitea.io/gitea/modules/context"
 )
@@ -28,3 +29,12 @@ func Contributors(ctx *context.Context) {
 
 	ctx.HTML(http.StatusOK, tplContributors)
 }
+
+// ContributorsData renders JSON of contributors along with their weekly commit statistics
+func ContributorsData(ctx *context.Context) {
+	if contributor_stats, err := contributors_model.GetContributorStats(ctx, ctx.Repo.Repository, ""); err != nil {
+		ctx.ServerError("GetContributorStats", err)
+	} else {
+		ctx.JSON(http.StatusOK, contributor_stats)
+	}
+}

routers/web/web.go

@@ -1247,6 +1247,7 @@ func registerRoutes(m *web.Route) {
 		m.Group("/contributors", func() {
 			m.Get("", repo.Contributors)
 			m.Get("/{contribution_type}", repo.Contributors)
+			m.Get("/data", repo.ContributorsData)
 		}, context.RepoRef(), repo.MustBeNotEmpty, context.RequireRepoReaderOr(unit.TypePullRequests, unit.TypeIssues, unit.TypeReleases))
 
 		m.Group("/archive", func() {

web_src/js/components/RepoContributors.vue

@@ -110,7 +110,7 @@ const sfc = {
   methods: {
     async fetchGraphData() {
       this.isLoading = true;
-      fetch(`/api/v1/repos/${this.repoLink}/contributors`)
+      fetch(`${this.repoLink}/contributors/data`)
         .then((response) => response.json())
         .then((data) => {
           const {Total, ...rest} = data;