From c5ab91ce3c697da8453123e64ad574c692356fe1 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Tue, 2 Feb 2021 23:57:50 +0100
Subject: [PATCH] newrelic: migrate to new composability API

---
 .changeset/shiny-falcons-marry.md   |  5 +++++
 plugins/newrelic/dev/index.tsx      |  4 ++--
 plugins/newrelic/src/index.ts       |  6 +++++-
 plugins/newrelic/src/plugin.test.ts |  4 ++--
 plugins/newrelic/src/plugin.ts      | 14 +++++++++++++-
 5 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/shiny-falcons-marry.md

diff --git a/.changeset/shiny-falcons-marry.md b/.changeset/shiny-falcons-marry.md
new file mode 100644
index 0000000000..4dda68d693
--- /dev/null
+++ b/.changeset/shiny-falcons-marry.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-newrelic': patch
+---
+
+Migrate to new composability API, exporting the plugin instance as `newRelicPlugin`, and the root page as `NewRelicPage`.
diff --git a/plugins/newrelic/dev/index.tsx b/plugins/newrelic/dev/index.tsx
index 812a5585d4..9ca421f94a 100644
--- a/plugins/newrelic/dev/index.tsx
+++ b/plugins/newrelic/dev/index.tsx
@@ -15,6 +15,6 @@
  */
 
 import { createDevApp } from '@backstage/dev-utils';
-import { plugin } from '../src/plugin';
+import { newRelicPlugin } from '../src/plugin';
 
-createDevApp().registerPlugin(plugin).render();
+createDevApp().registerPlugin(newRelicPlugin).render();
diff --git a/plugins/newrelic/src/index.ts b/plugins/newrelic/src/index.ts
index 3a0a0fe2d3..aa4e990d6c 100644
--- a/plugins/newrelic/src/index.ts
+++ b/plugins/newrelic/src/index.ts
@@ -14,4 +14,8 @@
  * limitations under the License.
  */
 
-export { plugin } from './plugin';
+export {
+  newRelicPlugin,
+  newRelicPlugin as plugin,
+  NewRelicPage,
+} from './plugin';
diff --git a/plugins/newrelic/src/plugin.test.ts b/plugins/newrelic/src/plugin.test.ts
index 17429a95e0..f2e8fde924 100644
--- a/plugins/newrelic/src/plugin.test.ts
+++ b/plugins/newrelic/src/plugin.test.ts
@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { plugin } from './plugin';
+import { newRelicPlugin } from './plugin';
 
 describe('newrelic', () => {
   it('should export plugin', () => {
-    expect(plugin).toBeDefined();
+    expect(newRelicPlugin).toBeDefined();
   });
 });
diff --git a/plugins/newrelic/src/plugin.ts b/plugins/newrelic/src/plugin.ts
index 5f5ba88617..d89aa813e9 100644
--- a/plugins/newrelic/src/plugin.ts
+++ b/plugins/newrelic/src/plugin.ts
@@ -19,6 +19,7 @@ import {
   createPlugin,
   createRouteRef,
   discoveryApiRef,
+  createRoutableExtension,
 } from '@backstage/core';
 import { NewRelicClient, newRelicApiRef } from './api';
 import NewRelicComponent from './components/NewRelicComponent';
@@ -28,7 +29,7 @@ export const rootRouteRef = createRouteRef({
   title: 'newrelic',
 });
 
-export const plugin = createPlugin({
+export const newRelicPlugin = createPlugin({
   id: 'newrelic',
   apis: [
     createApiFactory({
@@ -40,4 +41,15 @@ export const plugin = createPlugin({
   register({ router }) {
     router.addRoute(rootRouteRef, NewRelicComponent);
   },
+  routes: {
+    root: rootRouteRef,
+  },
 });
+
+export const NewRelicPage = newRelicPlugin.provide(
+  createRoutableExtension({
+    component: () =>
+      import('./components/NewRelicComponent').then(m => m.default),
+    mountPoint: rootRouteRef,
+  }),
+);