From 0f63f63fcc7e5642d8177fd064f4b758849b503b Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Sat, 25 Apr 2020 12:55:39 +0200
Subject: [PATCH] plugins/graphiql: added supply graphql browsing api in dev
 wrapper

---
 plugins/graphiql/dev/index.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/plugins/graphiql/dev/index.tsx b/plugins/graphiql/dev/index.tsx
index 2125baa6eb..bf0304df23 100644
--- a/plugins/graphiql/dev/index.tsx
+++ b/plugins/graphiql/dev/index.tsx
@@ -25,11 +25,26 @@ import {
   Sidebar,
   SidebarItem,
   SidebarSpacer,
+  ApiRegistry,
 } from '@backstage/core';
 import { lightTheme } from '@backstage/theme';
-import { plugin } from '../src/plugin';
+import { plugin, GraphQLBrowser, graphQlBrowseApiRef } from '../src';
+
+const graphQlBrowseApi = GraphQLBrowser.fromEndpoints([
+  GraphQLBrowser.createEndpoint({
+    id: 'gitlab',
+    title: 'GitLab',
+    url: 'https://gitlab.com/api/graphql',
+  }),
+  GraphQLBrowser.createEndpoint({
+    id: 'countries',
+    title: 'Countries',
+    url: 'https://countries.trevorblades.com/',
+  }),
+]);
 
 const app = createApp();
+app.registerApis(ApiRegistry.from([[graphQlBrowseApiRef, graphQlBrowseApi]]));
 app.registerPlugin(plugin);
 const AppComponent = app.build();