introduce @backstage/integration-react and its scmIntegrationsApiRef

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

packages/app/package.json

@@ -7,6 +7,7 @@
     "@backstage/catalog-model": "^0.7.4",
     "@backstage/cli": "^0.6.4",
     "@backstage/core": "^0.7.1",
+    "@backstage/integration-react": "^0.1.1",
     "@backstage/plugin-api-docs": "^0.4.8",
     "@backstage/plugin-catalog": "^0.4.2",
     "@backstage/plugin-catalog-import": "^0.4.3",
@@ -29,8 +30,8 @@
     "@backstage/plugin-register-component": "^0.2.12",
     "@backstage/plugin-rollbar": "^0.3.3",
     "@backstage/plugin-scaffolder": "^0.7.1",
-    "@backstage/plugin-sentry": "^0.3.8",
     "@backstage/plugin-search": "^0.3.3",
+    "@backstage/plugin-sentry": "^0.3.8",
     "@backstage/plugin-tech-radar": "^0.3.7",
     "@backstage/plugin-techdocs": "^0.6.1",
     "@backstage/plugin-user-settings": "^0.2.7",

packages/app/src/apis.ts

@@ -15,22 +15,32 @@
  */
 
 import {
+  AnyApiFactory,
+  configApiRef,
+  createApiFactory,
   errorApiRef,
   githubAuthApiRef,
-  createApiFactory,
 } from '@backstage/core';
-
+import {
+  ScmIntegrationsApi,
+  scmIntegrationsApiRef,
+} from '@backstage/integration-react';
+import {
+  costInsightsApiRef,
+  ExampleCostInsightsClient,
+} from '@backstage/plugin-cost-insights';
 import {
   graphQlBrowseApiRef,
   GraphQLEndpoints,
 } from '@backstage/plugin-graphiql';
 
-import {
-  costInsightsApiRef,
-  ExampleCostInsightsClient,
-} from '@backstage/plugin-cost-insights';
+export const apis: AnyApiFactory[] = [
+  createApiFactory({
+    api: scmIntegrationsApiRef,
+    deps: { configApi: configApiRef },
+    factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi),
+  }),
 
-export const apis = [
   createApiFactory({
     api: graphQlBrowseApiRef,
     deps: { errorApi: errorApiRef, githubAuthApi: githubAuthApiRef },