({
+ root: {
+ width: sidebarConfig.drawerWidthClosed,
+ height: 3 * sidebarConfig.logoHeight,
+ display: 'flex',
+ flexFlow: 'row nowrap',
+ alignItems: 'center',
+ marginBottom: -14,
+ },
+ link: props => ({
+ width: sidebarConfig.drawerWidthClosed,
+ marginLeft: props.themeId === 'aperture' ? 15 : 24,
+ }),
+});
+
+const SidebarLogo = () => {
+ const { isOpen } = useSidebarOpenState();
+
+ const appThemeApi = useApi(appThemeApiRef);
+ const themeId = appThemeApi.getActiveThemeId();
+ const classes = useSidebarLogoStyles({ themeId: themeId! });
+
+ const fullLogo = themeId === 'aperture' ? : ;
+ const iconLogo = themeId === 'aperture' ? : ;
+
+ return (
+
+
+ {isOpen ? fullLogo : iconLogo}
+
+
+ );
+};
+
+export const rootNav = createExtension({
+ name: 'nav',
+ attachTo: { id: 'app/layout', input: 'nav' },
+ output: [coreExtensionData.reactElement],
+ factory() {
+ return [
+ coreExtensionData.reactElement(
+ compatWrapper(
+
+
+ } to="/search">
+
+
+
+ }>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ to="/settings"
+ >
+
+
+ ,
+ ),
+ ),
+ ];
+ },
+});
diff --git a/packages/app-next/src/components/Root/index.ts b/packages/app-next/src/components/Root/index.ts
new file mode 100644
index 000000000..81685adca
--- /dev/null
+++ b/packages/app-next/src/components/Root/index.ts
@@ -0,0 +1 @@
+export { rootNav } from './Root';
diff --git a/packages/app-next/src/components/catalog/EntityPage.tsx b/packages/app-next/src/components/catalog/EntityPage.tsx
new file mode 100644
index 000000000..1258a24d8
--- /dev/null
+++ b/packages/app-next/src/components/catalog/EntityPage.tsx
@@ -0,0 +1,441 @@
+/*
+ * 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 { useMemo, useState } from 'react';
+import { Button, Grid } from '@material-ui/core';
+import BadgeIcon from '@material-ui/icons/CallToAction';
+import {
+ EntityApiDefinitionCard,
+ EntityConsumedApisCard,
+ EntityConsumingComponentsCard,
+ EntityHasApisCard,
+ EntityProvidedApisCard,
+ EntityProvidingComponentsCard,
+} from '@backstage/plugin-api-docs';
+import { EntityBadgesDialog } from '@backstage-community/plugin-badges';
+import {
+ EntityAboutCard,
+ EntityDependsOnComponentsCard,
+ EntityDependsOnResourcesCard,
+ EntityHasComponentsCard,
+ EntityHasResourcesCard,
+ EntityHasSubcomponentsCard,
+ EntityHasSystemsCard,
+ EntityLayout,
+ EntityLinksCard,
+ EntityOrphanWarning,
+ EntityProcessingErrorsPanel,
+ EntityRelationWarning,
+ EntitySwitch,
+ hasCatalogProcessingErrors,
+ hasRelationWarnings,
+ isComponentType,
+ isKind,
+ isOrphan,
+} from '@backstage/plugin-catalog';
+import {
+ EntityGithubActionsContent,
+ EntityRecentGithubActionsRunsCard,
+ isGithubActionsAvailable,
+} from '@backstage-community/plugin-github-actions';
+import {
+ EntityGroupProfileCard,
+ EntityMembersListCard,
+ EntityOwnershipCard,
+ EntityUserProfileCard,
+} from '@backstage/plugin-org';
+import { EntityTechdocsContent } from '@backstage/plugin-techdocs';
+import { EntityTodoContent } from '@backstage-community/plugin-todo';
+import { EmptyState } from '@backstage/core-components';
+import { EntityCatalogGraphCard } from '@backstage/plugin-catalog-graph';
+import {
+ EntityKubernetesContent,
+ isKubernetesAvailable,
+} from '@backstage/plugin-kubernetes';
+import {
+ ExpandableNavigation,
+ LightBox,
+ ReportIssue,
+ TextSize,
+} from '@backstage/plugin-techdocs-module-addons-contrib';
+import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
+import { Mermaid } from 'backstage-plugin-techdocs-addon-mermaid';
+
+const EntityLayoutWrapper = (props: { children?: React.ReactNode }) => {
+ const [badgesDialogOpen, setBadgesDialogOpen] = useState(false);
+
+ const extraMenuItems = useMemo(() => {
+ return [
+ {
+ title: 'Badges',
+ Icon: BadgeIcon,
+ onClick: () => setBadgesDialogOpen(true),
+ },
+ ];
+ }, []);
+
+ return (
+ <>
+
+ {props.children}
+
+ setBadgesDialogOpen(false)}
+ />
+
+ );
+};
+
+const entityWarningContent = (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+const cicdContent = (
+
+
+
+
+
+
+
+ Read more
+
+ }
+ />
+
+
+);
+
+const cicdCard = (
+
+
+
+
+
+
+
+);
+
+const techdocsContentWithAddons = (
+
+
+
+
+
+
+
+
+
+);
+
+const overviewContent = (
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+
+
+
+ {cicdCard}
+
+
+
+
+
+);
+
+const serviceEntityPage = (
+
+
+ {overviewContent}
+
+
+
+
+
+
+
+ {cicdContent}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {techdocsContentWithAddons}
+
+
+
+
+
+
+);
+
+const websiteEntityPage = (
+
+
+ {overviewContent}
+
+
+
+
+
+
+
+ {cicdContent}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {techdocsContentWithAddons}
+
+
+
+
+
+
+);
+
+const defaultEntityPage = (
+
+
+ {overviewContent}
+
+
+
+ {techdocsContentWithAddons}
+
+
+
+
+
+
+);
+
+const componentPage = (
+
+
+ {serviceEntityPage}
+
+
+
+ {websiteEntityPage}
+
+
+ {defaultEntityPage}
+
+);
+
+const apiPage = (
+
+
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+const userPage = (
+
+
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+);
+
+const groupPage = (
+
+
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+const systemPage = (
+
+
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
+
+const domainPage = (
+
+
+
+ {entityWarningContent}
+
+
+
+
+
+
+
+
+
+);
+
+export const entityPage = (
+
+
+
+
+
+
+
+
+ {defaultEntityPage}
+
+);
diff --git a/packages/app-next/src/components/home/CustomizableHomePage.tsx b/packages/app-next/src/components/home/CustomizableHomePage.tsx
new file mode 100644
index 000000000..122c07f08
--- /dev/null
+++ b/packages/app-next/src/components/home/CustomizableHomePage.tsx
@@ -0,0 +1,79 @@
+import { Page, Content } from '@backstage/core-components';
+import {
+ HomePageCompanyLogo,
+ TemplateBackstageLogo,
+ HomePageStarredEntities,
+ HomePageToolkit,
+ CustomHomepageGrid,
+ HomePageRandomJoke,
+ HomePageTopVisited,
+ HomePageRecentlyVisited,
+} from '@backstage/plugin-home';
+import { HomePageSearchBar } from '@backstage/plugin-search';
+import { Grid } from '@material-ui/core';
+
+import { tools, useLogoStyles } from './shared';
+
+const defaultConfig = [
+ {
+ component: 'HomePageSearchBar',
+ x: 0,
+ y: 0,
+ width: 24,
+ height: 2,
+ },
+ {
+ component: 'HomePageRecentlyVisited',
+ x: 0,
+ y: 1,
+ width: 5,
+ height: 4,
+ },
+ {
+ component: 'HomePageTopVisited',
+ x: 5,
+ y: 1,
+ width: 5,
+ height: 4,
+ },
+ {
+ component: 'HomePageStarredEntities',
+ x: 0,
+ y: 2,
+ width: 6,
+ height: 4,
+ },
+ {
+ component: 'HomePageToolkit',
+ x: 6,
+ y: 6,
+ width: 4,
+ height: 4,
+ },
+];
+
+export const CustomizableHomePage = () => {
+ const { svg, path, container } = useLogoStyles();
+
+ return (
+
+
+
+ }
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/packages/app-next/src/components/home/shared.tsx b/packages/app-next/src/components/home/shared.tsx
new file mode 100644
index 000000000..f182c939b
--- /dev/null
+++ b/packages/app-next/src/components/home/shared.tsx
@@ -0,0 +1,43 @@
+import { TemplateBackstageLogoIcon } from '@backstage/plugin-home';
+import { makeStyles } from '@material-ui/core/styles';
+
+export const useLogoStyles = makeStyles(theme => ({
+ container: {
+ margin: theme.spacing(5, 0),
+ },
+ svg: {
+ width: 'auto',
+ height: 100,
+ },
+ path: {
+ fill: '#7df3e1',
+ },
+}));
+
+export const tools = [
+ {
+ url: 'https://backstage.io/docs',
+ label: 'Docs',
+ icon: ,
+ },
+ {
+ url: 'https://github.com/backstage/backstage',
+ label: 'GitHub',
+ icon: ,
+ },
+ {
+ url: 'https://github.com/backstage/backstage/blob/master/CONTRIBUTING.md',
+ label: 'Contributing',
+ icon: ,
+ },
+ {
+ url: 'https://backstage.io/plugins',
+ label: 'Plugins Directory',
+ icon: ,
+ },
+ {
+ url: 'https://github.com/backstage/backstage/issues/new/choose',
+ label: 'Submit New Issue',
+ icon: ,
+ },
+];
diff --git a/packages/app-next/src/components/search/SearchPage.tsx b/packages/app-next/src/components/search/SearchPage.tsx
new file mode 100644
index 000000000..f4aa8cf48
--- /dev/null
+++ b/packages/app-next/src/components/search/SearchPage.tsx
@@ -0,0 +1,169 @@
+import {
+ CatalogIcon,
+ Content,
+ DocsIcon,
+ Header,
+ Page,
+} from '@backstage/core-components';
+import { CatalogSearchResultListItem } from '@backstage/plugin-catalog';
+import { SearchType } from '@backstage/plugin-search';
+import {
+ DefaultResultListItem,
+ SearchBar,
+ SearchFilter,
+ SearchResult,
+ SearchResultPager,
+ useSearch,
+} from '@backstage/plugin-search-react';
+import { TechDocsSearchResultListItem } from '@backstage/plugin-techdocs';
+import { Grid, List, makeStyles, Paper, Theme } from '@material-ui/core';
+
+import { ToolSearchResultListItem } from '@backstage-community/plugin-explore';
+import { useApi } from '@backstage/core-plugin-api';
+import {
+ catalogApiRef,
+ CATALOG_FILTER_EXISTS,
+} from '@backstage/plugin-catalog-react';
+import BuildIcon from '@material-ui/icons/Build';
+
+const useStyles = makeStyles((theme: Theme) => ({
+ bar: {
+ padding: theme.spacing(1, 0),
+ },
+ filters: {
+ padding: theme.spacing(2),
+ marginTop: theme.spacing(2),
+ },
+ filter: {
+ '& + &': {
+ marginTop: theme.spacing(2.5),
+ },
+ },
+}));
+
+const SearchPage = () => {
+ const classes = useStyles();
+ const { types } = useSearch();
+ const catalogApi = useApi(catalogApiRef);
+ return (
+
+
+
+
+
+
+
+
+ ,
+ },
+ {
+ value: 'techdocs',
+ name: 'Documentation',
+ icon: ,
+ },
+ {
+ value: 'tools',
+ name: 'Tools',
+ icon: ,
+ },
+ ]}
+ />
+
+ {types.includes('techdocs') && (
+ {
+ // Return a list of entities which are documented.
+ const { items } = await catalogApi.getEntities({
+ fields: ['metadata.name'],
+ filter: {
+ 'metadata.annotations.backstage.io/techdocs-ref':
+ CATALOG_FILTER_EXISTS,
+ },
+ });
+
+ const names = items.map(entity => entity.metadata.name);
+ names.sort();
+ return names;
+ }}
+ />
+ )}
+
+
+
+
+
+
+ {({ results }) => (
+
+ {results.map(({ type, document, highlight, rank }) => {
+ switch (type) {
+ case 'software-catalog':
+ return (
+
+ );
+ case 'techdocs':
+ return (
+
+ );
+ case 'tools':
+ return (
+
+ );
+ default:
+ return (
+
+ );
+ }
+ })}
+
+ )}
+
+
+
+
+
+
+ );
+};
+
+export const searchPage = ;
diff --git a/packages/app-next/src/components/settings/NotificationSettings.tsx b/packages/app-next/src/components/settings/NotificationSettings.tsx
new file mode 100644
index 000000000..b240893da
--- /dev/null
+++ b/packages/app-next/src/components/settings/NotificationSettings.tsx
@@ -0,0 +1,66 @@
+import { Box, Button, Grid, Typography } from '@material-ui/core';
+import {
+ configApiRef,
+ discoveryApiRef,
+ errorApiRef,
+ fetchApiRef,
+ useApi,
+} from '@backstage/core-plugin-api';
+
+import { InfoCard } from '@backstage/core-components';
+
+import { UserNotificationSettingsCard } from '@backstage/plugin-notifications';
+
+export const NotificationSettings = () => {
+ const config = useApi(configApiRef);
+ const fetchApi = useApi(fetchApiRef);
+ const discovery = useApi(discoveryApiRef);
+ const errorApi = useApi(errorApiRef);
+
+ const isEnabled =
+ config.getOptionalBoolean('notificationsTester.enabled') ?? true;
+
+ const handleNotifyClick = async () => {
+ const notificationTesterUrl = await discovery.getBaseUrl(
+ 'notifications-tester',
+ );
+ const response = await fetchApi.fetch(`${notificationTesterUrl}/test`, {
+ method: 'POST',
+ });
+ if (!response.ok) {
+ errorApi.post(
+ new Error(`Failed to send notification: ${response.status}`),
+ );
+ }
+ };
+
+ return (
+
+
+
+
+ {isEnabled && (
+
+
+
+
+
+ Note: this card is not part of the default Notifications Setting
+ and was added to be able to try out the Notification system for
+ this Demo site.
+
+
+
+
+ )}
+
+ );
+};
diff --git a/packages/app-next/src/index.tsx b/packages/app-next/src/index.tsx
new file mode 100644
index 000000000..2e4bb6bd6
--- /dev/null
+++ b/packages/app-next/src/index.tsx
@@ -0,0 +1,5 @@
+import ReactDOM from 'react-dom/client';
+import app from './App';
+import '@backstage/canon/css/styles.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(app);
diff --git a/packages/app-next/src/plugins.ts b/packages/app-next/src/plugins.ts
new file mode 100644
index 000000000..552c32a1f
--- /dev/null
+++ b/packages/app-next/src/plugins.ts
@@ -0,0 +1 @@
+export { badgesPlugin } from '@backstage-community/plugin-badges';
diff --git a/packages/app-next/src/setupTests.ts b/packages/app-next/src/setupTests.ts
new file mode 100644
index 000000000..7b0828bfa
--- /dev/null
+++ b/packages/app-next/src/setupTests.ts
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
diff --git a/packages/app-next/src/theme/aperture.ts b/packages/app-next/src/theme/aperture.ts
new file mode 100644
index 000000000..95304b5f7
--- /dev/null
+++ b/packages/app-next/src/theme/aperture.ts
@@ -0,0 +1,295 @@
+import {
+ createBaseThemeOptions,
+ pageTheme as defaultPageThemes,
+ PageTheme,
+ palettes,
+ createUnifiedTheme,
+} from '@backstage/theme';
+
+import { alpha } from '@material-ui/core/styles';
+
+const pageThemesFontColorOverride: Record = {};
+Object.keys(defaultPageThemes).map(key => {
+ pageThemesFontColorOverride[key] = {
+ ...defaultPageThemes[key],
+ fontColor: '#172B4D',
+ };
+});
+
+export const apertureTheme = createUnifiedTheme({
+ ...createBaseThemeOptions({
+ palette: {
+ ...palettes.light,
+ primary: {
+ main: '#0052CC',
+ light: '#4C9AFF',
+ dark: '#172B4D',
+ },
+ secondary: {
+ main: '#FF5630',
+ light: '#FFAB00',
+ dark: '#6554C0',
+ },
+ grey: {
+ 50: '#C1C7D0',
+ 100: '#7A869A',
+ 200: '#6B778C',
+ 300: '#5E6C84',
+ 400: '#505F79',
+ 500: '#42526E',
+ 600: '#344563',
+ 700: '#253858',
+ 800: '#172B4D',
+ 900: '#091E42',
+ },
+ error: {
+ main: '#FF5630',
+ light: '#FF8F73',
+ dark: '#DE350B',
+ },
+ warning: {
+ main: '#FFAB00',
+ light: '#FFE380',
+ dark: '#FF8B00',
+ },
+ success: {
+ main: '#36B37E',
+ light: '#79F2C0',
+ dark: '#006644',
+ },
+ info: {
+ main: '#0065FF',
+ light: '#4C9AFF',
+ dark: '#0747A6',
+ },
+ navigation: {
+ ...palettes.light.navigation,
+ background: '#172B4D',
+ color: '#FFFFFF',
+ indicator: '#2684FF',
+ navItem: {
+ hoverBackground: 'rgba(116,118,121,0.6)',
+ },
+ },
+ text: {
+ primary: '#172B48',
+ },
+ background: {
+ default: '#FFFFFF',
+ },
+ },
+ }),
+ typography: {
+ htmlFontSize: 16,
+ fontFamily: 'Roboto, sans-serif',
+ h1: {
+ fontSize: 54,
+ fontWeight: 700,
+ marginBottom: 10,
+ },
+ h2: {
+ fontSize: 40,
+ fontWeight: 700,
+ marginBottom: 8,
+ },
+ h3: {
+ fontSize: 32,
+ fontWeight: 700,
+ marginBottom: 6,
+ },
+ h4: {
+ fontWeight: 700,
+ fontSize: 28,
+ marginBottom: 6,
+ },
+ h5: {
+ fontWeight: 700,
+ fontSize: 24,
+ marginBottom: 4,
+ },
+ h6: {
+ fontWeight: 700,
+ fontSize: 20,
+ marginBottom: 2,
+ },
+ },
+ pageTheme: pageThemesFontColorOverride,
+ defaultPageTheme: 'home',
+ components: {
+ BackstageHeader: {
+ styleOverrides: {
+ header: ({ theme }) => ({
+ backgroundImage: 'unset',
+ boxShadow: 'unset',
+ paddingBottom: theme.spacing(1),
+ }),
+ title: ({ theme }) => ({
+ color: theme.page.fontColor,
+ fontWeight: 900,
+ }),
+ subtitle: ({ theme }) => ({
+ color: alpha(theme.page.fontColor, 0.8),
+ }),
+ type: ({ theme }) => ({
+ color: alpha(theme.page.fontColor, 0.8),
+ }),
+ },
+ },
+ BackstageHeaderTabs: {
+ styleOverrides: {
+ defaultTab: {
+ fontSize: 'inherit',
+ textTransform: 'none',
+ },
+ },
+ },
+ BackstageOpenedDropdown: {
+ styleOverrides: {
+ icon: {
+ '& path': {
+ fill: '#FFFFFF',
+ },
+ },
+ },
+ },
+ BackstageTable: {
+ styleOverrides: {
+ root: {
+ '&> :first-child': {
+ borderBottom: '1px solid #D5D5D5',
+ boxShadow: 'none',
+ },
+ '& th': {
+ borderTop: 'none',
+ textTransform: 'none !important',
+ },
+ },
+ },
+ },
+ CatalogReactUserListPicker: {
+ styleOverrides: {
+ title: {
+ textTransform: 'none',
+ },
+ },
+ },
+ MuiAlert: {
+ styleOverrides: {
+ root: {
+ borderRadius: 0,
+ },
+ standardError: ({ theme }) => ({
+ color: '#FFFFFF',
+ backgroundColor: theme.palette.error.dark,
+ '& $icon': {
+ color: '#FFFFFF',
+ },
+ }),
+ standardInfo: ({ theme }) => ({
+ color: '#FFFFFF',
+ backgroundColor: theme.palette.primary.dark,
+ '& $icon': {
+ color: '#FFFFFF',
+ },
+ }),
+ standardSuccess: ({ theme }) => ({
+ color: '#FFFFFF',
+ backgroundColor: theme.palette.success.dark,
+ '& $icon': {
+ color: '#FFFFFF',
+ },
+ }),
+ standardWarning: ({ theme }) => ({
+ color: theme.palette.grey[700],
+ backgroundColor: theme.palette.secondary.light,
+ '& $icon': {
+ color: theme.palette.grey[700],
+ },
+ }),
+ },
+ },
+ MuiAutocomplete: {
+ styleOverrides: {
+ root: {
+ '&[aria-expanded=true]': {
+ backgroundColor: '#26385A',
+ color: '#FFFFFF',
+ },
+ '&[aria-expanded=true] path': {
+ fill: '#FFFFFF',
+ },
+ },
+ },
+ },
+ MuiBackdrop: {
+ styleOverrides: {
+ root: {
+ backgroundColor: 'rgba(9,30,69,0.54)',
+ },
+ },
+ },
+ MuiButton: {
+ styleOverrides: {
+ root: {
+ borderRadius: 3,
+ textTransform: 'none',
+ },
+ contained: {
+ boxShadow: 'none',
+ },
+ },
+ },
+ MuiChip: {
+ styleOverrides: {
+ root: ({ theme }) => ({
+ borderRadius: 3,
+ backgroundColor: theme.palette.grey[50],
+ color: theme.palette.primary.dark,
+ margin: 4,
+ }),
+ },
+ },
+ MuiSelect: {
+ styleOverrides: {
+ select: {
+ '&[aria-expanded]': {
+ backgroundColor: '#26385A',
+ color: '#FFFFFF',
+ },
+ },
+ },
+ },
+ MuiSwitch: {
+ styleOverrides: {
+ root: {
+ padding: 10,
+ },
+ switchBase: {
+ padding: 12,
+ },
+ thumb: {
+ backgroundColor: '#FFFFFF',
+ height: 14,
+ width: 14,
+ },
+ track: {
+ borderRadius: 9,
+ },
+ },
+ },
+ MuiTabs: {
+ styleOverrides: {
+ indicator: {
+ transition: 'none',
+ },
+ },
+ },
+ MuiTypography: {
+ styleOverrides: {
+ button: {
+ textTransform: 'none',
+ },
+ },
+ },
+ },
+});
diff --git a/yarn.lock b/yarn.lock
index 502abd4a2..de5d349df 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -18546,6 +18546,60 @@ __metadata:
languageName: unknown
linkType: soft
+"app-next@workspace:packages/app-next":
+ version: 0.0.0-use.local
+ resolution: "app-next@workspace:packages/app-next"
+ dependencies:
+ "@backstage-community/plugin-badges": "npm:^0.9.0"
+ "@backstage-community/plugin-cost-insights": "npm:^0.15.1"
+ "@backstage-community/plugin-explore": "npm:^0.9.0"
+ "@backstage-community/plugin-github-actions": "npm:^0.11.0"
+ "@backstage-community/plugin-graphiql": "npm:^0.4.1"
+ "@backstage-community/plugin-tech-radar": "npm:^1.6.0"
+ "@backstage-community/plugin-todo": "npm:^0.9.0"
+ "@backstage/canon": "backstage:^"
+ "@backstage/cli": "backstage:^"
+ "@backstage/core-app-api": "backstage:^"
+ "@backstage/core-compat-api": "backstage:^"
+ "@backstage/core-components": "backstage:^"
+ "@backstage/core-plugin-api": "backstage:^"
+ "@backstage/frontend-defaults": "backstage:^"
+ "@backstage/frontend-plugin-api": "backstage:^"
+ "@backstage/integration-react": "backstage:^"
+ "@backstage/plugin-api-docs": "backstage:^"
+ "@backstage/plugin-catalog": "backstage:^"
+ "@backstage/plugin-catalog-graph": "backstage:^"
+ "@backstage/plugin-catalog-react": "backstage:^"
+ "@backstage/plugin-home": "backstage:^"
+ "@backstage/plugin-kubernetes": "backstage:^"
+ "@backstage/plugin-notifications": "backstage:^"
+ "@backstage/plugin-org": "backstage:^"
+ "@backstage/plugin-scaffolder": "backstage:^"
+ "@backstage/plugin-search": "backstage:^"
+ "@backstage/plugin-search-react": "backstage:^"
+ "@backstage/plugin-signals": "backstage:^"
+ "@backstage/plugin-techdocs": "backstage:^"
+ "@backstage/plugin-techdocs-module-addons-contrib": "backstage:^"
+ "@backstage/plugin-techdocs-react": "backstage:^"
+ "@backstage/plugin-user-settings": "backstage:^"
+ "@backstage/theme": "backstage:^"
+ "@material-ui/core": "npm:^4.11.0"
+ "@material-ui/icons": "npm:^4.9.1"
+ "@playwright/test": "npm:^1.32.3"
+ "@testing-library/dom": "npm:^10.1.0"
+ "@testing-library/jest-dom": "npm:^6.0.0"
+ "@testing-library/react": "npm:^16.0.0"
+ "@types/d3": "npm:^7.4.3"
+ "@types/node": "npm:^22.0.0"
+ "@types/react-dom": "npm:*"
+ backstage-plugin-techdocs-addon-mermaid: "npm:^0.21.0"
+ react: "npm:^18.2.0"
+ react-dom: "npm:^18.2.0"
+ react-router: "npm:^6.3.0"
+ react-router-dom: "npm:^6.3.0"
+ languageName: unknown
+ linkType: soft
+
"app@npm:^0.0.0, app@workspace:packages/app":
version: 0.0.0-use.local
resolution: "app@workspace:packages/app"