@backstage/plugin-scaffolder 1.6.0 → 1.7.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @backstage/plugin-scaffolder
 
+## 1.7.0-next.0
+
+### Minor Changes
+
+- f13d5f3f06: Add support for link to TechDocs and other links defined in template entity specification metadata on TemplateCard
+- 05f22193c5: EntityPickers now support flags to control when to include default namespace
+  in result
+
+### Patch Changes
+
+- 8960d83013: Add support for `allowedOrganizations` and `allowedOwners` to the `AzureRepoPicker`.
+- b681275e69: Ignore .git directories in Template Editor, increase upload limit for dry-runs to 10MB.
+- Updated dependencies
+  - @backstage/catalog-model@1.1.2-next.0
+  - @backstage/core-components@0.11.2-next.0
+  - @backstage/catalog-client@1.1.1-next.0
+  - @backstage/plugin-catalog-react@1.1.5-next.0
+  - @backstage/plugin-scaffolder-common@1.2.1-next.0
+  - @backstage/integration-react@1.1.5-next.0
+  - @backstage/config@1.0.3-next.0
+  - @backstage/core-plugin-api@1.0.7-next.0
+  - @backstage/errors@1.1.2-next.0
+  - @backstage/integration@1.3.2-next.0
+  - @backstage/theme@0.2.16
+  - @backstage/types@1.0.0
+  - @backstage/plugin-catalog-common@1.0.7-next.0
+  - @backstage/plugin-permission-react@0.4.6-next.0
+
 ## 1.6.0
 
 ### Minor Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-scaffolder",
-  "version": "1.6.0",
+  "version": "1.7.0-next.0",
   "main": "../dist/index.esm.js",
   "types": "../dist/index.alpha.d.ts"
 }

package/dist/esm/{Router-ad1d6fa2.esm.js → Router-7e8b8be7.esm.js}

@@ -1,12 +1,13 @@
 import React, { useState, useContext, useCallback, createContext, useEffect, useRef, useMemo, Children, Component, Fragment } from 'react';
 import { useNavigate, Navigate, useOutlet, Routes, Route } from 'react-router';
 import { ItemCardHeader, MarkdownContent, Button, ContentHeader, Progress, WarningPanel, Link as Link$1, Content, ItemCardGrid, Page, Header, CreateButton, SupportButton, StructuredMetadataTable, InfoCard, ErrorPage, ErrorPanel, LogViewer, StatusError, StatusOK, StatusPending, Lifecycle, EmptyState, Table as Table$1 } from '@backstage/core-components';
-import { useRouteRef, useApi, errorApiRef, featureFlagsApiRef, useApiHolder, useRouteRefParams, alertApiRef, useElementFilter } from '@backstage/core-plugin-api';
+import { useApp, useRouteRef, useApi, errorApiRef, featureFlagsApiRef, useApiHolder, useRouteRefParams, alertApiRef, useElementFilter } from '@backstage/core-plugin-api';
 import { getEntityRelations, getEntitySourceLocation, FavoriteEntity, EntityRefLinks, useEntityList, EntityListProvider, CatalogFilterLayout, EntitySearchBar, EntityKindPicker, UserListPicker, EntityTagPicker, catalogApiRef, humanizeEntityRef, EntityRefLink } from '@backstage/plugin-catalog-react';
-import { s as selectedTemplateRouteRef, e as editRouteRef, a as actionsRouteRef, b as scaffolderListTaskRouteRef, r as registerComponentRouteRef, T as TemplateTypePicker, S as SecretsContext, c as scaffolderApiRef, d as scaffolderTaskRouteRef, f as rootRouteRef, g as TaskStatusStepper, h as TaskPageLinks, F as FIELD_EXTENSION_WRAPPER_KEY, i as FIELD_EXTENSION_KEY, L as LAYOUTS_WRAPPER_KEY, j as LAYOUTS_KEY, l as legacySelectedTemplateRouteRef, k as SecretsContextProvider, m as TaskPage } from './index-59f10b07.esm.js';
-import { RELATION_OWNED_BY, parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';
-import { makeStyles, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, IconButton, Tooltip, Link, Stepper, Step, StepLabel, StepContent, Button as Button$1, Paper, LinearProgress, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Divider as Divider$1, FormControl, InputLabel, Select, MenuItem as MenuItem$1, List as List$2, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1 } from '@material-ui/core';
+import { s as selectedTemplateRouteRef, v as viewTechDocRouteRef, e as editRouteRef, a as actionsRouteRef, b as scaffolderListTaskRouteRef, r as registerComponentRouteRef, T as TemplateTypePicker, S as SecretsContext, c as scaffolderApiRef, d as scaffolderTaskRouteRef, f as rootRouteRef, g as TaskStatusStepper, h as TaskPageLinks, F as FIELD_EXTENSION_WRAPPER_KEY, i as FIELD_EXTENSION_KEY, L as LAYOUTS_WRAPPER_KEY, j as LAYOUTS_KEY, l as legacySelectedTemplateRouteRef, k as SecretsContextProvider, m as TaskPage } from './index-f96a52f0.esm.js';
+import { RELATION_OWNED_BY, parseEntityRef, stringifyEntityRef, DEFAULT_NAMESPACE } from '@backstage/catalog-model';
+import { makeStyles, useTheme, Card, CardMedia, CardContent, Box, Typography, Chip, CardActions, Tooltip, IconButton, Link, Stepper, Step, StepLabel, StepContent, Button as Button$1, Paper, LinearProgress, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, Divider as Divider$1, FormControl, InputLabel, Select, MenuItem as MenuItem$1, List as List$2, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1 } from '@material-ui/core';
 import { scmIntegrationsApiRef, ScmIntegrationIcon } from '@backstage/integration-react';
+import LanguageIcon from '@material-ui/icons/Language';
 import WarningIcon from '@material-ui/icons/Warning';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common';
 import { usePermission } from '@backstage/plugin-permission-react';
@@ -65,7 +66,7 @@ import SettingsIcon from '@material-ui/icons/Settings';
 import AllIcon from '@material-ui/icons/FontDownload';
 import { DateTime, Interval } from 'luxon';
 import humanizeDuration from 'humanize-duration';
-import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-e3b0d980.esm.js';
+import { D as DEFAULT_SCAFFOLDER_FIELD_EXTENSIONS } from './default-21c262f6.esm.js';
 import '@backstage/errors';
 import 'zen-observable';
 import '@material-ui/core/FormControl';
@@ -85,7 +86,6 @@ import '@material-ui/core/Stepper';
 import '@material-ui/icons/FiberManualRecord';
 import 'react-use/lib/useInterval';
 import 'use-immer';
-import '@material-ui/icons/Language';
 
 const useStyles$e = makeStyles((theme) => ({
   cardHeader: {
@@ -99,8 +99,7 @@ const useStyles$e = makeStyles((theme) => ({
     textOverflow: "ellipsis",
     display: "-webkit-box",
     "-webkit-line-clamp": 10,
-    "-webkit-box-orient": "vertical",
-    paddingBottom: "0.8em"
+    "-webkit-box-orient": "vertical"
   },
   label: {
     color: theme.palette.text.secondary,
@@ -111,6 +110,14 @@ const useStyles$e = makeStyles((theme) => ({
     lineHeight: 1,
     paddingBottom: "0.2rem"
   },
+  linksLabel: {
+    padding: "0 16px"
+  },
+  description: {
+    "& p": {
+      margin: "0px"
+    }
+  },
   leftButton: {
     marginRight: "auto"
   },
@@ -122,6 +129,7 @@ const useStyles$e = makeStyles((theme) => ({
     color: "#fff"
   }
 }));
+const MuiIcon = ({ icon: Icon }) => /* @__PURE__ */ React.createElement(Icon, null);
 const useDeprecationStyles = makeStyles((theme) => ({
   deprecationIcon: {
     position: "absolute",
@@ -134,14 +142,15 @@ const useDeprecationStyles = makeStyles((theme) => ({
   }
 }));
 const getTemplateCardProps = (template) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   return {
     key: template.metadata.uid,
     name: template.metadata.name,
     title: `${(_a = template.metadata.title || template.metadata.name) != null ? _a : ""}`,
     type: (_b = template.spec.type) != null ? _b : "",
     description: (_c = template.metadata.description) != null ? _c : "-",
-    tags: (_e = (_d = template.metadata) == null ? void 0 : _d.tags) != null ? _e : []
+    tags: (_e = (_d = template.metadata) == null ? void 0 : _d.tags) != null ? _e : [],
+    links: (_f = template.metadata.links) != null ? _f : []
   };
 };
 const DeprecationWarning = () => {
@@ -159,7 +168,8 @@ const DeprecationWarning = () => {
   }, /* @__PURE__ */ React.createElement(WarningIcon, null))));
 };
 const TemplateCard = ({ template, deprecated }) => {
-  var _a;
+  var _a, _b, _c;
+  const app = useApp();
   const backstageTheme = useTheme();
   const templateRoute = useRouteRef(selectedTemplateRouteRef);
   const templateProps = getTemplateCardProps(template);
@@ -172,6 +182,17 @@ const TemplateCard = ({ template, deprecated }) => {
   const classes = useStyles$e({ backgroundImage: theme.backgroundImage });
   const { name, namespace } = parseEntityRef(stringifyEntityRef(template));
   const href = templateRoute({ templateName: name, namespace });
+  const viewTechDoc = useRouteRef(viewTechDocRouteRef);
+  const viewTechDocsAnnotation = (_a = template.metadata.annotations) == null ? void 0 : _a["backstage.io/techdocs-ref"];
+  const viewTechDocsLink = !!viewTechDocsAnnotation && !!viewTechDoc && viewTechDoc({
+    namespace: template.metadata.namespace || DEFAULT_NAMESPACE,
+    kind: template.kind,
+    name: template.metadata.name
+  });
+  const iconResolver = (key) => {
+    var _a2;
+    return key ? (_a2 = app.getSystemIcon(key)) != null ? _a2 : LanguageIcon : LanguageIcon;
+  };
   const scmIntegrationsApi = useApi(scmIntegrationsApiRef);
   const sourceLocation = getEntitySourceLocation(template, scmIntegrationsApi);
   return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardMedia, {
@@ -184,13 +205,14 @@ const TemplateCard = ({ template, deprecated }) => {
     subtitle: templateProps.type,
     classes: { root: classes.title }
   })), /* @__PURE__ */ React.createElement(CardContent, {
-    style: { display: "grid" }
+    style: { display: "flex", flexDirection: "column", gap: "16px" }
   }, /* @__PURE__ */ React.createElement(Box, {
     className: classes.box
   }, /* @__PURE__ */ React.createElement(Typography, {
     variant: "body2",
     className: classes.label
   }, "Description"), /* @__PURE__ */ React.createElement(MarkdownContent, {
+    className: classes.description,
     content: templateProps.description
   })), /* @__PURE__ */ React.createElement(Box, {
     className: classes.box
@@ -201,18 +223,41 @@ const TemplateCard = ({ template, deprecated }) => {
     entityRefs: ownedByRelations,
     defaultKind: "Group"
   })), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Typography, {
+    style: { marginBottom: "4px" },
     variant: "body2",
     className: classes.label
-  }, "Tags"), (_a = templateProps.tags) == null ? void 0 : _a.map((tag) => /* @__PURE__ */ React.createElement(Chip, {
+  }, "Tags"), (_b = templateProps.tags) == null ? void 0 : _b.map((tag) => /* @__PURE__ */ React.createElement(Chip, {
     size: "small",
     label: tag,
     key: tag
-  })))), /* @__PURE__ */ React.createElement(CardActions, null, sourceLocation && /* @__PURE__ */ React.createElement(IconButton, {
+  })))), /* @__PURE__ */ React.createElement(Typography, {
+    variant: "body2",
+    className: [classes.label, classes.linksLabel].join(" ")
+  }, "Links"), /* @__PURE__ */ React.createElement(CardActions, null, /* @__PURE__ */ React.createElement("div", {
+    className: classes.leftButton
+  }, sourceLocation && /* @__PURE__ */ React.createElement(Tooltip, {
+    title: sourceLocation.integrationType || sourceLocation.locationTargetUrl
+  }, /* @__PURE__ */ React.createElement(IconButton, {
     className: classes.leftButton,
     href: sourceLocation.locationTargetUrl
   }, /* @__PURE__ */ React.createElement(ScmIntegrationIcon, {
     type: sourceLocation.integrationType
-  })), /* @__PURE__ */ React.createElement(Button, {
+  }))), viewTechDocsLink && /* @__PURE__ */ React.createElement(Tooltip, {
+    title: "View TechDocs"
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    className: classes.leftButton,
+    href: viewTechDocsLink
+  }, /* @__PURE__ */ React.createElement(MuiIcon, {
+    icon: iconResolver("docs")
+  }))), (_c = templateProps.links) == null ? void 0 : _c.map((link, i) => /* @__PURE__ */ React.createElement(Tooltip, {
+    key: `${link.url}_${i}`,
+    title: link.title || link.url
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    size: "medium",
+    href: link.url
+  }, /* @__PURE__ */ React.createElement(MuiIcon, {
+    icon: iconResolver(link.icon)
+  }))))), /* @__PURE__ */ React.createElement(Button, {
     color: "primary",
     to: href,
     "aria-label": `Choose ${templateProps.title}`
@@ -936,6 +981,9 @@ class WebDirectoryAccess {
       if (handle.kind === "file") {
         yield new WebFileAccess([...basePath, handle.name].join("/"), handle);
       } else if (handle.kind === "directory") {
+        if (handle.name === ".git") {
+          continue;
+        }
         yield* this.listDirectoryContents(handle, [...basePath, handle.name]);
       }
     }
@@ -2543,4 +2591,4 @@ const Router = (props) => {
 };
 
 export { Router };
-//# sourceMappingURL=Router-ad1d6fa2.esm.js.map
+//# sourceMappingURL=Router-7e8b8be7.esm.js.map