Merge pull request #2084 from ayshiff/feature/create-app-plugins-circleci-explore

create-app: include missing plugins as part of the template

packages/create-app/templates/default-app/app-config.yaml.hbs

@@ -44,6 +44,12 @@ proxy:
 techdocs:
   storageUrl: http://localhost:7000/techdocs/static/docs
 
+sentry:
+  organization: spotify
+
+lighthouse:
+  baseUrl: http://localhost:3003
+
 auth:
   providers: {}
 

packages/create-app/templates/default-app/packages/app/package.json.hbs

@@ -12,6 +12,13 @@
     "@backstage/plugin-register-component": "^{{version}}",
     "@backstage/plugin-scaffolder": "^{{version}}",
     "@backstage/plugin-techdocs": "^{{version}}",
+    "@backstage/plugin-circleci": "^{{version}}",
+    "@backstage/plugin-explore": "^{{version}}",
+    "@backstage/plugin-lighthouse": "^{{version}}",
+    "@backstage/plugin-tech-radar": "^{{version}}",
+    "@backstage/plugin-github-actions": "^{{version}}",
+    "@backstage/plugin-techdocs": "^{{version}}",
+    "@backstage/plugin-sentry": "^{{version}}",
     "@backstage/test-utils": "^{{version}}",
     "@backstage/theme": "^{{version}}",
     "history": "^5.0.0",

packages/create-app/templates/default-app/packages/app/src/apis.ts

@@ -14,15 +14,30 @@ import {
   WebStorage,
 } from '@backstage/core';
 
-import { catalogApiRef, CatalogClient } from '@backstage/plugin-catalog';
+import {
+  lighthouseApiRef,
+  LighthouseRestApi,
+} from '@backstage/plugin-lighthouse';
 
-import { scaffolderApiRef, ScaffolderApi } from '@backstage/plugin-scaffolder';
+import {
+  GithubActionsClient,
+  githubActionsApiRef,
+} from '@backstage/plugin-github-actions';
 
 import {
   techdocsStorageApiRef,
   TechDocsStorageApi,
 } from '@backstage/plugin-techdocs';
 
+import { techRadarApiRef, TechRadar } from '@backstage/plugin-tech-radar';
+
+import { catalogApiRef, CatalogClient } from '@backstage/plugin-catalog';
+import { CircleCIApi, circleCIApiRef } from '@backstage/plugin-circleci';
+
+import { scaffolderApiRef, ScaffolderApi } from '@backstage/plugin-scaffolder';
+
+
+
 export const apis = (config: ConfigApi) => {
   // eslint-disable-next-line no-console
   console.log(`Creating APIs for ${config.getString('app.title')}`);
@@ -46,9 +61,25 @@ export const apis = (config: ConfigApi) => {
   builder.add(oauthRequestApiRef, new OAuthRequestManager());
 
   builder.add(catalogApiRef, new CatalogClient({ discoveryApi }));
+  builder.add(githubActionsApiRef, new GithubActionsClient());
+
+  builder.add(lighthouseApiRef, new LighthouseRestApi('http://localhost:3003'));
+
+  builder.add(
+    circleCIApiRef,
+    new CircleCIApi(`${backendUrl}/proxy/circleci/api`),
+  );
 
   builder.add(scaffolderApiRef, new ScaffolderApi({ discoveryApi }));
 
+  builder.add(
+    techRadarApiRef,
+    new TechRadar({
+      width: 1500,
+      height: 800,
+    }),
+  );
+
   builder.add(
     techdocsStorageApiRef,
     new TechDocsStorageApi({ apiOrigin: techdocsStorageUrl }),

packages/create-app/templates/default-app/packages/app/src/plugins.ts

@@ -2,3 +2,9 @@ export { plugin as CatalogPlugin } from '@backstage/plugin-catalog';
 export { plugin as RegisterComponent } from '@backstage/plugin-register-component';
 export { plugin as ScaffolderPlugin } from '@backstage/plugin-scaffolder';
 export { plugin as TechDocsPlugin } from '@backstage/plugin-techdocs';
+export { plugin as Explore } from '@backstage/plugin-explore';
+export { plugin as Circleci } from '@backstage/plugin-circleci';
+export { plugin as LighthousePlugin } from '@backstage/plugin-lighthouse';
+export { plugin as TechRadar } from '@backstage/plugin-tech-radar';
+export { plugin as GithubActions } from '@backstage/plugin-github-actions';
+export { plugin as Sentry } from '@backstage/plugin-sentry';

packages/create-app/templates/default-app/packages/app/src/sidebar.tsx

@@ -2,6 +2,11 @@ import React from 'react';
 import HomeIcon from '@material-ui/icons/Home';
 import LibraryBooks from '@material-ui/icons/LibraryBooks';
 import CreateComponentIcon from '@material-ui/icons/AddCircleOutline';
+import ExploreIcon from '@material-ui/icons/Explore';
+import BuildIcon from '@material-ui/icons/BuildRounded';
+import RuleIcon from '@material-ui/icons/AssignmentTurnedIn';
+import MapIcon from '@material-ui/icons/MyLocation';
+
 import {
   Sidebar,
   SidebarItem,
@@ -18,8 +23,13 @@ export const AppSidebar = () => (
     <SidebarDivider />
     {/* Global nav, not org-specific */}
     <SidebarItem icon={HomeIcon} to="./" text="Home" />
+    <SidebarItem icon={ExploreIcon} to="explore" text="Explore" />
     <SidebarItem icon={LibraryBooks} to="/docs" text="Docs" />
     <SidebarItem icon={CreateComponentIcon} to="create" text="Create..." />
+    <SidebarDivider />
+    <SidebarItem icon={MapIcon} to="tech-radar" text="Tech Radar" />
+    <SidebarItem icon={RuleIcon} to="lighthouse" text="Lighthouse" />
+    <SidebarItem icon={BuildIcon} to="circleci" text="CircleCI" />
     {/* End global nav */}
     <SidebarDivider />
     <SidebarSpace />

packages/create-app/templates/default-app/packages/backend/src/index.ts

@@ -20,6 +20,7 @@ import identity from './plugins/identity';
 import scaffolder from './plugins/scaffolder';
 import proxy from './plugins/proxy';
 import techdocs from './plugins/techdocs';
+import sentry from './plugins/sentry';
 import { PluginEnvironment } from './types';
 
 function makeCreateEnv(loadedConfigs: AppConfig[]) {
@@ -50,11 +51,13 @@ async function main() {
   const identityEnv = useHotMemoize(module, () => createEnv('identity'));
   const proxyEnv = useHotMemoize(module, () => createEnv('proxy'));
   const techdocsEnv = useHotMemoize(module, () => createEnv('techdocs'));
+  const sentryEnv = useHotMemoize(module, () => createEnv('sentry'));
 
   const service = createServiceBuilder(module)
     .loadConfig(configReader)
     .addRouter('/catalog', await catalog(catalogEnv))
     .addRouter('/scaffolder', await scaffolder(scaffolderEnv))
+    .addRouter('/sentry', await sentry(sentryEnv))
     .addRouter('/auth', await auth(authEnv))
     .addRouter('/identity', await identity(identityEnv))
     .addRouter('/techdocs', await techdocs(techdocsEnv))

packages/create-app/templates/default-app/packages/backend/src/plugins/sentry.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { createRouter } from '@backstage/plugin-sentry-backend';
+import type { PluginEnvironment } from '../types';
+
+export default async function createPlugin({ logger }: PluginEnvironment) {
+  return await createRouter(logger);
+}