@tduniec/plugin-template-designer 0.2.2 → 0.2.4

package/dist/alpha.d.ts

@@ -0,0 +1,52 @@
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * Backstage frontend plugin.
+ *
+ * @alpha
+ */
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "nav-item:template-designer": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "nav-item";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+        params: {
+            title: string;
+            icon: _backstage_core_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        };
+    }>;
+    "page:template-designer": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+        };
+    }>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { NavItemBlueprint, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { rootRouteRef } from './routes.esm.js';
+import BorderColorIcon from '@material-ui/icons/BorderColor';
+
+const templateDesignerNavItem = NavItemBlueprint.make({
+  params: {
+    title: "Template designer",
+    routeRef: rootRouteRef,
+    icon: BorderColorIcon
+  }
+});
+const templateDesignerPage = PageBlueprint.make({
+  params: {
+    path: "/template-designer",
+    routeRef: rootRouteRef,
+    loader: () => import('./components/TemplateDesigner/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.TemplateDesigner, {}))
+  }
+});
+var alpha = createFrontendPlugin({
+  pluginId: "template-designer",
+  info: { packageJson: () => import('./package.json.esm.js') },
+  routes: {
+    root: rootRouteRef
+  },
+  extensions: [templateDesignerPage, templateDesignerNavItem]
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import {\n  createFrontendPlugin,\n  NavItemBlueprint,\n  PageBlueprint,\n} from \"@backstage/frontend-plugin-api\";\nimport { rootRouteRef } from \"./routes\";\nimport BorderColorIcon from \"@material-ui/icons/BorderColor\";\n\nconst templateDesignerNavItem = NavItemBlueprint.make({\n  params: {\n    title: \"Template designer\",\n    routeRef: rootRouteRef,\n    icon: BorderColorIcon,\n  },\n});\n\nconst templateDesignerPage = PageBlueprint.make({\n  params: {\n    path: \"/template-designer\",\n    routeRef: rootRouteRef,\n    loader: () =>\n      import(\"./components/TemplateDesigner\").then((m) => (\n        <m.TemplateDesigner />\n      )),\n  },\n});\n\n/**\n * Backstage frontend plugin.\n *\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: \"template-designer\",\n  info: { packageJson: () => import(\"../package.json\") },\n  routes: {\n    root: rootRouteRef,\n  },\n  extensions: [templateDesignerPage, templateDesignerNavItem],\n});\n"],"names":[],"mappings":";;;;;AAQA,MAAM,uBAAA,GAA0B,iBAAiB,IAAA,CAAK;AAAA,EACpD,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,mBAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,oBAAA,GAAuB,cAAc,IAAA,CAAK;AAAA,EAC9C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,oBAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,MACN,OAAO,4CAA+B,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,qBAC5C,GAAA,CAAC,CAAA,CAAE,gBAAA,EAAF,EAAmB,CACrB;AAAA;AAEP,CAAC,CAAA;AAOD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,mBAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,UAAA,EAAY,CAAC,oBAAA,EAAsB,uBAAuB;AAC5D,CAAC,CAAA;;;;"}

package/dist/api/mockScaffolderActions.esm.js

@@ -0,0 +1,85 @@
+const MOCK_SCAFFOLDER_ACTIONS = [
+  {
+    id: "debug:log",
+    description: "Writes a message to the task log output.",
+    schema: {
+      input: {
+        required: ["message"],
+        properties: {
+          message: {
+            title: "Message",
+            type: "string",
+            description: "Free-form text that will be printed to the logs."
+          }
+        }
+      },
+      output: {
+        properties: {}
+      }
+    }
+  },
+  {
+    id: "fetch:template",
+    description: "Fetches contents from a git repository and places them in the workspace.",
+    schema: {
+      input: {
+        required: ["url"],
+        properties: {
+          url: {
+            title: "Repository URL",
+            type: "string",
+            description: "Location of the repository or template archive."
+          },
+          targetPath: {
+            title: "Target Path",
+            type: "string",
+            description: "Relative path where the files will be written.",
+            default: "."
+          }
+        }
+      },
+      output: {
+        properties: {
+          targetPath: {
+            type: "string",
+            description: "Path where the contents were written."
+          }
+        }
+      }
+    }
+  },
+  {
+    id: "catalog:register",
+    description: "Registers an entity in the Backstage catalog.",
+    schema: {
+      input: {
+        required: ["catalogInfoUrl"],
+        properties: {
+          catalogInfoUrl: {
+            title: "catalog-info.yaml URL",
+            type: "string",
+            description: "URL that points to the generated entity definition."
+          },
+          optional: {
+            title: "Optional",
+            type: "boolean",
+            description: "Mark the registration as optional and ignore failures.",
+            default: false
+          }
+        }
+      },
+      output: {
+        properties: {
+          entityRef: {
+            title: "Entity Ref",
+            type: "string",
+            description: "Entity reference for the registered component."
+          }
+        }
+      }
+    }
+  }
+];
+
+export { MOCK_SCAFFOLDER_ACTIONS };
+//# sourceMappingURL=mockScaffolderActions.esm.js.map

package/dist/api/mockScaffolderActions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockScaffolderActions.esm.js","sources":["../../src/api/mockScaffolderActions.ts"],"sourcesContent":["import type { ListActionsResponse } from \"@backstage/plugin-scaffolder-common\";\n\n/**\n * Minimal action metadata used whenever the real scaffolder service is\n * unavailable (e.g. developing the plugin standalone without a backend).\n */\nexport const MOCK_SCAFFOLDER_ACTIONS: ListActionsResponse = [\n  {\n    id: \"debug:log\",\n    description: \"Writes a message to the task log output.\",\n    schema: {\n      input: {\n        required: [\"message\"],\n        properties: {\n          message: {\n            title: \"Message\",\n            type: \"string\",\n            description: \"Free-form text that will be printed to the logs.\",\n          },\n        },\n      },\n      output: {\n        properties: {},\n      },\n    },\n  },\n  {\n    id: \"fetch:template\",\n    description:\n      \"Fetches contents from a git repository and places them in the workspace.\",\n    schema: {\n      input: {\n        required: [\"url\"],\n        properties: {\n          url: {\n            title: \"Repository URL\",\n            type: \"string\",\n            description: \"Location of the repository or template archive.\",\n          },\n          targetPath: {\n            title: \"Target Path\",\n            type: \"string\",\n            description: \"Relative path where the files will be written.\",\n            default: \".\",\n          },\n        },\n      },\n      output: {\n        properties: {\n          targetPath: {\n            type: \"string\",\n            description: \"Path where the contents were written.\",\n          },\n        },\n      },\n    },\n  },\n  {\n    id: \"catalog:register\",\n    description: \"Registers an entity in the Backstage catalog.\",\n    schema: {\n      input: {\n        required: [\"catalogInfoUrl\"],\n        properties: {\n          catalogInfoUrl: {\n            title: \"catalog-info.yaml URL\",\n            type: \"string\",\n            description: \"URL that points to the generated entity definition.\",\n          },\n          optional: {\n            title: \"Optional\",\n            type: \"boolean\",\n            description:\n              \"Mark the registration as optional and ignore failures.\",\n            default: false,\n          },\n        },\n      },\n      output: {\n        properties: {\n          entityRef: {\n            title: \"Entity Ref\",\n            type: \"string\",\n            description: \"Entity reference for the registered component.\",\n          },\n        },\n      },\n    },\n  },\n];\n"],"names":[],"mappings":"AAMO,MAAM,uBAAA,GAA+C;AAAA,EAC1D;AAAA,IACE,EAAA,EAAI,WAAA;AAAA,IACJ,WAAA,EAAa,0CAAA;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,CAAC,SAAS,CAAA;AAAA,QACpB,UAAA,EAAY;AAAA,UACV,OAAA,EAAS;AAAA,YACP,KAAA,EAAO,SAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa;AAAA;AACf;AACF,OACF;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,YAAY;AAAC;AACf;AACF,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,gBAAA;AAAA,IACJ,WAAA,EACE,0EAAA;AAAA,IACF,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,CAAC,KAAK,CAAA;AAAA,QAChB,UAAA,EAAY;AAAA,UACV,GAAA,EAAK;AAAA,YACH,KAAA,EAAO,gBAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa;AAAA,WACf;AAAA,UACA,UAAA,EAAY;AAAA,YACV,KAAA,EAAO,aAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa,gDAAA;AAAA,YACb,OAAA,EAAS;AAAA;AACX;AACF,OACF;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,UAAA,EAAY;AAAA,UACV,UAAA,EAAY;AAAA,YACV,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa;AAAA;AACf;AACF;AACF;AACF,GACF;AAAA,EACA;AAAA,IACE,EAAA,EAAI,kBAAA;AAAA,IACJ,WAAA,EAAa,+CAAA;AAAA,IACb,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,QAAA,EAAU,CAAC,gBAAgB,CAAA;AAAA,QAC3B,UAAA,EAAY;AAAA,UACV,cAAA,EAAgB;AAAA,YACd,KAAA,EAAO,uBAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa;AAAA,WACf;AAAA,UACA,QAAA,EAAU;AAAA,YACR,KAAA,EAAO,UAAA;AAAA,YACP,IAAA,EAAM,SAAA;AAAA,YACN,WAAA,EACE,wDAAA;AAAA,YACF,OAAA,EAAS;AAAA;AACX;AACF,OACF;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,UAAA,EAAY;AAAA,UACV,SAAA,EAAW;AAAA,YACT,KAAA,EAAO,YAAA;AAAA,YACP,IAAA,EAAM,QAAA;AAAA,YACN,WAAA,EAAa;AAAA;AACf;AACF;AACF;AACF;AAEJ;;;;"}

package/dist/api/scaffolderActions.esm.js

@@ -1,35 +1,50 @@
 import { useState, useEffect } from 'react';
-import { useApi } from '@backstage/core-plugin-api';
+import { useApiHolder } from '@backstage/core-plugin-api';
 import { scaffolderApiRef } from '@backstage/plugin-scaffolder-react';
+import { MOCK_SCAFFOLDER_ACTIONS } from './mockScaffolderActions.esm.js';
 
 const buildCache = (list) => {
-  const { inputsById, outputsById } = list.reduce(
+  const { inputsById, outputsById, inputRequiredById } = list.reduce(
     (acc, action) => {
       acc.inputsById[action.id] = action.schema?.input?.properties ?? {};
       acc.outputsById[action.id] = action.schema?.output?.properties ?? {};
+      const required = Array.isArray(action.schema?.input?.required) ? action.schema?.input?.required.filter(
+        (key) => typeof key === "string" && key.trim().length > 0
+      ) : [];
+      acc.inputRequiredById[action.id] = required;
       return acc;
     },
-    { inputsById: {}, outputsById: {} }
+    { inputsById: {}, outputsById: {}, inputRequiredById: {} }
   );
   return {
     ids: list.map((action) => action.id),
     inputsById,
-    outputsById
+    outputsById,
+    inputRequiredById
   };
 };
+const fallbackCache = buildCache(MOCK_SCAFFOLDER_ACTIONS);
 const useScaffolderActions = () => {
-  const scaffolderApi = useApi(scaffolderApiRef);
-  const [cache, setCache] = useState(
-    () => buildCache([])
-  );
+  const apiHolder = useApiHolder();
+  const scaffolderApi = apiHolder.get(scaffolderApiRef);
+  const [cache, setCache] = useState(fallbackCache);
   useEffect(() => {
     let cancelled = false;
+    if (!scaffolderApi) {
+      setCache(fallbackCache);
+      return () => {
+        cancelled = true;
+      };
+    }
     scaffolderApi.listActions().then((remoteActions) => {
       if (cancelled) {
         return;
       }
       setCache(buildCache(remoteActions));
     }).catch(() => {
+      if (!cancelled) {
+        setCache(fallbackCache);
+      }
     });
     return () => {
       cancelled = true;

package/dist/api/scaffolderActions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"scaffolderActions.esm.js","sources":["../../src/api/scaffolderActions.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { scaffolderApiRef } from \"@backstage/plugin-scaffolder-react\";\n\n// Encapsulated hook for loading/caching scaffolder action metadata.\n\ntype ScaffolderAction = {\n  id: string;\n  schema?: {\n    input?: {\n      properties?: Record<string, unknown>;\n    };\n    output?: {\n      properties?: Record<string, unknown>;\n    };\n  };\n};\n\nexport type ScaffolderActionsCache = {\n  ids: string[];\n  inputsById: Record<string, Record<string, unknown>>;\n  outputsById: Record<string, Record<string, unknown>>;\n};\n\nconst buildCache = (list: ScaffolderAction[]): ScaffolderActionsCache => {\n  const { inputsById, outputsById } = list.reduce<{\n    inputsById: Record<string, Record<string, unknown>>;\n    outputsById: Record<string, Record<string, unknown>>;\n  }>(\n    (acc, action) => {\n      acc.inputsById[action.id] = action.schema?.input?.properties ?? {};\n      acc.outputsById[action.id] = action.schema?.output?.properties ?? {};\n      return acc;\n    },\n    { inputsById: {}, outputsById: {} }\n  );\n\n  return {\n    ids: list.map((action) => action.id),\n    inputsById,\n    outputsById,\n  };\n};\n\nexport const useScaffolderActions = () => {\n  const scaffolderApi = useApi(scaffolderApiRef);\n  const [cache, setCache] = useState<ScaffolderActionsCache>(() =>\n    buildCache([])\n  );\n\n  useEffect(() => {\n    let cancelled = false;\n\n    scaffolderApi\n      .listActions()\n      .then((remoteActions) => {\n        if (cancelled) {\n          return;\n        }\n        setCache(buildCache(remoteActions));\n      })\n      .catch(() => {});\n\n    return () => {\n      cancelled = true;\n    };\n  }, [scaffolderApi]);\n\n  return cache;\n};\n"],"names":[],"mappings":";;;;AAwBA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAqD;AACvE,EAAA,MAAM,EAAE,UAAA,EAAY,WAAA,EAAY,GAAI,IAAA,CAAK,MAAA;AAAA,IAIvC,CAAC,KAAK,MAAA,KAAW;AACf,MAAA,GAAA,CAAI,UAAA,CAAW,OAAO,EAAE,CAAA,GAAI,OAAO,MAAA,EAAQ,KAAA,EAAO,cAAc,EAAC;AACjE,MAAA,GAAA,CAAI,WAAA,CAAY,OAAO,EAAE,CAAA,GAAI,OAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,EAAC;AACnE,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,EAAE,UAAA,EAAY,EAAC,EAAG,WAAA,EAAa,EAAC;AAAE,GACpC;AAEA,EAAA,OAAO;AAAA,IACL,KAAK,IAAA,CAAK,GAAA,CAAI,CAAC,MAAA,KAAW,OAAO,EAAE,CAAA;AAAA,IACnC,UAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA;AAAA,IAAiC,MACzD,UAAA,CAAW,EAAE;AAAA,GACf;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,IAAA,aAAA,CACG,WAAA,EAAY,CACZ,IAAA,CAAK,CAAC,aAAA,KAAkB;AACvB,MAAA,IAAI,SAAA,EAAW;AACb,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS,UAAA,CAAW,aAAa,CAAC,CAAA;AAAA,IACpC,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AAAA,IAAC,CAAC,CAAA;AAEjB,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO,KAAA;AACT;;;;"}
+{"version":3,"file":"scaffolderActions.esm.js","sources":["../../src/api/scaffolderActions.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useApiHolder } from \"@backstage/core-plugin-api\";\nimport { scaffolderApiRef } from \"@backstage/plugin-scaffolder-react\";\nimport { MOCK_SCAFFOLDER_ACTIONS } from \"./mockScaffolderActions\";\n\n// Encapsulated hook for loading/caching scaffolder action metadata.\n\ntype ScaffolderAction = {\n  id: string;\n  schema?: {\n    input?: {\n      properties?: Record<string, unknown>;\n      required?: unknown;\n    };\n    output?: {\n      properties?: Record<string, unknown>;\n    };\n  };\n};\n\nexport type ScaffolderActionsCache = {\n  ids: string[];\n  inputsById: Record<string, Record<string, unknown>>;\n  outputsById: Record<string, Record<string, unknown>>;\n  inputRequiredById: Record<string, string[]>;\n};\n\nconst buildCache = (list: ScaffolderAction[]): ScaffolderActionsCache => {\n  const { inputsById, outputsById, inputRequiredById } = list.reduce<{\n    inputsById: Record<string, Record<string, unknown>>;\n    outputsById: Record<string, Record<string, unknown>>;\n    inputRequiredById: Record<string, string[]>;\n  }>(\n    (acc, action) => {\n      acc.inputsById[action.id] = action.schema?.input?.properties ?? {};\n      acc.outputsById[action.id] = action.schema?.output?.properties ?? {};\n      const required = Array.isArray(action.schema?.input?.required)\n        ? action.schema?.input?.required.filter(\n            (key): key is string =>\n              typeof key === \"string\" && key.trim().length > 0\n          )\n        : [];\n      acc.inputRequiredById[action.id] = required;\n      return acc;\n    },\n    { inputsById: {}, outputsById: {}, inputRequiredById: {} }\n  );\n\n  return {\n    ids: list.map((action) => action.id),\n    inputsById,\n    outputsById,\n    inputRequiredById,\n  };\n};\n\nconst fallbackCache = buildCache(MOCK_SCAFFOLDER_ACTIONS);\n\nexport const useScaffolderActions = () => {\n  const apiHolder = useApiHolder();\n  const scaffolderApi = apiHolder.get(scaffolderApiRef);\n  const [cache, setCache] = useState<ScaffolderActionsCache>(fallbackCache);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    if (!scaffolderApi) {\n      setCache(fallbackCache);\n      return () => {\n        cancelled = true;\n      };\n    }\n\n    scaffolderApi\n      .listActions()\n      .then((remoteActions) => {\n        if (cancelled) {\n          return;\n        }\n        setCache(buildCache(remoteActions));\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setCache(fallbackCache);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [scaffolderApi]);\n\n  return cache;\n};\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAqD;AACvE,EAAA,MAAM,EAAE,UAAA,EAAY,WAAA,EAAa,iBAAA,KAAsB,IAAA,CAAK,MAAA;AAAA,IAK1D,CAAC,KAAK,MAAA,KAAW;AACf,MAAA,GAAA,CAAI,UAAA,CAAW,OAAO,EAAE,CAAA,GAAI,OAAO,MAAA,EAAQ,KAAA,EAAO,cAAc,EAAC;AACjE,MAAA,GAAA,CAAI,WAAA,CAAY,OAAO,EAAE,CAAA,GAAI,OAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,EAAC;AACnE,MAAA,MAAM,QAAA,GAAW,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,KAAA,EAAO,QAAQ,CAAA,GACzD,MAAA,CAAO,MAAA,EAAQ,KAAA,EAAO,QAAA,CAAS,MAAA;AAAA,QAC7B,CAAC,QACC,OAAO,GAAA,KAAQ,YAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS;AAAA,UAEnD,EAAC;AACL,MAAA,GAAA,CAAI,iBAAA,CAAkB,MAAA,CAAO,EAAE,CAAA,GAAI,QAAA;AACnC,MAAA,OAAO,GAAA;AAAA,IACT,CAAA;AAAA,IACA,EAAE,YAAY,EAAC,EAAG,aAAa,EAAC,EAAG,iBAAA,EAAmB,EAAC;AAAE,GAC3D;AAEA,EAAA,OAAO;AAAA,IACL,KAAK,IAAA,CAAK,GAAA,CAAI,CAAC,MAAA,KAAW,OAAO,EAAE,CAAA;AAAA,IACnC,UAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AAEA,MAAM,aAAA,GAAgB,WAAW,uBAAuB,CAAA;AAEjD,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,YAAY,YAAA,EAAa;AAC/B,EAAA,MAAM,aAAA,GAAgB,SAAA,CAAU,GAAA,CAAI,gBAAgB,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiC,aAAa,CAAA;AAExE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA,QAAA,CAAS,aAAa,CAAA;AACtB,MAAA,OAAO,MAAM;AACX,QAAA,SAAA,GAAY,IAAA;AAAA,MACd,CAAA;AAAA,IACF;AAEA,IAAA,aAAA,CACG,WAAA,EAAY,CACZ,IAAA,CAAK,CAAC,aAAA,KAAkB;AACvB,MAAA,IAAI,SAAA,EAAW;AACb,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS,UAAA,CAAW,aAAa,CAAC,CAAA;AAAA,IACpC,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,MAAA,IAAI,CAAC,SAAA,EAAW;AACd,QAAA,QAAA,CAAS,aAAa,CAAA;AAAA,MACxB;AAAA,IACF,CAAC,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/components/DesignerFlow/DesignerFlow.esm.js

@@ -3,7 +3,7 @@ import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useNodesState, applyNodeChanges, applyEdgeChanges, addEdge, ReactFlow } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
 import { createSequentialEdges } from '../../utils/createSequentialEdges.esm.js';
-import { collectStepOutputReferences, createHandleReorderAndAlignNodes, createHandleUpdateField, createHandleUpdateInput, createHandleRemoveInputKey, createHandleUpdateOutput, createHandleUpdateSections, createHandleAddNode } from './handlers.esm.js';
+import { collectStepOutputReferences, createHandleReorderAndAlignNodes, createHandleUpdateField, createHandleUpdateInput, createHandleRemoveInputKey, createHandleUpdateOutput, createHandleUpdateSections, createHandleAddNode, createHandleRemoveNode } from './handlers.esm.js';
 import { buildNodesFromModel, stableStringify, resolveNodeHeightForTracking, collectParameterReferences, extractStepsFromNodes, extractParametersFromNodes, extractOutputFromNodes } from './model.esm.js';
 import { alignNodes } from './nodeLayout.esm.js';
 import { nodeTypes, FLOW_LAYOUT, nodeDefaults } from './flowConfig.esm.js';
@@ -23,7 +23,8 @@ function App({
   const {
     ids: scaffolderActionIds,
     inputsById: scaffolderActionInputsById,
-    outputsById: scaffolderActionOutputsById
+    outputsById: scaffolderActionOutputsById,
+    inputRequiredById: scaffolderActionInputRequiredById
   } = scaffolderActionsCache;
   const normalizedParametersProp = parameters ?? void 0;
   const normalizedOutputProp = output ?? null;
@@ -35,7 +36,8 @@ function App({
       {
         scaffolderActionIds,
         scaffolderActionInputsById,
-        scaffolderActionOutputsById
+        scaffolderActionOutputsById,
+        scaffolderActionInputRequiredById
       }
     ),
     [
@@ -44,7 +46,8 @@ function App({
       normalizedOutputProp,
       scaffolderActionIds,
       scaffolderActionInputsById,
-      scaffolderActionOutputsById
+      scaffolderActionOutputsById,
+      scaffolderActionInputRequiredById
     ]
   );
   const [nodes, setNodes] = useNodesState(initialNodes);
@@ -63,12 +66,14 @@ function App({
     () => stableStringify({
       ids: scaffolderActionIds,
       inputs: scaffolderActionInputsById,
-      outputs: scaffolderActionOutputsById
+      outputs: scaffolderActionOutputsById,
+      inputRequired: scaffolderActionInputRequiredById
     }),
     [
       scaffolderActionIds,
       scaffolderActionInputsById,
-      scaffolderActionOutputsById
+      scaffolderActionOutputsById,
+      scaffolderActionInputRequiredById
     ]
   );
   const lastAppliedModelHashRef = useRef(null);
@@ -96,7 +101,8 @@ function App({
       {
         scaffolderActionIds,
         scaffolderActionInputsById,
-        scaffolderActionOutputsById
+        scaffolderActionOutputsById,
+        scaffolderActionInputRequiredById
       }
     );
     lastAppliedModelHashRef.current = modelHash;
@@ -114,6 +120,7 @@ function App({
     scaffolderActionIds,
     scaffolderActionInputsById,
     scaffolderActionOutputsById,
+    scaffolderActionInputRequiredById,
     setNodes,
     setEdges
   ]);
@@ -222,16 +229,25 @@ function App({
       nodeDefaults,
       scaffolderActionIds,
       scaffolderActionInputsById,
+      scaffolderActionInputRequiredById,
       scaffolderActionOutputsById
     }),
     [
       scaffolderActionIds,
       scaffolderActionInputsById,
       scaffolderActionOutputsById,
+      scaffolderActionInputRequiredById,
       setNodes,
       setEdges
     ]
   );
+  const handleRemoveNode = useMemo(
+    () => createHandleRemoveNode(setNodes, setEdges, {
+      fixedXPosition: FIXED_X_POSITION,
+      verticalSpacing: VERTICAL_SPACING
+    }),
+    [setNodes, setEdges]
+  );
   const nodesWithHandlers = useMemo(
     () => nodes.map((node) => {
       const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];
@@ -265,6 +281,7 @@ function App({
         data: {
           ...data,
           onAddNode: handleAddNode,
+          onRemoveNode: handleRemoveNode,
           onUpdateField,
           onUpdateInput,
           onRemoveInputKey,
@@ -275,6 +292,7 @@ function App({
     [
       nodes,
       handleAddNode,
+      handleRemoveNode,
       onUpdateField,
       onUpdateInput,
       onRemoveInputKey,

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

@@ -1 +1 @@
-{"version":3,"file":"DesignerFlow.esm.js","sources":["../../../src/components/DesignerFlow/DesignerFlow.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { MouseEvent as ReactMouseEvent } from \"react\";\nimport {\n  ReactFlow,\n  applyNodeChanges,\n  applyEdgeChanges,\n  addEdge,\n  Node,\n  Edge,\n  NodeChange,\n  EdgeChange,\n  useNodesState,\n  ReactFlowInstance,\n} from \"@xyflow/react\";\nimport \"@xyflow/react/dist/style.css\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type {\n  ActionNodeData,\n  OutputNodeData,\n  ParametersNodeData,\n  TemplateParametersValue,\n} from \"../Nodes/types\";\nimport { createSequentialEdges } from \"../../utils/createSequentialEdges\";\nimport {\n  collectStepOutputReferences,\n  createHandleAddNode,\n  createHandleRemoveInputKey,\n  createHandleReorderAndAlignNodes,\n  createHandleUpdateField,\n  createHandleUpdateInput,\n  createHandleUpdateOutput,\n  createHandleUpdateSections,\n} from \"./handlers\";\nimport {\n  buildNodesFromModel,\n  collectParameterReferences,\n  stableStringify,\n  resolveNodeHeightForTracking,\n  extractStepsFromNodes,\n  extractParametersFromNodes,\n  extractOutputFromNodes,\n} from \"./model\";\nimport { alignNodes } from \"./nodeLayout\";\nimport { FLOW_LAYOUT, nodeDefaults, nodeTypes } from \"./flowConfig\";\nimport { useScaffolderActions } from \"../../api/scaffolderActions\";\n\n// Main orchestration component that renders and synchronizes the Designer flow.\n\nconst FIXED_X_POSITION = FLOW_LAYOUT.fixedXPosition;\nconst VERTICAL_SPACING = FLOW_LAYOUT.verticalSpacing;\n\ntype DesignerFlowProps = {\n  steps?: TaskStep[];\n  parameters?: TemplateParametersValue;\n  output?: ScaffolderTaskOutput | null;\n  onStepsChange?: (steps: TaskStep[]) => void;\n  onParametersChange?: (parameters: TemplateParametersValue) => void;\n  onOutputChange?: (output: ScaffolderTaskOutput | undefined) => void;\n};\n\nexport default function App({\n  steps = [],\n  parameters,\n  output,\n  onStepsChange,\n  onParametersChange,\n  onOutputChange,\n}: DesignerFlowProps) {\n  const scaffolderActionsCache = useScaffolderActions();\n\n  const {\n    ids: scaffolderActionIds,\n    inputsById: scaffolderActionInputsById,\n    outputsById: scaffolderActionOutputsById,\n  } = scaffolderActionsCache;\n\n  const normalizedParametersProp = parameters ?? undefined;\n  const normalizedOutputProp = output ?? null;\n\n  const initialNodes = useMemo(\n    () =>\n      buildNodesFromModel(\n        steps,\n        normalizedParametersProp,\n        normalizedOutputProp,\n        {\n          scaffolderActionIds,\n          scaffolderActionInputsById,\n          scaffolderActionOutputsById,\n        }\n      ),\n    [\n      steps,\n      normalizedParametersProp,\n      normalizedOutputProp,\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n    ]\n  );\n\n  const [nodes, setNodes] = useNodesState(initialNodes);\n  const [edges, setEdges] = useState<Edge[]>(() =>\n    createSequentialEdges(initialNodes)\n  );\n\n  const modelHash = useMemo(\n    () =>\n      stableStringify({\n        steps,\n        parameters: normalizedParametersProp,\n        output: normalizedOutputProp,\n      }),\n    [steps, normalizedParametersProp, normalizedOutputProp]\n  );\n\n  const cacheFingerprint = useMemo(\n    () =>\n      stableStringify({\n        ids: scaffolderActionIds,\n        inputs: scaffolderActionInputsById,\n        outputs: scaffolderActionOutputsById,\n      }),\n    [\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n    ]\n  );\n\n  const lastAppliedModelHashRef = useRef<string | null>(null);\n  const lastEmittedModelHashRef = useRef<string | null>(null);\n  const skipNextModelHashRef = useRef<string | null>(null);\n  const lastCacheFingerprintRef = useRef<string | null>(null);\n  const nodeHeightsRef = useRef<Record<string, number>>({});\n  const shouldAutoFitViewRef = useRef(true);\n\n  useEffect(() => {\n    const isCacheChanged = cacheFingerprint !== lastCacheFingerprintRef.current;\n    const shouldSkip =\n      modelHash === skipNextModelHashRef.current && !isCacheChanged;\n\n    if (shouldSkip) {\n      skipNextModelHashRef.current = null;\n      lastAppliedModelHashRef.current = modelHash;\n      lastCacheFingerprintRef.current = cacheFingerprint;\n      return;\n    }\n\n    if (modelHash === lastAppliedModelHashRef.current && !isCacheChanged) {\n      return;\n    }\n\n    const nextNodes = buildNodesFromModel(\n      steps,\n      normalizedParametersProp,\n      normalizedOutputProp,\n      {\n        scaffolderActionIds,\n        scaffolderActionInputsById,\n        scaffolderActionOutputsById,\n      }\n    );\n\n    lastAppliedModelHashRef.current = modelHash;\n    lastCacheFingerprintRef.current = cacheFingerprint;\n    lastEmittedModelHashRef.current = modelHash;\n\n    setNodes(nextNodes);\n    setEdges(createSequentialEdges(nextNodes));\n    shouldAutoFitViewRef.current = true;\n  }, [\n    steps,\n    normalizedParametersProp,\n    normalizedOutputProp,\n    modelHash,\n    cacheFingerprint,\n    scaffolderActionIds,\n    scaffolderActionInputsById,\n    scaffolderActionOutputsById,\n    setNodes,\n    setEdges,\n  ]);\n\n  useEffect(() => {\n    if (!nodes.length) {\n      return;\n    }\n\n    if (nodes.some((node) => node.dragging)) {\n      return;\n    }\n\n    const activeNodeIds = new Set<string>();\n    let hasMeasuredChange = false;\n\n    nodes.forEach((node) => {\n      activeNodeIds.add(node.id);\n      const measuredHeight = resolveNodeHeightForTracking(node);\n      if (typeof measuredHeight !== \"number\") {\n        return;\n      }\n      const previousHeight = nodeHeightsRef.current[node.id];\n      if (previousHeight !== measuredHeight) {\n        nodeHeightsRef.current[node.id] = measuredHeight;\n        hasMeasuredChange = true;\n      }\n    });\n\n    Object.keys(nodeHeightsRef.current).forEach((id) => {\n      if (!activeNodeIds.has(id)) {\n        delete nodeHeightsRef.current[id];\n      }\n    });\n\n    if (!hasMeasuredChange) {\n      return;\n    }\n\n    setNodes((currentNodes) => {\n      const alignedNodes = alignNodes(\n        currentNodes,\n        FIXED_X_POSITION,\n        VERTICAL_SPACING\n      );\n      const positionsChanged = alignedNodes.some((node, index) => {\n        const previousNode = currentNodes[index];\n        if (!previousNode) {\n          return true;\n        }\n        return (\n          node.position.x !== previousNode.position.x ||\n          node.position.y !== previousNode.position.y\n        );\n      });\n\n      return positionsChanged ? alignedNodes : currentNodes;\n    });\n  }, [nodes, setNodes]);\n\n  const parameterReferences = useMemo(\n    () => collectParameterReferences(normalizedParametersProp),\n    [normalizedParametersProp]\n  );\n\n  const stepOutputReferencesByNode = useMemo(\n    () => collectStepOutputReferences(nodes, parameterReferences),\n    [nodes, parameterReferences]\n  );\n\n  const onNodesChange = useCallback(\n    (changes: NodeChange<Node>[]) =>\n      setNodes((ns) => applyNodeChanges(changes, ns)),\n    [setNodes]\n  );\n\n  const onEdgesChange = useCallback(\n    (changes: EdgeChange<Edge>[]) =>\n      setEdges((es) => applyEdgeChanges(changes, es)),\n    [setEdges]\n  );\n\n  const onConnect = useCallback(\n    (params: any) => setEdges((es) => addEdge(params, es)),\n    [setEdges]\n  );\n\n  const reorderAndAlignNodes = useMemo(\n    () =>\n      createHandleReorderAndAlignNodes(setNodes, setEdges, {\n        fixedXPosition: FIXED_X_POSITION,\n        verticalSpacing: VERTICAL_SPACING,\n      }),\n    [setNodes, setEdges]\n  );\n\n  const onNodeDragStop = useCallback(\n    (_: ReactMouseEvent, node: Node) => {\n      reorderAndAlignNodes(node);\n    },\n    [reorderAndAlignNodes]\n  );\n\n  const onUpdateField = useMemo(\n    () => createHandleUpdateField(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateInput = useMemo(\n    () => createHandleUpdateInput(setNodes),\n    [setNodes]\n  );\n\n  const onRemoveInputKey = useMemo(\n    () => createHandleRemoveInputKey(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateOutput = useMemo(\n    () => createHandleUpdateOutput(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateSections = useMemo(\n    () => createHandleUpdateSections(setNodes),\n    [setNodes]\n  );\n\n  const handleAddNode = useMemo(\n    () =>\n      createHandleAddNode(setNodes, setEdges, {\n        fixedXPosition: FIXED_X_POSITION,\n        verticalSpacing: VERTICAL_SPACING,\n        nodeDefaults,\n        scaffolderActionIds,\n        scaffolderActionInputsById,\n        scaffolderActionOutputsById,\n      }),\n    [\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n      setNodes,\n      setEdges,\n    ]\n  );\n\n  const nodesWithHandlers = useMemo(\n    () =>\n      nodes.map((node) => {\n        const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];\n        if (node.type === \"parametersNode\") {\n          const data = node.data as ParametersNodeData;\n          return {\n            ...node,\n            data: {\n              ...data,\n              onAddNode: handleAddNode,\n              onUpdateSections,\n              stepOutputReferences,\n            },\n          };\n        }\n        if (node.type === \"outputNode\") {\n          const data = node.data as OutputNodeData;\n          return {\n            ...node,\n            data: {\n              ...data,\n              onAddNode: handleAddNode,\n              onUpdateOutput,\n              stepOutputReferences,\n            },\n          };\n        }\n\n        const data = node.data as ActionNodeData;\n        return {\n          ...node,\n          data: {\n            ...data,\n            onAddNode: handleAddNode,\n            onUpdateField,\n            onUpdateInput,\n            onRemoveInputKey,\n            stepOutputReferences,\n          },\n        };\n      }),\n    [\n      nodes,\n      handleAddNode,\n      onUpdateField,\n      onUpdateInput,\n      onRemoveInputKey,\n      onUpdateOutput,\n      onUpdateSections,\n      stepOutputReferencesByNode,\n    ]\n  );\n\n  const stepsFromNodes = useMemo(() => extractStepsFromNodes(nodes), [nodes]);\n\n  const parametersFromNodes = useMemo(\n    () => extractParametersFromNodes(nodes),\n    [nodes]\n  );\n\n  const outputFromNodes = useMemo(() => extractOutputFromNodes(nodes), [nodes]);\n\n  const normalizedOutputFromNodes = outputFromNodes ?? null;\n\n  useEffect(() => {\n    if (!onStepsChange && !onParametersChange && !onOutputChange) {\n      return;\n    }\n    const serialized = stableStringify({\n      steps: stepsFromNodes,\n      parameters: parametersFromNodes ?? null,\n      output: normalizedOutputFromNodes,\n    });\n    if (serialized === lastEmittedModelHashRef.current) {\n      return;\n    }\n    lastEmittedModelHashRef.current = serialized;\n    skipNextModelHashRef.current = serialized;\n    if (onStepsChange) {\n      onStepsChange(stepsFromNodes);\n    }\n    if (onParametersChange) {\n      onParametersChange(parametersFromNodes ?? undefined);\n    }\n    if (onOutputChange) {\n      onOutputChange(outputFromNodes);\n    }\n  }, [\n    stepsFromNodes,\n    parametersFromNodes,\n    normalizedOutputFromNodes,\n    outputFromNodes,\n    onStepsChange,\n    onParametersChange,\n    onOutputChange,\n  ]);\n\n  const fitViewOptions = useMemo(() => ({ padding: 0.2, duration: 300 }), []);\n  const [reactFlowInstance, setReactFlowInstance] =\n    useState<ReactFlowInstance | null>(null);\n\n  const fitFlowToView = useCallback(() => {\n    if (!reactFlowInstance) {\n      return;\n    }\n    reactFlowInstance.fitView(fitViewOptions);\n  }, [fitViewOptions, reactFlowInstance]);\n\n  useEffect(() => {\n    if (!reactFlowInstance) {\n      return;\n    }\n    if (!shouldAutoFitViewRef.current) {\n      return;\n    }\n    shouldAutoFitViewRef.current = false;\n    fitFlowToView();\n  }, [fitFlowToView, nodes, edges, reactFlowInstance]);\n\n  useEffect(() => {\n    if (!reactFlowInstance) {\n      return undefined;\n    }\n    window.addEventListener(\"resize\", fitFlowToView);\n    return () => {\n      window.removeEventListener(\"resize\", fitFlowToView);\n    };\n  }, [fitFlowToView, reactFlowInstance]);\n\n  return (\n    <div style={{ width: \"100%\", height: \"100%\", minHeight: \"70vh\" }}>\n      <ReactFlow\n        nodes={nodesWithHandlers}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        onNodesChange={onNodesChange}\n        onEdgesChange={onEdgesChange}\n        onNodeDragStop={onNodeDragStop}\n        onConnect={onConnect}\n        fitView\n        onInit={setReactFlowInstance}\n        fitViewOptions={fitViewOptions}\n      />\n    </div>\n  );\n}\n"],"names":["data"],"mappings":"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"}
+{"version":3,"file":"DesignerFlow.esm.js","sources":["../../../src/components/DesignerFlow/DesignerFlow.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { MouseEvent as ReactMouseEvent } from \"react\";\nimport {\n  ReactFlow,\n  applyNodeChanges,\n  applyEdgeChanges,\n  addEdge,\n  Node,\n  Edge,\n  NodeChange,\n  EdgeChange,\n  useNodesState,\n  ReactFlowInstance,\n} from \"@xyflow/react\";\nimport \"@xyflow/react/dist/style.css\";\nimport type {\n  ScaffolderTaskOutput,\n  TaskStep,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type {\n  ActionNodeData,\n  OutputNodeData,\n  ParametersNodeData,\n  TemplateParametersValue,\n} from \"../Nodes/types\";\nimport { createSequentialEdges } from \"../../utils/createSequentialEdges\";\nimport {\n  collectStepOutputReferences,\n  createHandleAddNode,\n  createHandleRemoveNode,\n  createHandleRemoveInputKey,\n  createHandleReorderAndAlignNodes,\n  createHandleUpdateField,\n  createHandleUpdateInput,\n  createHandleUpdateOutput,\n  createHandleUpdateSections,\n} from \"./handlers\";\nimport {\n  buildNodesFromModel,\n  collectParameterReferences,\n  stableStringify,\n  resolveNodeHeightForTracking,\n  extractStepsFromNodes,\n  extractParametersFromNodes,\n  extractOutputFromNodes,\n} from \"./model\";\nimport { alignNodes } from \"./nodeLayout\";\nimport { FLOW_LAYOUT, nodeDefaults, nodeTypes } from \"./flowConfig\";\nimport { useScaffolderActions } from \"../../api/scaffolderActions\";\n\n// Main orchestration component that renders and synchronizes the Designer flow.\n\nconst FIXED_X_POSITION = FLOW_LAYOUT.fixedXPosition;\nconst VERTICAL_SPACING = FLOW_LAYOUT.verticalSpacing;\n\ntype DesignerFlowProps = {\n  steps?: TaskStep[];\n  parameters?: TemplateParametersValue;\n  output?: ScaffolderTaskOutput | null;\n  onStepsChange?: (steps: TaskStep[]) => void;\n  onParametersChange?: (parameters: TemplateParametersValue) => void;\n  onOutputChange?: (output: ScaffolderTaskOutput | undefined) => void;\n};\n\nexport default function App({\n  steps = [],\n  parameters,\n  output,\n  onStepsChange,\n  onParametersChange,\n  onOutputChange,\n}: DesignerFlowProps) {\n  const scaffolderActionsCache = useScaffolderActions();\n\n  const {\n    ids: scaffolderActionIds,\n    inputsById: scaffolderActionInputsById,\n    outputsById: scaffolderActionOutputsById,\n    inputRequiredById: scaffolderActionInputRequiredById,\n  } = scaffolderActionsCache;\n\n  const normalizedParametersProp = parameters ?? undefined;\n  const normalizedOutputProp = output ?? null;\n\n  const initialNodes = useMemo(\n    () =>\n      buildNodesFromModel(\n        steps,\n        normalizedParametersProp,\n        normalizedOutputProp,\n        {\n          scaffolderActionIds,\n          scaffolderActionInputsById,\n          scaffolderActionOutputsById,\n          scaffolderActionInputRequiredById,\n        }\n      ),\n    [\n      steps,\n      normalizedParametersProp,\n      normalizedOutputProp,\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n      scaffolderActionInputRequiredById,\n    ]\n  );\n\n  const [nodes, setNodes] = useNodesState(initialNodes);\n  const [edges, setEdges] = useState<Edge[]>(() =>\n    createSequentialEdges(initialNodes)\n  );\n\n  const modelHash = useMemo(\n    () =>\n      stableStringify({\n        steps,\n        parameters: normalizedParametersProp,\n        output: normalizedOutputProp,\n      }),\n    [steps, normalizedParametersProp, normalizedOutputProp]\n  );\n\n  const cacheFingerprint = useMemo(\n    () =>\n      stableStringify({\n        ids: scaffolderActionIds,\n        inputs: scaffolderActionInputsById,\n        outputs: scaffolderActionOutputsById,\n        inputRequired: scaffolderActionInputRequiredById,\n      }),\n    [\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n      scaffolderActionInputRequiredById,\n    ]\n  );\n\n  const lastAppliedModelHashRef = useRef<string | null>(null);\n  const lastEmittedModelHashRef = useRef<string | null>(null);\n  const skipNextModelHashRef = useRef<string | null>(null);\n  const lastCacheFingerprintRef = useRef<string | null>(null);\n  const nodeHeightsRef = useRef<Record<string, number>>({});\n  const shouldAutoFitViewRef = useRef(true);\n\n  useEffect(() => {\n    const isCacheChanged = cacheFingerprint !== lastCacheFingerprintRef.current;\n    const shouldSkip =\n      modelHash === skipNextModelHashRef.current && !isCacheChanged;\n\n    if (shouldSkip) {\n      skipNextModelHashRef.current = null;\n      lastAppliedModelHashRef.current = modelHash;\n      lastCacheFingerprintRef.current = cacheFingerprint;\n      return;\n    }\n\n    if (modelHash === lastAppliedModelHashRef.current && !isCacheChanged) {\n      return;\n    }\n\n    const nextNodes = buildNodesFromModel(\n      steps,\n      normalizedParametersProp,\n      normalizedOutputProp,\n      {\n        scaffolderActionIds,\n        scaffolderActionInputsById,\n        scaffolderActionOutputsById,\n        scaffolderActionInputRequiredById,\n      }\n    );\n\n    lastAppliedModelHashRef.current = modelHash;\n    lastCacheFingerprintRef.current = cacheFingerprint;\n    lastEmittedModelHashRef.current = modelHash;\n\n    setNodes(nextNodes);\n    setEdges(createSequentialEdges(nextNodes));\n    shouldAutoFitViewRef.current = true;\n  }, [\n    steps,\n    normalizedParametersProp,\n    normalizedOutputProp,\n    modelHash,\n    cacheFingerprint,\n    scaffolderActionIds,\n    scaffolderActionInputsById,\n    scaffolderActionOutputsById,\n    scaffolderActionInputRequiredById,\n    setNodes,\n    setEdges,\n  ]);\n\n  useEffect(() => {\n    if (!nodes.length) {\n      return;\n    }\n\n    if (nodes.some((node) => node.dragging)) {\n      return;\n    }\n\n    const activeNodeIds = new Set<string>();\n    let hasMeasuredChange = false;\n\n    nodes.forEach((node) => {\n      activeNodeIds.add(node.id);\n      const measuredHeight = resolveNodeHeightForTracking(node);\n      if (typeof measuredHeight !== \"number\") {\n        return;\n      }\n      const previousHeight = nodeHeightsRef.current[node.id];\n      if (previousHeight !== measuredHeight) {\n        nodeHeightsRef.current[node.id] = measuredHeight;\n        hasMeasuredChange = true;\n      }\n    });\n\n    Object.keys(nodeHeightsRef.current).forEach((id) => {\n      if (!activeNodeIds.has(id)) {\n        delete nodeHeightsRef.current[id];\n      }\n    });\n\n    if (!hasMeasuredChange) {\n      return;\n    }\n\n    setNodes((currentNodes) => {\n      const alignedNodes = alignNodes(\n        currentNodes,\n        FIXED_X_POSITION,\n        VERTICAL_SPACING\n      );\n      const positionsChanged = alignedNodes.some((node, index) => {\n        const previousNode = currentNodes[index];\n        if (!previousNode) {\n          return true;\n        }\n        return (\n          node.position.x !== previousNode.position.x ||\n          node.position.y !== previousNode.position.y\n        );\n      });\n\n      return positionsChanged ? alignedNodes : currentNodes;\n    });\n  }, [nodes, setNodes]);\n\n  const parameterReferences = useMemo(\n    () => collectParameterReferences(normalizedParametersProp),\n    [normalizedParametersProp]\n  );\n\n  const stepOutputReferencesByNode = useMemo(\n    () => collectStepOutputReferences(nodes, parameterReferences),\n    [nodes, parameterReferences]\n  );\n\n  const onNodesChange = useCallback(\n    (changes: NodeChange<Node>[]) =>\n      setNodes((ns) => applyNodeChanges(changes, ns)),\n    [setNodes]\n  );\n\n  const onEdgesChange = useCallback(\n    (changes: EdgeChange<Edge>[]) =>\n      setEdges((es) => applyEdgeChanges(changes, es)),\n    [setEdges]\n  );\n\n  const onConnect = useCallback(\n    (params: any) => setEdges((es) => addEdge(params, es)),\n    [setEdges]\n  );\n\n  const reorderAndAlignNodes = useMemo(\n    () =>\n      createHandleReorderAndAlignNodes(setNodes, setEdges, {\n        fixedXPosition: FIXED_X_POSITION,\n        verticalSpacing: VERTICAL_SPACING,\n      }),\n    [setNodes, setEdges]\n  );\n\n  const onNodeDragStop = useCallback(\n    (_: ReactMouseEvent, node: Node) => {\n      reorderAndAlignNodes(node);\n    },\n    [reorderAndAlignNodes]\n  );\n\n  const onUpdateField = useMemo(\n    () => createHandleUpdateField(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateInput = useMemo(\n    () => createHandleUpdateInput(setNodes),\n    [setNodes]\n  );\n\n  const onRemoveInputKey = useMemo(\n    () => createHandleRemoveInputKey(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateOutput = useMemo(\n    () => createHandleUpdateOutput(setNodes),\n    [setNodes]\n  );\n\n  const onUpdateSections = useMemo(\n    () => createHandleUpdateSections(setNodes),\n    [setNodes]\n  );\n\n  const handleAddNode = useMemo(\n    () =>\n      createHandleAddNode(setNodes, setEdges, {\n        fixedXPosition: FIXED_X_POSITION,\n        verticalSpacing: VERTICAL_SPACING,\n        nodeDefaults,\n        scaffolderActionIds,\n        scaffolderActionInputsById,\n        scaffolderActionInputRequiredById,\n        scaffolderActionOutputsById,\n      }),\n    [\n      scaffolderActionIds,\n      scaffolderActionInputsById,\n      scaffolderActionOutputsById,\n      scaffolderActionInputRequiredById,\n      setNodes,\n      setEdges,\n    ]\n  );\n\n  const handleRemoveNode = useMemo(\n    () =>\n      createHandleRemoveNode(setNodes, setEdges, {\n        fixedXPosition: FIXED_X_POSITION,\n        verticalSpacing: VERTICAL_SPACING,\n      }),\n    [setNodes, setEdges]\n  );\n\n  const nodesWithHandlers = useMemo(\n    () =>\n      nodes.map((node) => {\n        const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];\n        if (node.type === \"parametersNode\") {\n          const data = node.data as ParametersNodeData;\n          return {\n            ...node,\n            data: {\n              ...data,\n              onAddNode: handleAddNode,\n              onUpdateSections,\n              stepOutputReferences,\n            },\n          };\n        }\n        if (node.type === \"outputNode\") {\n          const data = node.data as OutputNodeData;\n          return {\n            ...node,\n            data: {\n              ...data,\n              onAddNode: handleAddNode,\n              onUpdateOutput,\n              stepOutputReferences,\n            },\n          };\n        }\n\n        const data = node.data as ActionNodeData;\n        return {\n          ...node,\n          data: {\n            ...data,\n            onAddNode: handleAddNode,\n            onRemoveNode: handleRemoveNode,\n            onUpdateField,\n            onUpdateInput,\n            onRemoveInputKey,\n            stepOutputReferences,\n          },\n        };\n      }),\n    [\n      nodes,\n      handleAddNode,\n      handleRemoveNode,\n      onUpdateField,\n      onUpdateInput,\n      onRemoveInputKey,\n      onUpdateOutput,\n      onUpdateSections,\n      stepOutputReferencesByNode,\n    ]\n  );\n\n  const stepsFromNodes = useMemo(() => extractStepsFromNodes(nodes), [nodes]);\n\n  const parametersFromNodes = useMemo(\n    () => extractParametersFromNodes(nodes),\n    [nodes]\n  );\n\n  const outputFromNodes = useMemo(() => extractOutputFromNodes(nodes), [nodes]);\n\n  const normalizedOutputFromNodes = outputFromNodes ?? null;\n\n  useEffect(() => {\n    if (!onStepsChange && !onParametersChange && !onOutputChange) {\n      return;\n    }\n    const serialized = stableStringify({\n      steps: stepsFromNodes,\n      parameters: parametersFromNodes ?? null,\n      output: normalizedOutputFromNodes,\n    });\n    if (serialized === lastEmittedModelHashRef.current) {\n      return;\n    }\n    lastEmittedModelHashRef.current = serialized;\n    skipNextModelHashRef.current = serialized;\n    if (onStepsChange) {\n      onStepsChange(stepsFromNodes);\n    }\n    if (onParametersChange) {\n      onParametersChange(parametersFromNodes ?? undefined);\n    }\n    if (onOutputChange) {\n      onOutputChange(outputFromNodes);\n    }\n  }, [\n    stepsFromNodes,\n    parametersFromNodes,\n    normalizedOutputFromNodes,\n    outputFromNodes,\n    onStepsChange,\n    onParametersChange,\n    onOutputChange,\n  ]);\n\n  const fitViewOptions = useMemo(() => ({ padding: 0.2, duration: 300 }), []);\n  const [reactFlowInstance, setReactFlowInstance] =\n    useState<ReactFlowInstance | null>(null);\n\n  const fitFlowToView = useCallback(() => {\n    if (!reactFlowInstance) {\n      return;\n    }\n    reactFlowInstance.fitView(fitViewOptions);\n  }, [fitViewOptions, reactFlowInstance]);\n\n  useEffect(() => {\n    if (!reactFlowInstance) {\n      return;\n    }\n    if (!shouldAutoFitViewRef.current) {\n      return;\n    }\n    shouldAutoFitViewRef.current = false;\n    fitFlowToView();\n  }, [fitFlowToView, nodes, edges, reactFlowInstance]);\n\n  useEffect(() => {\n    if (!reactFlowInstance) {\n      return undefined;\n    }\n    window.addEventListener(\"resize\", fitFlowToView);\n    return () => {\n      window.removeEventListener(\"resize\", fitFlowToView);\n    };\n  }, [fitFlowToView, reactFlowInstance]);\n\n  return (\n    <div style={{ width: \"100%\", height: \"100%\", minHeight: \"70vh\" }}>\n      <ReactFlow\n        nodes={nodesWithHandlers}\n        edges={edges}\n        nodeTypes={nodeTypes}\n        onNodesChange={onNodesChange}\n        onEdgesChange={onEdgesChange}\n        onNodeDragStop={onNodeDragStop}\n        onConnect={onConnect}\n        fitView\n        onInit={setReactFlowInstance}\n        fitViewOptions={fitViewOptions}\n      />\n    </div>\n  );\n}\n"],"names":["data"],"mappings":";;;;;;;;;;;AAoDA,MAAM,mBAAmB,WAAA,CAAY,cAAA;AACrC,MAAM,mBAAmB,WAAA,CAAY,eAAA;AAWrC,SAAwB,GAAA,CAAI;AAAA,EAC1B,QAAQ,EAAC;AAAA,EACT,UAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,yBAAyB,oBAAA,EAAqB;AAEpD,EAAA,MAAM;AAAA,IACJ,GAAA,EAAK,mBAAA;AAAA,IACL,UAAA,EAAY,0BAAA;AAAA,IACZ,WAAA,EAAa,2BAAA;AAAA,IACb,iBAAA,EAAmB;AAAA,GACrB,GAAI,sBAAA;AAEJ,EAAA,MAAM,2BAA2B,UAAA,IAAc,MAAA;AAC/C,EAAA,MAAM,uBAAuB,MAAA,IAAU,IAAA;AAEvC,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,MACE,mBAAA;AAAA,MACE,KAAA;AAAA,MACA,wBAAA;AAAA,MACA,oBAAA;AAAA,MACA;AAAA,QACE,mBAAA;AAAA,QACA,0BAAA;AAAA,QACA,2BAAA;AAAA,QACA;AAAA;AACF,KACF;AAAA,IACF;AAAA,MACE,KAAA;AAAA,MACA,wBAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,0BAAA;AAAA,MACA,2BAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,cAAc,YAAY,CAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAA;AAAA,IAAiB,MACzC,sBAAsB,YAAY;AAAA,GACpC;AAEA,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,eAAA,CAAgB;AAAA,MACd,KAAA;AAAA,MACA,UAAA,EAAY,wBAAA;AAAA,MACZ,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,IACH,CAAC,KAAA,EAAO,wBAAA,EAA0B,oBAAoB;AAAA,GACxD;AAEA,EAAA,MAAM,gBAAA,GAAmB,OAAA;AAAA,IACvB,MACE,eAAA,CAAgB;AAAA,MACd,GAAA,EAAK,mBAAA;AAAA,MACL,MAAA,EAAQ,0BAAA;AAAA,MACR,OAAA,EAAS,2BAAA;AAAA,MACT,aAAA,EAAe;AAAA,KAChB,CAAA;AAAA,IACH;AAAA,MACE,mBAAA;AAAA,MACA,0BAAA;AAAA,MACA,2BAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,uBAAA,GAA0B,OAAsB,IAAI,CAAA;AAC1D,EAAA,MAAM,uBAAA,GAA0B,OAAsB,IAAI,CAAA;AAC1D,EAAA,MAAM,oBAAA,GAAuB,OAAsB,IAAI,CAAA;AACvD,EAAA,MAAM,uBAAA,GAA0B,OAAsB,IAAI,CAAA;AAC1D,EAAA,MAAM,cAAA,GAAiB,MAAA,CAA+B,EAAE,CAAA;AACxD,EAAA,MAAM,oBAAA,GAAuB,OAAO,IAAI,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,cAAA,GAAiB,qBAAqB,uBAAA,CAAwB,OAAA;AACpE,IAAA,MAAM,UAAA,GACJ,SAAA,KAAc,oBAAA,CAAqB,OAAA,IAAW,CAAC,cAAA;AAEjD,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,oBAAA,CAAqB,OAAA,GAAU,IAAA;AAC/B,MAAA,uBAAA,CAAwB,OAAA,GAAU,SAAA;AAClC,MAAA,uBAAA,CAAwB,OAAA,GAAU,gBAAA;AAClC,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,SAAA,KAAc,uBAAA,CAAwB,OAAA,IAAW,CAAC,cAAA,EAAgB;AACpE,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,SAAA,GAAY,mBAAA;AAAA,MAChB,KAAA;AAAA,MACA,wBAAA;AAAA,MACA,oBAAA;AAAA,MACA;AAAA,QACE,mBAAA;AAAA,QACA,0BAAA;AAAA,QACA,2BAAA;AAAA,QACA;AAAA;AACF,KACF;AAEA,IAAA,uBAAA,CAAwB,OAAA,GAAU,SAAA;AAClC,IAAA,uBAAA,CAAwB,OAAA,GAAU,gBAAA;AAClC,IAAA,uBAAA,CAAwB,OAAA,GAAU,SAAA;AAElC,IAAA,QAAA,CAAS,SAAS,CAAA;AAClB,IAAA,QAAA,CAAS,qBAAA,CAAsB,SAAS,CAAC,CAAA;AACzC,IAAA,oBAAA,CAAqB,OAAA,GAAU,IAAA;AAAA,EACjC,CAAA,EAAG;AAAA,IACD,KAAA;AAAA,IACA,wBAAA;AAAA,IACA,oBAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,0BAAA;AAAA,IACA,2BAAA;AAAA,IACA,iCAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACjB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,MAAM,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,CAAK,QAAQ,CAAA,EAAG;AACvC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAA,uBAAoB,GAAA,EAAY;AACtC,IAAA,IAAI,iBAAA,GAAoB,KAAA;AAExB,IAAA,KAAA,CAAM,OAAA,CAAQ,CAAC,IAAA,KAAS;AACtB,MAAA,aAAA,CAAc,GAAA,CAAI,KAAK,EAAE,CAAA;AACzB,MAAA,MAAM,cAAA,GAAiB,6BAA6B,IAAI,CAAA;AACxD,MAAA,IAAI,OAAO,mBAAmB,QAAA,EAAU;AACtC,QAAA;AAAA,MACF;AACA,MAAA,MAAM,cAAA,GAAiB,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA;AACrD,MAAA,IAAI,mBAAmB,cAAA,EAAgB;AACrC,QAAA,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA,GAAI,cAAA;AAClC,QAAA,iBAAA,GAAoB,IAAA;AAAA,MACtB;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAA,CAAO,KAAK,cAAA,CAAe,OAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClD,MAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,EAAE,CAAA,EAAG;AAC1B,QAAA,OAAO,cAAA,CAAe,QAAQ,EAAE,CAAA;AAAA,MAClC;AAAA,IACF,CAAC,CAAA;AAED,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,QAAA,CAAS,CAAC,YAAA,KAAiB;AACzB,MAAA,MAAM,YAAA,GAAe,UAAA;AAAA,QACnB,YAAA;AAAA,QACA,gBAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,MAAM,gBAAA,GAAmB,YAAA,CAAa,IAAA,CAAK,CAAC,MAAM,KAAA,KAAU;AAC1D,QAAA,MAAM,YAAA,GAAe,aAAa,KAAK,CAAA;AACvC,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,OAAO,IAAA;AAAA,QACT;AACA,QAAA,OACE,IAAA,CAAK,QAAA,CAAS,CAAA,KAAM,YAAA,CAAa,QAAA,CAAS,KAC1C,IAAA,CAAK,QAAA,CAAS,CAAA,KAAM,YAAA,CAAa,QAAA,CAAS,CAAA;AAAA,MAE9C,CAAC,CAAA;AAED,MAAA,OAAO,mBAAmB,YAAA,GAAe,YAAA;AAAA,IAC3C,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,mBAAA,GAAsB,OAAA;AAAA,IAC1B,MAAM,2BAA2B,wBAAwB,CAAA;AAAA,IACzD,CAAC,wBAAwB;AAAA,GAC3B;AAEA,EAAA,MAAM,0BAAA,GAA6B,OAAA;AAAA,IACjC,MAAM,2BAAA,CAA4B,KAAA,EAAO,mBAAmB,CAAA;AAAA,IAC5D,CAAC,OAAO,mBAAmB;AAAA,GAC7B;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,YACC,QAAA,CAAS,CAAC,OAAO,gBAAA,CAAiB,OAAA,EAAS,EAAE,CAAC,CAAA;AAAA,IAChD,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,YACC,QAAA,CAAS,CAAC,OAAO,gBAAA,CAAiB,OAAA,EAAS,EAAE,CAAC,CAAA;AAAA,IAChD,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,SAAA,GAAY,WAAA;AAAA,IAChB,CAAC,WAAgB,QAAA,CAAS,CAAC,OAAO,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAC,CAAA;AAAA,IACrD,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,oBAAA,GAAuB,OAAA;AAAA,IAC3B,MACE,gCAAA,CAAiC,QAAA,EAAU,QAAA,EAAU;AAAA,MACnD,cAAA,EAAgB,gBAAA;AAAA,MAChB,eAAA,EAAiB;AAAA,KAClB,CAAA;AAAA,IACH,CAAC,UAAU,QAAQ;AAAA,GACrB;AAEA,EAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,IACrB,CAAC,GAAoB,IAAA,KAAe;AAClC,MAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,IAC3B,CAAA;AAAA,IACA,CAAC,oBAAoB;AAAA,GACvB;AAEA,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,wBAAwB,QAAQ,CAAA;AAAA,IACtC,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,wBAAwB,QAAQ,CAAA;AAAA,IACtC,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,gBAAA,GAAmB,OAAA;AAAA,IACvB,MAAM,2BAA2B,QAAQ,CAAA;AAAA,IACzC,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,cAAA,GAAiB,OAAA;AAAA,IACrB,MAAM,yBAAyB,QAAQ,CAAA;AAAA,IACvC,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,gBAAA,GAAmB,OAAA;AAAA,IACvB,MAAM,2BAA2B,QAAQ,CAAA;AAAA,IACzC,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MACE,mBAAA,CAAoB,QAAA,EAAU,QAAA,EAAU;AAAA,MACtC,cAAA,EAAgB,gBAAA;AAAA,MAChB,eAAA,EAAiB,gBAAA;AAAA,MACjB,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,0BAAA;AAAA,MACA,iCAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACH;AAAA,MACE,mBAAA;AAAA,MACA,0BAAA;AAAA,MACA,2BAAA;AAAA,MACA,iCAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,gBAAA,GAAmB,OAAA;AAAA,IACvB,MACE,sBAAA,CAAuB,QAAA,EAAU,QAAA,EAAU;AAAA,MACzC,cAAA,EAAgB,gBAAA;AAAA,MAChB,eAAA,EAAiB;AAAA,KAClB,CAAA;AAAA,IACH,CAAC,UAAU,QAAQ;AAAA,GACrB;AAEA,EAAA,MAAM,iBAAA,GAAoB,OAAA;AAAA,IACxB,MACE,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AAClB,MAAA,MAAM,oBAAA,GAAuB,0BAAA,CAA2B,IAAA,CAAK,EAAE,KAAK,EAAC;AACrE,MAAA,IAAI,IAAA,CAAK,SAAS,gBAAA,EAAkB;AAClC,QAAA,MAAMA,QAAO,IAAA,CAAK,IAAA;AAClB,QAAA,OAAO;AAAA,UACL,GAAG,IAAA;AAAA,UACH,IAAA,EAAM;AAAA,YACJ,GAAGA,KAAAA;AAAA,YACH,SAAA,EAAW,aAAA;AAAA,YACX,gBAAA;AAAA,YACA;AAAA;AACF,SACF;AAAA,MACF;AACA,MAAA,IAAI,IAAA,CAAK,SAAS,YAAA,EAAc;AAC9B,QAAA,MAAMA,QAAO,IAAA,CAAK,IAAA;AAClB,QAAA,OAAO;AAAA,UACL,GAAG,IAAA;AAAA,UACH,IAAA,EAAM;AAAA,YACJ,GAAGA,KAAAA;AAAA,YACH,SAAA,EAAW,aAAA;AAAA,YACX,cAAA;AAAA,YACA;AAAA;AACF,SACF;AAAA,MACF;AAEA,MAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,MAAA,OAAO;AAAA,QACL,GAAG,IAAA;AAAA,QACH,IAAA,EAAM;AAAA,UACJ,GAAG,IAAA;AAAA,UACH,SAAA,EAAW,aAAA;AAAA,UACX,YAAA,EAAc,gBAAA;AAAA,UACd,aAAA;AAAA,UACA,aAAA;AAAA,UACA,gBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,IACF,CAAC,CAAA;AAAA,IACH;AAAA,MACE,KAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM,qBAAA,CAAsB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAE1E,EAAA,MAAM,mBAAA,GAAsB,OAAA;AAAA,IAC1B,MAAM,2BAA2B,KAAK,CAAA;AAAA,IACtC,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAM,sBAAA,CAAuB,KAAK,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAE5E,EAAA,MAAM,4BAA4B,eAAA,IAAmB,IAAA;AAErD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,kBAAA,IAAsB,CAAC,cAAA,EAAgB;AAC5D,MAAA;AAAA,IACF;AACA,IAAA,MAAM,aAAa,eAAA,CAAgB;AAAA,MACjC,KAAA,EAAO,cAAA;AAAA,MACP,YAAY,mBAAA,IAAuB,IAAA;AAAA,MACnC,MAAA,EAAQ;AAAA,KACT,CAAA;AACD,IAAA,IAAI,UAAA,KAAe,wBAAwB,OAAA,EAAS;AAClD,MAAA;AAAA,IACF;AACA,IAAA,uBAAA,CAAwB,OAAA,GAAU,UAAA;AAClC,IAAA,oBAAA,CAAqB,OAAA,GAAU,UAAA;AAC/B,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,aAAA,CAAc,cAAc,CAAA;AAAA,IAC9B;AACA,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,kBAAA,CAAmB,uBAAuB,MAAS,CAAA;AAAA,IACrD;AACA,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,cAAA,CAAe,eAAe,CAAA;AAAA,IAChC;AAAA,EACF,CAAA,EAAG;AAAA,IACD,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,yBAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,OAAA,CAAQ,OAAO,EAAE,OAAA,EAAS,KAAK,QAAA,EAAU,GAAA,EAAI,CAAA,EAAI,EAAE,CAAA;AAC1E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAC5C,SAAmC,IAAI,CAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA;AAAA,IACF;AACA,IAAA,iBAAA,CAAkB,QAAQ,cAAc,CAAA;AAAA,EAC1C,CAAA,EAAG,CAAC,cAAA,EAAgB,iBAAiB,CAAC,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,qBAAqB,OAAA,EAAS;AACjC,MAAA;AAAA,IACF;AACA,IAAA,oBAAA,CAAqB,OAAA,GAAU,KAAA;AAC/B,IAAA,aAAA,EAAc;AAAA,EAChB,GAAG,CAAC,aAAA,EAAe,KAAA,EAAO,KAAA,EAAO,iBAAiB,CAAC,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAA,EAAmB;AACtB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAC/C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,aAAa,CAAA;AAAA,IACpD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAA,EAAe,iBAAiB,CAAC,CAAA;AAErC,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,QAAQ,MAAA,EAAQ,MAAA,EAAQ,SAAA,EAAW,MAAA,EAAO,EAC7D,QAAA,kBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,iBAAA;AAAA,MACP,KAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,oBAAA;AAAA,MACR;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

package/dist/components/DesignerFlow/handlers.esm.js

@@ -10,6 +10,7 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
     nodeDefaults,
     scaffolderActionIds,
     scaffolderActionInputsById,
+    scaffolderActionInputRequiredById,
     scaffolderActionOutputsById
   } = options;
   return (config) => {
@@ -49,6 +50,7 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
             sections: [],
             scaffolderActionIds,
             scaffolderActionInputsById,
+            scaffolderActionInputRequiredById,
             scaffolderActionOutputsById
           },
           ...nodeDefaults
@@ -70,6 +72,7 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
             output: initialOutput,
             scaffolderActionIds,
             scaffolderActionInputsById,
+            scaffolderActionInputRequiredById,
             scaffolderActionOutputsById
           },
           ...nodeDefaults
@@ -112,6 +115,7 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
           step: newStep,
           scaffolderActionIds,
           scaffolderActionInputsById,
+          scaffolderActionInputRequiredById,
           scaffolderActionOutputsById
         },
         ...nodeDefaults
@@ -125,6 +129,25 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
     });
   };
 };
+const createHandleRemoveNode = (setNodes, setEdges, options) => {
+  const { fixedXPosition, verticalSpacing } = options;
+  return (rfId) => {
+    setNodes((nodes) => {
+      const targetNode = nodes.find((node) => node.id === rfId);
+      if (!targetNode || targetNode.type !== "actionNode") {
+        return nodes;
+      }
+      const remainingNodes = nodes.filter((node) => node.id !== rfId);
+      const alignedNodes = alignNodes(
+        remainingNodes,
+        fixedXPosition,
+        verticalSpacing
+      );
+      setEdges(createSequentialEdges(alignedNodes));
+      return alignedNodes;
+    });
+  };
+};
 const createHandleRemoveInputKey = (setNodes) => {
   return (rfId, key) => {
     setNodes(
@@ -284,5 +307,5 @@ const createHandleUpdateSections = (setNodes) => {
   };
 };
 
-export { collectStepOutputReferences, createHandleAddNode, createHandleRemoveInputKey, createHandleReorderAndAlignNodes, createHandleUpdateField, createHandleUpdateInput, createHandleUpdateOutput, createHandleUpdateSections };
+export { collectStepOutputReferences, createHandleAddNode, createHandleRemoveInputKey, createHandleRemoveNode, createHandleReorderAndAlignNodes, createHandleUpdateField, createHandleUpdateInput, createHandleUpdateOutput, createHandleUpdateSections };
 //# sourceMappingURL=handlers.esm.js.map