plugins: restore dev setups

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/api-docs/dev/index.tsx

@@ -30,6 +30,13 @@ import graphqlApiEntity from './graphql-example-api.yaml';
 import openapiApiEntity from './openapi-example-api.yaml';
 import otherApiEntity from './other-example-api.yaml';
 
+const mockEntities = ([
+  openapiApiEntity,
+  asyncapiApiEntity,
+  graphqlApiEntity,
+  otherApiEntity,
+] as unknown) as Entity[];
+
 createDevApp()
   .registerApi({
     api: catalogApiRef,
@@ -38,14 +45,12 @@ createDevApp()
       (({
         async getEntities() {
           return {
-            items: [
-              openapiApiEntity,
-              asyncapiApiEntity,
-              graphqlApiEntity,
-              otherApiEntity,
-            ],
+            items: mockEntities.slice(),
           };
         },
+        async getEntityByName(name: string) {
+          return mockEntities.find(e => e.metadata.name === name);
+        },
       } as unknown) as typeof catalogApiRef.T),
   })
   .registerApi({

plugins/cost-insights/dev/index.tsx

@@ -13,10 +13,17 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
+import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
 import { ExampleCostInsightsClient } from '../src/example';
 import { costInsightsApiRef } from '../src/api';
-import { costInsightsPlugin } from '../src/plugin';
+import {
+  costInsightsPlugin,
+  CostInsightsPage,
+  CostInsightsProjectGrowthInstructionsPage,
+  CostInsightsLabelDataflowInstructionsPage,
+} from '../src/plugin';
 
 createDevApp()
   .registerPlugin(costInsightsPlugin)
@@ -25,4 +32,16 @@ createDevApp()
     deps: {},
     factory: () => new ExampleCostInsightsClient(),
   })
+  .addPage({
+    title: 'Cost Insights',
+    element: <CostInsightsPage />,
+  })
+  .addPage({
+    title: 'Growth',
+    element: <CostInsightsProjectGrowthInstructionsPage />,
+  })
+  .addPage({
+    title: 'Labelling',
+    element: <CostInsightsLabelDataflowInstructionsPage />,
+  })
   .render();

plugins/gcp-projects/dev/index.tsx

@@ -14,7 +14,14 @@
  * limitations under the License.
  */
 
+import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { gcpProjectsPlugin } from '../src/plugin';
+import { gcpProjectsPlugin, GcpProjectsPage } from '../src/plugin';
 
-createDevApp().registerPlugin(gcpProjectsPlugin).render();
+createDevApp()
+  .registerPlugin(gcpProjectsPlugin)
+  .addPage({
+    title: 'GCP Projects',
+    element: <GcpProjectsPage />,
+  })
+  .render();

plugins/newrelic/dev/index.tsx

@@ -14,7 +14,14 @@
  * limitations under the License.
  */
 
+import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { newRelicPlugin } from '../src/plugin';
+import { newRelicPlugin, NewRelicPage } from '../src/plugin';
 
-createDevApp().registerPlugin(newRelicPlugin).render();
+createDevApp()
+  .registerPlugin(newRelicPlugin)
+  .addPage({
+    title: 'New Relic',
+    element: <NewRelicPage />,
+  })
+  .render();

plugins/welcome/dev/index.tsx

@@ -14,7 +14,14 @@
  * limitations under the License.
  */
 
+import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { welcomePlugin } from '../src/plugin';
+import { welcomePlugin, WelcomePage } from '../src/plugin';
 
-createDevApp().registerPlugin(welcomePlugin).render();
+createDevApp()
+  .registerPlugin(welcomePlugin)
+  .addPage({
+    title: 'Welcome',
+    element: <WelcomePage />,
+  })
+  .render();