Fetch repo & package data from github & nuget apis.

Author: FawzyMokhtar

src/app/root/components/footer/footer.component.html

@@ -20,10 +20,17 @@
                 <a href="{{settings.gitHubRepo}}" target="blank" class="nav-link">
                     <i class="fa fa-github"></i>
                     GitHub
+                    <a href="{{settings.gitHubRepo + '/stargazers'}}" target="blank" class="badge badge-light">
+                        <i class="fa fa-star"></i>
+                        {{  (gitHubRepo$ | async)?.stargazers_count}}
+                    </a>
                 </a>
                 <a href="{{settings.nugetPackage}}" target="blank" class="nav-link">
                     <i class="fa fa-download"></i>
                     Nuget
+                    <span class="badge badge-light">
+                        {{  (nugetPackage$ | async)?.data[0].totalDownloads}}
+                    </span>
                 </a>
             </div>
         </nav>

src/app/root/components/footer/footer.component.ts

@@ -1,13 +1,26 @@
-import {Component} from "@angular/core";
+import {Component, OnInit} from "@angular/core";
+import {Observable} from "rxjs";
 import {environment} from "../../../../environments/environment";
+import {LibService} from "../../services";
+import {IGitHubRepo, INugetPackage} from "../../models";
 
 @Component({
   selector: "app-footer",
   templateUrl: "./footer.component.html",
   styleUrls: ["./footer.component.sass"]
 })
-export class FooterComponent {
+export class FooterComponent implements OnInit {
 
   year: number = new Date().getFullYear();
   settings = environment;
+
+  gitHubRepo$: Observable<IGitHubRepo>;
+  nugetPackage$: Observable<INugetPackage>;
+
+  constructor (private libService: LibService) {}
+
+  ngOnInit() {
+    this.gitHubRepo$ = this.libService.fetchGitHubRepo();
+    this.nugetPackage$ = this.libService.fetchNugetPackage();
+  }
 }

src/app/root/models/git-hub-repo.model.ts

@@ -0,0 +1,4 @@
+export interface IGitHubRepo {
+    id: string;
+    stargazers_count: number;
+}

src/app/root/models/index.ts

@@ -0,0 +1,2 @@
+export * from "./git-hub-repo.model";
+export * from "./nuget-package.model";

src/app/root/models/nuget-package.model.ts

@@ -0,0 +1,19 @@
+export interface INugetPackage {
+    data: {
+        id: string;
+        version: string;
+        description: string;
+        summary: string;
+        title: string;
+        licenseUrl: string;
+        tags: string[];
+        authors: string[];
+        totalDownloads: number;
+        verified: boolean;
+        versions: {
+            version: string,
+            downloads: number,
+            "@id": string;
+        }[];
+    }[];
+}

src/app/root/services/index.ts

@@ -1,7 +1,10 @@
 import {GlobalService} from "./global.service";
+import {LibService} from "./lib.service";
 
 export * from "./global.service";
+export * from "./lib.service";
 
 export const SERVICES: any[] = [
-    GlobalService
+    GlobalService,
+    LibService
 ];

src/app/root/services/lib.service.ts

@@ -0,0 +1,28 @@
+import {Injectable} from "@angular/core";
+import {HttpClient} from "@angular/common/http";
+import {Observable} from "rxjs";
+import {environment} from "../../../environments/environment";
+import {IGitHubRepo, INugetPackage} from "../models";
+
+/**
+ * A library service to fetch git-hb & nuget-package data.
+ */
+@Injectable()
+export class LibService {
+
+  constructor (private http: HttpClient) {}
+
+  /**
+   * Fetches the git-hub-repo data.
+   */
+  public fetchGitHubRepo(): Observable<IGitHubRepo> {
+    return this.http.get<IGitHubRepo>(environment.gitHubApi);
+  }
+
+  /**
+   * Fetches the nuget-package data.
+   */
+  public fetchNugetPackage(): Observable<INugetPackage> {
+    return this.http.get<INugetPackage>(environment.nugetApi);
+  }
+}

src/environments/environment.prod.ts

@@ -1,6 +1,8 @@
 export const environment = {
   production: true,
-  gitHubRepo: "https://github.com/dotnet-validator/lib",
+  gitHubRepo: "https://github.com/DotNetValidator/DotNetValidator",
+  gitHubApi: "https://api.github.com/repos/DotNetValidator/DotNetValidator",
   nugetPackage: "https://www.nuget.org/packages/DotNetValidator/",
-  stackOverflow: "https://stackoverflow.com/questions/tagged/dotnet-validator",
+  nugetApi: "https://api-v2v3search-0.nuget.org/query?q=packageid:dotnetvalidator",
+  stackOverflow: "https://stackoverflow.com/questions/tagged/DotNetValidator",
 };

src/environments/environment.ts

@@ -4,9 +4,11 @@
 
 export const environment = {
   production: false,
-  gitHubRepo: "https://github.com/dotnet-validator/lib",
+  gitHubRepo: "https://github.com/DotNetValidator/DotNetValidator",
+  gitHubApi: "https://api.github.com/repos/DotNetValidator/DotNetValidator",
   nugetPackage: "https://www.nuget.org/packages/DotNetValidator/",
-  stackOverflow: "https://stackoverflow.com/questions/tagged/dotnet-validator",
+  nugetApi: "https://api-v2v3search-0.nuget.org/query?q=packageid:dotnetvalidator",
+  stackOverflow: "https://stackoverflow.com/questions/tagged/DotNetValidator",
 };
 
 /*