added backstage identity api to fetch bearer tokens and attach them to request headers for authenticating api requests within backstage

Signed-off-by: Rishabh Patel <rpatel@fanatics.com> Signed-off-by: Rishabh Patel <rishabhpatel58@gmail.com>

Author: rpatel-fanatics

src/api/GitlabCIClient.ts

@@ -6,7 +6,7 @@ import {
 MergeRequestsSummary,
 MergeRequestsStatusSummary,
 } from './GitlabCIApi';
-import { DiscoveryApi } from '@backstage/core-plugin-api';
+import { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';
 import {
 ContributorData,
 MergeRequest,
@@ -16,28 +16,34 @@ import {
 export class GitlabCIClient implements GitlabCIApi {
 discoveryApi: DiscoveryApi;
 baseUrl: string;
+identityApi: IdentityApi;
 constructor({
 discoveryApi,
 baseUrl = 'https://gitlab.com/',
+identityApi,
 }: {
 discoveryApi: DiscoveryApi;
 baseUrl?: string;
+identityApi: IdentityApi;
 }) {
 this.discoveryApi = discoveryApi;
 this.baseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
+this.identityApi = identityApi;
 }
 
 private async callApi<T>(
 path: string,
-query: { [key in string]: any },
+query: { [key in string]: any }
 ): Promise<T | []> {
 const apiUrl = `${await this.discoveryApi.getBaseUrl('proxy')}/gitlabci`;
+const { token } = await this.identityApi.getCredentials();
 const response = await fetch(
 `${apiUrl}/${path}?${new URLSearchParams(query).toString()}`,
+{ headers: { Authorization: `Bearer ${token}` } }
 );
 if (response.status === 200) {
 return (await response.json()) as T;
-}
+}
 return [];
 }
 
@@ -142,7 +148,7 @@ export class GitlabCIClient implements GitlabCIApi {
 
 async getProjectDetails(projectSlug?: string): Promise<Object | undefined> {
 let projectDetails: any;
-if(projectSlug){
+if (projectSlug) {
 projectDetails = await this.callApi<Object>(
 'projects/' + encodeURIComponent(projectSlug),
 {},

src/plugin.ts

@@ -1,13 +1,15 @@
-import { createPlugin, 
+import {
+ createPlugin,
  createRoutableExtension,
  createComponentExtension,
- } from '@backstage/core-plugin-api';
+} from '@backstage/core-plugin-api';
 
 import {
  configApiRef,
  createApiFactory,
  createRouteRef,
  discoveryApiRef,
+ identityApiRef,
 } from '@backstage/core-plugin-api';
 import { GitlabCIApiRef, GitlabCIClient } from './api';
 
@@ -20,22 +22,26 @@ export const gitlabPlugin = createPlugin({
  apis: [
  createApiFactory({
  api: GitlabCIApiRef,
- deps: { configApi: configApiRef, discoveryApi: discoveryApiRef },
- factory: ({ configApi, discoveryApi }) =>
+ deps: {
+ configApi: configApiRef,
+ discoveryApi: discoveryApiRef,
+ identityApi: identityApiRef,
+ },
+ factory: ({ configApi, discoveryApi, identityApi }) =>
  new GitlabCIClient({
  discoveryApi,
  baseUrl: configApi.getOptionalString('gitlab.baseUrl'),
+ identityApi,
  }),
  }),
  ],
 });
 
 export const EntityGitlabContent = gitlabPlugin.provide(
  createRoutableExtension({
- component: () =>
- import('./Router').then(m => m.Router),
+ component: () => import('./Router').then((m) => m.Router),
  mountPoint: rootRouteRef,
- }),
+ })
 );
 
 export const EntityGitlabLanguageCard = gitlabPlugin.provide(
@@ -86,4 +92,4 @@ export const EntityGitlabPipelinesTable = gitlabPlugin.provide(
  import('./components/widgets/index').then((m) => m.PipelinesTable),
  },
  })
-);
+);