0.2.1 • Published 19 days ago

@backstage/plugin-apollo-explorer v0.2.1

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
19 days ago

apollo-explorer

Welcome to the Apollo Explorer plugin!

This plugin allows users to directly embed an Apollo graph explorer directly into Backstage!

Getting started

Getting an Apollo Graph Reference

First things first, you will need an Apollo account, and a graph imported into your account. This is beyond the scope of this plugin, so if you are totally new to Apollo, please reference their official documentation here.

Once you have a graph set up in Apollo, we need to grab the graph reference. First, go to your Apollo graphs home page and choose the graph you wish to embed.

Apollo Graph List

Once you are in your graph explorer, click the dropdown next to the share icon and select Share as Embedded

Share as Embedded

This modal contains a number of useful properties, all of which can be passed to the plugin via the component properties, but the only mandatory input we need from here is the graphRef.

Graph Ref

Hold on to this snippet for a second while we set up the plugin ✨

Installing the Backstage Plugin

First, add the plugin to your Backstage app

yarn --cwd packages/app add @backstage/plugin-apollo-explorer

Then, in packages/app/src/App.tsx add the plugin as a Route

<Route
  path="/apollo-explorer"
  element={
    <ApolloExplorerPage
      endpoints={[
        { title: 'Github', graphRef: 'my-github-graph-ref@current' },
        { title: 'Linear', graphRef: 'my-linear-graph-ref@current' },
      ]}
    />
  }
/>

Then, in packages/app/src/components/Root/Root.tsx add a sidebar item so users can find your beautiful plugin!

<SidebarItem icon={GraphiQLIcon} to="apollo-explorer" text="Apollo Explorer" />

That's it! You should now see an Apollo Explorer item in your sidebar, and if you click it, you should see your graph(s) load and direct you to authenticate via Apollo!

Needs Auth

Once you authenticate, your graph is ready to use 🚀

Logged In

0.2.1

21 days ago

0.2.0

24 days ago

0.1.24-next.0

1 month ago

0.1.23

1 month ago

0.1.22

2 months ago

0.1.21

2 months ago

0.1.21-next.2

2 months ago

0.1.21-next.1

2 months ago

0.1.21-next.0

2 months ago

0.1.20

3 months ago

0.1.20-next.2

3 months ago

0.1.20-next.1

3 months ago

0.1.20-next.0

3 months ago

0.1.19

4 months ago

0.1.19-next.1

4 months ago

0.1.19-next.0

5 months ago

0.1.18

5 months ago

0.1.18-next.3

5 months ago

0.1.18-next.2

5 months ago

0.1.18-next.1

5 months ago

0.1.18-next.0

6 months ago

0.1.13-next.1

10 months ago

0.1.13-next.2

10 months ago

0.1.13

10 months ago

0.1.14

9 months ago

0.1.15

8 months ago

0.1.16-next.2

7 months ago

0.1.16-next.0

8 months ago

0.1.16-next.1

7 months ago

0.1.15-next.2

8 months ago

0.1.15-next.1

9 months ago

0.1.15-next.3

8 months ago

0.1.15-next.0

9 months ago

0.1.14-next.1

9 months ago

0.1.14-next.0

10 months ago

0.1.17-next.2

6 months ago

0.1.17-next.1

6 months ago

0.1.17-next.0

7 months ago

0.1.16

7 months ago

0.1.17

6 months ago

0.1.13-next.0

11 months ago

0.1.12

11 months ago

0.1.12-next.3

11 months ago

0.1.12-next.2

11 months ago

0.1.11

12 months ago

0.1.11-next.0

1 year ago

0.1.12-next.1

12 months ago

0.1.12-next.0

12 months ago

0.1.11-next.1

1 year ago

0.1.10-next.3

1 year ago

0.1.10

1 year ago

0.1.10-next.2

1 year ago

0.1.10-next.1

1 year ago

0.1.10-next.0

1 year ago

0.1.9-next.2

1 year ago

0.1.9-next.0

1 year ago

0.1.9-next.1

1 year ago

0.1.8

1 year ago

0.1.9

1 year ago

0.1.7-next.2

1 year ago

0.1.7-next.1

1 year ago

0.1.8-next.1

1 year ago

0.1.8-next.0

1 year ago

0.1.7

1 year ago

0.1.7-next.0

1 year ago

0.1.5-next.2

1 year ago

0.1.5-next.3

1 year ago

0.1.5-next.0

1 year ago

0.1.5-next.1

1 year ago

0.1.5-next.4

1 year ago

0.1.4

1 year ago

0.1.3

2 years ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.4-next.0

2 years ago

0.1.4-next.1

2 years ago

0.1.3-next.2

2 years ago

0.1.3-next.1

2 years ago

0.1.3-next.0

2 years ago

0.1.2

2 years ago

0.1.2-next.1

2 years ago

0.1.2-next.2

2 years ago

0.1.2-next.0

2 years ago

0.1.1

2 years ago

0.1.1-next.1

2 years ago

0.1.1-next.0

2 years ago

0.1.0

2 years ago