@backstage-community/plugin-apollo-explorer 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-apollo-explorer
 
+## 0.2.3
+
+### Patch Changes
+
+- f689f4f: Backstage version bump to v1.30.2
+
+## 0.2.2
+
+### Patch Changes
+
+- c7f85c6: version:bump to v1.29.1
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/{esm/index-BgwBzs82.esm.js → components/ApolloExplorerBrowser/ApolloExplorerBrowser.esm.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
-import { Content, Page, Header } from '@backstage/core-components';
 import Divider from '@material-ui/core/Divider';
 import Tab from '@material-ui/core/Tab';
 import Tabs from '@material-ui/core/Tabs';
 import { makeStyles } from '@material-ui/core/styles';
 import { ApolloExplorer } from '@apollo/explorer/react';
+import { Content } from '@backstage/core-components';
 import { useApiHolder } from '@backstage/core-plugin-api';
 
 const useStyles = makeStyles((theme) => ({
@@ -41,8 +41,7 @@ const ApolloExplorerBrowser = ({ endpoints }) => {
   const apiHolder = useApiHolder();
   const getAuthCallback = (index) => {
     const authCallback = endpoints[index].authCallback;
-    if (authCallback === void 0)
-      return void 0;
+    if (authCallback === void 0) return void 0;
     return () => authCallback({ apiHolder });
   };
   return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(
@@ -68,10 +67,5 @@ const ApolloExplorerBrowser = ({ endpoints }) => {
   )));
 };
 
-const ApolloExplorerPage = (props) => {
-  const { title, subtitle, endpoints } = props;
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: title != null ? title : "Apollo Explorer \u{1F469}\u200D\u{1F680}", subtitle: subtitle != null ? subtitle : "" }), /* @__PURE__ */ React.createElement(Content, { noPadding: true }, /* @__PURE__ */ React.createElement(ApolloExplorerBrowser, { endpoints })));
-};
-
-export { ApolloExplorerPage };
-//# sourceMappingURL=index-BgwBzs82.esm.js.map
+export { ApolloExplorerBrowser, handleAuthRequest };
+//# sourceMappingURL=ApolloExplorerBrowser.esm.js.map

package/dist/components/ApolloExplorerBrowser/ApolloExplorerBrowser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApolloExplorerBrowser.esm.js","sources":["../../../src/components/ApolloExplorerBrowser/ApolloExplorerBrowser.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport Divider from '@material-ui/core/Divider';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ApolloExplorer } from '@apollo/explorer/react';\nimport { Content } from '@backstage/core-components';\nimport { HandleRequest } from '@apollo/explorer/src/helpers/postMessageRelayHelpers';\nimport { EndpointProps } from '../ApolloExplorerPage';\nimport { useApiHolder } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    background: theme.palette.background.paper,\n  },\n  root: {\n    height: '100%',\n  },\n  content: {\n    height: '100%',\n  },\n  explorer: {\n    height: '95%',\n  },\n}));\n\ntype Props = {\n  endpoints: EndpointProps[];\n  authCallback?: () => Promise<{ token: string }>;\n};\n\nexport const handleAuthRequest = ({\n  authCallback,\n}: {\n  authCallback: Props['authCallback'];\n}): HandleRequest => {\n  const handleRequest: HandleRequest = async (endpointUrl, options) =>\n    fetch(endpointUrl, {\n      ...options,\n      headers: {\n        ...options.headers,\n        ...(authCallback && {\n          Authorization: `Bearer ${(await authCallback()).token}`,\n        }),\n      },\n    });\n  return handleRequest;\n};\n\nexport const ApolloExplorerBrowser = ({ endpoints }: Props) => {\n  const classes = useStyles();\n  const [tabIndex, setTabIndex] = useState(0);\n\n  const apiHolder = useApiHolder();\n\n  const getAuthCallback = (index: number) => {\n    const authCallback = endpoints[index].authCallback;\n    if (authCallback === undefined) return undefined;\n    return () => authCallback({ apiHolder });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Tabs\n        classes={{ root: classes.tabs }}\n        value={tabIndex}\n        onChange={(_, value) => setTabIndex(value)}\n        indicatorColor=\"primary\"\n      >\n        {endpoints.map(({ title }, index) => (\n          <Tab key={index} label={title} value={index} />\n        ))}\n      </Tabs>\n      <Divider />\n      <Content className={classes.content}>\n        <ApolloExplorer\n          className={classes.explorer}\n          graphRef={endpoints[tabIndex].graphRef}\n          handleRequest={handleAuthRequest({\n            authCallback: getAuthCallback(tabIndex),\n          })}\n          persistExplorerState={endpoints[tabIndex].persistExplorerState}\n          initialState={endpoints[tabIndex].initialState}\n        />\n      </Content>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ApolloExplorerPage/ApolloExplorerPage.esm.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Page, Header, Content } from '@backstage/core-components';
+import { ApolloExplorerBrowser } from '../ApolloExplorerBrowser/ApolloExplorerBrowser.esm.js';
+
+const ApolloExplorerPage = (props) => {
+  const { title, subtitle, endpoints } = props;
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: title ?? "Apollo Explorer \u{1F469}\u200D\u{1F680}", subtitle: subtitle ?? "" }), /* @__PURE__ */ React.createElement(Content, { noPadding: true }, /* @__PURE__ */ React.createElement(ApolloExplorerBrowser, { endpoints })));
+};
+
+export { ApolloExplorerPage };
+//# sourceMappingURL=ApolloExplorerPage.esm.js.map

package/dist/components/ApolloExplorerPage/ApolloExplorerPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApolloExplorerPage.esm.js","sources":["../../../src/components/ApolloExplorerPage/ApolloExplorerPage.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { ApolloExplorerBrowser } from '../ApolloExplorerBrowser';\nimport { JSONObject } from '@apollo/explorer/src/helpers/types';\nimport { ApiHolder } from '@backstage/core-plugin-api';\n\n/**\n * Export types to be used with {@link @backstage/apollo-explorer#ApolloExplorerPage}.\n *\n * @public\n */\nexport type EndpointProps = {\n  title: string;\n  graphRef: string;\n  authCallback?: AuthCallback;\n  persistExplorerState?: boolean;\n  initialState?: {\n    document?: string;\n    variables?: JSONObject;\n    headers?: Record<string, string>;\n    displayOptions: {\n      docsPanelState?: 'open' | 'closed';\n      showHeadersAndEnvVars?: boolean;\n      theme?: 'dark' | 'light';\n    };\n  };\n};\n\n/**\n * Export types to be used with {@link @backstage/apollo-explorer#ApolloExplorerPage}.\n *\n * @public\n */\nexport type AuthCallback = (options: {\n  apiHolder: ApiHolder;\n}) => Promise<{ token: string }>;\n\ntype Props = {\n  title?: string | undefined;\n  subtitle?: string | undefined;\n  endpoints: EndpointProps[];\n};\n\nexport const ApolloExplorerPage = (props: Props) => {\n  const { title, subtitle, endpoints } = props;\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={title ?? 'Apollo Explorer 👩‍🚀'} subtitle={subtitle ?? ''} />\n      <Content noPadding>\n        <ApolloExplorerBrowser endpoints={endpoints} />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;AA2Da,MAAA,kBAAA,GAAqB,CAAC,KAAiB,KAAA;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,MAAO,EAAA,EAAA,KAAA,EAAO,SAAS,0CAAyB,EAAA,QAAA,EAAU,YAAY,EAAI,EAAA,CAAA,sCAC1E,OAAQ,EAAA,EAAA,SAAA,EAAS,wBACf,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,SAAsB,EAAA,CAC/C,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ApolloExplorerPage/index.esm.js

@@ -0,0 +1,2 @@
+export { ApolloExplorerPage } from './ApolloExplorerPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/ApolloExplorerPage/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.esm.js

@@ -1,22 +1,2 @@
-import { createRouteRef, createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
-
-const rootRouteRef = createRouteRef({
-  id: "apollo-explorer"
-});
-
-const apolloExplorerPlugin = createPlugin({
-  id: "apollo-explorer",
-  routes: {
-    root: rootRouteRef
-  }
-});
-const ApolloExplorerPage = apolloExplorerPlugin.provide(
-  createRoutableExtension({
-    name: "ApolloExplorerPage",
-    component: () => import('./esm/index-BgwBzs82.esm.js').then((m) => m.ApolloExplorerPage),
-    mountPoint: rootRouteRef
-  })
-);
-
-export { ApolloExplorerPage, apolloExplorerPlugin };
+export { ApolloExplorerPage, apolloExplorerPlugin } from './plugin.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/routes.ts","../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'apollo-explorer',\n});\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\n\n/**\n * Plugin that allows Apollo Explorer instances to be directly embedded into Backstage\n * @public\n */\nexport const apolloExplorerPlugin = createPlugin({\n  id: 'apollo-explorer',\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Main component that wraps the embedded graph(s)\n * @public\n */\nexport const ApolloExplorerPage = apolloExplorerPlugin.provide(\n  createRoutableExtension({\n    name: 'ApolloExplorerPage',\n    component: () =>\n      import('./components/ApolloExplorerPage').then(m => m.ApolloExplorerPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,iBAAA;AACN,CAAC,CAAA;;ACOM,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAMM,MAAM,qBAAqB,oBAAqB,CAAA,OAAA;AAAA,EACrD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6BAAiC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,kBAAkB,CAAA;AAAA,IAC1E,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/plugin.esm.js

@@ -0,0 +1,19 @@
+import { createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
+import { rootRouteRef } from './routes.esm.js';
+
+const apolloExplorerPlugin = createPlugin({
+  id: "apollo-explorer",
+  routes: {
+    root: rootRouteRef
+  }
+});
+const ApolloExplorerPage = apolloExplorerPlugin.provide(
+  createRoutableExtension({
+    name: "ApolloExplorerPage",
+    component: () => import('./components/ApolloExplorerPage/index.esm.js').then((m) => m.ApolloExplorerPage),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { ApolloExplorerPage, apolloExplorerPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\n\nimport { rootRouteRef } from './routes';\n\n/**\n * Plugin that allows Apollo Explorer instances to be directly embedded into Backstage\n * @public\n */\nexport const apolloExplorerPlugin = createPlugin({\n  id: 'apollo-explorer',\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Main component that wraps the embedded graph(s)\n * @public\n */\nexport const ApolloExplorerPage = apolloExplorerPlugin.provide(\n  createRoutableExtension({\n    name: 'ApolloExplorerPage',\n    component: () =>\n      import('./components/ApolloExplorerPage').then(m => m.ApolloExplorerPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;;AA0BO,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAMM,MAAM,qBAAqB,oBAAqB,CAAA,OAAA;AAAA,EACrD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,8CAAiC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,kBAAkB,CAAA;AAAA,IAC1E,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "apollo-explorer"
+});
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'apollo-explorer',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,iBAAA;AACN,CAAC;;;;"}

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@backstage-community/plugin-apollo-explorer",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "backstage": {
-    "role": "frontend-plugin"
+    "role": "frontend-plugin",
+    "pluginId": "apollo-explorer",
+    "pluginPackages": [
+      "@backstage-community/plugin-apollo-explorer"
+    ]
   },
   "publishConfig": {
     "access": "public",
@@ -33,8 +37,8 @@
   },
   "dependencies": {
     "@apollo/explorer": "^3.0.0",
-    "@backstage/core-components": "^0.14.4",
-    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/core-components": "^0.14.10",
+    "@backstage/core-plugin-api": "^1.9.3",
     "@material-ui/core": "^4.12.2",
     "@material-ui/lab": "^4.0.0-alpha.61",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
@@ -42,8 +46,8 @@
     "use-deep-compare-effect": "^1.8.1"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.3",
-    "@backstage/dev-utils": "^1.0.31",
+    "@backstage/cli": "^0.27.0",
+    "@backstage/dev-utils": "^1.0.37",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",

package/dist/esm/index-BgwBzs82.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BgwBzs82.esm.js","sources":["../../src/components/ApolloExplorerBrowser/ApolloExplorerBrowser.tsx","../../src/components/ApolloExplorerPage/ApolloExplorerPage.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport Divider from '@material-ui/core/Divider';\nimport Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ApolloExplorer } from '@apollo/explorer/react';\nimport { Content } from '@backstage/core-components';\nimport { HandleRequest } from '@apollo/explorer/src/helpers/postMessageRelayHelpers';\nimport { EndpointProps } from '../ApolloExplorerPage';\nimport { useApiHolder } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  tabs: {\n    background: theme.palette.background.paper,\n  },\n  root: {\n    height: '100%',\n  },\n  content: {\n    height: '100%',\n  },\n  explorer: {\n    height: '95%',\n  },\n}));\n\ntype Props = {\n  endpoints: EndpointProps[];\n  authCallback?: () => Promise<{ token: string }>;\n};\n\nexport const handleAuthRequest = ({\n  authCallback,\n}: {\n  authCallback: Props['authCallback'];\n}): HandleRequest => {\n  const handleRequest: HandleRequest = async (endpointUrl, options) =>\n    fetch(endpointUrl, {\n      ...options,\n      headers: {\n        ...options.headers,\n        ...(authCallback && {\n          Authorization: `Bearer ${(await authCallback()).token}`,\n        }),\n      },\n    });\n  return handleRequest;\n};\n\nexport const ApolloExplorerBrowser = ({ endpoints }: Props) => {\n  const classes = useStyles();\n  const [tabIndex, setTabIndex] = useState(0);\n\n  const apiHolder = useApiHolder();\n\n  const getAuthCallback = (index: number) => {\n    const authCallback = endpoints[index].authCallback;\n    if (authCallback === undefined) return undefined;\n    return () => authCallback({ apiHolder });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Tabs\n        classes={{ root: classes.tabs }}\n        value={tabIndex}\n        onChange={(_, value) => setTabIndex(value)}\n        indicatorColor=\"primary\"\n      >\n        {endpoints.map(({ title }, index) => (\n          <Tab key={index} label={title} value={index} />\n        ))}\n      </Tabs>\n      <Divider />\n      <Content className={classes.content}>\n        <ApolloExplorer\n          className={classes.explorer}\n          graphRef={endpoints[tabIndex].graphRef}\n          handleRequest={handleAuthRequest({\n            authCallback: getAuthCallback(tabIndex),\n          })}\n          persistExplorerState={endpoints[tabIndex].persistExplorerState}\n          initialState={endpoints[tabIndex].initialState}\n        />\n      </Content>\n    </div>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { ApolloExplorerBrowser } from '../ApolloExplorerBrowser';\nimport { JSONObject } from '@apollo/explorer/src/helpers/types';\nimport { ApiHolder } from '@backstage/core-plugin-api';\n\n/**\n * Export types to be used with {@link @backstage/apollo-explorer#ApolloExplorerPage}.\n *\n * @public\n */\nexport type EndpointProps = {\n  title: string;\n  graphRef: string;\n  authCallback?: AuthCallback;\n  persistExplorerState?: boolean;\n  initialState?: {\n    document?: string;\n    variables?: JSONObject;\n    headers?: Record<string, string>;\n    displayOptions: {\n      docsPanelState?: 'open' | 'closed';\n      showHeadersAndEnvVars?: boolean;\n      theme?: 'dark' | 'light';\n    };\n  };\n};\n\n/**\n * Export types to be used with {@link @backstage/apollo-explorer#ApolloExplorerPage}.\n *\n * @public\n */\nexport type AuthCallback = (options: {\n  apiHolder: ApiHolder;\n}) => Promise<{ token: string }>;\n\ntype Props = {\n  title?: string | undefined;\n  subtitle?: string | undefined;\n  endpoints: EndpointProps[];\n};\n\nexport const ApolloExplorerPage = (props: Props) => {\n  const { title, subtitle, endpoints } = props;\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title={title ?? 'Apollo Explorer 👩‍🚀'} subtitle={subtitle ?? ''} />\n      <Content noPadding>\n        <ApolloExplorerBrowser endpoints={endpoints} />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}