@tduniec/plugin-template-designer 0.2.4 → 0.3.0

package/dist/components/TemplateDesigner/TemplateDesigner.esm.js

@@ -29,7 +29,9 @@ const TemplateDesigner = () => {
     handleParametersChange,
     handleOutputChange,
     handleReloadFromFile,
-    handleSaveTemplate
+    handleSaveTemplate,
+    availableTemplates,
+    selectCatalogTemplate
   } = useTemplateState();
   const {
     editorState,
@@ -46,6 +48,8 @@ const TemplateDesigner = () => {
   let reloadButtonLabel = "Reset sample";
   if (templateSource?.type === "file") {
     reloadButtonLabel = isReloading ? "Reloading..." : "Reload file";
+  } else if (templateSource?.type === "catalog") {
+    reloadButtonLabel = "Reload template";
   }
   let saveButtonLabel = templateSource?.type === "file" ? "Save" : "Save as file";
   if (isSaving) {
@@ -69,7 +73,9 @@ const TemplateDesigner = () => {
         {
           loadError,
           onStartSampleTemplate: handleStartSampleTemplate,
-          onOpenTemplatePicker: handleOpenTemplatePicker
+          onOpenTemplatePicker: handleOpenTemplatePicker,
+          availableTemplates,
+          selectCatalogTemplate
         }
       ) : /* @__PURE__ */ jsx(
         TemplateWorkspace,

package/dist/components/TemplateDesigner/TemplateDesigner.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateDesigner.esm.js","sources":["../../../src/components/TemplateDesigner/TemplateDesigner.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport {\n  Page,\n  Content,\n  ContentHeader,\n  SupportButton,\n} from \"@backstage/core-components\";\nimport { FieldEditorDialog } from \"./components/FieldEditorDialog\";\nimport { TemplateLanding } from \"./components/TemplateLanding\";\nimport { TemplateWorkspace } from \"./components/TemplateWorkspace\";\nimport { useFieldEditor } from \"./useFieldEditor\";\nimport { useTemplateState } from \"./useTemplateState\";\n\nexport const TemplateDesigner = () => {\n  const [showYaml, setShowYaml] = useState(true);\n  const {\n    templateObject,\n    templateYaml,\n    yamlError,\n    loadError,\n    templateSteps,\n    templateParameters,\n    templateOutput,\n    templateSource,\n    isReloading,\n    isSaving,\n    fileInputRef,\n    handleStartSampleTemplate,\n    handleTemplateFileSelected,\n    handleOpenTemplatePicker,\n    handleYamlChange,\n    handleStepsChange,\n    handleParametersChange,\n    handleOutputChange,\n    handleReloadFromFile,\n    handleSaveTemplate,\n  } = useTemplateState();\n  const {\n    editorState,\n    editorValue,\n    setEditorValue,\n    interactionRootRef,\n    closeEditor,\n    applyEditorValue,\n  } = useFieldEditor();\n\n  const handleToggleYaml = useCallback(() => {\n    setShowYaml((prev) => !prev);\n  }, []);\n\n  const activeTemplateLabel = templateSource?.label;\n\n  let reloadButtonLabel = \"Reset sample\";\n  if (templateSource?.type === \"file\") {\n    reloadButtonLabel = isReloading ? \"Reloading...\" : \"Reload file\";\n  }\n\n  let saveButtonLabel =\n    templateSource?.type === \"file\" ? \"Save\" : \"Save as file\";\n  if (isSaving) {\n    saveButtonLabel = \"Saving...\";\n  }\n\n  return (\n    <div ref={interactionRootRef} style={{ height: \"100%\" }}>\n      <Page themeId=\"tool\">\n        <Content>\n          <ContentHeader title=\"Template Designer\">\n            <SupportButton>\n              Template Designer turns blank Backstage YAML into a\n              storyboard-like canvas, guiding anyone through drag-and-drop\n              scaffolder authoring before ever touching code. Rally non-experts,\n              broadcast best practices, and accelerate template launches\n              directly inside Backstage.\n            </SupportButton>\n          </ContentHeader>\n\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".yaml,.yml,.json\"\n            style={{ display: \"none\" }}\n            onChange={handleTemplateFileSelected}\n          />\n\n          {!templateObject ? (\n            <TemplateLanding\n              loadError={loadError}\n              onStartSampleTemplate={handleStartSampleTemplate}\n              onOpenTemplatePicker={handleOpenTemplatePicker}\n            />\n          ) : (\n            <TemplateWorkspace\n              templateSteps={templateSteps}\n              templateParameters={templateParameters}\n              templateOutput={templateOutput}\n              templateYaml={templateYaml}\n              yamlError={yamlError}\n              loadError={loadError}\n              showYaml={showYaml}\n              onToggleYaml={handleToggleYaml}\n              onYamlChange={handleYamlChange}\n              onStepsChange={handleStepsChange}\n              onParametersChange={handleParametersChange}\n              onOutputChange={handleOutputChange}\n              onReload={handleReloadFromFile}\n              onSave={handleSaveTemplate}\n              onOpenTemplatePicker={handleOpenTemplatePicker}\n              activeTemplateLabel={activeTemplateLabel}\n              reloadButtonLabel={reloadButtonLabel}\n              saveButtonLabel={saveButtonLabel}\n              isReloading={isReloading}\n              isSaving={isSaving}\n            />\n          )}\n        </Content>\n      </Page>\n      <FieldEditorDialog\n        open={Boolean(editorState)}\n        label={editorState?.label}\n        value={editorValue}\n        onChange={setEditorValue}\n        onClose={closeEditor}\n        onApply={applyEditorValue}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemplateDesigner.esm.js","sources":["../../../src/components/TemplateDesigner/TemplateDesigner.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport {\n  Content,\n  ContentHeader,\n  Page,\n  SupportButton,\n} from \"@backstage/core-components\";\nimport { FieldEditorDialog } from \"./components/FieldEditorDialog\";\nimport { TemplateLanding } from \"./components/TemplateLanding\";\nimport { TemplateWorkspace } from \"./components/TemplateWorkspace\";\nimport { useFieldEditor } from \"./useFieldEditor\";\nimport { useTemplateState } from \"./useTemplateState\";\n\nexport const TemplateDesigner = () => {\n  const [showYaml, setShowYaml] = useState(true);\n  const {\n    templateObject,\n    templateYaml,\n    yamlError,\n    loadError,\n    templateSteps,\n    templateParameters,\n    templateOutput,\n    templateSource,\n    isReloading,\n    isSaving,\n    fileInputRef,\n    handleStartSampleTemplate,\n    handleTemplateFileSelected,\n    handleOpenTemplatePicker,\n    handleYamlChange,\n    handleStepsChange,\n    handleParametersChange,\n    handleOutputChange,\n    handleReloadFromFile,\n    handleSaveTemplate,\n    availableTemplates,\n    selectCatalogTemplate,\n  } = useTemplateState();\n  const {\n    editorState,\n    editorValue,\n    setEditorValue,\n    interactionRootRef,\n    closeEditor,\n    applyEditorValue,\n  } = useFieldEditor();\n\n  const handleToggleYaml = useCallback(() => {\n    setShowYaml((prev) => !prev);\n  }, []);\n\n  const activeTemplateLabel = templateSource?.label;\n\n  let reloadButtonLabel = \"Reset sample\";\n  if (templateSource?.type === \"file\") {\n    reloadButtonLabel = isReloading ? \"Reloading...\" : \"Reload file\";\n  } else if (templateSource?.type === \"catalog\") {\n    reloadButtonLabel = \"Reload template\";\n  }\n\n  let saveButtonLabel =\n    templateSource?.type === \"file\" ? \"Save\" : \"Save as file\";\n  if (isSaving) {\n    saveButtonLabel = \"Saving...\";\n  }\n\n  return (\n    <div ref={interactionRootRef} style={{ height: \"100%\" }}>\n      <Page themeId=\"tool\">\n        <Content>\n          <ContentHeader title=\"Template Designer\">\n            <SupportButton>\n              Template Designer turns blank Backstage YAML into a\n              storyboard-like canvas, guiding anyone through drag-and-drop\n              scaffolder authoring before ever touching code. Rally non-experts,\n              broadcast best practices, and accelerate template launches\n              directly inside Backstage.\n            </SupportButton>\n          </ContentHeader>\n\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".yaml,.yml,.json\"\n            style={{ display: \"none\" }}\n            onChange={handleTemplateFileSelected}\n          />\n\n          {!templateObject ? (\n            <TemplateLanding\n              loadError={loadError}\n              onStartSampleTemplate={handleStartSampleTemplate}\n              onOpenTemplatePicker={handleOpenTemplatePicker}\n              availableTemplates={availableTemplates}\n              selectCatalogTemplate={selectCatalogTemplate}\n            />\n          ) : (\n            <TemplateWorkspace\n              templateSteps={templateSteps}\n              templateParameters={templateParameters}\n              templateOutput={templateOutput}\n              templateYaml={templateYaml}\n              yamlError={yamlError}\n              loadError={loadError}\n              showYaml={showYaml}\n              onToggleYaml={handleToggleYaml}\n              onYamlChange={handleYamlChange}\n              onStepsChange={handleStepsChange}\n              onParametersChange={handleParametersChange}\n              onOutputChange={handleOutputChange}\n              onReload={handleReloadFromFile}\n              onSave={handleSaveTemplate}\n              onOpenTemplatePicker={handleOpenTemplatePicker}\n              activeTemplateLabel={activeTemplateLabel}\n              reloadButtonLabel={reloadButtonLabel}\n              saveButtonLabel={saveButtonLabel}\n              isReloading={isReloading}\n              isSaving={isSaving}\n            />\n          )}\n        </Content>\n      </Page>\n      <FieldEditorDialog\n        open={Boolean(editorState)}\n        label={editorState?.label}\n        value={editorValue}\n        onChange={setEditorValue}\n        onClose={closeEditor}\n        onApply={applyEditorValue}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateDesigner/components/TemplateLanding.esm.js

@@ -1,11 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Grid, Paper, Box, Typography, Button } from '@material-ui/core';
+import { Grid, Paper, Box, Typography, Button, TextField } from '@material-ui/core';
 import { useTheme } from '@material-ui/core/styles';
+import Autocomplete from '@material-ui/lab/Autocomplete';
 
 const TemplateLanding = ({
   loadError,
   onStartSampleTemplate,
-  onOpenTemplatePicker
+  onOpenTemplatePicker,
+  availableTemplates,
+  selectCatalogTemplate
 }) => {
   const theme = useTheme();
   return /* @__PURE__ */ jsx(
@@ -16,7 +19,7 @@ const TemplateLanding = ({
       alignItems: "center",
       style: { minHeight: "60vh" },
       children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 10, lg: 8, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, alignItems: "stretch", children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(
           Paper,
           {
             elevation: 3,
@@ -45,7 +48,7 @@ const TemplateLanding = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(
           Paper,
           {
             elevation: 3,
@@ -92,6 +95,57 @@ const TemplateLanding = ({
               )
             ]
           }
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            elevation: 3,
+            style: {
+              padding: 32,
+              height: "100%",
+              minHeight: 320,
+              display: "flex",
+              flexDirection: "column",
+              gap: 16
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Select from catalog" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Select existing template from catalog." })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  mt: "auto",
+                  display: "flex",
+                  flexDirection: "column",
+                  style: { gap: 8 },
+                  children: /* @__PURE__ */ jsx(
+                    Autocomplete,
+                    {
+                      style: { width: "100%" },
+                      options: availableTemplates ?? [],
+                      getOptionLabel: (option) => option.metadata.title ?? option.metadata.name,
+                      onChange: (_e, value) => {
+                        if (value) {
+                          selectCatalogTemplate(value);
+                        }
+                      },
+                      renderInput: (params) => /* @__PURE__ */ jsx(
+                        TextField,
+                        {
+                          ...params,
+                          autoComplete: "off",
+                          label: "Select template",
+                          variant: "outlined"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ]
+          }
         ) })
       ] }) })
     }

package/dist/components/TemplateDesigner/components/TemplateLanding.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateLanding.esm.js","sources":["../../../../src/components/TemplateDesigner/components/TemplateLanding.tsx"],"sourcesContent":["import { Box, Button, Grid, Paper, Typography } from \"@material-ui/core\";\nimport { useTheme } from \"@material-ui/core/styles\";\n\ntype TemplateLandingProps = {\n  loadError?: string;\n  onStartSampleTemplate: () => void;\n  onOpenTemplatePicker: () => void;\n};\n\nexport const TemplateLanding = ({\n  loadError,\n  onStartSampleTemplate,\n  onOpenTemplatePicker,\n}: TemplateLandingProps) => {\n  const theme = useTheme();\n\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ minHeight: \"60vh\" }}\n    >\n      <Grid item xs={12} md={10} lg={8}>\n        <Grid container spacing={4} alignItems=\"stretch\">\n          <Grid item xs={12} md={6}>\n            <Paper\n              elevation={3}\n              style={{\n                padding: 32,\n                height: \"100%\",\n                minHeight: 320,\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 16,\n              }}\n            >\n              <Box>\n                <Typography variant=\"h6\">Create new template</Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Start with a tidy sample blueprint that includes a single\n                  action step and helpful starter metadata.\n                </Typography>\n              </Box>\n              <Box mt=\"auto\" display=\"flex\" justifyContent=\"flex-start\">\n                <Button\n                  color=\"primary\"\n                  variant=\"contained\"\n                  onClick={onStartSampleTemplate}\n                >\n                  Start new template\n                </Button>\n              </Box>\n            </Paper>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Paper\n              elevation={3}\n              style={{\n                padding: 32,\n                height: \"100%\",\n                minHeight: 320,\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 16,\n              }}\n            >\n              <Box>\n                <Typography variant=\"h6\">Load from file</Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Import an existing template in YAML or JSON format and iterate\n                  in the visual designer.\n                </Typography>\n              </Box>\n              <Box\n                mt=\"auto\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                style={{ gap: 8 }}\n              >\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={onOpenTemplatePicker}\n                >\n                  Choose file\n                </Button>\n                {loadError && (\n                  <Typography\n                    variant=\"body2\"\n                    style={{ color: theme.palette.error.main }}\n                  >\n                    {loadError}\n                  </Typography>\n                )}\n              </Box>\n            </Paper>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemplateLanding.esm.js","sources":["../../../../src/components/TemplateDesigner/components/TemplateLanding.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Grid,\n  Paper,\n  TextField,\n  Typography,\n} from \"@material-ui/core\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport { TemplateEntityV1beta3 } from \"@backstage/plugin-scaffolder-common\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\n\ntype TemplateLandingProps = {\n  loadError?: string;\n  onStartSampleTemplate: () => void;\n  onOpenTemplatePicker: () => void;\n  availableTemplates: TemplateEntityV1beta3[];\n  selectCatalogTemplate: (selected: TemplateEntityV1beta3) => void;\n};\n\nexport const TemplateLanding = ({\n  loadError,\n  onStartSampleTemplate,\n  onOpenTemplatePicker,\n  availableTemplates,\n  selectCatalogTemplate,\n}: TemplateLandingProps) => {\n  const theme = useTheme();\n\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      style={{ minHeight: \"60vh\" }}\n    >\n      <Grid item xs={12} md={10} lg={8}>\n        <Grid container spacing={4} alignItems=\"stretch\">\n          <Grid item xs={12} md={4}>\n            <Paper\n              elevation={3}\n              style={{\n                padding: 32,\n                height: \"100%\",\n                minHeight: 320,\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 16,\n              }}\n            >\n              <Box>\n                <Typography variant=\"h6\">Create new template</Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Start with a tidy sample blueprint that includes a single\n                  action step and helpful starter metadata.\n                </Typography>\n              </Box>\n              <Box mt=\"auto\" display=\"flex\" justifyContent=\"flex-start\">\n                <Button\n                  color=\"primary\"\n                  variant=\"contained\"\n                  onClick={onStartSampleTemplate}\n                >\n                  Start new template\n                </Button>\n              </Box>\n            </Paper>\n          </Grid>\n          <Grid item xs={12} md={4}>\n            <Paper\n              elevation={3}\n              style={{\n                padding: 32,\n                height: \"100%\",\n                minHeight: 320,\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 16,\n              }}\n            >\n              <Box>\n                <Typography variant=\"h6\">Load from file</Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Import an existing template in YAML or JSON format and iterate\n                  in the visual designer.\n                </Typography>\n              </Box>\n              <Box\n                mt=\"auto\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                style={{ gap: 8 }}\n              >\n                <Button\n                  color=\"primary\"\n                  variant=\"outlined\"\n                  onClick={onOpenTemplatePicker}\n                >\n                  Choose file\n                </Button>\n                {loadError && (\n                  <Typography\n                    variant=\"body2\"\n                    style={{ color: theme.palette.error.main }}\n                  >\n                    {loadError}\n                  </Typography>\n                )}\n              </Box>\n            </Paper>\n          </Grid>\n          <Grid item xs={12} md={4}>\n            <Paper\n              elevation={3}\n              style={{\n                padding: 32,\n                height: \"100%\",\n                minHeight: 320,\n                display: \"flex\",\n                flexDirection: \"column\",\n                gap: 16,\n              }}\n            >\n              <Box>\n                <Typography variant=\"h6\">Select from catalog</Typography>\n                <Typography variant=\"body2\" color=\"textSecondary\">\n                  Select existing template from catalog.\n                </Typography>\n              </Box>\n              <Box\n                mt=\"auto\"\n                display=\"flex\"\n                flexDirection=\"column\"\n                style={{ gap: 8 }}\n              >\n                <Autocomplete\n                  style={{ width: \"100%\" }}\n                  options={availableTemplates ?? []}\n                  getOptionLabel={(option) =>\n                    option.metadata.title ?? option.metadata.name\n                  }\n                  onChange={(_e, value) => {\n                    if (value) {\n                      selectCatalogTemplate(value);\n                    }\n                  }}\n                  renderInput={(params) => (\n                    <TextField\n                      {...params}\n                      autoComplete=\"off\"\n                      label=\"Select template\"\n                      variant=\"outlined\"\n                    />\n                  )}\n                />\n              </Box>\n            </Paper>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateDesigner/useTemplateState.esm.js

@@ -1,7 +1,9 @@
-import { useState, useRef, useCallback, useMemo } from 'react';
+import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { convertJsonToYaml, convertYamlToJson } from '../../utils/yamlJsonConversion.esm.js';
 import { SAMPLE_TEMPLATE_BLUEPRINT } from '../../utils/sampleTemplate.esm.js';
 import { cloneDeep, FILE_PICKER_TYPES, asRecord, isTaskStep, cloneSteps, downloadString, DEFAULT_FILE_NAME } from './utils.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
 
 const parseTemplateYaml = (value) => {
   const parsed = JSON.parse(convertYamlToJson(value));
@@ -19,6 +21,9 @@ const useTemplateState = () => {
   const [templateSource, setTemplateSource] = useState();
   const [isReloading, setIsReloading] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
+  const catalogApi = useApi(catalogApiRef);
+  const [selectedTemplate, setSelectedTemplate] = useState(void 0);
+  const [availableTemplates, setAvailableTemplates] = useState([]);
   const fileInputRef = useRef(null);
   const ensureHandlePermission = useCallback(
     async (handle, mode) => {
@@ -260,6 +265,15 @@ const useTemplateState = () => {
     if (!templateSource) {
       return;
     }
+    if (templateSource.type === "catalog") {
+      if (selectedTemplate) {
+        applyTemplate(selectedTemplate, {
+          type: "catalog",
+          label: selectedTemplate.metadata.title ?? selectedTemplate.metadata.name
+        });
+      }
+      return;
+    }
     if (templateSource.type !== "file") {
       handleStartSampleTemplate();
       return;
@@ -301,6 +315,7 @@ const useTemplateState = () => {
     ensureHandlePermission,
     handleOpenTemplatePicker,
     handleStartSampleTemplate,
+    selectedTemplate,
     templateSource
   ]);
   const handleSaveTemplate = useCallback(async () => {
@@ -362,6 +377,25 @@ const useTemplateState = () => {
       setIsSaving(false);
     }
   }, [ensureHandlePermission, templateObject, templateSource, templateYaml]);
+  useEffect(() => {
+    catalogApi.getEntities({
+      filter: {
+        kind: "Template"
+      }
+    }).then((data) => {
+      setAvailableTemplates(data.items);
+    }).catch(() => setAvailableTemplates([]));
+  }, [catalogApi]);
+  const selectCatalogTemplate = useCallback(
+    (selected) => {
+      setSelectedTemplate(selected);
+      applyTemplate(selected, {
+        type: "catalog",
+        label: selected.metadata.title ?? selected.metadata.name
+      });
+    },
+    [applyTemplate]
+  );
   return {
     templateObject,
     templateYaml,
@@ -383,7 +417,9 @@ const useTemplateState = () => {
     handleParametersChange,
     handleOutputChange,
     handleReloadFromFile,
-    handleSaveTemplate
+    handleSaveTemplate,
+    availableTemplates,
+    selectCatalogTemplate
   };
 };
 

package/dist/components/TemplateDesigner/useTemplateState.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTemplateState.esm.js","sources":["../../../src/components/TemplateDesigner/useTemplateState.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport type { ChangeEvent, RefObject } from \"react\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type { TemplateParametersValue } from \"../Nodes/types\";\nimport {\n  convertJsonToYaml,\n  convertYamlToJson,\n} from \"../../utils/yamlJsonConversion\";\nimport { SAMPLE_TEMPLATE_BLUEPRINT } from \"../../utils/sampleTemplate\";\nimport {\n  DEFAULT_FILE_NAME,\n  FILE_PICKER_TYPES,\n  FileSystemFileHandleLike,\n  FileSystemWindow,\n  TemplateSource,\n  asRecord,\n  cloneDeep,\n  cloneSteps,\n  downloadString,\n  isTaskStep,\n} from \"./utils\";\n\ntype TemplateState = {\n  templateObject: Record<string, unknown> | null;\n  templateYaml: string;\n  yamlError?: string;\n  loadError?: string;\n  isDirty: boolean;\n  templateSource?: TemplateSource;\n  isReloading: boolean;\n  isSaving: boolean;\n  templateSteps: TaskStep[];\n  templateParameters: TemplateParametersValue;\n  templateOutput?: ScaffolderTaskOutput;\n  fileInputRef: RefObject<HTMLInputElement>;\n  handleStartSampleTemplate: () => void;\n  handleTemplateFileSelected: (event: ChangeEvent<HTMLInputElement>) => void;\n  handleOpenTemplatePicker: () => void;\n  handleYamlChange: (value: string) => void;\n  handleStepsChange: (steps: TaskStep[]) => void;\n  handleParametersChange: (parameters: TemplateParametersValue) => void;\n  handleOutputChange: (output?: ScaffolderTaskOutput) => void;\n  handleReloadFromFile: () => void;\n  handleSaveTemplate: () => void;\n};\n\nconst parseTemplateYaml = (value: string) => {\n  const parsed = JSON.parse(convertYamlToJson(value));\n  if (!parsed || typeof parsed !== \"object\") {\n    throw new Error(\"Template YAML must describe an object\");\n  }\n  return parsed as Record<string, unknown>;\n};\n\n/**\n * Encapsulates the template designer data model including YAML parsing,\n * scaffolder spec updates, and file-system interactions.\n */\nexport const useTemplateState = (): TemplateState => {\n  const [templateObject, setTemplateObject] = useState<Record<\n    string,\n    unknown\n  > | null>(null);\n  const [templateYaml, setTemplateYaml] = useState(\"\");\n  const [yamlError, setYamlError] = useState<string | undefined>();\n  const [loadError, setLoadError] = useState<string | undefined>();\n  const [isDirty, setIsDirty] = useState(false);\n  const [templateSource, setTemplateSource] = useState<\n    TemplateSource | undefined\n  >();\n  const [isReloading, setIsReloading] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n\n  const ensureHandlePermission = useCallback(\n    async (\n      handle: FileSystemFileHandleLike | undefined,\n      mode: \"read\" | \"readwrite\"\n    ) => {\n      if (!handle || !handle.queryPermission || !handle.requestPermission) {\n        return true;\n      }\n      const options = { mode };\n      const current = await handle.queryPermission(options);\n      if (current === \"granted\") {\n        return true;\n      }\n      const request = await handle.requestPermission(options);\n      return request === \"granted\";\n    },\n    []\n  );\n\n  const applyTemplate = useCallback(\n    (template: Record<string, unknown>, source: TemplateSource) => {\n      const nextTemplate = cloneDeep(template);\n      const nextYaml = convertJsonToYaml(nextTemplate);\n      setTemplateObject(nextTemplate);\n      setTemplateYaml(nextYaml);\n      setYamlError(undefined);\n      setLoadError(undefined);\n      setTemplateSource(source);\n      setIsDirty(false);\n    },\n    []\n  );\n\n  const confirmDiscardChanges = useCallback(() => {\n    if (!templateObject || !isDirty) {\n      return true;\n    }\n\n    if (typeof window === \"undefined\") {\n      return true;\n    }\n\n    // eslint-disable-next-line no-alert\n    return window.confirm(\n      \"This will discard the changes you have made. Continue?\"\n    );\n  }, [isDirty, templateObject]);\n\n  const handleStartSampleTemplate = useCallback(() => {\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n    applyTemplate(SAMPLE_TEMPLATE_BLUEPRINT, {\n      type: \"sample\",\n      label: \"Sample template\",\n    });\n  }, [applyTemplate, confirmDiscardChanges]);\n\n  const handleTemplateFileSelected = useCallback(\n    async (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      event.target.value = \"\";\n\n      if (!file) {\n        return;\n      }\n\n      if (!confirmDiscardChanges()) {\n        return;\n      }\n\n      try {\n        const fileContents = await file.text();\n        const parsed = parseTemplateYaml(fileContents);\n        applyTemplate(parsed, {\n          type: \"file\",\n          label: file.name,\n        });\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Unknown error loading template\";\n        setLoadError(`Could not load template: ${message}`);\n      }\n    },\n    [applyTemplate, confirmDiscardChanges]\n  );\n\n  const handleOpenTemplatePicker = useCallback(async () => {\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const fsWindow = window as FileSystemWindow;\n\n    if (fsWindow.showOpenFilePicker) {\n      try {\n        const handles = await fsWindow.showOpenFilePicker({\n          multiple: false,\n          types: FILE_PICKER_TYPES,\n        });\n        const [handle] = handles ?? [];\n        if (!handle) {\n          return;\n        }\n\n        const granted = await ensureHandlePermission(handle, \"read\");\n        if (!granted) {\n          setLoadError(\"Permission to read the selected file was denied.\");\n          return;\n        }\n\n        const file = await handle.getFile();\n        const text = await file.text();\n        const parsed = parseTemplateYaml(text);\n        applyTemplate(parsed, {\n          type: \"file\",\n          label: handle.name ?? file.name,\n          handle,\n        });\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          return;\n        }\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Unknown error loading template\";\n        setLoadError(`Could not load template: ${message}`);\n      }\n      return;\n    }\n\n    fileInputRef.current?.click();\n  }, [applyTemplate, confirmDiscardChanges, ensureHandlePermission]);\n\n  const templateSteps = useMemo(() => {\n    if (!templateObject) {\n      return [];\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return [];\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return [];\n    }\n\n    const maybeSteps = spec.steps;\n    if (!Array.isArray(maybeSteps)) {\n      return [];\n    }\n\n    const validSteps = maybeSteps.filter(isTaskStep) as TaskStep[];\n    return cloneSteps(validSteps);\n  }, [templateObject]);\n\n  const templateParameters = useMemo((): TemplateParametersValue => {\n    if (!templateObject) {\n      return undefined;\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return undefined;\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return undefined;\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(spec, \"parameters\")) {\n      return undefined;\n    }\n\n    const rawParameters = (spec as Record<string, unknown>).parameters;\n    if (rawParameters === undefined) {\n      return undefined;\n    }\n\n    return cloneDeep(rawParameters as TemplateParametersValue);\n  }, [templateObject]);\n\n  const templateOutput = useMemo(() => {\n    if (!templateObject) {\n      return undefined;\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return undefined;\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return undefined;\n    }\n\n    const rawOutput = spec.output;\n    if (!rawOutput || typeof rawOutput !== \"object\") {\n      return undefined;\n    }\n\n    return cloneDeep(rawOutput as ScaffolderTaskOutput);\n  }, [templateObject]);\n\n  const handleYamlChange = useCallback((value: string) => {\n    setTemplateYaml(value);\n    setIsDirty(true);\n    try {\n      const parsed = parseTemplateYaml(value);\n      setTemplateObject(parsed);\n      setYamlError(undefined);\n    } catch (error) {\n      const message =\n        error instanceof Error ? error.message : \"Unknown error parsing YAML\";\n      setYamlError(message);\n    }\n  }, []);\n\n  const handleStepsChange = useCallback((steps: TaskStep[]) => {\n    setIsDirty(true);\n    setTemplateObject((prevTemplate) => {\n      const base =\n        prevTemplate && typeof prevTemplate === \"object\"\n          ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n          : ({} as Record<string, unknown>);\n\n      const spec = asRecord(base.spec) ?? {};\n      const nextSteps = cloneSteps(steps);\n\n      const nextTemplate: Record<string, unknown> = {\n        ...base,\n        spec: {\n          ...spec,\n          steps: nextSteps,\n        },\n      };\n\n      setTemplateYaml(convertJsonToYaml(nextTemplate));\n      return nextTemplate;\n    });\n  }, []);\n\n  const handleParametersChange = useCallback(\n    (parameters: TemplateParametersValue) => {\n      setIsDirty(true);\n      setTemplateObject((prevTemplate) => {\n        const base =\n          prevTemplate && typeof prevTemplate === \"object\"\n            ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n            : ({} as Record<string, unknown>);\n\n        const spec = asRecord(base.spec) ?? {};\n        const nextTemplate: Record<string, unknown> = {\n          ...base,\n          spec: {\n            ...spec,\n            parameters: cloneDeep(parameters),\n          },\n        };\n\n        setTemplateYaml(convertJsonToYaml(nextTemplate));\n        return nextTemplate;\n      });\n    },\n    []\n  );\n\n  const handleOutputChange = useCallback((output?: ScaffolderTaskOutput) => {\n    setIsDirty(true);\n    setTemplateObject((prevTemplate) => {\n      const base =\n        prevTemplate && typeof prevTemplate === \"object\"\n          ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n          : ({} as Record<string, unknown>);\n\n      const spec = asRecord(base.spec) ?? {};\n      const nextTemplate: Record<string, unknown> = {\n        ...base,\n        spec: {\n          ...spec,\n          output: cloneDeep(output),\n        },\n      };\n\n      setTemplateYaml(convertJsonToYaml(nextTemplate));\n      return nextTemplate;\n    });\n  }, []);\n\n  const handleReloadFromFile = useCallback(async () => {\n    if (!templateSource) {\n      return;\n    }\n\n    if (templateSource.type !== \"file\") {\n      handleStartSampleTemplate();\n      return;\n    }\n\n    if (!templateSource.handle) {\n      handleOpenTemplatePicker();\n      return;\n    }\n\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n\n    try {\n      setIsReloading(true);\n      const granted = await ensureHandlePermission(\n        templateSource.handle,\n        \"read\"\n      );\n      if (!granted) {\n        setLoadError(\"Permission to read the selected file was denied.\");\n        return;\n      }\n\n      const file = await templateSource.handle.getFile();\n      const text = await file.text();\n      const parsed = parseTemplateYaml(text);\n      applyTemplate(parsed, {\n        type: \"file\",\n        label: templateSource.handle.name ?? file.name ?? templateSource.label,\n        handle: templateSource.handle,\n      });\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : \"Unknown error reloading template\";\n      setLoadError(`Could not reload template: ${message}`);\n    } finally {\n      setIsReloading(false);\n    }\n  }, [\n    applyTemplate,\n    confirmDiscardChanges,\n    ensureHandlePermission,\n    handleOpenTemplatePicker,\n    handleStartSampleTemplate,\n    templateSource,\n  ]);\n\n  const handleSaveTemplate = useCallback(async () => {\n    if (!templateObject) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      downloadString(templateYaml, DEFAULT_FILE_NAME);\n      setIsDirty(false);\n      return;\n    }\n\n    try {\n      setIsSaving(true);\n      setLoadError(undefined);\n      const fsWindow = window as FileSystemWindow;\n\n      if (templateSource?.type === \"file\" && templateSource.handle) {\n        const granted = await ensureHandlePermission(\n          templateSource.handle,\n          \"readwrite\"\n        );\n        if (!granted) {\n          setLoadError(\"Permission to save to the selected file was denied.\");\n          return;\n        }\n        const writable = await templateSource.handle.createWritable?.();\n        if (!writable) {\n          throw new Error(\"Unable to open file for writing.\");\n        }\n        await writable.write(templateYaml);\n        await writable.close();\n        setIsDirty(false);\n        return;\n      }\n\n      if (fsWindow.showSaveFilePicker) {\n        const handle = await fsWindow.showSaveFilePicker({\n          suggestedName: templateSource?.label ?? DEFAULT_FILE_NAME,\n          types: FILE_PICKER_TYPES,\n        });\n        const writable = await handle.createWritable?.();\n        if (!writable) {\n          throw new Error(\"Unable to open file for writing.\");\n        }\n        await writable.write(templateYaml);\n        await writable.close();\n        setTemplateSource({\n          type: \"file\",\n          label: handle.name ?? templateSource?.label ?? DEFAULT_FILE_NAME,\n          handle,\n        });\n        setIsDirty(false);\n        return;\n      }\n\n      downloadString(templateYaml, templateSource?.label ?? DEFAULT_FILE_NAME);\n      setIsDirty(false);\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : \"Unknown error saving template\";\n      setLoadError(`Failed to save template: ${message}`);\n    } finally {\n      setIsSaving(false);\n    }\n  }, [ensureHandlePermission, templateObject, templateSource, templateYaml]);\n\n  return {\n    templateObject,\n    templateYaml,\n    yamlError,\n    loadError,\n    isDirty,\n    templateSource,\n    isReloading,\n    isSaving,\n    templateSteps,\n    templateParameters,\n    templateOutput,\n    fileInputRef,\n    handleStartSampleTemplate,\n    handleTemplateFileSelected,\n    handleOpenTemplatePicker,\n    handleYamlChange,\n    handleStepsChange,\n    handleParametersChange,\n    handleOutputChange,\n    handleReloadFromFile,\n    handleSaveTemplate,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTemplateState.esm.js","sources":["../../../src/components/TemplateDesigner/useTemplateState.ts"],"sourcesContent":["import {\n  ChangeEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport { TemplateEntityV1beta3 } from \"@backstage/plugin-scaffolder-common\";\nimport type { TemplateParametersValue } from \"../Nodes/types\";\nimport {\n  convertJsonToYaml,\n  convertYamlToJson,\n} from \"../../utils/yamlJsonConversion\";\nimport { SAMPLE_TEMPLATE_BLUEPRINT } from \"../../utils/sampleTemplate\";\nimport {\n  asRecord,\n  cloneDeep,\n  cloneSteps,\n  DEFAULT_FILE_NAME,\n  downloadString,\n  FILE_PICKER_TYPES,\n  FileSystemFileHandleLike,\n  FileSystemWindow,\n  isTaskStep,\n  TemplateSource,\n} from \"./utils\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\n\ntype TemplateState = {\n  templateObject: Record<string, unknown> | null;\n  templateYaml: string;\n  yamlError?: string;\n  loadError?: string;\n  isDirty: boolean;\n  templateSource?: TemplateSource;\n  isReloading: boolean;\n  isSaving: boolean;\n  templateSteps: TaskStep[];\n  templateParameters: TemplateParametersValue;\n  templateOutput?: ScaffolderTaskOutput;\n  fileInputRef: RefObject<HTMLInputElement>;\n  handleStartSampleTemplate: () => void;\n  handleTemplateFileSelected: (event: ChangeEvent<HTMLInputElement>) => void;\n  handleOpenTemplatePicker: () => void;\n  handleYamlChange: (value: string) => void;\n  handleStepsChange: (steps: TaskStep[]) => void;\n  handleParametersChange: (parameters: TemplateParametersValue) => void;\n  handleOutputChange: (output?: ScaffolderTaskOutput) => void;\n  handleReloadFromFile: () => void;\n  handleSaveTemplate: () => void;\n  availableTemplates: TemplateEntityV1beta3[];\n  selectCatalogTemplate: (selected: TemplateEntityV1beta3) => void;\n};\n\nconst parseTemplateYaml = (value: string) => {\n  const parsed = JSON.parse(convertYamlToJson(value));\n  if (!parsed || typeof parsed !== \"object\") {\n    throw new Error(\"Template YAML must describe an object\");\n  }\n  return parsed as Record<string, unknown>;\n};\n\n/**\n * Encapsulates the template designer data model including YAML parsing,\n * scaffolder spec updates, and file-system interactions.\n */\nexport const useTemplateState = (): TemplateState => {\n  const [templateObject, setTemplateObject] = useState<Record<\n    string,\n    unknown\n  > | null>(null);\n  const [templateYaml, setTemplateYaml] = useState(\"\");\n  const [yamlError, setYamlError] = useState<string | undefined>();\n  const [loadError, setLoadError] = useState<string | undefined>();\n  const [isDirty, setIsDirty] = useState(false);\n  const [templateSource, setTemplateSource] = useState<\n    TemplateSource | undefined\n  >();\n  const [isReloading, setIsReloading] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const catalogApi = useApi(catalogApiRef);\n  const [selectedTemplate, setSelectedTemplate] = useState<\n    TemplateEntityV1beta3 | undefined\n  >(undefined);\n  const [availableTemplates, setAvailableTemplates] = useState<\n    TemplateEntityV1beta3[]\n  >([]);\n\n  const fileInputRef = useRef<HTMLInputElement | null>(null);\n\n  const ensureHandlePermission = useCallback(\n    async (\n      handle: FileSystemFileHandleLike | undefined,\n      mode: \"read\" | \"readwrite\"\n    ) => {\n      if (!handle || !handle.queryPermission || !handle.requestPermission) {\n        return true;\n      }\n      const options = { mode };\n      const current = await handle.queryPermission(options);\n      if (current === \"granted\") {\n        return true;\n      }\n      const request = await handle.requestPermission(options);\n      return request === \"granted\";\n    },\n    []\n  );\n\n  const applyTemplate = useCallback(\n    (template: Record<string, unknown>, source: TemplateSource) => {\n      const nextTemplate = cloneDeep(template);\n      const nextYaml = convertJsonToYaml(nextTemplate);\n      setTemplateObject(nextTemplate);\n      setTemplateYaml(nextYaml);\n      setYamlError(undefined);\n      setLoadError(undefined);\n      setTemplateSource(source);\n      setIsDirty(false);\n    },\n    []\n  );\n\n  const confirmDiscardChanges = useCallback(() => {\n    if (!templateObject || !isDirty) {\n      return true;\n    }\n\n    if (typeof window === \"undefined\") {\n      return true;\n    }\n\n    // eslint-disable-next-line no-alert\n    return window.confirm(\n      \"This will discard the changes you have made. Continue?\"\n    );\n  }, [isDirty, templateObject]);\n\n  const handleStartSampleTemplate = useCallback(() => {\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n    applyTemplate(SAMPLE_TEMPLATE_BLUEPRINT, {\n      type: \"sample\",\n      label: \"Sample template\",\n    });\n  }, [applyTemplate, confirmDiscardChanges]);\n\n  const handleTemplateFileSelected = useCallback(\n    async (event: ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      event.target.value = \"\";\n\n      if (!file) {\n        return;\n      }\n\n      if (!confirmDiscardChanges()) {\n        return;\n      }\n\n      try {\n        const fileContents = await file.text();\n        const parsed = parseTemplateYaml(fileContents);\n        applyTemplate(parsed, {\n          type: \"file\",\n          label: file.name,\n        });\n      } catch (error) {\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Unknown error loading template\";\n        setLoadError(`Could not load template: ${message}`);\n      }\n    },\n    [applyTemplate, confirmDiscardChanges]\n  );\n\n  const handleOpenTemplatePicker = useCallback(async () => {\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const fsWindow = window as FileSystemWindow;\n\n    if (fsWindow.showOpenFilePicker) {\n      try {\n        const handles = await fsWindow.showOpenFilePicker({\n          multiple: false,\n          types: FILE_PICKER_TYPES,\n        });\n        const [handle] = handles ?? [];\n        if (!handle) {\n          return;\n        }\n\n        const granted = await ensureHandlePermission(handle, \"read\");\n        if (!granted) {\n          setLoadError(\"Permission to read the selected file was denied.\");\n          return;\n        }\n\n        const file = await handle.getFile();\n        const text = await file.text();\n        const parsed = parseTemplateYaml(text);\n        applyTemplate(parsed, {\n          type: \"file\",\n          label: handle.name ?? file.name,\n          handle,\n        });\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          return;\n        }\n        const message =\n          error instanceof Error\n            ? error.message\n            : \"Unknown error loading template\";\n        setLoadError(`Could not load template: ${message}`);\n      }\n      return;\n    }\n\n    fileInputRef.current?.click();\n  }, [applyTemplate, confirmDiscardChanges, ensureHandlePermission]);\n\n  const templateSteps = useMemo(() => {\n    if (!templateObject) {\n      return [];\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return [];\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return [];\n    }\n\n    const maybeSteps = spec.steps;\n    if (!Array.isArray(maybeSteps)) {\n      return [];\n    }\n\n    const validSteps = maybeSteps.filter(isTaskStep) as TaskStep[];\n    return cloneSteps(validSteps);\n  }, [templateObject]);\n\n  const templateParameters = useMemo((): TemplateParametersValue => {\n    if (!templateObject) {\n      return undefined;\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return undefined;\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return undefined;\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(spec, \"parameters\")) {\n      return undefined;\n    }\n\n    const rawParameters = (spec as Record<string, unknown>).parameters;\n    if (rawParameters === undefined) {\n      return undefined;\n    }\n\n    return cloneDeep(rawParameters as TemplateParametersValue);\n  }, [templateObject]);\n\n  const templateOutput = useMemo(() => {\n    if (!templateObject) {\n      return undefined;\n    }\n\n    const template = asRecord(templateObject);\n    if (!template) {\n      return undefined;\n    }\n\n    const spec = asRecord(template.spec);\n    if (!spec) {\n      return undefined;\n    }\n\n    const rawOutput = spec.output;\n    if (!rawOutput || typeof rawOutput !== \"object\") {\n      return undefined;\n    }\n\n    return cloneDeep(rawOutput as ScaffolderTaskOutput);\n  }, [templateObject]);\n\n  const handleYamlChange = useCallback((value: string) => {\n    setTemplateYaml(value);\n    setIsDirty(true);\n    try {\n      const parsed = parseTemplateYaml(value);\n      setTemplateObject(parsed);\n      setYamlError(undefined);\n    } catch (error) {\n      const message =\n        error instanceof Error ? error.message : \"Unknown error parsing YAML\";\n      setYamlError(message);\n    }\n  }, []);\n\n  const handleStepsChange = useCallback((steps: TaskStep[]) => {\n    setIsDirty(true);\n    setTemplateObject((prevTemplate) => {\n      const base =\n        prevTemplate && typeof prevTemplate === \"object\"\n          ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n          : ({} as Record<string, unknown>);\n\n      const spec = asRecord(base.spec) ?? {};\n      const nextSteps = cloneSteps(steps);\n\n      const nextTemplate: Record<string, unknown> = {\n        ...base,\n        spec: {\n          ...spec,\n          steps: nextSteps,\n        },\n      };\n\n      setTemplateYaml(convertJsonToYaml(nextTemplate));\n      return nextTemplate;\n    });\n  }, []);\n\n  const handleParametersChange = useCallback(\n    (parameters: TemplateParametersValue) => {\n      setIsDirty(true);\n      setTemplateObject((prevTemplate) => {\n        const base =\n          prevTemplate && typeof prevTemplate === \"object\"\n            ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n            : ({} as Record<string, unknown>);\n\n        const spec = asRecord(base.spec) ?? {};\n        const nextTemplate: Record<string, unknown> = {\n          ...base,\n          spec: {\n            ...spec,\n            parameters: cloneDeep(parameters),\n          },\n        };\n\n        setTemplateYaml(convertJsonToYaml(nextTemplate));\n        return nextTemplate;\n      });\n    },\n    []\n  );\n\n  const handleOutputChange = useCallback((output?: ScaffolderTaskOutput) => {\n    setIsDirty(true);\n    setTemplateObject((prevTemplate) => {\n      const base =\n        prevTemplate && typeof prevTemplate === \"object\"\n          ? (cloneDeep(prevTemplate) as Record<string, unknown>)\n          : ({} as Record<string, unknown>);\n\n      const spec = asRecord(base.spec) ?? {};\n      const nextTemplate: Record<string, unknown> = {\n        ...base,\n        spec: {\n          ...spec,\n          output: cloneDeep(output),\n        },\n      };\n\n      setTemplateYaml(convertJsonToYaml(nextTemplate));\n      return nextTemplate;\n    });\n  }, []);\n\n  const handleReloadFromFile = useCallback(async () => {\n    if (!templateSource) {\n      return;\n    }\n\n    if (templateSource.type === \"catalog\") {\n      if (selectedTemplate) {\n        applyTemplate(selectedTemplate as unknown as Record<string, unknown>, {\n          type: \"catalog\",\n          label:\n            selectedTemplate.metadata.title ?? selectedTemplate.metadata.name,\n        });\n      }\n      return;\n    }\n    if (templateSource.type !== \"file\") {\n      handleStartSampleTemplate();\n      return;\n    }\n\n    if (!templateSource.handle) {\n      handleOpenTemplatePicker();\n      return;\n    }\n\n    if (!confirmDiscardChanges()) {\n      return;\n    }\n\n    try {\n      setIsReloading(true);\n      const granted = await ensureHandlePermission(\n        templateSource.handle,\n        \"read\"\n      );\n      if (!granted) {\n        setLoadError(\"Permission to read the selected file was denied.\");\n        return;\n      }\n\n      const file = await templateSource.handle.getFile();\n      const text = await file.text();\n      const parsed = parseTemplateYaml(text);\n      applyTemplate(parsed, {\n        type: \"file\",\n        label: templateSource.handle.name ?? file.name ?? templateSource.label,\n        handle: templateSource.handle,\n      });\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : \"Unknown error reloading template\";\n      setLoadError(`Could not reload template: ${message}`);\n    } finally {\n      setIsReloading(false);\n    }\n  }, [\n    applyTemplate,\n    confirmDiscardChanges,\n    ensureHandlePermission,\n    handleOpenTemplatePicker,\n    handleStartSampleTemplate,\n    selectedTemplate,\n    templateSource,\n  ]);\n\n  const handleSaveTemplate = useCallback(async () => {\n    if (!templateObject) {\n      return;\n    }\n\n    if (typeof window === \"undefined\") {\n      downloadString(templateYaml, DEFAULT_FILE_NAME);\n      setIsDirty(false);\n      return;\n    }\n\n    try {\n      setIsSaving(true);\n      setLoadError(undefined);\n      const fsWindow = window as FileSystemWindow;\n\n      if (templateSource?.type === \"file\" && templateSource.handle) {\n        const granted = await ensureHandlePermission(\n          templateSource.handle,\n          \"readwrite\"\n        );\n        if (!granted) {\n          setLoadError(\"Permission to save to the selected file was denied.\");\n          return;\n        }\n        const writable = await templateSource.handle.createWritable?.();\n        if (!writable) {\n          throw new Error(\"Unable to open file for writing.\");\n        }\n        await writable.write(templateYaml);\n        await writable.close();\n        setIsDirty(false);\n        return;\n      }\n\n      if (fsWindow.showSaveFilePicker) {\n        const handle = await fsWindow.showSaveFilePicker({\n          suggestedName: templateSource?.label ?? DEFAULT_FILE_NAME,\n          types: FILE_PICKER_TYPES,\n        });\n        const writable = await handle.createWritable?.();\n        if (!writable) {\n          throw new Error(\"Unable to open file for writing.\");\n        }\n        await writable.write(templateYaml);\n        await writable.close();\n        setTemplateSource({\n          type: \"file\",\n          label: handle.name ?? templateSource?.label ?? DEFAULT_FILE_NAME,\n          handle,\n        });\n        setIsDirty(false);\n        return;\n      }\n\n      downloadString(templateYaml, templateSource?.label ?? DEFAULT_FILE_NAME);\n      setIsDirty(false);\n    } catch (error) {\n      const message =\n        error instanceof Error\n          ? error.message\n          : \"Unknown error saving template\";\n      setLoadError(`Failed to save template: ${message}`);\n    } finally {\n      setIsSaving(false);\n    }\n  }, [ensureHandlePermission, templateObject, templateSource, templateYaml]);\n\n  useEffect(() => {\n    catalogApi\n      .getEntities({\n        filter: {\n          kind: \"Template\",\n        },\n      })\n      .then((data) => {\n        setAvailableTemplates(data.items as TemplateEntityV1beta3[]);\n      })\n      .catch(() => setAvailableTemplates([]));\n  }, [catalogApi]);\n\n  const selectCatalogTemplate = useCallback(\n    (selected: TemplateEntityV1beta3) => {\n      setSelectedTemplate(selected);\n      applyTemplate(selected as unknown as Record<string, unknown>, {\n        type: \"catalog\",\n        label: selected.metadata.title ?? selected.metadata.name,\n      });\n    },\n    [applyTemplate]\n  );\n\n  return {\n    templateObject,\n    templateYaml,\n    yamlError,\n    loadError,\n    isDirty,\n    templateSource,\n    isReloading,\n    isSaving,\n    templateSteps,\n    templateParameters,\n    templateOutput,\n    fileInputRef,\n    handleStartSampleTemplate,\n    handleTemplateFileSelected,\n    handleOpenTemplatePicker,\n    handleYamlChange,\n    handleStepsChange,\n    handleParametersChange,\n    handleOutputChange,\n    handleReloadFromFile,\n    handleSaveTemplate,\n    availableTemplates,\n    selectCatalogTemplate,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateDesigner/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../../src/components/TemplateDesigner/utils.ts"],"sourcesContent":["import type { TaskStep } from \"@backstage/plugin-scaffolder-common\";\n\nexport const FILE_PICKER_ACCEPT = {\n  \"application/yaml\": [\".yaml\", \".yml\"],\n  \"application/json\": [\".json\"],\n};\n\nexport const FILE_PICKER_TYPES = [\n  {\n    description: \"Scaffolder template\",\n    accept: FILE_PICKER_ACCEPT,\n  },\n];\n\nexport const DEFAULT_FILE_NAME = \"template.yaml\";\n\nexport const isTaskStep = (candidate: unknown): candidate is TaskStep => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return false;\n  }\n  const step = candidate as Record<string, unknown>;\n  return (\n    typeof step.id === \"string\" &&\n    typeof step.name === \"string\" &&\n    typeof step.action === \"string\"\n  );\n};\n\nexport const cloneDeep = <T>(value: T): T => {\n  if (value === undefined || value === null) {\n    return value;\n  }\n  return JSON.parse(JSON.stringify(value)) as T;\n};\n\nexport const cloneSteps = (steps: TaskStep[]): TaskStep[] =>\n  steps.map((step) => cloneDeep(step));\n\nexport const asRecord = (\n  candidate: unknown\n): Record<string, unknown> | undefined => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return undefined;\n  }\n  return candidate as Record<string, unknown>;\n};\n\nexport const downloadString = (value: string, fileName: string) => {\n  const blob = new Blob([value], { type: \"text/yaml\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = fileName;\n  anchor.style.display = \"none\";\n  document.body.appendChild(anchor);\n  anchor.click();\n  document.body.removeChild(anchor);\n  URL.revokeObjectURL(url);\n};\n\nexport type FileSystemFileHandleLike = {\n  name?: string;\n  getFile: () => Promise<File>;\n  createWritable?: () => Promise<{\n    write: (data: Blob | string) => Promise<void>;\n    close: () => Promise<void>;\n  }>;\n  queryPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n  requestPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n};\n\nexport type TemplateSource =\n  | { type: \"sample\"; label: string }\n  | { type: \"file\"; label: string; handle?: FileSystemFileHandleLike };\n\nexport type FileSystemWindow = Window &\n  Partial<{\n    showOpenFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike[]>;\n    showSaveFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike>;\n  }>;\n"],"names":[],"mappings":"AAEO,MAAM,kBAAA,GAAqB;AAAA,EAChC,kBAAA,EAAoB,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,EACpC,kBAAA,EAAoB,CAAC,OAAO;AAC9B;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B;AAAA,IACE,WAAA,EAAa,qBAAA;AAAA,IACb,MAAA,EAAQ;AAAA;AAEZ;AAEO,MAAM,iBAAA,GAAoB;AAE1B,MAAM,UAAA,GAAa,CAAC,SAAA,KAA8C;AACvE,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,SAAA;AACb,EAAA,OACE,OAAO,IAAA,CAAK,EAAA,KAAO,QAAA,IACnB,OAAO,KAAK,IAAA,KAAS,QAAA,IACrB,OAAO,IAAA,CAAK,MAAA,KAAW,QAAA;AAE3B;AAEO,MAAM,SAAA,GAAY,CAAI,KAAA,KAAgB;AAC3C,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AACzC;AAEO,MAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,CAAM,IAAI,CAAC,IAAA,KAAS,SAAA,CAAU,IAAI,CAAC;AAE9B,MAAM,QAAA,GAAW,CACtB,SAAA,KACwC;AACxC,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,SAAA;AACT;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,QAAA,KAAqB;AACjE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAC,KAAK,CAAA,EAAG,EAAE,IAAA,EAAM,WAAA,EAAa,CAAA;AACpD,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA;AACzC,EAAA,MAAA,CAAO,IAAA,GAAO,GAAA;AACd,EAAA,MAAA,CAAO,QAAA,GAAW,QAAA;AAClB,EAAA,MAAA,CAAO,MAAM,OAAA,GAAU,MAAA;AACvB,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,MAAA,CAAO,KAAA,EAAM;AACb,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,GAAA,CAAI,gBAAgB,GAAG,CAAA;AACzB;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../../../src/components/TemplateDesigner/utils.ts"],"sourcesContent":["import type { TaskStep } from \"@backstage/plugin-scaffolder-common\";\n\nexport const FILE_PICKER_ACCEPT = {\n  \"application/yaml\": [\".yaml\", \".yml\"],\n  \"application/json\": [\".json\"],\n};\n\nexport const FILE_PICKER_TYPES = [\n  {\n    description: \"Scaffolder template\",\n    accept: FILE_PICKER_ACCEPT,\n  },\n];\n\nexport const DEFAULT_FILE_NAME = \"template.yaml\";\n\nexport const isTaskStep = (candidate: unknown): candidate is TaskStep => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return false;\n  }\n  const step = candidate as Record<string, unknown>;\n  return (\n    typeof step.id === \"string\" &&\n    typeof step.name === \"string\" &&\n    typeof step.action === \"string\"\n  );\n};\n\nexport const cloneDeep = <T>(value: T): T => {\n  if (value === undefined || value === null) {\n    return value;\n  }\n  return JSON.parse(JSON.stringify(value)) as T;\n};\n\nexport const cloneSteps = (steps: TaskStep[]): TaskStep[] =>\n  steps.map((step) => cloneDeep(step));\n\nexport const asRecord = (\n  candidate: unknown\n): Record<string, unknown> | undefined => {\n  if (!candidate || typeof candidate !== \"object\") {\n    return undefined;\n  }\n  return candidate as Record<string, unknown>;\n};\n\nexport const downloadString = (value: string, fileName: string) => {\n  const blob = new Blob([value], { type: \"text/yaml\" });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement(\"a\");\n  anchor.href = url;\n  anchor.download = fileName;\n  anchor.style.display = \"none\";\n  document.body.appendChild(anchor);\n  anchor.click();\n  document.body.removeChild(anchor);\n  URL.revokeObjectURL(url);\n};\n\nexport type FileSystemFileHandleLike = {\n  name?: string;\n  getFile: () => Promise<File>;\n  createWritable?: () => Promise<{\n    write: (data: Blob | string) => Promise<void>;\n    close: () => Promise<void>;\n  }>;\n  queryPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n  requestPermission?: (options?: {\n    mode?: \"read\" | \"readwrite\";\n  }) => Promise<PermissionState>;\n};\n\nexport type TemplateSource =\n  | { type: \"sample\"; label: string }\n  | { type: \"file\"; label: string; handle?: FileSystemFileHandleLike }\n  | { type: \"catalog\"; label: string };\n\nexport type FileSystemWindow = Window &\n  Partial<{\n    showOpenFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike[]>;\n    showSaveFilePicker: (\n      options?: unknown\n    ) => Promise<FileSystemFileHandleLike>;\n  }>;\n"],"names":[],"mappings":"AAEO,MAAM,kBAAA,GAAqB;AAAA,EAChC,kBAAA,EAAoB,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,EACpC,kBAAA,EAAoB,CAAC,OAAO;AAC9B;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B;AAAA,IACE,WAAA,EAAa,qBAAA;AAAA,IACb,MAAA,EAAQ;AAAA;AAEZ;AAEO,MAAM,iBAAA,GAAoB;AAE1B,MAAM,UAAA,GAAa,CAAC,SAAA,KAA8C;AACvE,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAA,GAAO,SAAA;AACb,EAAA,OACE,OAAO,IAAA,CAAK,EAAA,KAAO,QAAA,IACnB,OAAO,KAAK,IAAA,KAAS,QAAA,IACrB,OAAO,IAAA,CAAK,MAAA,KAAW,QAAA;AAE3B;AAEO,MAAM,SAAA,GAAY,CAAI,KAAA,KAAgB;AAC3C,EAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,EAAM;AACzC,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AACzC;AAEO,MAAM,UAAA,GAAa,CAAC,KAAA,KACzB,KAAA,CAAM,IAAI,CAAC,IAAA,KAAS,SAAA,CAAU,IAAI,CAAC;AAE9B,MAAM,QAAA,GAAW,CACtB,SAAA,KACwC;AACxC,EAAA,IAAI,CAAC,SAAA,IAAa,OAAO,SAAA,KAAc,QAAA,EAAU;AAC/C,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,SAAA;AACT;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,QAAA,KAAqB;AACjE,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAC,KAAK,CAAA,EAAG,EAAE,IAAA,EAAM,WAAA,EAAa,CAAA;AACpD,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA;AACzC,EAAA,MAAA,CAAO,IAAA,GAAO,GAAA;AACd,EAAA,MAAA,CAAO,QAAA,GAAW,QAAA;AAClB,EAAA,MAAA,CAAO,MAAM,OAAA,GAAU,MAAA;AACvB,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,MAAA,CAAO,KAAA,EAAM;AACb,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,MAAM,CAAA;AAChC,EAAA,GAAA,CAAI,gBAAgB,GAAG,CAAA;AACzB;;;;"}

package/dist/package.json.esm.js

@@ -60,6 +60,7 @@ var dependencies = {
 	"@backstage/core-components": "backstage:^",
 	"@backstage/core-plugin-api": "backstage:^",
 	"@backstage/frontend-plugin-api": "backstage:^",
+	"@backstage/plugin-catalog-react": "backstage:^",
 	"@backstage/plugin-scaffolder-common": "backstage:^",
 	"@backstage/plugin-scaffolder-react": "backstage:^",
 	"@backstage/theme": "backstage:^",
@@ -80,9 +81,12 @@ var peerDependencies = {
 	"react-use": "^17.2.4"
 };
 var devDependencies = {
+	"@backstage/catalog-client": "backstage:^",
+	"@backstage/catalog-model": "backstage:^",
 	"@backstage/cli": "backstage:^",
 	"@backstage/core-app-api": "backstage:^",
 	"@backstage/dev-utils": "backstage:^",
+	"@backstage/plugin-catalog-common": "backstage:^",
 	"@backstage/test-utils": "backstage:^",
 	"@codemirror/lang-yaml": "6.1.2",
 	"@codemirror/state": "6.5.2",

package/dist/package.json.esm.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tduniec/plugin-template-designer",
   "description": "Template Designer turns blank Backstage YAML into a storyboard-like canvas, guiding anyone through drag-and-drop scaffolder authoring before ever touching code. Rally non-experts, broadcast best practices, and accelerate template launches directly inside Backstage.",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "license": "Apache-2.0",
   "keywords": [
     "backstage",
@@ -74,6 +74,7 @@
     "@backstage/core-components": "backstage:^",
     "@backstage/core-plugin-api": "backstage:^",
     "@backstage/frontend-plugin-api": "backstage:^",
+    "@backstage/plugin-catalog-react": "backstage:^",
     "@backstage/plugin-scaffolder-common": "backstage:^",
     "@backstage/plugin-scaffolder-react": "backstage:^",
     "@backstage/theme": "backstage:^",
@@ -94,9 +95,12 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
+    "@backstage/catalog-client": "backstage:^",
+    "@backstage/catalog-model": "backstage:^",
     "@backstage/cli": "backstage:^",
     "@backstage/core-app-api": "backstage:^",
     "@backstage/dev-utils": "backstage:^",
+    "@backstage/plugin-catalog-common": "backstage:^",
     "@backstage/test-utils": "backstage:^",
     "@codemirror/lang-yaml": "6.1.2",
     "@codemirror/state": "6.5.2",