@backstage/plugin-home 0.8.2 → 0.8.3-next.1

package/CHANGELOG.md

@@ -1,21 +1,83 @@
 # @backstage/plugin-home
 
-## 0.8.2
+## 0.8.3-next.1
 
 ### Patch Changes
 
+- 7248f3b: Added a new Quick Start Card to `plugin-home`, which can display basic info to get users the info they need to onboard to the Catalog.
+
+  ```
+  import { QuickStartCard } from '@backstage/plugin-home';
+  <QuickStartCard
+    title="Onboarding to the Catalog"
+    modalTitle="Onboarding Quick Start"
+    docsLinkTitle="Learn more with getting started docs"
+    docsLink="https://backstage.io/docs/getting-started"
+    image={
+      <img
+        src={ContentImage}
+        alt="quick start"
+        width="100%"
+        height="100%"
+      />
+    }
+    cardDescription="Backstage system model will help you create new entities"
+    video={
+      <video
+        controls
+        preload="auto"
+        poster={"./videoPoster.png"}
+      >
+        <source src={"OnboardingDemo.mp4"} type="video/mp4" />
+      </video>
+    }
+    downloadImage={
+      <Button
+        href={QuickStartPDF}
+        target={'_blank'}
+        download={true}
+      >
+        Download infographic button
+      </Button>
+    }
+  />
+  ```
+
+  See the [storybook examples](https://backstage.io/storybook/?path=/story/plugins-home-components-quickstartcard--default)
+
 - Updated dependencies
-  - @backstage/frontend-plugin-api@0.9.2
-  - @backstage/theme@0.6.2
-  - @backstage/catalog-client@1.8.0
+  - @backstage/plugin-catalog-react@1.14.3-next.1
+  - @backstage/catalog-client@1.9.0-next.1
+  - @backstage/core-components@0.16.2-next.1
   - @backstage/catalog-model@1.7.1
   - @backstage/config@1.3.0
-  - @backstage/core-app-api@1.15.2
-  - @backstage/core-compat-api@0.3.3
-  - @backstage/core-components@0.16.1
+  - @backstage/core-app-api@1.15.3-next.0
+  - @backstage/core-compat-api@0.3.4-next.1
+  - @backstage/core-plugin-api@1.10.1
+  - @backstage/frontend-plugin-api@0.9.3-next.1
+  - @backstage/theme@0.6.3-next.0
+  - @backstage/plugin-home-react@0.1.21-next.1
+
+## 0.8.3-next.0
+
+### Patch Changes
+
+- 9951ba4: Updated dependency `@rjsf/utils` to `5.23.1`.
+  Updated dependency `@rjsf/core` to `5.23.1`.
+  Updated dependency `@rjsf/material-ui` to `5.23.1`.
+  Updated dependency `@rjsf/validator-ajv8` to `5.23.1`.
+- Updated dependencies
+  - @backstage/core-app-api@1.15.3-next.0
+  - @backstage/plugin-catalog-react@1.14.3-next.0
+  - @backstage/plugin-home-react@0.1.21-next.0
+  - @backstage/frontend-plugin-api@0.9.3-next.0
+  - @backstage/theme@0.6.3-next.0
+  - @backstage/catalog-client@1.8.1-next.0
+  - @backstage/catalog-model@1.7.1
+  - @backstage/config@1.3.0
+  - @backstage/core-compat-api@0.3.4-next.0
+  - @backstage/core-components@0.16.2-next.0
   - @backstage/core-plugin-api@1.10.1
-  - @backstage/plugin-catalog-react@1.14.2
-  - @backstage/plugin-home-react@0.1.20
 
 ## 0.8.1
 

package/dist/homePageComponents/QuickStart/Content.esm.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Link } from '@backstage/core-components';
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+import { ContentModal } from './ContentModal.esm.js';
+import { useStyles } from './styles.esm.js';
+
+const Content = (props) => {
+  const styles = useStyles();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ContentModal,
+    {
+      modalContent: props.image,
+      linkContent: props.modalTitle || "Onboarding"
+    }
+  ), /* @__PURE__ */ React.createElement(Typography, { variant: "body1", paragraph: true }, props.cardDescription || "Get started with Backstage"), /* @__PURE__ */ React.createElement(ContentModal, { modalContent: props.image, linkContent: props.image }), /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      alignItems: "center",
+      className: styles.contentActionContainer
+    },
+    props.downloadImage && /* @__PURE__ */ React.createElement(Grid, { item: true }, props.downloadImage),
+    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        to: props.docsLink || "https://backstage.io/docs/getting-started/",
+        "data-testid": "quick-start-link-to-docs",
+        underline: "none",
+        variant: "h6",
+        className: styles.link
+      },
+      props.docsLinkTitle || "Learn more"
+    ))
+  ), props.video && props.video);
+};
+
+export { Content };
+//# sourceMappingURL=Content.esm.js.map

package/dist/homePageComponents/QuickStart/Content.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/homePageComponents/QuickStart/Content.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport { ContentModal } from './ContentModal';\nimport { useStyles } from './styles';\n\n/**\n * Props customizing the <QuickStartCard/> component.\n *\n * @public\n */\nexport type QuickStartCardProps = {\n  /** The modal link title */\n  modalTitle?: string | React.JSX.Element;\n  /** The link to docs title */\n  docsLinkTitle?: string;\n  /** The link to docs */\n  docsLink?: string;\n  /** The video to play on the card */\n  video?: React.JSX.Element;\n  /** A quickstart image to display on the card */\n  image: React.JSX.Element;\n  /** The card description*/\n  cardDescription?: string;\n  /** A component used to download a quickStart image*/\n  downloadImage?: React.JSX.Element;\n};\n\n/**\n * A component to display Quick Start info on the homepage.\n *\n * @public\n */\nexport const Content = (props: QuickStartCardProps): JSX.Element => {\n  const styles = useStyles();\n  return (\n    <>\n      <ContentModal\n        modalContent={props.image}\n        linkContent={props.modalTitle || 'Onboarding'}\n      />\n      <Typography variant=\"body1\" paragraph>\n        {props.cardDescription || 'Get started with Backstage'}\n      </Typography>\n      <ContentModal modalContent={props.image} linkContent={props.image} />\n      <Grid\n        container\n        alignItems=\"center\"\n        className={styles.contentActionContainer}\n      >\n        {props.downloadImage && <Grid item>{props.downloadImage}</Grid>}\n        <Grid item>\n          <Link\n            to={props.docsLink || 'https://backstage.io/docs/getting-started/'}\n            data-testid=\"quick-start-link-to-docs\"\n            underline=\"none\"\n            variant=\"h6\"\n            className={styles.link}\n          >\n            {props.docsLinkTitle || 'Learn more'}\n          </Link>\n        </Grid>\n      </Grid>\n      {props.video && props.video}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkDa,MAAA,OAAA,GAAU,CAAC,KAA4C,KAAA;AAClE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,cAAc,KAAM,CAAA,KAAA;AAAA,MACpB,WAAA,EAAa,MAAM,UAAc,IAAA;AAAA;AAAA,qBAElC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,SAAA,EAAS,QAClC,KAAM,CAAA,eAAA,IAAmB,4BAC5B,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,YAAc,EAAA,KAAA,CAAM,OAAO,WAAa,EAAA,KAAA,CAAM,OAAO,CACnE,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,UAAW,EAAA,QAAA;AAAA,MACX,WAAW,MAAO,CAAA;AAAA,KAAA;AAAA,IAEjB,MAAM,aAAiB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,EAAE,MAAM,aAAc,CAAA;AAAA,oBACxD,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,MAAM,QAAY,IAAA,4CAAA;AAAA,QACtB,aAAY,EAAA,0BAAA;AAAA,QACZ,SAAU,EAAA,MAAA;AAAA,QACV,OAAQ,EAAA,IAAA;AAAA,QACR,WAAW,MAAO,CAAA;AAAA,OAAA;AAAA,MAEjB,MAAM,aAAiB,IAAA;AAAA,KAE5B;AAAA,GAED,EAAA,KAAA,CAAM,KAAS,IAAA,KAAA,CAAM,KACxB,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/QuickStart/ContentModal.esm.js

@@ -0,0 +1,34 @@
+import React, { useState } from 'react';
+import { Link } from '@backstage/core-components';
+import Modal from '@material-ui/core/Modal';
+import Box from '@material-ui/core/Box';
+import { useStyles } from './styles.esm.js';
+
+const ContentModal = (props) => {
+  const { modalContent, linkContent } = props;
+  const styles = useStyles();
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ React.createElement("div", { className: styles.linkText, "data-testid": "content-modal-container" }, /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      to: "#",
+      component: "button",
+      variant: "h6",
+      underline: "none",
+      onClick: () => setOpen(true)
+    },
+    linkContent
+  ), /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      open,
+      onClose: () => setOpen(false),
+      "aria-labelledby": "content-modal",
+      "data-testid": "content-modal"
+    },
+    /* @__PURE__ */ React.createElement(Box, { className: styles.contentModal, "data-testid": "content-modal-open" }, modalContent)
+  ));
+};
+
+export { ContentModal };
+//# sourceMappingURL=ContentModal.esm.js.map

package/dist/homePageComponents/QuickStart/ContentModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModal.esm.js","sources":["../../../src/homePageComponents/QuickStart/ContentModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport { Link } from '@backstage/core-components';\nimport Modal from '@material-ui/core/Modal';\nimport Box from '@material-ui/core/Box';\n\nimport { useStyles } from './styles';\n\nexport type ContentModalProps = {\n  modalContent: React.JSX.Element;\n  linkContent: string | React.JSX.Element;\n};\n\nexport const ContentModal = (props: ContentModalProps) => {\n  const { modalContent, linkContent } = props;\n  const styles = useStyles();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={styles.linkText} data-testid=\"content-modal-container\">\n      <Link\n        to=\"#\"\n        component=\"button\"\n        variant=\"h6\"\n        underline=\"none\"\n        onClick={() => setOpen(true)}\n      >\n        {linkContent}\n      </Link>\n      <Modal\n        open={open}\n        onClose={() => setOpen(false)}\n        aria-labelledby=\"content-modal\"\n        data-testid=\"content-modal\"\n      >\n        <Box className={styles.contentModal} data-testid=\"content-modal-open\">\n          {modalContent}\n        </Box>\n      </Modal>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA4Ba,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA,EAAE,YAAc,EAAA,WAAA,EAAgB,GAAA,KAAA;AACtC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,2CACG,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,eAAY,yBAC3C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,GAAA;AAAA,MACH,SAAU,EAAA,QAAA;AAAA,MACV,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA,MAAA;AAAA,MACV,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI;AAAA,KAAA;AAAA,IAE1B;AAAA,GAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC5B,iBAAgB,EAAA,eAAA;AAAA,MAChB,aAAY,EAAA;AAAA,KAAA;AAAA,wCAEX,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAAc,EAAA,aAAA,EAAY,wBAC9C,YACH;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/QuickStart/index.esm.js

@@ -0,0 +1,2 @@
+export { Content } from './Content.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/homePageComponents/QuickStart/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/homePageComponents/QuickStart/styles.esm.js

@@ -0,0 +1,45 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(
+  (theme) => ({
+    cardTitleIcon: {
+      verticalAlign: "bottom",
+      marginLeft: "-4px"
+    },
+    contentActionContainer: {
+      marginTop: theme.spacing(1.5),
+      marginBottom: theme.spacing(1.5)
+    },
+    contentModal: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      height: "auto"
+    },
+    imageSize: { width: "100%", height: "100%" },
+    link: {
+      display: "inline-flex",
+      alignItems: "center",
+      textDecoration: "none",
+      color: `${theme.palette.link}`,
+      "&:hover": {
+        background: "transparent"
+      }
+    },
+    linkText: {
+      marginBottom: theme.spacing(1.5)
+    },
+    videoContainer: {
+      borderRadius: "10px",
+      width: "100%",
+      height: "auto",
+      background: `${theme.palette.background.default}`
+    }
+  }),
+  { name: "HomeQuickStartCard" }
+);
+
+export { useStyles };
+//# sourceMappingURL=styles.esm.js.map

package/dist/homePageComponents/QuickStart/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../src/homePageComponents/QuickStart/styles.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { makeStyles, Theme } from '@material-ui/core/styles';\n\n/** @public */\nexport type QuickStartCardClassKey =\n  | 'cardTitleIcon'\n  | 'contentActionContainer'\n  | 'contentModal'\n  | 'imageSize'\n  | 'link'\n  | 'linkText'\n  | 'videoContainer';\n\nexport const useStyles = makeStyles(\n  (theme: Theme) => ({\n    cardTitleIcon: {\n      verticalAlign: 'bottom',\n      marginLeft: '-4px',\n    },\n    contentActionContainer: {\n      marginTop: theme.spacing(1.5),\n      marginBottom: theme.spacing(1.5),\n    },\n    contentModal: {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '80%',\n      height: 'auto',\n    },\n    imageSize: { width: '100%', height: '100%' },\n    link: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      textDecoration: 'none',\n      color: `${theme.palette.link}`,\n      '&:hover': {\n        background: 'transparent',\n      },\n    },\n    linkText: {\n      marginBottom: theme.spacing(1.5),\n    },\n    videoContainer: {\n      borderRadius: '10px',\n      width: '100%',\n      height: 'auto',\n      background: `${theme.palette.background.default}`,\n    },\n  }),\n  { name: 'HomeQuickStartCard' },\n);\n"],"names":[],"mappings":";;AA4BO,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAC,KAAkB,MAAA;AAAA,IACjB,aAAe,EAAA;AAAA,MACb,aAAe,EAAA,QAAA;AAAA,MACf,UAAY,EAAA;AAAA,KACd;AAAA,IACA,sBAAwB,EAAA;AAAA,MACtB,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MAC5B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,KACjC;AAAA,IACA,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,UAAA;AAAA,MACV,GAAK,EAAA,KAAA;AAAA,MACL,IAAM,EAAA,KAAA;AAAA,MACN,SAAW,EAAA,uBAAA;AAAA,MACX,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,SAAW,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,IAC3C,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,aAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,MAAA;AAAA,MAChB,KAAO,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,MAC5B,SAAW,EAAA;AAAA,QACT,UAAY,EAAA;AAAA;AACd,KACF;AAAA,IACA,QAAU,EAAA;AAAA,MACR,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,KACjC;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,YAAc,EAAA,MAAA;AAAA,MACd,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,MAAA;AAAA,MACR,UAAY,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,WAAW,OAAO,CAAA;AAAA;AACjD,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B;;;;"}

package/dist/index.d.ts

@@ -227,6 +227,28 @@ type StarredEntitiesProps = {
     groupByKind?: boolean;
 };
 
+/**
+ * Props customizing the <QuickStartCard/> component.
+ *
+ * @public
+ */
+type QuickStartCardProps = {
+    /** The modal link title */
+    modalTitle?: string | React__default.JSX.Element;
+    /** The link to docs title */
+    docsLinkTitle?: string;
+    /** The link to docs */
+    docsLink?: string;
+    /** The video to play on the card */
+    video?: React__default.JSX.Element;
+    /** A quickstart image to display on the card */
+    image: React__default.JSX.Element;
+    /** The card description*/
+    cardDescription?: string;
+    /** A component used to download a quickStart image*/
+    downloadImage?: React__default.JSX.Element;
+};
+
 /** @public */
 declare const homePlugin: _backstage_core_plugin_api.BackstagePlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
@@ -242,7 +264,6 @@ declare const ComponentAccordion: (props: {
     expanded?: boolean | undefined;
     Content: () => JSX.Element;
     Actions?: (() => JSX.Element) | undefined;
-    /** @public */
     Settings?: (() => JSX.Element) | undefined;
     ContextProvider?: ((props: any) => JSX.Element) | undefined;
 }) => React.JSX.Element;
@@ -491,4 +512,4 @@ declare const SettingsModal: (props: {
     children: JSX.Element;
 }) => React.JSX.Element;
 
-export { type Breakpoint, type CardConfig, type CardExtensionProps, type CardLayout, type CardSettings, type ClockConfig, ComponentAccordion, type ComponentParts, type ComponentRenderer, ComponentTab, ComponentTabs, CustomHomepageGrid, type CustomHomepageGridProps, FeaturedDocsCard, type FeaturedDocsCardProps, HeaderWorldClock, HomePageCompanyLogo, HomePageRandomJoke, HomePageRecentlyVisited, HomePageStarredEntities, HomePageToolkit, HomePageTopVisited, HomepageCompositionRoot, type LayoutConfiguration, type Operators, type RendererProps, SettingsModal, type StarredEntitiesProps, TemplateBackstageLogo, TemplateBackstageLogoIcon, type Tool, type ToolkitContentProps, type Visit, VisitListener, type VisitedByTypeKind, type VisitedByTypeProps, type VisitsApi, type VisitsApiQueryParams, type VisitsApiSaveParams, VisitsStorageApi, type VisitsStorageApiOptions, VisitsWebStorageApi, type VisitsWebStorageApiOptions, WelcomeTitle, type WelcomeTitleLanguageProps, createCardExtension, homePlugin, isOperator, visitsApiRef };
+export { type Breakpoint, type CardConfig, type CardExtensionProps, type CardLayout, type CardSettings, type ClockConfig, ComponentAccordion, type ComponentParts, type ComponentRenderer, ComponentTab, ComponentTabs, CustomHomepageGrid, type CustomHomepageGridProps, FeaturedDocsCard, type FeaturedDocsCardProps, HeaderWorldClock, HomePageCompanyLogo, HomePageRandomJoke, HomePageRecentlyVisited, HomePageStarredEntities, HomePageToolkit, HomePageTopVisited, HomepageCompositionRoot, type LayoutConfiguration, type Operators, type QuickStartCardProps, type RendererProps, SettingsModal, type StarredEntitiesProps, TemplateBackstageLogo, TemplateBackstageLogoIcon, type Tool, type ToolkitContentProps, type Visit, VisitListener, type VisitedByTypeKind, type VisitedByTypeProps, type VisitsApi, type VisitsApiQueryParams, type VisitsApiSaveParams, VisitsStorageApi, type VisitsStorageApiOptions, VisitsWebStorageApi, type VisitsWebStorageApiOptions, WelcomeTitle, type WelcomeTitleLanguageProps, createCardExtension, homePlugin, isOperator, visitsApiRef };

package/dist/plugin.esm.js

@@ -139,6 +139,13 @@ const FeaturedDocsCard = homePlugin.provide(
     components: () => import('./homePageComponents/FeaturedDocsCard/index.esm.js')
   })
 );
+homePlugin.provide(
+  createCardExtension({
+    name: "QuickStartCard",
+    title: "Quick Start",
+    components: () => import('./homePageComponents/QuickStart/index.esm.js')
+  })
+);
 
 export { ComponentAccordion, ComponentTab, ComponentTabs, FeaturedDocsCard, HeaderWorldClock, HomePageCompanyLogo, HomePageRandomJoke, HomePageRecentlyVisited, HomePageStarredEntities, HomePageToolkit, HomePageTopVisited, HomepageCompositionRoot, WelcomeTitle, homePlugin };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  identityApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport {\n  ToolkitContentProps,\n  VisitedByTypeProps,\n  FeaturedDocsCardProps,\n} from './homePageComponents';\nimport { rootRouteRef } from './routes';\nimport { VisitsStorageApi, visitsApiRef } from './api';\nimport { StarredEntitiesProps } from './homePageComponents/StarredEntities/Content';\n\n/** @public */\nexport const homePlugin = createPlugin({\n  id: 'home',\n  apis: [\n    createApiFactory({\n      api: visitsApiRef,\n      deps: {\n        storageApi: storageApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ storageApi, identityApi }) =>\n        VisitsStorageApi.create({ storageApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/** @public */\nexport const HomepageCompositionRoot = homePlugin.provide(\n  createRoutableExtension({\n    name: 'HomepageCompositionRoot',\n    component: () =>\n      import('./components').then(m => m.HomepageCompositionRoot),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const ComponentAccordion = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentAccordion',\n    component: {\n      lazy: () =>\n        import('./componentRenderers').then(m => m.ComponentAccordion),\n    },\n  }),\n);\n\n/** @public */\nexport const ComponentTabs = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTabs',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTabs),\n    },\n  }),\n);\n\n/** @public */\nexport const ComponentTab = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTab',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTab),\n    },\n  }),\n);\n\n/**\n * A component to display a playful greeting for the user.\n *\n * @public\n */\nexport const WelcomeTitle = homePlugin.provide(\n  createComponentExtension({\n    name: 'WelcomeTitle',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/WelcomeTitle').then(m => m.WelcomeTitle),\n    },\n  }),\n);\n\n/**\n * A component to display a company logo for the user.\n *\n * @public\n */\nexport const HomePageCompanyLogo = homePlugin.provide(\n  createComponentExtension({\n    name: 'CompanyLogo',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/CompanyLogo').then(m => m.CompanyLogo),\n    },\n  }),\n);\n\n/** @public */\nexport const HomePageRandomJoke = homePlugin.provide(\n  createCardExtension<{ defaultCategory?: 'any' | 'programming' }>({\n    name: 'HomePageRandomJoke',\n    title: 'Random Joke',\n    components: () => import('./homePageComponents/RandomJoke'),\n    description: 'Shows a random joke about optional category',\n    layout: {\n      height: { minRows: 4 },\n      width: { minColumns: 3 },\n    },\n    settings: {\n      schema: {\n        title: 'Random Joke settings',\n        type: 'object',\n        properties: {\n          defaultCategory: {\n            title: 'Category',\n            type: 'string',\n            enum: ['any', 'programming', 'dad'],\n            default: 'any',\n          },\n        },\n      },\n    },\n  }),\n);\n\n/**\n * A component to display a list of tools for the user.\n *\n * @public\n */\nexport const HomePageToolkit = homePlugin.provide(\n  createCardExtension<ToolkitContentProps>({\n    name: 'HomePageToolkit',\n    title: 'Toolkit',\n    components: () => import('./homePageComponents/Toolkit'),\n  }),\n);\n\n/**\n * A component to display a list of starred entities for the user.\n *\n * @public\n */\nexport const HomePageStarredEntities = homePlugin.provide(\n  createCardExtension<Partial<StarredEntitiesProps>>({\n    name: 'HomePageStarredEntities',\n    title: 'Your Starred Entities',\n    components: () => import('./homePageComponents/StarredEntities'),\n  }),\n);\n\n/**\n * A component to display a configurable list of clocks for various time zones.\n *\n * @public\n */\nexport const HeaderWorldClock = homePlugin.provide(\n  createComponentExtension({\n    name: 'HeaderWorldClock',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/HeaderWorldClock').then(\n          m => m.HeaderWorldClock,\n        ),\n    },\n  }),\n);\n\n/**\n * Display top visited pages for the homepage\n * @public\n */\nexport const HomePageTopVisited = homePlugin.provide(\n  createCardExtension<Partial<VisitedByTypeProps>>({\n    name: 'HomePageTopVisited',\n    title: 'Top Visited',\n    components: () => import('./homePageComponents/VisitedByType/TopVisited'),\n  }),\n);\n\n/**\n * Display recently visited pages for the homepage\n * @public\n */\nexport const HomePageRecentlyVisited = homePlugin.provide(\n  createCardExtension<Partial<VisitedByTypeProps>>({\n    name: 'HomePageRecentlyVisited',\n    title: 'Recently Visited',\n    components: () =>\n      import('./homePageComponents/VisitedByType/RecentlyVisited'),\n  }),\n);\n\n/**\n * A component to display specific Featured Docs.\n *\n * @public\n */\nexport const FeaturedDocsCard = homePlugin.provide(\n  createCardExtension<FeaturedDocsCardProps>({\n    name: 'FeaturedDocsCard',\n    title: 'Featured Docs',\n    components: () => import('./homePageComponents/FeaturedDocsCard'),\n  }),\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  identityApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\nimport {\n  ToolkitContentProps,\n  VisitedByTypeProps,\n  FeaturedDocsCardProps,\n  QuickStartCardProps,\n} from './homePageComponents';\nimport { rootRouteRef } from './routes';\nimport { VisitsStorageApi, visitsApiRef } from './api';\nimport { StarredEntitiesProps } from './homePageComponents/StarredEntities/Content';\n\n/** @public */\nexport const homePlugin = createPlugin({\n  id: 'home',\n  apis: [\n    createApiFactory({\n      api: visitsApiRef,\n      deps: {\n        storageApi: storageApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ storageApi, identityApi }) =>\n        VisitsStorageApi.create({ storageApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/** @public */\nexport const HomepageCompositionRoot = homePlugin.provide(\n  createRoutableExtension({\n    name: 'HomepageCompositionRoot',\n    component: () =>\n      import('./components').then(m => m.HomepageCompositionRoot),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const ComponentAccordion = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentAccordion',\n    component: {\n      lazy: () =>\n        import('./componentRenderers').then(m => m.ComponentAccordion),\n    },\n  }),\n);\n\n/** @public */\nexport const ComponentTabs = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTabs',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTabs),\n    },\n  }),\n);\n\n/** @public */\nexport const ComponentTab = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTab',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTab),\n    },\n  }),\n);\n\n/**\n * A component to display a playful greeting for the user.\n *\n * @public\n */\nexport const WelcomeTitle = homePlugin.provide(\n  createComponentExtension({\n    name: 'WelcomeTitle',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/WelcomeTitle').then(m => m.WelcomeTitle),\n    },\n  }),\n);\n\n/**\n * A component to display a company logo for the user.\n *\n * @public\n */\nexport const HomePageCompanyLogo = homePlugin.provide(\n  createComponentExtension({\n    name: 'CompanyLogo',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/CompanyLogo').then(m => m.CompanyLogo),\n    },\n  }),\n);\n\n/** @public */\nexport const HomePageRandomJoke = homePlugin.provide(\n  createCardExtension<{ defaultCategory?: 'any' | 'programming' }>({\n    name: 'HomePageRandomJoke',\n    title: 'Random Joke',\n    components: () => import('./homePageComponents/RandomJoke'),\n    description: 'Shows a random joke about optional category',\n    layout: {\n      height: { minRows: 4 },\n      width: { minColumns: 3 },\n    },\n    settings: {\n      schema: {\n        title: 'Random Joke settings',\n        type: 'object',\n        properties: {\n          defaultCategory: {\n            title: 'Category',\n            type: 'string',\n            enum: ['any', 'programming', 'dad'],\n            default: 'any',\n          },\n        },\n      },\n    },\n  }),\n);\n\n/**\n * A component to display a list of tools for the user.\n *\n * @public\n */\nexport const HomePageToolkit = homePlugin.provide(\n  createCardExtension<ToolkitContentProps>({\n    name: 'HomePageToolkit',\n    title: 'Toolkit',\n    components: () => import('./homePageComponents/Toolkit'),\n  }),\n);\n\n/**\n * A component to display a list of starred entities for the user.\n *\n * @public\n */\nexport const HomePageStarredEntities = homePlugin.provide(\n  createCardExtension<Partial<StarredEntitiesProps>>({\n    name: 'HomePageStarredEntities',\n    title: 'Your Starred Entities',\n    components: () => import('./homePageComponents/StarredEntities'),\n  }),\n);\n\n/**\n * A component to display a configurable list of clocks for various time zones.\n *\n * @public\n */\nexport const HeaderWorldClock = homePlugin.provide(\n  createComponentExtension({\n    name: 'HeaderWorldClock',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/HeaderWorldClock').then(\n          m => m.HeaderWorldClock,\n        ),\n    },\n  }),\n);\n\n/**\n * Display top visited pages for the homepage\n * @public\n */\nexport const HomePageTopVisited = homePlugin.provide(\n  createCardExtension<Partial<VisitedByTypeProps>>({\n    name: 'HomePageTopVisited',\n    title: 'Top Visited',\n    components: () => import('./homePageComponents/VisitedByType/TopVisited'),\n  }),\n);\n\n/**\n * Display recently visited pages for the homepage\n * @public\n */\nexport const HomePageRecentlyVisited = homePlugin.provide(\n  createCardExtension<Partial<VisitedByTypeProps>>({\n    name: 'HomePageRecentlyVisited',\n    title: 'Recently Visited',\n    components: () =>\n      import('./homePageComponents/VisitedByType/RecentlyVisited'),\n  }),\n);\n\n/**\n * A component to display specific Featured Docs.\n *\n * @public\n */\nexport const FeaturedDocsCard = homePlugin.provide(\n  createCardExtension<FeaturedDocsCardProps>({\n    name: 'FeaturedDocsCard',\n    title: 'Featured Docs',\n    components: () => import('./homePageComponents/FeaturedDocsCard'),\n  }),\n);\n\n/**\n * A component to display Quick Start information.\n *\n * @public\n */\nexport const QuickStartCard = homePlugin.provide(\n  createCardExtension<QuickStartCardProps>({\n    name: 'QuickStartCard',\n    title: 'Quick Start',\n    components: () => import('./homePageComponents/QuickStart'),\n  }),\n);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-home",
-  "version": "0.8.2",
+  "version": "0.8.3-next.1",
   "description": "A Backstage plugin that helps you build a home page",
   "backstage": {
     "role": "frontend-plugin",
@@ -65,24 +65,24 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.8.0",
-    "@backstage/catalog-model": "^1.7.1",
-    "@backstage/config": "^1.3.0",
-    "@backstage/core-app-api": "^1.15.2",
-    "@backstage/core-compat-api": "^0.3.3",
-    "@backstage/core-components": "^0.16.1",
-    "@backstage/core-plugin-api": "^1.10.1",
-    "@backstage/frontend-plugin-api": "^0.9.2",
-    "@backstage/plugin-catalog-react": "^1.14.2",
-    "@backstage/plugin-home-react": "^0.1.20",
-    "@backstage/theme": "^0.6.2",
+    "@backstage/catalog-client": "1.9.0-next.1",
+    "@backstage/catalog-model": "1.7.1",
+    "@backstage/config": "1.3.0",
+    "@backstage/core-app-api": "1.15.3-next.0",
+    "@backstage/core-compat-api": "0.3.4-next.1",
+    "@backstage/core-components": "0.16.2-next.1",
+    "@backstage/core-plugin-api": "1.10.1",
+    "@backstage/frontend-plugin-api": "0.9.3-next.1",
+    "@backstage/plugin-catalog-react": "1.14.3-next.1",
+    "@backstage/plugin-home-react": "0.1.21-next.1",
+    "@backstage/theme": "0.6.3-next.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "@rjsf/core": "5.21.2",
-    "@rjsf/material-ui": "5.21.2",
-    "@rjsf/utils": "5.21.2",
-    "@rjsf/validator-ajv8": "5.21.2",
+    "@rjsf/core": "5.23.1",
+    "@rjsf/material-ui": "5.23.1",
+    "@rjsf/utils": "5.23.1",
+    "@rjsf/validator-ajv8": "5.23.1",
     "lodash": "^4.17.21",
     "luxon": "^3.4.3",
     "react-grid-layout": "1.3.4",
@@ -91,9 +91,9 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.29.2",
-    "@backstage/dev-utils": "^1.1.4",
-    "@backstage/test-utils": "^1.7.2",
+    "@backstage/cli": "0.29.3-next.1",
+    "@backstage/dev-utils": "1.1.5-next.1",
+    "@backstage/test-utils": "1.7.3-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",