@tduniec/plugin-template-designer 0.1.7

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

@@ -0,0 +1,391 @@
+import { useState, useRef, useCallback, useMemo } 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';
+
+const parseTemplateYaml = (value) => {
+  const parsed = JSON.parse(convertYamlToJson(value));
+  if (!parsed || typeof parsed !== "object") {
+    throw new Error("Template YAML must describe an object");
+  }
+  return parsed;
+};
+const useTemplateState = () => {
+  const [templateObject, setTemplateObject] = useState(null);
+  const [templateYaml, setTemplateYaml] = useState("");
+  const [yamlError, setYamlError] = useState();
+  const [loadError, setLoadError] = useState();
+  const [isDirty, setIsDirty] = useState(false);
+  const [templateSource, setTemplateSource] = useState();
+  const [isReloading, setIsReloading] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const fileInputRef = useRef(null);
+  const ensureHandlePermission = useCallback(
+    async (handle, mode) => {
+      if (!handle || !handle.queryPermission || !handle.requestPermission) {
+        return true;
+      }
+      const options = { mode };
+      const current = await handle.queryPermission(options);
+      if (current === "granted") {
+        return true;
+      }
+      const request = await handle.requestPermission(options);
+      return request === "granted";
+    },
+    []
+  );
+  const applyTemplate = useCallback(
+    (template, source) => {
+      const nextTemplate = cloneDeep(template);
+      const nextYaml = convertJsonToYaml(nextTemplate);
+      setTemplateObject(nextTemplate);
+      setTemplateYaml(nextYaml);
+      setYamlError(void 0);
+      setLoadError(void 0);
+      setTemplateSource(source);
+      setIsDirty(false);
+    },
+    []
+  );
+  const confirmDiscardChanges = useCallback(() => {
+    if (!templateObject || !isDirty) {
+      return true;
+    }
+    if (typeof window === "undefined") {
+      return true;
+    }
+    return window.confirm(
+      "This will discard the changes you have made. Continue?"
+    );
+  }, [isDirty, templateObject]);
+  const handleStartSampleTemplate = useCallback(() => {
+    if (!confirmDiscardChanges()) {
+      return;
+    }
+    applyTemplate(SAMPLE_TEMPLATE_BLUEPRINT, {
+      type: "sample",
+      label: "Sample template"
+    });
+  }, [applyTemplate, confirmDiscardChanges]);
+  const handleTemplateFileSelected = useCallback(
+    async (event) => {
+      const file = event.target.files?.[0];
+      event.target.value = "";
+      if (!file) {
+        return;
+      }
+      if (!confirmDiscardChanges()) {
+        return;
+      }
+      try {
+        const fileContents = await file.text();
+        const parsed = parseTemplateYaml(fileContents);
+        applyTemplate(parsed, {
+          type: "file",
+          label: file.name
+        });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Unknown error loading template";
+        setLoadError(`Could not load template: ${message}`);
+      }
+    },
+    [applyTemplate, confirmDiscardChanges]
+  );
+  const handleOpenTemplatePicker = useCallback(async () => {
+    if (!confirmDiscardChanges()) {
+      return;
+    }
+    if (typeof window === "undefined") {
+      return;
+    }
+    const fsWindow = window;
+    if (fsWindow.showOpenFilePicker) {
+      try {
+        const handles = await fsWindow.showOpenFilePicker({
+          multiple: false,
+          types: FILE_PICKER_TYPES
+        });
+        const [handle] = handles ?? [];
+        if (!handle) {
+          return;
+        }
+        const granted = await ensureHandlePermission(handle, "read");
+        if (!granted) {
+          setLoadError("Permission to read the selected file was denied.");
+          return;
+        }
+        const file = await handle.getFile();
+        const text = await file.text();
+        const parsed = parseTemplateYaml(text);
+        applyTemplate(parsed, {
+          type: "file",
+          label: handle.name ?? file.name,
+          handle
+        });
+      } catch (error) {
+        if (error instanceof DOMException && error.name === "AbortError") {
+          return;
+        }
+        const message = error instanceof Error ? error.message : "Unknown error loading template";
+        setLoadError(`Could not load template: ${message}`);
+      }
+      return;
+    }
+    fileInputRef.current?.click();
+  }, [applyTemplate, confirmDiscardChanges, ensureHandlePermission]);
+  const templateSteps = useMemo(() => {
+    if (!templateObject) {
+      return [];
+    }
+    const template = asRecord(templateObject);
+    if (!template) {
+      return [];
+    }
+    const spec = asRecord(template.spec);
+    if (!spec) {
+      return [];
+    }
+    const maybeSteps = spec.steps;
+    if (!Array.isArray(maybeSteps)) {
+      return [];
+    }
+    const validSteps = maybeSteps.filter(isTaskStep);
+    return cloneSteps(validSteps);
+  }, [templateObject]);
+  const templateParameters = useMemo(() => {
+    if (!templateObject) {
+      return void 0;
+    }
+    const template = asRecord(templateObject);
+    if (!template) {
+      return void 0;
+    }
+    const spec = asRecord(template.spec);
+    if (!spec) {
+      return void 0;
+    }
+    if (!Object.prototype.hasOwnProperty.call(spec, "parameters")) {
+      return void 0;
+    }
+    const rawParameters = spec.parameters;
+    if (rawParameters === void 0) {
+      return void 0;
+    }
+    return cloneDeep(rawParameters);
+  }, [templateObject]);
+  const templateOutput = useMemo(() => {
+    if (!templateObject) {
+      return void 0;
+    }
+    const template = asRecord(templateObject);
+    if (!template) {
+      return void 0;
+    }
+    const spec = asRecord(template.spec);
+    if (!spec) {
+      return void 0;
+    }
+    const rawOutput = spec.output;
+    if (!rawOutput || typeof rawOutput !== "object") {
+      return void 0;
+    }
+    return cloneDeep(rawOutput);
+  }, [templateObject]);
+  const handleYamlChange = useCallback((value) => {
+    setTemplateYaml(value);
+    setIsDirty(true);
+    try {
+      const parsed = parseTemplateYaml(value);
+      setTemplateObject(parsed);
+      setYamlError(void 0);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unknown error parsing YAML";
+      setYamlError(message);
+    }
+  }, []);
+  const handleStepsChange = useCallback((steps) => {
+    setIsDirty(true);
+    setTemplateObject((prevTemplate) => {
+      const base = prevTemplate && typeof prevTemplate === "object" ? cloneDeep(prevTemplate) : {};
+      const spec = asRecord(base.spec) ?? {};
+      const nextSteps = cloneSteps(steps);
+      const nextTemplate = {
+        ...base,
+        spec: {
+          ...spec,
+          steps: nextSteps
+        }
+      };
+      setTemplateYaml(convertJsonToYaml(nextTemplate));
+      return nextTemplate;
+    });
+  }, []);
+  const handleParametersChange = useCallback(
+    (parameters) => {
+      setIsDirty(true);
+      setTemplateObject((prevTemplate) => {
+        const base = prevTemplate && typeof prevTemplate === "object" ? cloneDeep(prevTemplate) : {};
+        const spec = asRecord(base.spec) ?? {};
+        const nextTemplate = {
+          ...base,
+          spec: {
+            ...spec,
+            parameters: cloneDeep(parameters)
+          }
+        };
+        setTemplateYaml(convertJsonToYaml(nextTemplate));
+        return nextTemplate;
+      });
+    },
+    []
+  );
+  const handleOutputChange = useCallback((output) => {
+    setIsDirty(true);
+    setTemplateObject((prevTemplate) => {
+      const base = prevTemplate && typeof prevTemplate === "object" ? cloneDeep(prevTemplate) : {};
+      const spec = asRecord(base.spec) ?? {};
+      const nextTemplate = {
+        ...base,
+        spec: {
+          ...spec,
+          output: cloneDeep(output)
+        }
+      };
+      setTemplateYaml(convertJsonToYaml(nextTemplate));
+      return nextTemplate;
+    });
+  }, []);
+  const handleReloadFromFile = useCallback(async () => {
+    if (!templateSource) {
+      return;
+    }
+    if (templateSource.type !== "file") {
+      handleStartSampleTemplate();
+      return;
+    }
+    if (!templateSource.handle) {
+      handleOpenTemplatePicker();
+      return;
+    }
+    if (!confirmDiscardChanges()) {
+      return;
+    }
+    try {
+      setIsReloading(true);
+      const granted = await ensureHandlePermission(
+        templateSource.handle,
+        "read"
+      );
+      if (!granted) {
+        setLoadError("Permission to read the selected file was denied.");
+        return;
+      }
+      const file = await templateSource.handle.getFile();
+      const text = await file.text();
+      const parsed = parseTemplateYaml(text);
+      applyTemplate(parsed, {
+        type: "file",
+        label: templateSource.handle.name ?? file.name ?? templateSource.label,
+        handle: templateSource.handle
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unknown error reloading template";
+      setLoadError(`Could not reload template: ${message}`);
+    } finally {
+      setIsReloading(false);
+    }
+  }, [
+    applyTemplate,
+    confirmDiscardChanges,
+    ensureHandlePermission,
+    handleOpenTemplatePicker,
+    handleStartSampleTemplate,
+    templateSource
+  ]);
+  const handleSaveTemplate = useCallback(async () => {
+    if (!templateObject) {
+      return;
+    }
+    if (typeof window === "undefined") {
+      downloadString(templateYaml, DEFAULT_FILE_NAME);
+      setIsDirty(false);
+      return;
+    }
+    try {
+      setIsSaving(true);
+      setLoadError(void 0);
+      const fsWindow = window;
+      if (templateSource?.type === "file" && templateSource.handle) {
+        const granted = await ensureHandlePermission(
+          templateSource.handle,
+          "readwrite"
+        );
+        if (!granted) {
+          setLoadError("Permission to save to the selected file was denied.");
+          return;
+        }
+        const writable = await templateSource.handle.createWritable?.();
+        if (!writable) {
+          throw new Error("Unable to open file for writing.");
+        }
+        await writable.write(templateYaml);
+        await writable.close();
+        setIsDirty(false);
+        return;
+      }
+      if (fsWindow.showSaveFilePicker) {
+        const handle = await fsWindow.showSaveFilePicker({
+          suggestedName: templateSource?.label ?? DEFAULT_FILE_NAME,
+          types: FILE_PICKER_TYPES
+        });
+        const writable = await handle.createWritable?.();
+        if (!writable) {
+          throw new Error("Unable to open file for writing.");
+        }
+        await writable.write(templateYaml);
+        await writable.close();
+        setTemplateSource({
+          type: "file",
+          label: handle.name ?? templateSource?.label ?? DEFAULT_FILE_NAME,
+          handle
+        });
+        setIsDirty(false);
+        return;
+      }
+      downloadString(templateYaml, templateSource?.label ?? DEFAULT_FILE_NAME);
+      setIsDirty(false);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unknown error saving template";
+      setLoadError(`Failed to save template: ${message}`);
+    } finally {
+      setIsSaving(false);
+    }
+  }, [ensureHandlePermission, templateObject, templateSource, templateYaml]);
+  return {
+    templateObject,
+    templateYaml,
+    yamlError,
+    loadError,
+    isDirty,
+    templateSource,
+    isReloading,
+    isSaving,
+    templateSteps,
+    templateParameters,
+    templateOutput,
+    fileInputRef,
+    handleStartSampleTemplate,
+    handleTemplateFileSelected,
+    handleOpenTemplatePicker,
+    handleYamlChange,
+    handleStepsChange,
+    handleParametersChange,
+    handleOutputChange,
+    handleReloadFromFile,
+    handleSaveTemplate
+  };
+};
+
+export { useTemplateState };
+//# sourceMappingURL=useTemplateState.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,46 @@
+const FILE_PICKER_ACCEPT = {
+  "application/yaml": [".yaml", ".yml"],
+  "application/json": [".json"]
+};
+const FILE_PICKER_TYPES = [
+  {
+    description: "Scaffolder template",
+    accept: FILE_PICKER_ACCEPT
+  }
+];
+const DEFAULT_FILE_NAME = "template.yaml";
+const isTaskStep = (candidate) => {
+  if (!candidate || typeof candidate !== "object") {
+    return false;
+  }
+  const step = candidate;
+  return typeof step.id === "string" && typeof step.name === "string" && typeof step.action === "string";
+};
+const cloneDeep = (value) => {
+  if (value === void 0 || value === null) {
+    return value;
+  }
+  return JSON.parse(JSON.stringify(value));
+};
+const cloneSteps = (steps) => steps.map((step) => cloneDeep(step));
+const asRecord = (candidate) => {
+  if (!candidate || typeof candidate !== "object") {
+    return void 0;
+  }
+  return candidate;
+};
+const downloadString = (value, fileName) => {
+  const blob = new Blob([value], { type: "text/yaml" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = fileName;
+  anchor.style.display = "none";
+  document.body.appendChild(anchor);
+  anchor.click();
+  document.body.removeChild(anchor);
+  URL.revokeObjectURL(url);
+};
+
+export { DEFAULT_FILE_NAME, FILE_PICKER_ACCEPT, FILE_PICKER_TYPES, asRecord, cloneDeep, cloneSteps, downloadString, isTaskStep };
+//# sourceMappingURL=utils.esm.js.map

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

@@ -0,0 +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;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+declare const templateDesignerPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+declare const TemplateDesignerPage: () => react_jsx_runtime.JSX.Element;
+
+export { TemplateDesignerPage, templateDesignerPlugin };

package/dist/index.esm.js

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

package/dist/index.esm.js.map

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

package/dist/plugin.esm.js

@@ -0,0 +1,19 @@
+import { createPlugin, createRoutableExtension } from '@backstage/core-plugin-api';
+import { rootRouteRef } from './routes.esm.js';
+
+const templateDesignerPlugin = createPlugin({
+  id: "template-designer",
+  routes: {
+    root: rootRouteRef
+  }
+});
+const TemplateDesignerPage = templateDesignerPlugin.provide(
+  createRoutableExtension({
+    name: "TemplateDesignerPage",
+    component: () => import('./components/TemplateDesigner/index.esm.js').then((m) => m.TemplateDesigner),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { TemplateDesignerPage, templateDesignerPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n  createPlugin,\n  createRoutableExtension,\n} from \"@backstage/core-plugin-api\";\n\nimport { rootRouteRef } from \"./routes\";\n\nexport const templateDesignerPlugin = createPlugin({\n  id: \"template-designer\",\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nexport const TemplateDesignerPage = templateDesignerPlugin.provide(\n  createRoutableExtension({\n    name: \"TemplateDesignerPage\",\n    component: () =>\n      import(\"./components/TemplateDesigner\").then((m) => m.TemplateDesigner),\n    mountPoint: rootRouteRef,\n  })\n);\n"],"names":[],"mappings":";;;AAOO,MAAM,yBAAyB,YAAA,CAAa;AAAA,EACjD,EAAA,EAAI,mBAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,MAAM,uBAAuB,sBAAA,CAAuB,OAAA;AAAA,EACzD,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,sBAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,4CAA+B,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,gBAAgB,CAAA;AAAA,IACxE,UAAA,EAAY;AAAA,GACb;AACH;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "template-designer"
+});
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["import { createRouteRef } from \"@backstage/core-plugin-api\";\n\nexport const rootRouteRef = createRouteRef({\n  id: \"template-designer\",\n});\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,cAAA,CAAe;AAAA,EACzC,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/utils/createSequentialEdges.esm.js

@@ -0,0 +1,15 @@
+function createSequentialEdges(nodes) {
+  if (nodes.length < 2) return [];
+  return nodes.slice(0, -1).map((node, index) => {
+    const nextNode = nodes[index + 1];
+    return {
+      id: `e-${node.id}-${nextNode.id}`,
+      source: node.id,
+      target: nextNode.id,
+      type: "smoothstep"
+    };
+  });
+}
+
+export { createSequentialEdges };
+//# sourceMappingURL=createSequentialEdges.esm.js.map

package/dist/utils/createSequentialEdges.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSequentialEdges.esm.js","sources":["../../src/utils/createSequentialEdges.ts"],"sourcesContent":["import { Edge, Node } from \"@xyflow/react\";\n\nexport function createSequentialEdges(nodes: Node[]): Edge[] {\n  if (nodes.length < 2) return [];\n\n  return nodes.slice(0, -1).map((node, index) => {\n    const nextNode = nodes[index + 1];\n    return {\n      id: `e-${node.id}-${nextNode.id}`,\n      source: node.id,\n      target: nextNode.id,\n      type: \"smoothstep\",\n    } as Edge;\n  });\n}\n"],"names":[],"mappings":"AAEO,SAAS,sBAAsB,KAAA,EAAuB;AAC3D,EAAA,IAAI,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,OAAO,EAAC;AAE9B,EAAA,OAAO,KAAA,CAAM,MAAM,CAAA,EAAG,EAAE,EAAE,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AAC7C,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,KAAA,GAAQ,CAAC,CAAA;AAChC,IAAA,OAAO;AAAA,MACL,IAAI,CAAA,EAAA,EAAK,IAAA,CAAK,EAAE,CAAA,CAAA,EAAI,SAAS,EAAE,CAAA,CAAA;AAAA,MAC/B,QAAQ,IAAA,CAAK,EAAA;AAAA,MACb,QAAQ,QAAA,CAAS,EAAA;AAAA,MACjB,IAAA,EAAM;AAAA,KACR;AAAA,EACF,CAAC,CAAA;AACH;;;;"}

package/dist/utils/sampleTemplate.esm.js

@@ -0,0 +1,40 @@
+const SAMPLE_TEMPLATE_BLUEPRINT = {
+  apiVersion: "scaffolder.backstage.io/v1beta3",
+  kind: "Template",
+  metadata: {
+    name: "sample-template",
+    title: "Sample Template",
+    description: "Start from a single-step scaffolder template."
+  },
+  spec: {
+    owner: "user:guest",
+    type: "sample",
+    parameters: [
+      {
+        title: "Basic Information",
+        properties: {
+          message: {
+            title: "Message",
+            type: "string",
+            description: "Optional log message for the sample action.",
+            default: "Hello from Template Designer!"
+          }
+        }
+      }
+    ],
+    steps: [
+      {
+        id: "sample-action",
+        name: "Log Sample Message",
+        action: "debug:log",
+        input: {
+          message: "${{ parameters.message }}"
+        }
+      }
+    ],
+    output: {}
+  }
+};
+
+export { SAMPLE_TEMPLATE_BLUEPRINT };
+//# sourceMappingURL=sampleTemplate.esm.js.map

package/dist/utils/sampleTemplate.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sampleTemplate.esm.js","sources":["../../src/utils/sampleTemplate.ts"],"sourcesContent":["export const SAMPLE_TEMPLATE_BLUEPRINT: Record<string, unknown> = {\n  apiVersion: \"scaffolder.backstage.io/v1beta3\",\n  kind: \"Template\",\n  metadata: {\n    name: \"sample-template\",\n    title: \"Sample Template\",\n    description: \"Start from a single-step scaffolder template.\",\n  },\n  spec: {\n    owner: \"user:guest\",\n    type: \"sample\",\n    parameters: [\n      {\n        title: \"Basic Information\",\n        properties: {\n          message: {\n            title: \"Message\",\n            type: \"string\",\n            description: \"Optional log message for the sample action.\",\n            default: \"Hello from Template Designer!\",\n          },\n        },\n      },\n    ],\n    steps: [\n      {\n        id: \"sample-action\",\n        name: \"Log Sample Message\",\n        action: \"debug:log\",\n        input: {\n          message: \"${{ parameters.message }}\",\n        },\n      },\n    ],\n    output: {},\n  },\n};\n"],"names":[],"mappings":"AAAO,MAAM,yBAAA,GAAqD;AAAA,EAChE,UAAA,EAAY,iCAAA;AAAA,EACZ,IAAA,EAAM,UAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,iBAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM,QAAA;AAAA,IACN,UAAA,EAAY;AAAA,MACV;AAAA,QACE,KAAA,EAAO,mBAAA;AAAA,QACP,UAAA,EAAY;AAAA,UACV,OAAA,EAAS;AAAA,YACP,KAAA,EAAO,SAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa,6CAAA;AAAA,YACb,OAAA,EAAS;AAAA;AACX;AACF;AACF,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL;AAAA,QACE,EAAA,EAAI,eAAA;AAAA,QACJ,IAAA,EAAM,oBAAA;AAAA,QACN,MAAA,EAAQ,WAAA;AAAA,QACR,KAAA,EAAO;AAAA,UACL,OAAA,EAAS;AAAA;AACX;AACF,KACF;AAAA,IACA,QAAQ;AAAC;AAEb;;;;"}