Expose an alternative, add-on-aware read component and hooks.

Co-authored-by: Emma Indal <emma.indahl@gmail.com>
Co-authored-by: Camila Belo <camilaibs@gmail.com>
Co-authored-by: Otto Sichert <git@ottosichert.de>
Co-authored-by: Anders Näsman <andersn@spotify.com>

Signed-off-by: Eric Peterson <ericpeterson@spotify.com>
This commit is contained in:
Eric Peterson
2022-03-16 10:57:22 +01:00
committed by Emma Indal
parent 30d2ca2669
commit ff1cc8bced
9 changed files with 717 additions and 6 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-techdocs-addons': minor
---
Introducing an addon framework for TechDocs.
+29
View File
@@ -3,9 +3,14 @@
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
/// <reference types="react" />
import { ComponentType } from 'react';
import { CompoundEntityRef } from '@backstage/catalog-model';
import { Extension } from '@backstage/core-plugin-api';
import { default as React_2 } from 'react';
import { TechDocsEntityMetadata } from '@backstage/plugin-techdocs';
import { TechDocsMetadata } from '@backstage/plugin-techdocs';
// @public
export function createTechDocsAddon<TComponentProps>(
@@ -31,4 +36,28 @@ export type TechDocsAddonOptions<TAddonProps = {}> = {
// @public
export const TechDocsAddons: React_2.ComponentType;
// @public
export const TechDocsReaderPage: (
props: TechDocsReaderPageProps,
) => JSX.Element;
// @public (undocumented)
export type TechDocsReaderPageProps = {
entityName: CompoundEntityRef;
};
// @public
export const useEntityMetadata: () => TechDocsEntityMetadata | undefined;
// @public
export const useMetadata: () => TechDocsMetadata | undefined;
// @public
export const useShadowRoot: () => ShadowRoot | undefined;
// @public
export const useShadowRootElements: <T extends HTMLElement = HTMLElement>(
selectors: string[],
) => T[];
```
+10 -1
View File
@@ -22,8 +22,17 @@
"postpack": "backstage-cli package postpack"
},
"dependencies": {
"@backstage/catalog-model": "^0.13.0",
"@backstage/core-components": "^0.9.1",
"@backstage/core-plugin-api": "^0.8.0",
"react-router-dom": "6.0.0-beta.0"
"@backstage/plugin-techdocs": "^0.15.1",
"@material-ui/core": "^4.12.2",
"@material-ui/lab": "4.0.0-alpha.57",
"@material-ui/styles": "^4.11.0",
"jss": "~10.8.2",
"react-helmet": "6.1.0",
"react-router-dom": "6.0.0-beta.0",
"react-use": "^17.2.4"
},
"peerDependencies": {
"@types/react": "^16.13.1 || ^17.0.0",
+193
View File
@@ -0,0 +1,193 @@
/*
* Copyright 2022 The Backstage Authors
*
* 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 { CompoundEntityRef } from '@backstage/catalog-model';
import { useApi, useApp } from '@backstage/core-plugin-api';
import {
techdocsApiRef,
TechDocsEntityMetadata,
TechDocsMetadata,
} from '@backstage/plugin-techdocs';
import React, {
createContext,
Dispatch,
PropsWithChildren,
SetStateAction,
useContext,
useState,
} from 'react';
import useAsync from 'react-use/lib/useAsync';
type PropsWithEntityName = PropsWithChildren<{ entityName: CompoundEntityRef }>;
const TechDocsMetadataContext = createContext<TechDocsMetadata | undefined>(
undefined,
);
export const TechDocsMetadataProvider = ({
entityName,
children,
}: PropsWithEntityName) => {
const { NotFoundErrorPage } = useApp().getComponents();
const techdocsApi = useApi(techdocsApiRef);
const { value, loading, error } = useAsync(async () => {
return await techdocsApi.getTechDocsMetadata(entityName);
}, []);
if (!loading && error) {
return <NotFoundErrorPage />;
}
return (
<TechDocsMetadataContext.Provider value={value}>
{children}
</TechDocsMetadataContext.Provider>
);
};
/**
* Hook for use within TechDocs addons to retrieve TechDocs Metadata for the
* current TechDocs site.
* @public
*/
export const useMetadata = () => {
return useContext(TechDocsMetadataContext);
};
const TechDocsEntityContext = createContext<TechDocsEntityMetadata | undefined>(
undefined,
);
export const TechDocsEntityProvider = ({
entityName,
children,
}: PropsWithEntityName) => {
const { NotFoundErrorPage } = useApp().getComponents();
const techdocsApi = useApi(techdocsApiRef);
const { value, loading, error } = useAsync(async () => {
return await techdocsApi.getEntityMetadata(entityName);
}, []);
if (!loading && error) {
return <NotFoundErrorPage />;
}
return (
<TechDocsEntityContext.Provider value={value}>
{children}
</TechDocsEntityContext.Provider>
);
};
/**
* Hook for use within TechDocs addons to retrieve Entity Metadata for the
* current TechDocs site.
* @public
*/
export const useEntityMetadata = () => {
return useContext(TechDocsEntityContext);
};
export type TechDocsReaderPageValue = {
entityName: CompoundEntityRef;
shadowRoot?: ShadowRoot;
setShadowRoot: Dispatch<SetStateAction<ShadowRoot | undefined>>;
title: string;
setTitle: Dispatch<SetStateAction<string>>;
subtitle: string;
setSubtitle: Dispatch<SetStateAction<string>>;
};
export const defaultTechDocsReaderPageValue: TechDocsReaderPageValue = {
title: '',
setTitle: () => {},
subtitle: '',
setSubtitle: () => {},
setShadowRoot: () => {},
entityName: { kind: '', name: '', namespace: '' },
};
export const TechDocsReaderPageContext = createContext<TechDocsReaderPageValue>(
defaultTechDocsReaderPageValue,
);
export const useTechDocsReaderPage = () => {
return useContext(TechDocsReaderPageContext);
};
export const TechDocsReaderPageProvider = ({
entityName,
children,
}: PropsWithEntityName) => {
const [title, setTitle] = useState(defaultTechDocsReaderPageValue.title);
const [subtitle, setSubtitle] = useState(
defaultTechDocsReaderPageValue.subtitle,
);
const [shadowRoot, setShadowRoot] = useState<ShadowRoot | undefined>(
defaultTechDocsReaderPageValue.shadowRoot,
);
const value = {
entityName,
shadowRoot,
setShadowRoot,
title,
setTitle,
subtitle,
setSubtitle,
};
return (
<TechDocsReaderPageContext.Provider value={value}>
{children}
</TechDocsReaderPageContext.Provider>
);
};
/**
* Hook for use within TechDocs addons that provides access to the underlying
* shadow root of the current page, allowing the DOM within to be mutated.
* @public
*/
export const useShadowRoot = () => {
const { shadowRoot } = useTechDocsReaderPage();
return shadowRoot;
};
/**
* Convenience hook for use within TechDocs addons that provides access to
* elements that match a given selector within the shadow root.
*
* todo(backstage/techdocs-core): Consider extending `selectors` from string[]
* to some kind of typed object array, so users have more control over the
* shape of the result. e.g. a flag to indicate querySelector vs.
* querySelectorAll.
*
* @public
*/
export const useShadowRootElements = <T extends HTMLElement = HTMLElement>(
selectors: string[],
): T[] => {
const shadowRoot = useShadowRoot();
if (!shadowRoot) return [];
return selectors
.map(selector => shadowRoot?.querySelectorAll<T>(selector))
.filter(nodeList => nodeList.length)
.map(nodeList => Array.from(nodeList))
.flat();
};
+8
View File
@@ -21,4 +21,12 @@
*/
export { createTechDocsAddon, TechDocsAddons } from './addons';
export {
useEntityMetadata,
useMetadata,
useShadowRoot,
useShadowRootElements,
} from './context';
export { TechDocsReaderPage } from './reader';
export type { TechDocsReaderPageProps } from './reader';
export type { TechDocsAddonLocations, TechDocsAddonOptions } from './types';
+217
View File
@@ -0,0 +1,217 @@
/*
* Copyright 2022 The Backstage Authors
*
* 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 { CompoundEntityRef } from '@backstage/catalog-model';
import { Content, Header, Page, Progress } from '@backstage/core-components';
import { configApiRef, useApi } from '@backstage/core-plugin-api';
// todo(backstage/techdocs-core): Export these from @backstage/plugin-techdocs
import {
// @ts-ignore
useTechDocsReaderDom,
// @ts-ignore
withTechDocsReaderProvider,
// @ts-ignore
TechDocsStateIndicator as TechDocReaderPageIndicator,
} from '@backstage/plugin-techdocs';
import {
withStyles,
Portal,
Box,
Toolbar,
ToolbarProps,
} from '@material-ui/core';
import { Skeleton } from '@material-ui/lab';
import { StylesProvider, jssPreset } from '@material-ui/styles';
import React, { useEffect, useRef, useState } from 'react';
import { create } from 'jss';
import Helmet from 'react-helmet';
import { useTechDocsAddons } from './addons';
import {
TechDocsMetadataProvider,
useMetadata,
TechDocsEntityProvider,
TechDocsReaderPageProvider,
useTechDocsReaderPage,
} from './context';
import { TechDocsAddonLocations as locations } from './types';
const TechDocsReaderPageSubheader = withStyles(theme => ({
root: {
gridArea: 'pageSubheader',
flexDirection: 'column',
minHeight: 'auto',
padding: theme.spacing(3, 3, 0),
},
}))(({ ...rest }: ToolbarProps) => {
const addons = useTechDocsAddons();
if (!addons.renderComponentsWithLocation(locations.SUBHEADER)) return null;
return (
<Toolbar {...rest}>
{addons.renderComponentsWithLocation(locations.SUBHEADER) && (
<Box
display="flex"
justifyContent="flex-end"
width="100%"
flexWrap="wrap"
>
{addons.renderComponentsWithLocation(locations.SUBHEADER)}
</Box>
)}
</Toolbar>
);
});
const skeleton = <Skeleton animation="wave" variant="text" height={40} />;
const TechDocsReaderPageHeader = () => {
const addons = useTechDocsAddons();
const configApi = useApi(configApiRef);
const metadata = useMetadata();
const { title, setTitle, subtitle, setSubtitle } = useTechDocsReaderPage();
useEffect(() => {
if (!metadata) return;
setTitle(prevTitle => prevTitle || metadata.site_name);
setSubtitle(
prevSubtitle => prevSubtitle || metadata.site_description || 'Home',
);
}, [metadata, setTitle, setSubtitle]);
const appTitle = configApi.getOptional('app.title') || 'Backstage';
const tabTitle = [subtitle, title, appTitle].filter(Boolean).join(' | ');
return (
<Header
type="Documentation"
title={title || skeleton}
subtitle={subtitle || skeleton}
>
<Helmet titleTemplate="%s">
<title>{tabTitle}</title>
</Helmet>
{addons.renderComponentsWithLocation(locations.HEADER)}
</Header>
);
};
const TechDocsReaderPageContent = () => {
const ref = useRef<HTMLDivElement>(null);
const [jss, setJss] = useState(
create({
...jssPreset(),
insertionPoint: undefined,
}),
);
const addons = useTechDocsAddons();
const { entityName, setShadowRoot } = useTechDocsReaderPage();
const dom = useTechDocsReaderDom(entityName);
useEffect(() => {
const shadowHost = ref.current;
if (!dom || !shadowHost || shadowHost.shadowRoot) return;
setJss(
create({
...jssPreset(),
insertionPoint: dom.querySelector('head') || undefined,
}),
);
const shadowRoot = shadowHost.attachShadow({ mode: 'open' });
shadowRoot.innerHTML = '';
shadowRoot.appendChild(dom);
setShadowRoot(shadowRoot);
}, [dom, setShadowRoot]);
const contentElement = ref.current?.shadowRoot?.querySelector(
'[data-md-component="container"]',
);
const primarySidebarElement = ref.current?.shadowRoot?.querySelector(
'[data-md-component="navigation"]',
);
const secondarySidebarElement = ref.current?.shadowRoot?.querySelector(
'[data-md-component="toc"]',
);
const primarySidebarAddonSpace = document.createElement('div');
primarySidebarElement?.prepend(primarySidebarAddonSpace);
const secondarySidebarAddonSpace = document.createElement('div');
secondarySidebarElement?.prepend(secondarySidebarAddonSpace);
// do not return content until dom is ready
if (!dom) {
return (
<Content>
<Progress />
</Content>
);
}
return (
<Content>
{/* sheetsManager={new Map()} is needed in order to deduplicate the injection of CSS in the page. */}
<StylesProvider jss={jss} sheetsManager={new Map()}>
<div ref={ref} data-testid="techdocs-native-shadowroot" />
<Portal container={primarySidebarAddonSpace}>
{addons.renderComponentsWithLocation(locations.PRIMARY_SIDEBAR)}
</Portal>
<Portal container={contentElement}>
{addons.renderComponentsWithLocation(locations.CONTENT)}
</Portal>
<Portal container={secondarySidebarAddonSpace}>
{addons.renderComponentsWithLocation(locations.SECONDARY_SIDEBAR)}
</Portal>
</StylesProvider>
</Content>
);
};
/**
* @public
*/
export type TechDocsReaderPageProps = { entityName: CompoundEntityRef };
/**
* An addon-aware implementation of the TechDocsReaderPage.
* @public
*/
export const TechDocsReaderPage = (props: TechDocsReaderPageProps) => {
const { entityName } = props;
const Component = withTechDocsReaderProvider(() => {
return (
<TechDocsMetadataProvider entityName={entityName}>
<TechDocsEntityProvider entityName={entityName}>
<TechDocsReaderPageProvider entityName={entityName}>
<Page themeId="documentation">
<TechDocsReaderPageHeader />
<TechDocsReaderPageSubheader />
<TechDocReaderPageIndicator />
<TechDocsReaderPageContent />
</Page>
</TechDocsReaderPageProvider>
</TechDocsEntityProvider>
</TechDocsMetadataProvider>
);
}, entityName);
return <Component />;
};
+3
View File
@@ -54,6 +54,9 @@ export enum TechDocsAddonLocations {
* every HTML node with the same tag name as the addon name in the markdown
* content. If no reference is made, no instance will be rendered. Works like
* regular React components, just being accessible from markdown.
*
* todo(backstage/techdocs-core): Keep and implement or remove before
* releasing this package!
*/
COMPONENT = 'component',
}
+1
View File
@@ -72,6 +72,7 @@
"@testing-library/react": "^12.1.3",
"@testing-library/react-hooks": "^7.0.2",
"@testing-library/user-event": "^14.0.0",
"@types/event-source-polyfill": "^1.0.0",
"@types/dompurify": "^2.2.2",
"@types/jest": "^26.0.7",
"@types/node": "^16.11.26",
+251 -5
View File
@@ -1456,6 +1456,15 @@
"@babel/helper-validator-identifier" "^7.16.7"
to-fast-properties "^2.0.0"
"@backstage/catalog-client@^0.9.0":
version "0.9.0"
resolved "https://registry.npmjs.org/@backstage/catalog-client/-/catalog-client-0.9.0.tgz#3e1024fab13fd8e2000d33833d2463ea9be5df9d"
integrity sha1-PhAk+rE/2OIADTODPSRj6pvl350=
dependencies:
"@backstage/catalog-model" "^0.13.0"
"@backstage/errors" "^0.2.2"
cross-fetch "^3.1.5"
"@backstage/catalog-client@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@backstage/catalog-client/-/catalog-client-1.0.0.tgz#05f9ee3b771ca17e4800f5116d63bd183fe0c4d6"
@@ -1465,6 +1474,19 @@
"@backstage/errors" "^1.0.0"
cross-fetch "^3.1.5"
"@backstage/catalog-model@^0.13.0":
version "0.13.0"
resolved "https://registry.npmjs.org/@backstage/catalog-model/-/catalog-model-0.13.0.tgz#abeb91522ac7ef7907907ad5bc889803131db209"
integrity sha1-q+uRUirH73kHkHrVvIiYAxMdsgk=
dependencies:
"@backstage/config" "^0.1.15"
"@backstage/errors" "^0.2.2"
"@backstage/types" "^0.1.3"
ajv "^7.0.3"
json-schema "^0.4.0"
lodash "^4.17.21"
uuid "^8.0.0"
"@backstage/catalog-model@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@backstage/catalog-model/-/catalog-model-1.0.0.tgz#0aa8694a3182aaf4232725842da751bf5f78bd68"
@@ -1478,7 +1500,15 @@
lodash "^4.17.21"
uuid "^8.0.0"
"@backstage/core-components@^0.9.0", "@backstage/core-components@^0.9.2":
"@backstage/config@^0.1.15":
version "0.1.15"
resolved "https://registry.npmjs.org/@backstage/config/-/config-0.1.15.tgz#4bad122ad861be5bd61a60639f92d2494fa245c5"
integrity sha512-eNJEYYSEu9MkrkBYiMpUBWEc3Bu64YgB9pZZGCMW7/9350tV2wbylEdoBJHslilJlJhiUyTXBckn8Ua7DOH7rw==
dependencies:
"@backstage/types" "^0.1.3"
lodash "^4.17.21"
"@backstage/core-components@^0.9.0", "@backstage/core-components@^0.9.1", "@backstage/core-components@^0.9.2":
version "0.9.2"
resolved "https://registry.npmjs.org/@backstage/core-components/-/core-components-0.9.2.tgz#9a3d79a15039256bbc007e5daa08c983050e0238"
integrity sha512-kh0FB0FmjC55W+xSEkKrAc7D6hvbYLY7N1UUd6M4VBghYXD61Y8RrJFKmBM3bAfPgYaryQNjYgA0BsoTo53PJA==
@@ -1522,6 +1552,43 @@
zen-observable "^0.8.15"
zod "^3.11.6"
"@backstage/core-plugin-api@^0.8.0":
version "0.8.0"
resolved "https://registry.npmjs.org/@backstage/core-plugin-api/-/core-plugin-api-0.8.0.tgz#e2096bff679183168a7f9b47ed27c50a01970e32"
integrity sha1-4glr/2eRgxaKf5tH7SfFCgGXDjI=
dependencies:
"@backstage/config" "^0.1.15"
"@backstage/types" "^0.1.3"
"@backstage/version-bridge" "^0.1.2"
history "^5.0.0"
prop-types "^15.7.2"
react-router-dom "6.0.0-beta.0"
zen-observable "^0.8.15"
"@backstage/errors@^0.2.2":
version "0.2.2"
resolved "https://registry.npmjs.org/@backstage/errors/-/errors-0.2.2.tgz#2113e0bc859e645b8b59bfcb435f7535739b02f8"
integrity sha1-IRPgvIWeZFuLWb/LQ191NXObAvg=
dependencies:
"@backstage/types" "^0.1.3"
cross-fetch "^3.1.5"
serialize-error "^8.0.1"
"@backstage/integration-react@^0.1.25":
version "0.1.25"
resolved "https://registry.npmjs.org/@backstage/integration-react/-/integration-react-0.1.25.tgz#ebbdd30d66e1d210b7cd33a682ad2be0d5ea5fc0"
integrity sha1-673TDWbh0hC3zTOmgq0r4NXqX8A=
dependencies:
"@backstage/config" "^0.1.15"
"@backstage/core-components" "^0.9.1"
"@backstage/core-plugin-api" "^0.8.0"
"@backstage/integration" "^0.8.0"
"@backstage/theme" "^0.2.15"
"@material-ui/core" "^4.12.2"
"@material-ui/icons" "^4.9.1"
"@material-ui/lab" "4.0.0-alpha.57"
react-use "^17.2.4"
"@backstage/integration-react@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@backstage/integration-react/-/integration-react-1.0.0.tgz#8075e65c6b5387631d27a9c242e7a4fff6f92417"
@@ -1537,6 +1604,19 @@
"@material-ui/lab" "4.0.0-alpha.57"
react-use "^17.2.4"
"@backstage/integration@^0.8.0":
version "0.8.0"
resolved "https://registry.npmjs.org/@backstage/integration/-/integration-0.8.0.tgz#d74131ad347272b4935973aa4bd098fad9548ce6"
integrity sha1-10ExrTRycrSTWXOqS9CY+tlUjOY=
dependencies:
"@backstage/config" "^0.1.15"
"@octokit/auth-app" "^3.4.0"
"@octokit/rest" "^18.5.3"
cross-fetch "^3.1.5"
git-url-parse "^11.6.0"
lodash "^4.17.21"
luxon "^2.0.2"
"@backstage/integration@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@backstage/integration/-/integration-1.0.0.tgz#e307cfddea014bfb0eb2281a5ae25ea0b742e9cf"
@@ -1550,6 +1630,41 @@
lodash "^4.17.21"
luxon "^2.0.2"
"@backstage/plugin-catalog-common@^0.2.2":
version "0.2.2"
resolved "https://registry.npmjs.org/@backstage/plugin-catalog-common/-/plugin-catalog-common-0.2.2.tgz#2f039ecd829d1d8e017609cb0bbf9af7c231ab63"
integrity sha1-LwOezYKdHY4BdgnLC7+a98Ixq2M=
dependencies:
"@backstage/plugin-permission-common" "^0.5.2"
"@backstage/search-common" "^0.3.1"
"@backstage/plugin-catalog-react@^0.9.0":
version "0.9.0"
resolved "https://registry.npmjs.org/@backstage/plugin-catalog-react/-/plugin-catalog-react-0.9.0.tgz#ff8c09ec455655fadb2c2fafd578908138b858bc"
integrity sha1-/4wJ7EVWVfrbLC+v1XiQgTi4WLw=
dependencies:
"@backstage/catalog-client" "^0.9.0"
"@backstage/catalog-model" "^0.13.0"
"@backstage/core-components" "^0.9.1"
"@backstage/core-plugin-api" "^0.8.0"
"@backstage/errors" "^0.2.2"
"@backstage/integration" "^0.8.0"
"@backstage/plugin-permission-common" "^0.5.2"
"@backstage/plugin-permission-react" "^0.3.3"
"@backstage/types" "^0.1.3"
"@backstage/version-bridge" "^0.1.2"
"@material-ui/core" "^4.12.2"
"@material-ui/icons" "^4.9.1"
"@material-ui/lab" "4.0.0-alpha.57"
classnames "^2.2.6"
jwt-decode "^3.1.0"
lodash "^4.17.21"
qs "^6.9.4"
react-router "6.0.0-beta.0"
react-use "^17.2.4"
yaml "^1.10.0"
zen-observable "^0.8.15"
"@backstage/plugin-catalog-react@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@backstage/plugin-catalog-react/-/plugin-catalog-react-1.0.0.tgz#4f42c070ffe5c9690e45a5288e18bacd8d4e0e66"
@@ -1578,7 +1693,33 @@
yaml "^1.10.0"
zen-observable "^0.8.15"
"@backstage/plugin-permission-common@^0.5.3":
"@backstage/plugin-catalog@^0.10.0":
version "0.10.0"
resolved "https://registry.npmjs.org/@backstage/plugin-catalog/-/plugin-catalog-0.10.0.tgz#7b7f1b54704380c51f7506bfba948a3e0ff0575d"
integrity sha1-e38bVHBDgMUfdQa/upSKPg/wV10=
dependencies:
"@backstage/catalog-client" "^0.9.0"
"@backstage/catalog-model" "^0.13.0"
"@backstage/core-components" "^0.9.1"
"@backstage/core-plugin-api" "^0.8.0"
"@backstage/errors" "^0.2.2"
"@backstage/integration-react" "^0.1.25"
"@backstage/plugin-catalog-common" "^0.2.2"
"@backstage/plugin-catalog-react" "^0.9.0"
"@backstage/plugin-search-common" "^0.3.1"
"@backstage/theme" "^0.2.15"
"@backstage/types" "^0.1.2"
"@material-ui/core" "^4.12.2"
"@material-ui/icons" "^4.9.1"
"@material-ui/lab" "4.0.0-alpha.57"
history "^5.0.0"
lodash "^4.17.21"
react-helmet "6.1.0"
react-router "6.0.0-beta.0"
react-use "^17.2.4"
zen-observable "^0.8.15"
"@backstage/plugin-permission-common@^0.5.2", "@backstage/plugin-permission-common@^0.5.3":
version "0.5.3"
resolved "https://registry.npmjs.org/@backstage/plugin-permission-common/-/plugin-permission-common-0.5.3.tgz#a1a4446e603584f2c82763745051f75f4a942eb1"
integrity sha512-zppDsNZEK9ffgXbf/Zx0sw4ffuOVOEvBZlft1+Oph2rO4+uN7dmCLMRRcKsYeNQ6/F50e6BMyNWpPZQDR/JQsA==
@@ -1589,7 +1730,7 @@
uuid "^8.0.0"
zod "^3.11.6"
"@backstage/plugin-permission-react@^0.3.4":
"@backstage/plugin-permission-react@^0.3.3", "@backstage/plugin-permission-react@^0.3.4":
version "0.3.4"
resolved "https://registry.npmjs.org/@backstage/plugin-permission-react/-/plugin-permission-react-0.3.4.tgz#e769dc1489c35d9c924234c0764a584558891716"
integrity sha512-S8s1cvCZFmxP4Dn5V9fOls31s4V1rgx3YUXqHSkgLatYHOXczf+GM/c5rdGLQyOb/+Hb+MQqaPAkojvSxNliow==
@@ -1602,6 +1743,83 @@
react-use "^17.2.4"
swr "^1.1.2"
"@backstage/plugin-search-common@0.3.2", "@backstage/plugin-search-common@^0.3.1", "@backstage/plugin-search-common@^0.3.2":
version "0.3.2"
resolved "https://registry.npmjs.org/@backstage/plugin-search-common/-/plugin-search-common-0.3.2.tgz#15984ba4c14f8a9119168e8c79344ef8101863dc"
integrity sha1-FZhLpMFPipEZFo6MeTRO+BAYY9w=
dependencies:
"@backstage/plugin-permission-common" "^0.5.3"
"@backstage/types" "^1.0.0"
"@backstage/plugin-search@^0.7.3":
version "0.7.4"
resolved "https://registry.npmjs.org/@backstage/plugin-search/-/plugin-search-0.7.4.tgz#d6571da128342d122f80253a756ece0a702967f9"
integrity sha1-1lcdoSg0LRIvgCU6dW7OCnApZ/k=
dependencies:
"@backstage/catalog-model" "^1.0.0"
"@backstage/config" "^1.0.0"
"@backstage/core-components" "^0.9.2"
"@backstage/core-plugin-api" "^1.0.0"
"@backstage/errors" "^1.0.0"
"@backstage/plugin-catalog-react" "^1.0.0"
"@backstage/plugin-search-common" "^0.3.2"
"@backstage/theme" "^0.2.15"
"@backstage/types" "^1.0.0"
"@material-ui/core" "^4.12.2"
"@material-ui/icons" "^4.9.1"
"@material-ui/lab" "4.0.0-alpha.57"
qs "^6.9.4"
react-router "6.0.0-beta.0"
react-router-dom "6.0.0-beta.0"
react-text-truncate "^0.18.0"
react-use "^17.2.4"
"@backstage/plugin-techdocs@^0.15.1":
version "0.15.1"
resolved "https://registry.npmjs.org/@backstage/plugin-techdocs/-/plugin-techdocs-0.15.1.tgz#f57b63526976da04f1d926b5b5b50e1a89b29184"
integrity sha1-9XtjUml22gTx2Sa1tbUOGomykYQ=
dependencies:
"@backstage/catalog-model" "^0.13.0"
"@backstage/config" "^0.1.15"
"@backstage/core-components" "^0.9.1"
"@backstage/core-plugin-api" "^0.8.0"
"@backstage/errors" "^0.2.2"
"@backstage/integration" "^0.8.0"
"@backstage/integration-react" "^0.1.25"
"@backstage/plugin-catalog" "^0.10.0"
"@backstage/plugin-catalog-react" "^0.9.0"
"@backstage/plugin-search" "^0.7.3"
"@backstage/theme" "^0.2.15"
"@material-ui/core" "^4.12.2"
"@material-ui/icons" "^4.9.1"
"@material-ui/lab" "4.0.0-alpha.57"
"@material-ui/styles" "^4.10.0"
dompurify "^2.2.9"
event-source-polyfill "^1.0.25"
git-url-parse "^11.6.0"
lodash "^4.17.21"
react-router "6.0.0-beta.0"
react-router-dom "6.0.0-beta.0"
react-text-truncate "^0.18.0"
react-use "^17.2.4"
"@backstage/search-common@^0.3.1":
version "0.3.2"
resolved "https://registry.npmjs.org/@backstage/search-common/-/search-common-0.3.2.tgz#608a4eddf7eae71ed807ec1f723a80c6f7cdf3e4"
integrity sha1-YIpO3ffq5x7YB+wfcjqAxvfN8+Q=
dependencies:
"@backstage/plugin-search-common" "0.3.2"
"@backstage/types@^0.1.2", "@backstage/types@^0.1.3":
version "0.1.3"
resolved "https://registry.npmjs.org/@backstage/types/-/types-0.1.3.tgz#6613d8cbdf97d42d31cd1e66a833df533e7ccf14"
integrity sha512-fJVi4oVrlO+G3PRv1fYSll9/X4pE11HLnkI//Geare9sP6wSfp/2zXpLYfKVsG0e24jOl7Swkc8lwLkQ90zMaQ==
"@backstage/version-bridge@^0.1.2":
version "0.1.2"
resolved "https://registry.npmjs.org/@backstage/version-bridge/-/version-bridge-0.1.2.tgz#a24f42e0f383d497576f8c9d43851c6538345c03"
integrity sha1-ok9C4POD1JdXb4ydQ4UcZTg0XAM=
"@balena/dockerignore@^1.0.2":
version "1.0.2"
resolved "https://registry.npmjs.org/@balena/dockerignore/-/dockerignore-1.0.2.tgz#9ffe4726915251e8eb69f44ef3547e0da2c03e0d"
@@ -6022,6 +6240,11 @@
resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
"@types/event-source-polyfill@^1.0.0":
version "1.0.0"
resolved "https://registry.npmjs.org/@types/event-source-polyfill/-/event-source-polyfill-1.0.0.tgz#f93f13433f750c8ea0e3cfa69c72e3c7393e0585"
integrity sha512-b8O8/rg7NIW0iJ8i9MNDBZqPljHA+b7AjC3QFqH3dSyW6vgrl3oBgyIv5dw2fibh5enHHDkkPZG5PHza7U4NRw==
"@types/expect@^1.20.4":
version "1.20.4"
resolved "https://registry.npmjs.org/@types/expect/-/expect-1.20.4.tgz#8288e51737bf7e3ab5d7c77bfa695883745264e5"
@@ -7857,7 +8080,7 @@ array-ify@^1.0.0:
resolved "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
integrity sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=
array-includes@^3.1.3, array-includes@^3.1.4:
array-includes@^3.1.2, array-includes@^3.1.3, array-includes@^3.1.4:
version "3.1.4"
resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.4.tgz#f5b493162c760f3539631f005ba2bb46acb45ba9"
integrity sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==
@@ -12111,6 +12334,11 @@ event-source-polyfill@1.0.25:
resolved "https://registry.npmjs.org/event-source-polyfill/-/event-source-polyfill-1.0.25.tgz#d8bb7f99cb6f8119c2baf086d9f6ee0514b6d9c8"
integrity sha512-hQxu6sN1Eq4JjoI7ITdQeGGUN193A2ra83qC0Ltm9I2UJVAten3OFVN6k5RX4YWeCS0BoC8xg/5czOCIHVosQg==
event-source-polyfill@^1.0.25:
version "1.0.26"
resolved "https://registry.npmjs.org/event-source-polyfill/-/event-source-polyfill-1.0.26.tgz#86c04d088ef078279168eefa028f928fec5059a4"
integrity sha512-IwDLs9fUTcGAyacHBeS53T8wcEkDyDn0UP4tfQqJ4wQP8AyH0mszuQf2ULTylnpI0sMquzJ4usrNV7+uztwI9A==
event-stream@=3.3.4:
version "3.3.4"
resolved "https://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz#4ab4c9a0f5a54db9338b4c34d86bfce8f4b35571"
@@ -16221,7 +16449,25 @@ jss@10.6.0, jss@^10.5.1:
is-in-browser "^1.1.3"
tiny-warning "^1.0.2"
"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.2.1:
jss@~10.8.2:
version "10.8.2"
resolved "https://registry.npmjs.org/jss/-/jss-10.8.2.tgz#4b2a30b094b924629a64928236017a52c7c97505"
integrity sha512-FkoUNxI329CKQ9OQC8L72MBF9KPf5q8mIupAJ5twU7G7XREW7ahb+7jFfrjZ4iy1qvhx1HwIWUIvkZBDnKkEdQ==
dependencies:
"@babel/runtime" "^7.3.1"
csstype "^3.0.2"
is-in-browser "^1.1.3"
tiny-warning "^1.0.2"
"jsx-ast-utils@^2.4.1 || ^3.0.0":
version "3.2.0"
resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.0.tgz#41108d2cec408c3453c1bbe8a4aae9e1e2bd8f82"
integrity sha512-EIsmt3O3ljsU6sot/J4E1zDRxfBNrhjyf/OKjlydwgEimQuznlM4Wv7U+ueONJMyEn1WRE0K8dhi3dVAXYT24Q==
dependencies:
array-includes "^3.1.2"
object.assign "^4.1.2"
jsx-ast-utils@^3.2.1:
version "3.2.1"
resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz#720b97bfe7d901b927d87c3773637ae8ea48781b"
integrity sha512-uP5vu8xfy2F9A6LGC22KO7e2/vGTS1MhP+18f++ZNlf0Ohaxbc9nIEwHAsejlJKyzfZzU5UIhe5ItYkitcZnZA==