@backstage/plugin-scaffolder 1.0.0 → 1.0.1-next.0

package/dist/esm/index-284296f7.esm.js

@@ -0,0 +1,336 @@
+import React, { createContext, useState } from 'react';
+import { useOutlet, Routes, Route } from 'react-router';
+import { Progress, ItemCardHeader, MarkdownContent, UserIcon, Button as Button$1, Content, Link as Link$1, ItemCardGrid, ContentHeader, Page, Header, SupportButton } from '@backstage/core-components';
+import { useEntityTypeFilter, FavoriteEntity, getEntityRelations, EntityRefLinks, useEntityList, EntityListProvider, CatalogFilterLayout, EntitySearchBar, EntityKindPicker, UserListPicker, EntityTagPicker } from '@backstage/plugin-catalog-react';
+import capitalize from 'lodash/capitalize';
+import { Box, Typography, FormControlLabel, Checkbox, TextField, makeStyles, useTheme, Card, CardContent, Divider, Chip, CardActions } from '@material-ui/core';
+import CheckBoxIcon from '@material-ui/icons/CheckBox';
+import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { Autocomplete } from '@material-ui/lab';
+import { useApi, alertApiRef, useRouteRef, errorApiRef, useElementFilter } from '@backstage/core-plugin-api';
+import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { Link } from 'react-router-dom';
+import AddCircleOutline from '@material-ui/icons/AddCircleOutline';
+import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { s as selectedTemplateRouteRef, r as registerComponentRouteRef, F as FIELD_EXTENSION_WRAPPER_KEY, d as FIELD_EXTENSION_KEY } from './index-d7094787.esm.js';
+import { RELATION_OWNED_BY, stringifyEntityRef } from '@backstage/catalog-model';
+import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-ae106e61.esm.js';
+import '@backstage/errors';
+import 'qs';
+import 'zen-observable';
+import '@material-ui/core/FormControl';
+import '@material-ui/lab/Autocomplete';
+import 'react-use/lib/useAsync';
+import 'react-use/lib/useEffectOnce';
+import '@backstage/integration-react';
+import '@material-ui/core/FormHelperText';
+import '@material-ui/core/Input';
+import '@material-ui/core/InputLabel';
+import 'react-use/lib/useDebounce';
+import '@material-ui/core/Grid';
+import '@material-ui/core/Step';
+import '@material-ui/core/StepLabel';
+import '@material-ui/core/Stepper';
+import '@material-ui/core/styles';
+import '@material-ui/core/Typography';
+import '@material-ui/icons/Cancel';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/FiberManualRecord';
+import 'classnames';
+import 'luxon';
+import 'react-use/lib/useInterval';
+import 'use-immer';
+import '@material-ui/icons/Language';
+
+const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, {
+  fontSize: "small"
+});
+const checkedIcon = /* @__PURE__ */ React.createElement(CheckBoxIcon, {
+  fontSize: "small"
+});
+const CategoryPicker = () => {
+  const alertApi = useApi(alertApiRef);
+  const { error, loading, availableTypes, selectedTypes, setSelectedTypes } = useEntityTypeFilter();
+  if (loading)
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  if (error) {
+    alertApi.post({
+      message: `Failed to load entity types with error: ${error}`,
+      severity: "error"
+    });
+    return null;
+  }
+  if (!availableTypes)
+    return null;
+  return /* @__PURE__ */ React.createElement(Box, {
+    pb: 1,
+    pt: 1
+  }, /* @__PURE__ */ React.createElement(Typography, {
+    variant: "button"
+  }, "Categories"), /* @__PURE__ */ React.createElement(Autocomplete, {
+    multiple: true,
+    "aria-label": "Categories",
+    options: availableTypes,
+    value: selectedTypes,
+    onChange: (_, value) => setSelectedTypes(value),
+    renderOption: (option, { selected }) => /* @__PURE__ */ React.createElement(FormControlLabel, {
+      control: /* @__PURE__ */ React.createElement(Checkbox, {
+        icon,
+        checkedIcon,
+        checked: selected
+      }),
+      label: capitalize(option)
+    }),
+    size: "small",
+    popupIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null),
+    renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
+      ...params,
+      variant: "outlined"
+    })
+  }));
+};
+
+const RegisterExistingButton = (props) => {
+  const { title, to } = props;
+  const { allowed } = usePermission(catalogEntityCreatePermission);
+  const isXSScreen = useMediaQuery((theme) => theme.breakpoints.down("xs"));
+  if (!to || !allowed) {
+    return null;
+  }
+  return isXSScreen ? /* @__PURE__ */ React.createElement(IconButton, {
+    component: Link,
+    color: "primary",
+    title,
+    size: "small",
+    to
+  }, /* @__PURE__ */ React.createElement(AddCircleOutline, null)) : /* @__PURE__ */ React.createElement(Button, {
+    component: Link,
+    variant: "contained",
+    color: "primary",
+    to
+  }, title);
+};
+
+const useStyles$1 = makeStyles(() => ({
+  header: {
+    backgroundImage: ({ cardBackgroundImage }) => cardBackgroundImage
+  },
+  subtitleWrapper: {
+    display: "flex",
+    justifyContent: "space-between"
+  }
+}));
+const CardHeader = (props) => {
+  const {
+    template: {
+      metadata: { title, name },
+      spec: { type }
+    }
+  } = props;
+  const { getPageTheme } = useTheme();
+  const themeForType = getPageTheme({ themeId: type });
+  const styles = useStyles$1({
+    cardBackgroundImage: themeForType.backgroundImage
+  });
+  const SubtitleComponent = /* @__PURE__ */ React.createElement("div", {
+    className: styles.subtitleWrapper
+  }, /* @__PURE__ */ React.createElement("div", null, type), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FavoriteEntity, {
+    entity: props.template,
+    style: { padding: 0 }
+  })));
+  return /* @__PURE__ */ React.createElement(ItemCardHeader, {
+    title: title != null ? title : name,
+    subtitle: SubtitleComponent,
+    classes: { root: styles.header }
+  });
+};
+
+const useStyles = makeStyles((theme) => ({
+  box: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    display: "-webkit-box",
+    "-webkit-line-clamp": 10,
+    "-webkit-box-orient": "vertical",
+    "& p:first-child": {
+      marginTop: 0,
+      marginBottom: theme.spacing(2)
+    }
+  },
+  label: {
+    color: theme.palette.text.secondary,
+    textTransform: "uppercase",
+    fontWeight: "bold",
+    letterSpacing: 0.5,
+    lineHeight: 1,
+    fontSize: "0.75rem"
+  },
+  margin: {
+    marginBottom: theme.spacing(2)
+  },
+  footer: {
+    display: "flex",
+    justifyContent: "space-between",
+    flex: 1,
+    alignItems: "center"
+  },
+  ownedBy: {
+    display: "flex",
+    alignItems: "center",
+    flex: 1,
+    color: theme.palette.link
+  }
+}));
+const TemplateCard = (props) => {
+  var _a, _b, _c, _d;
+  const { template } = props;
+  const styles = useStyles();
+  const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);
+  const templateRoute = useRouteRef(selectedTemplateRouteRef);
+  const href = templateRoute({ templateName: template.metadata.name });
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, {
+    template
+  }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Box, {
+    className: styles.box
+  }, /* @__PURE__ */ React.createElement(MarkdownContent, {
+    content: (_a = template.metadata.description) != null ? _a : "No description"
+  })), ((_c = (_b = template.metadata.tags) == null ? void 0 : _b.length) != null ? _c : 0) > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, {
+    className: styles.margin
+  }), /* @__PURE__ */ React.createElement(Box, null, (_d = template.metadata.tags) == null ? void 0 : _d.map((tag) => /* @__PURE__ */ React.createElement(Chip, {
+    size: "small",
+    label: tag,
+    key: tag
+  }))))), /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement("div", {
+    className: styles.footer
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: styles.ownedBy
+  }, ownedByRelations.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UserIcon, null), /* @__PURE__ */ React.createElement(EntityRefLinks, {
+    entityRefs: ownedByRelations,
+    defaultKind: "Group"
+  }))), /* @__PURE__ */ React.createElement(Button$1, {
+    size: "small",
+    variant: "outlined",
+    color: "primary",
+    to: href
+  }, "Choose"))));
+};
+
+const TemplateGroup = (props) => {
+  const { templates, title, components: { CardComponent } = {} } = props;
+  const titleComponent = typeof title === "string" ? /* @__PURE__ */ React.createElement(ContentHeader, {
+    title
+  }) : title;
+  if (templates.length === 0) {
+    return /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(Typography, {
+      variant: "body2"
+    }, "No templates found that match your filter. Learn more about", " ", /* @__PURE__ */ React.createElement(Link$1, {
+      to: "https://backstage.io/docs/features/software-templates/adding-templates"
+    }, "adding templates"), "."));
+  }
+  const Card = CardComponent || TemplateCard;
+  return /* @__PURE__ */ React.createElement(Content, null, titleComponent, /* @__PURE__ */ React.createElement(ItemCardGrid, null, templates.map((template) => /* @__PURE__ */ React.createElement(Card, {
+    key: stringifyEntityRef(template),
+    template
+  }))));
+};
+
+const TemplateGroups = (props) => {
+  const { loading, error, entities } = useEntityList();
+  const { groups, TemplateCardComponent } = props;
+  const errorApi = useApi(errorApiRef);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    errorApi.post(error);
+    return null;
+  }
+  if (!entities || !entities.length) {
+    return /* @__PURE__ */ React.createElement(Typography, {
+      variant: "body2"
+    }, "No templates found that match your filter. Learn more about", " ", /* @__PURE__ */ React.createElement(Link$1, {
+      to: "https://backstage.io/docs/features/software-templates/adding-templates"
+    }, "adding templates"), ".");
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, groups.map(({ title, filter }, index) => /* @__PURE__ */ React.createElement(TemplateGroup, {
+    key: index,
+    templates: entities.filter((e) => filter(e)),
+    title,
+    components: { CardComponent: TemplateCardComponent }
+  })));
+};
+
+const defaultGroup = {
+  title: "All Templates",
+  filter: () => true
+};
+const TemplateListPage = (props) => {
+  const registerComponentLink = useRouteRef(registerComponentRouteRef);
+  const { TemplateCardComponent, groups = [defaultGroup] } = props;
+  return /* @__PURE__ */ React.createElement(EntityListProvider, null, /* @__PURE__ */ React.createElement(Page, {
+    themeId: "home"
+  }, /* @__PURE__ */ React.createElement(Header, {
+    pageTitleOverride: "Create a New Component",
+    title: "Create a New Component",
+    subtitle: "Create new software components using standard templates"
+  }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, {
+    title: "Available Templates"
+  }, /* @__PURE__ */ React.createElement(RegisterExistingButton, {
+    title: "Register Existing Component",
+    to: registerComponentLink && registerComponentLink()
+  }), /* @__PURE__ */ React.createElement(SupportButton, null, "Create new software components using standard templates. Different templates create different kinds of components (services, websites, documentation, ...).")), /* @__PURE__ */ React.createElement(CatalogFilterLayout, null, /* @__PURE__ */ React.createElement(CatalogFilterLayout.Filters, null, /* @__PURE__ */ React.createElement(EntitySearchBar, null), /* @__PURE__ */ React.createElement(EntityKindPicker, {
+    initialFilter: "template",
+    hidden: true
+  }), /* @__PURE__ */ React.createElement(UserListPicker, {
+    initialFilter: "all",
+    availableFilters: ["all", "starred"]
+  }), /* @__PURE__ */ React.createElement(CategoryPicker, null), /* @__PURE__ */ React.createElement(EntityTagPicker, null)), /* @__PURE__ */ React.createElement(CatalogFilterLayout.Content, null, /* @__PURE__ */ React.createElement(TemplateGroups, {
+    groups,
+    TemplateCardComponent
+  }))))));
+};
+
+const SecretsContext = createContext(void 0);
+const SecretsContextProvider = ({ children }) => {
+  const [secrets, setSecrets] = useState({});
+  return /* @__PURE__ */ React.createElement(SecretsContext.Provider, {
+    value: { secrets, setSecrets }
+  }, children);
+};
+
+const TemplateWizardPage = (_props) => {
+  return null;
+};
+
+const Router = (props) => {
+  const { components: { TemplateCardComponent } = {} } = props;
+  const outlet = useOutlet() || props.children;
+  const customFieldExtensions = useElementFilter(outlet, (elements) => elements.selectByComponentData({
+    key: FIELD_EXTENSION_WRAPPER_KEY
+  }).findComponentData({
+    key: FIELD_EXTENSION_KEY
+  }));
+  const fieldExtensions = [
+    ...customFieldExtensions,
+    ...DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS.filter(({ name }) => !customFieldExtensions.some((customFieldExtension) => customFieldExtension.name === name))
+  ];
+  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, {
+    path: "/",
+    element: /* @__PURE__ */ React.createElement(TemplateListPage, {
+      TemplateCardComponent,
+      groups: props.groups
+    })
+  }), /* @__PURE__ */ React.createElement(Route, {
+    path: "/templates/:templateName",
+    element: /* @__PURE__ */ React.createElement(SecretsContextProvider, null, /* @__PURE__ */ React.createElement(TemplateWizardPage, {
+      customFieldExtensions: fieldExtensions
+    }))
+  }));
+};
+
+export { Router };
+//# sourceMappingURL=index-284296f7.esm.js.map

package/dist/esm/index-284296f7.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-284296f7.esm.js","sources":["../../src/next/TemplateListPage/CategoryPicker.tsx","../../src/next/TemplateListPage/RegisterExistingButton.tsx","../../src/next/TemplateListPage/TemplateCard/CardHeader.tsx","../../src/next/TemplateListPage/TemplateCard/TemplateCard.tsx","../../src/next/TemplateListPage/TemplateGroup.tsx","../../src/next/TemplateListPage/TemplateGroups.tsx","../../src/next/TemplateListPage/TemplateListPage.tsx","../../src/next/TemplateWizardPage/SecretsContext/SecretsContext.tsx","../../src/next/TemplateWizardPage/TemplateWizardPage.tsx","../../src/next/Router/Router.tsx"],"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 React from 'react';\nimport capitalize from 'lodash/capitalize';\nimport { Progress } from '@backstage/core-components';\nimport {\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { Autocomplete } from '@material-ui/lab';\nimport { useEntityTypeFilter } from '@backstage/plugin-catalog-react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\n/**\n * The Category Picker that is rendered on the left side for picking\n * categories and filtering the template list.\n */\nexport const CategoryPicker = () => {\n  const alertApi = useApi(alertApiRef);\n  const { error, loading, availableTypes, selectedTypes, setSelectedTypes } =\n    useEntityTypeFilter();\n\n  if (loading) return <Progress />;\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to load entity types with error: ${error}`,\n      severity: 'error',\n    });\n    return null;\n  }\n\n  if (!availableTypes) return null;\n\n  return (\n    <Box pb={1} pt={1}>\n      <Typography variant=\"button\">Categories</Typography>\n      <Autocomplete\n        multiple\n        aria-label=\"Categories\"\n        options={availableTypes}\n        value={selectedTypes}\n        onChange={(_: object, value: string[]) => setSelectedTypes(value)}\n        renderOption={(option, { selected }) => (\n          <FormControlLabel\n            control={\n              <Checkbox\n                icon={icon}\n                checkedIcon={checkedIcon}\n                checked={selected}\n              />\n            }\n            label={capitalize(option)}\n          />\n        )}\n        size=\"small\"\n        popupIcon={<ExpandMoreIcon />}\n        renderInput={params => <TextField {...params} variant=\"outlined\" />}\n      />\n    </Box>\n  );\n};\n","/*\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 { BackstageTheme } from '@backstage/theme';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React from 'react';\nimport { Link as RouterLink, LinkProps } from 'react-router-dom';\nimport AddCircleOutline from '@material-ui/icons/AddCircleOutline';\nimport { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\n/**\n * Properties for {@link RegisterExistingButton}\n *\n * @alpha\n */\nexport type RegisterExistingButtonProps = {\n  title: string;\n} & Partial<Pick<LinkProps, 'to'>>;\n\n/**\n * A button that helps users to register an existing component.\n * @alpha\n */\nexport const RegisterExistingButton = (props: RegisterExistingButtonProps) => {\n  const { title, to } = props;\n  const { allowed } = usePermission(catalogEntityCreatePermission);\n  const isXSScreen = useMediaQuery<BackstageTheme>(theme =>\n    theme.breakpoints.down('xs'),\n  );\n\n  if (!to || !allowed) {\n    return null;\n  }\n\n  return isXSScreen ? (\n    <IconButton\n      component={RouterLink}\n      color=\"primary\"\n      title={title}\n      size=\"small\"\n      to={to}\n    >\n      <AddCircleOutline />\n    </IconButton>\n  ) : (\n    <Button component={RouterLink} variant=\"contained\" color=\"primary\" to={to}>\n      {title}\n    </Button>\n  );\n};\n","/*\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 { makeStyles, useTheme } from '@material-ui/core';\nimport { ItemCardHeader } from '@backstage/core-components';\nimport { BackstageTheme } from '@backstage/theme';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { FavoriteEntity } from '@backstage/plugin-catalog-react';\n\nconst useStyles = makeStyles<BackstageTheme, { cardBackgroundImage: string }>(\n  () => ({\n    header: {\n      backgroundImage: ({ cardBackgroundImage }) => cardBackgroundImage,\n    },\n    subtitleWrapper: {\n      display: 'flex',\n      justifyContent: 'space-between',\n    },\n  }),\n);\n\n/**\n * Props for the CardHeader component\n */\nexport interface CardHeaderProps {\n  template: TemplateEntityV1beta3;\n}\n\n/**\n * The Card Header with the background for the TemplateCard.\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const {\n    template: {\n      metadata: { title, name },\n      spec: { type },\n    },\n  } = props;\n  const { getPageTheme } = useTheme<BackstageTheme>();\n  const themeForType = getPageTheme({ themeId: type });\n\n  const styles = useStyles({\n    cardBackgroundImage: themeForType.backgroundImage,\n  });\n\n  const SubtitleComponent = (\n    <div className={styles.subtitleWrapper}>\n      <div>{type}</div>\n      <div>\n        <FavoriteEntity entity={props.template} style={{ padding: 0 }} />\n      </div>\n    </div>\n  );\n\n  return (\n    <ItemCardHeader\n      title={title ?? name}\n      subtitle={SubtitleComponent}\n      classes={{ root: styles.header }}\n    />\n  );\n};\n","/*\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 */\nimport React from 'react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport {\n  Box,\n  Card,\n  CardActions,\n  CardContent,\n  Chip,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\nimport { CardHeader } from './CardHeader';\nimport { MarkdownContent, UserIcon, Button } from '@backstage/core-components';\nimport { RELATION_OWNED_BY } from '@backstage/catalog-model';\nimport {\n  EntityRefLinks,\n  getEntityRelations,\n} from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { selectedTemplateRouteRef } from '../../../routes';\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  box: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: '-webkit-box',\n    '-webkit-line-clamp': 10,\n    '-webkit-box-orient': 'vertical',\n    /** to make the styles for React Markdown not leak into the description */\n    '& p:first-child': {\n      marginTop: 0,\n      marginBottom: theme.spacing(2),\n    },\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    lineHeight: 1,\n    fontSize: '0.75rem',\n  },\n  margin: {\n    marginBottom: theme.spacing(2),\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    flex: 1,\n    alignItems: 'center',\n  },\n  ownedBy: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    color: theme.palette.link,\n  },\n}));\n\n/**\n * The Props for the Template Card component\n * @alpha\n */\nexport interface TemplateCardProps {\n  template: TemplateEntityV1beta3;\n  deprecated?: boolean;\n}\n\n/**\n * The Template Card component that is rendered in a list for each template\n * @alpha\n */\nexport const TemplateCard = (props: TemplateCardProps) => {\n  const { template } = props;\n  const styles = useStyles();\n  const ownedByRelations = getEntityRelations(template, RELATION_OWNED_BY);\n  const templateRoute = useRouteRef(selectedTemplateRouteRef);\n  const href = templateRoute({ templateName: template.metadata.name });\n\n  return (\n    <Card>\n      <CardHeader template={template} />\n      <CardContent>\n        <Box className={styles.box}>\n          <MarkdownContent\n            content={template.metadata.description ?? 'No description'}\n          />\n        </Box>\n        {(template.metadata.tags?.length ?? 0) > 0 && (\n          <>\n            <Divider className={styles.margin} />\n            <Box>\n              {template.metadata.tags?.map(tag => (\n                <Chip size=\"small\" label={tag} key={tag} />\n              ))}\n            </Box>\n          </>\n        )}\n      </CardContent>\n      <CardActions>\n        <div className={styles.footer}>\n          <div className={styles.ownedBy}>\n            {ownedByRelations.length > 0 && (\n              <>\n                <UserIcon />\n                <EntityRefLinks\n                  entityRefs={ownedByRelations}\n                  defaultKind=\"Group\"\n                />\n              </>\n            )}\n          </div>\n          <Button size=\"small\" variant=\"outlined\" color=\"primary\" to={href}>\n            Choose\n          </Button>\n        </div>\n      </CardActions>\n    </Card>\n  );\n};\n","/*\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 */\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport React from 'react';\nimport {\n  Content,\n  ContentHeader,\n  ItemCardGrid,\n  Link,\n} from '@backstage/core-components';\nimport { Typography } from '@material-ui/core';\nimport { TemplateCard, TemplateCardProps } from './TemplateCard';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport interface TemplateGroupProps {\n  templates: TemplateEntityV1beta3[];\n  title: React.ReactNode;\n  components?: {\n    CardComponent?: React.ComponentType<TemplateCardProps>;\n  };\n}\n\nexport const TemplateGroup = (props: TemplateGroupProps) => {\n  const { templates, title, components: { CardComponent } = {} } = props;\n  const titleComponent =\n    typeof title === 'string' ? <ContentHeader title={title} /> : title;\n\n  if (templates.length === 0) {\n    return (\n      <Content>\n        {titleComponent}\n        <Typography variant=\"body2\">\n          No templates found that match your filter. Learn more about{' '}\n          <Link to=\"https://backstage.io/docs/features/software-templates/adding-templates\">\n            adding templates\n          </Link>\n          .\n        </Typography>\n      </Content>\n    );\n  }\n\n  const Card = CardComponent || TemplateCard;\n\n  return (\n    <Content>\n      {titleComponent}\n      <ItemCardGrid>\n        {templates.map(template => (\n          <Card key={stringifyEntityRef(template)} template={template} />\n        ))}\n      </ItemCardGrid>\n    </Content>\n  );\n};\n","/*\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 */\nimport React from 'react';\nimport { TemplateGroup } from './TemplateGroup';\nimport { Entity } from '@backstage/catalog-model';\nimport { useEntityList } from '@backstage/plugin-catalog-react';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { Progress, Link } from '@backstage/core-components';\nimport { Typography } from '@material-ui/core';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n/**\n * @alpha\n */\nexport type TemplateGroupFilter = {\n  title?: React.ReactNode;\n  filter: (entity: Entity) => boolean;\n};\n\nexport interface TemplateGroupsProps {\n  groups: TemplateGroupFilter[];\n  TemplateCardComponent?: React.ComponentType<{\n    template: TemplateEntityV1beta3;\n  }>;\n}\n\nexport const TemplateGroups = (props: TemplateGroupsProps) => {\n  const { loading, error, entities } = useEntityList();\n  const { groups, TemplateCardComponent } = props;\n  const errorApi = useApi(errorApiRef);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    errorApi.post(error);\n    return null;\n  }\n\n  if (!entities || !entities.length) {\n    return (\n      <Typography variant=\"body2\">\n        No templates found that match your filter. Learn more about{' '}\n        <Link to=\"https://backstage.io/docs/features/software-templates/adding-templates\">\n          adding templates\n        </Link>\n        .\n      </Typography>\n    );\n  }\n\n  return (\n    <>\n      {groups.map(({ title, filter }, index) => (\n        <TemplateGroup\n          key={index}\n          templates={entities.filter((e): e is TemplateEntityV1beta3 =>\n            filter(e),\n          )}\n          title={title}\n          components={{ CardComponent: TemplateCardComponent }}\n        />\n      ))}\n    </>\n  );\n};\n","/*\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 { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n  SupportButton,\n} from '@backstage/core-components';\nimport {\n  EntityKindPicker,\n  EntityListProvider,\n  EntitySearchBar,\n  EntityTagPicker,\n  CatalogFilterLayout,\n  UserListPicker,\n} from '@backstage/plugin-catalog-react';\nimport { CategoryPicker } from './CategoryPicker';\nimport { RegisterExistingButton } from './RegisterExistingButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { registerComponentRouteRef } from '../../routes';\nimport { TemplateGroupFilter, TemplateGroups } from './TemplateGroups';\n\nexport type TemplateListPageProps = {\n  TemplateCardComponent?: React.ComponentType<{\n    template: TemplateEntityV1beta3;\n  }>;\n  groups?: TemplateGroupFilter[];\n};\n\nconst defaultGroup: TemplateGroupFilter = {\n  title: 'All Templates',\n  filter: () => true,\n};\n\nexport const TemplateListPage = (props: TemplateListPageProps) => {\n  const registerComponentLink = useRouteRef(registerComponentRouteRef);\n  const { TemplateCardComponent, groups = [defaultGroup] } = props;\n\n  return (\n    <EntityListProvider>\n      <Page themeId=\"home\">\n        <Header\n          pageTitleOverride=\"Create a New Component\"\n          title=\"Create a New Component\"\n          subtitle=\"Create new software components using standard templates\"\n        />\n        <Content>\n          <ContentHeader title=\"Available Templates\">\n            <RegisterExistingButton\n              title=\"Register Existing Component\"\n              to={registerComponentLink && registerComponentLink()}\n            />\n            <SupportButton>\n              Create new software components using standard templates. Different\n              templates create different kinds of components (services,\n              websites, documentation, ...).\n            </SupportButton>\n          </ContentHeader>\n\n          <CatalogFilterLayout>\n            <CatalogFilterLayout.Filters>\n              <EntitySearchBar />\n              <EntityKindPicker initialFilter=\"template\" hidden />\n              <UserListPicker\n                initialFilter=\"all\"\n                availableFilters={['all', 'starred']}\n              />\n              <CategoryPicker />\n              <EntityTagPicker />\n            </CatalogFilterLayout.Filters>\n            <CatalogFilterLayout.Content>\n              <TemplateGroups\n                groups={groups}\n                TemplateCardComponent={TemplateCardComponent}\n              />\n            </CatalogFilterLayout.Content>\n          </CatalogFilterLayout>\n        </Content>\n      </Page>\n    </EntityListProvider>\n  );\n};\n","/*\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 */\nimport React, {\n  useState,\n  useCallback,\n  useContext,\n  createContext,\n  PropsWithChildren,\n} from 'react';\n\ntype SecretsContextContents = {\n  secrets: Record<string, string>;\n  setSecrets: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n};\n\n/**\n * The actual context object.\n */\nexport const SecretsContext = createContext<SecretsContextContents | undefined>(\n  undefined,\n);\n\n/**\n * The Context Provider that holds the state for the secrets.\n *\n * @alpha\n */\nexport const SecretsContextProvider = ({ children }: PropsWithChildren<{}>) => {\n  const [secrets, setSecrets] = useState<Record<string, string>>({});\n\n  return (\n    <SecretsContext.Provider value={{ secrets, setSecrets }}>\n      {children}\n    </SecretsContext.Provider>\n  );\n};\n\n/**\n * Hook to access the secrets context.\n * @alpha\n */\nexport const useTemplateSecrets = () => {\n  const value = useContext(SecretsContext);\n  if (!value) {\n    throw new Error(\n      'useTemplateSecrets must be used within a SecretsContextProvider',\n    );\n  }\n\n  const { setSecrets } = value;\n\n  const setSecret = useCallback(\n    (input: Record<string, string>) => {\n      setSecrets(currentSecrets => ({ ...currentSecrets, ...input }));\n    },\n    [setSecrets],\n  );\n\n  return { setSecret };\n};\n","/*\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 { FieldExtensionOptions } from '../../extensions';\n\nexport interface TemplateWizardPageProps {\n  customFieldExtensions: FieldExtensionOptions<any, any>[];\n}\n\nexport const TemplateWizardPage = (_props: TemplateWizardPageProps) => {\n  return null;\n};\n","/*\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 */\nimport React, { PropsWithChildren } from 'react';\nimport { Routes, Route, useOutlet } from 'react-router';\nimport { TemplateListPage } from '../TemplateListPage';\nimport { SecretsContextProvider } from '../TemplateWizardPage/SecretsContext';\nimport { TemplateWizardPage } from '../TemplateWizardPage';\nimport {\n  FieldExtensionOptions,\n  FIELD_EXTENSION_WRAPPER_KEY,\n  FIELD_EXTENSION_KEY,\n  DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS,\n} from '../../extensions';\n\nimport { useElementFilter } from '@backstage/core-plugin-api';\nimport { TemplateEntityV1beta3 } from '@backstage/plugin-scaffolder-common';\nimport { TemplateGroupFilter } from '../TemplateListPage/TemplateGroups';\n\n/**\n * The Props for the Scaffolder Router\n *\n * @alpha\n */\nexport type NextRouterProps = {\n  components?: {\n    TemplateCardComponent?: React.ComponentType<{\n      template: TemplateEntityV1beta3;\n    }>;\n    TaskPageComponent?: React.ComponentType<{}>;\n  };\n  groups?: TemplateGroupFilter[];\n};\n\n/**\n * The Scaffolder Router\n *\n * @alpha\n */\nexport const Router = (props: PropsWithChildren<NextRouterProps>) => {\n  const { components: { TemplateCardComponent } = {} } = props;\n\n  const outlet = useOutlet() || props.children;\n\n  const customFieldExtensions = useElementFilter(outlet, elements =>\n    elements\n      .selectByComponentData({\n        key: FIELD_EXTENSION_WRAPPER_KEY,\n      })\n      .findComponentData<FieldExtensionOptions>({\n        key: FIELD_EXTENSION_KEY,\n      }),\n  );\n\n  const fieldExtensions = [\n    ...customFieldExtensions,\n    ...DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS.filter(\n      ({ name }) =>\n        !customFieldExtensions.some(\n          customFieldExtension => customFieldExtension.name === name,\n        ),\n    ),\n  ];\n\n  return (\n    <Routes>\n      <Route\n        path=\"/\"\n        element={\n          <TemplateListPage\n            TemplateCardComponent={TemplateCardComponent}\n            groups={props.groups}\n          />\n        }\n      />\n\n      <Route\n        path=\"/templates/:templateName\"\n        element={\n          <SecretsContextProvider>\n            <TemplateWizardPage customFieldExtensions={fieldExtensions} />\n          </SecretsContextProvider>\n        }\n      />\n    </Routes>\n  );\n};\n"],"names":["RouterLink","useStyles","Button","Link"],"mappings":"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"}

package/dist/esm/{index-25fdb62e.esm.js → index-d7094787.esm.js}

@@ -839,7 +839,7 @@ const OwnerPickerFieldExtension = scaffolderPlugin.provide(createScaffolderField
 }));
 const ScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
   name: "ScaffolderPage",
-  component: () => import('./Router-773d053b.esm.js').then((m) => m.Router),
+  component: () => import('./Router-6d65a0e4.esm.js').then((m) => m.Router),
   mountPoint: rootRouteRef
 }));
 const OwnedEntityPickerFieldExtension = scaffolderPlugin.provide(createScaffolderFieldExtension({
@@ -850,6 +850,11 @@ const EntityTagsPickerFieldExtension = scaffolderPlugin.provide(createScaffolder
   component: EntityTagsPicker,
   name: "EntityTagsPicker"
 }));
+const NextScaffolderPage = scaffolderPlugin.provide(createRoutableExtension({
+  name: "NextScaffolderPage",
+  component: () => import('./index-284296f7.esm.js').then((m) => m.Router),
+  mountPoint: rootRouteRef
+}));
 
 const icon = /* @__PURE__ */ React.createElement(CheckBoxOutlineBlankIcon, {
   fontSize: "small"
@@ -1287,5 +1292,5 @@ const TaskPage = ({ loadingText }) => {
   })))))));
 };
 
-export { EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, EntityNamePicker as a, EntityTagsPicker as b, OwnedEntityPicker as c, registerComponentRouteRef as d, entityNamePickerValidation as e, scaffolderApiRef as f, scaffolderTaskRouteRef as g, rootRouteRef as h, FIELD_EXTENSION_KEY as i, SecretsContextProvider as j, TaskPage as k, ScaffolderClient as l, createScaffolderFieldExtension as m, ScaffolderFieldExtensions as n, EntityPickerFieldExtension as o, EntityNamePickerFieldExtension as p, EntityTagsPickerFieldExtension as q, repoPickerValidation as r, selectedTemplateRouteRef as s, OwnerPickerFieldExtension as t, OwnedEntityPickerFieldExtension as u, RepoUrlPickerFieldExtension as v, ScaffolderPage as w, scaffolderPlugin as x, useTemplateSecrets as y };
-//# sourceMappingURL=index-25fdb62e.esm.js.map
+export { EntityPicker as E, FIELD_EXTENSION_WRAPPER_KEY as F, NextScaffolderPage as N, OwnerPicker as O, RepoUrlPicker as R, SecretsContext as S, TemplateTypePicker as T, scaffolderApiRef as a, scaffolderTaskRouteRef as b, rootRouteRef as c, FIELD_EXTENSION_KEY as d, SecretsContextProvider as e, TaskPage as f, EntityNamePicker as g, entityNamePickerValidation as h, EntityTagsPicker as i, repoPickerValidation as j, OwnedEntityPicker as k, ScaffolderClient as l, createScaffolderFieldExtension as m, ScaffolderFieldExtensions as n, EntityPickerFieldExtension as o, EntityNamePickerFieldExtension as p, EntityTagsPickerFieldExtension as q, registerComponentRouteRef as r, selectedTemplateRouteRef as s, OwnerPickerFieldExtension as t, OwnedEntityPickerFieldExtension as u, RepoUrlPickerFieldExtension as v, ScaffolderPage as w, scaffolderPlugin as x, useTemplateSecrets as y };
+//# sourceMappingURL=index-d7094787.esm.js.map