@tduniec/plugin-template-designer 0.3.0 → 0.3.2

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -58,11 +58,11 @@ const routes = (
 In `packages/app/src/components/Root/Root.tsx`:
 
 ```tsx
-import DesignServicesIcon from "@mui/icons-material/DesignServices";
 import { SidebarItem } from "@backstage/core-components";
+import { TemplateDesignerIcon } from "@tduniec/plugin-template-designer";
 
 <SidebarItem
-  icon={DesignServicesIcon}
+  icon={TemplateDesignerIcon}
   to="template-designer"
   text="Template Designer"
 />;

package/dist/alpha.esm.js

@@ -1,13 +1,13 @@
 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';
+import { TemplateDesignerIcon } from './components/TemplateDesignerIcon.esm.js';
 
 const templateDesignerNavItem = NavItemBlueprint.make({
   params: {
     title: "Template designer",
     routeRef: rootRouteRef,
-    icon: BorderColorIcon
+    icon: TemplateDesignerIcon
   }
 });
 const templateDesignerPage = PageBlueprint.make({

package/dist/alpha.esm.js.map

@@ -1 +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;;;;"}
+{"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 { TemplateDesignerIcon } from \"./components/TemplateDesignerIcon\";\n\nconst templateDesignerNavItem = NavItemBlueprint.make({\n  params: {\n    title: \"Template designer\",\n    routeRef: rootRouteRef,\n    icon: TemplateDesignerIcon,\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/components/DesignerFlow/DesignerFlow.esm.js

@@ -82,6 +82,10 @@ function App({
   const lastCacheFingerprintRef = useRef(null);
   const nodeHeightsRef = useRef({});
   const shouldAutoFitViewRef = useRef(true);
+  const emitDebounceRef = useRef(null);
+  const isDraggingRef = useRef(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const emitAfterDragRef = useRef(false);
   useEffect(() => {
     const isCacheChanged = cacheFingerprint !== lastCacheFingerprintRef.current;
     const shouldSkip = modelHash === skipNextModelHashRef.current && !isCacheChanged;
@@ -178,7 +182,21 @@ function App({
     [nodes, parameterReferences]
   );
   const onNodesChange = useCallback(
-    (changes) => setNodes((ns) => applyNodeChanges(changes, ns)),
+    (changes) => setNodes((ns) => {
+      if (changes.some(
+        (change) => change.type === "position" && change.dragging
+      )) {
+        isDraggingRef.current = true;
+        setIsDragging(true);
+      } else if (changes.some(
+        (change) => change.type === "position" && change.dragging === false
+      )) {
+        const stillDragging = ns.some((node) => node.dragging);
+        isDraggingRef.current = stillDragging;
+        setIsDragging(stillDragging);
+      }
+      return applyNodeChanges(changes, ns);
+    }),
     [setNodes]
   );
   const onEdgesChange = useCallback(
@@ -198,6 +216,8 @@ function App({
   );
   const onNodeDragStop = useCallback(
     (_, node) => {
+      isDraggingRef.current = false;
+      setIsDragging(false);
       reorderAndAlignNodes(node);
     },
     [reorderAndAlignNodes]
@@ -248,59 +268,55 @@ function App({
     }),
     [setNodes, setEdges]
   );
-  const nodesWithHandlers = useMemo(
-    () => nodes.map((node) => {
+  const nodesWithHandlers = useMemo(() => {
+    if (!nodes.length) {
+      return nodes;
+    }
+    return nodes.map((node) => {
       const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];
       if (node.type === "parametersNode") {
         const data2 = node.data;
-        return {
-          ...node,
-          data: {
-            ...data2,
-            onAddNode: handleAddNode,
-            onUpdateSections,
-            stepOutputReferences
-          }
+        const nextData2 = data2.onAddNode === handleAddNode && data2.onUpdateSections === onUpdateSections && data2.stepOutputReferences === stepOutputReferences ? data2 : {
+          ...data2,
+          onAddNode: handleAddNode,
+          onUpdateSections,
+          stepOutputReferences
         };
+        return data2 === nextData2 ? node : { ...node, data: nextData2 };
       }
       if (node.type === "outputNode") {
         const data2 = node.data;
-        return {
-          ...node,
-          data: {
-            ...data2,
-            onAddNode: handleAddNode,
-            onUpdateOutput,
-            stepOutputReferences
-          }
+        const nextData2 = data2.onAddNode === handleAddNode && data2.onUpdateOutput === onUpdateOutput && data2.stepOutputReferences === stepOutputReferences ? data2 : {
+          ...data2,
+          onAddNode: handleAddNode,
+          onUpdateOutput,
+          stepOutputReferences
         };
+        return data2 === nextData2 ? node : { ...node, data: nextData2 };
       }
       const data = node.data;
-      return {
-        ...node,
-        data: {
-          ...data,
-          onAddNode: handleAddNode,
-          onRemoveNode: handleRemoveNode,
-          onUpdateField,
-          onUpdateInput,
-          onRemoveInputKey,
-          stepOutputReferences
-        }
+      const nextData = data.onAddNode === handleAddNode && data.onRemoveNode === handleRemoveNode && data.onUpdateField === onUpdateField && data.onUpdateInput === onUpdateInput && data.onRemoveInputKey === onRemoveInputKey && data.stepOutputReferences === stepOutputReferences ? data : {
+        ...data,
+        onAddNode: handleAddNode,
+        onRemoveNode: handleRemoveNode,
+        onUpdateField,
+        onUpdateInput,
+        onRemoveInputKey,
+        stepOutputReferences
       };
-    }),
-    [
-      nodes,
-      handleAddNode,
-      handleRemoveNode,
-      onUpdateField,
-      onUpdateInput,
-      onRemoveInputKey,
-      onUpdateOutput,
-      onUpdateSections,
-      stepOutputReferencesByNode
-    ]
-  );
+      return data === nextData ? node : { ...node, data: nextData };
+    });
+  }, [
+    nodes,
+    handleAddNode,
+    handleRemoveNode,
+    onUpdateField,
+    onUpdateInput,
+    onRemoveInputKey,
+    onUpdateOutput,
+    onUpdateSections,
+    stepOutputReferencesByNode
+  ]);
   const stepsFromNodes = useMemo(() => extractStepsFromNodes(nodes), [nodes]);
   const parametersFromNodes = useMemo(
     () => extractParametersFromNodes(nodes),
@@ -312,6 +328,10 @@ function App({
     if (!onStepsChange && !onParametersChange && !onOutputChange) {
       return;
     }
+    if (isDragging) {
+      emitAfterDragRef.current = true;
+      return;
+    }
     const serialized = stableStringify({
       steps: stepsFromNodes,
       parameters: parametersFromNodes ?? null,
@@ -320,17 +340,22 @@ function App({
     if (serialized === lastEmittedModelHashRef.current) {
       return;
     }
-    lastEmittedModelHashRef.current = serialized;
-    skipNextModelHashRef.current = serialized;
-    if (onStepsChange) {
-      onStepsChange(stepsFromNodes);
-    }
-    if (onParametersChange) {
-      onParametersChange(parametersFromNodes ?? void 0);
-    }
-    if (onOutputChange) {
-      onOutputChange(outputFromNodes);
+    if (emitDebounceRef.current) {
+      clearTimeout(emitDebounceRef.current);
     }
+    emitDebounceRef.current = setTimeout(() => {
+      lastEmittedModelHashRef.current = serialized;
+      skipNextModelHashRef.current = serialized;
+      if (onStepsChange) {
+        onStepsChange(stepsFromNodes);
+      }
+      if (onParametersChange) {
+        onParametersChange(parametersFromNodes ?? void 0);
+      }
+      if (onOutputChange) {
+        onOutputChange(outputFromNodes);
+      }
+    }, 120);
   }, [
     stepsFromNodes,
     parametersFromNodes,
@@ -338,8 +363,17 @@ function App({
     outputFromNodes,
     onStepsChange,
     onParametersChange,
-    onOutputChange
+    onOutputChange,
+    isDragging
   ]);
+  useEffect(
+    () => () => {
+      if (emitDebounceRef.current) {
+        clearTimeout(emitDebounceRef.current);
+      }
+    },
+    []
+  );
   const fitViewOptions = useMemo(() => ({ padding: 0.2, duration: 300 }), []);
   const [reactFlowInstance, setReactFlowInstance] = useState(null);
   const fitFlowToView = useCallback(() => {
@@ -367,6 +401,15 @@ function App({
       window.removeEventListener("resize", fitFlowToView);
     };
   }, [fitFlowToView, reactFlowInstance]);
+  useEffect(() => {
+    if (!isDragging) {
+      if (emitAfterDragRef.current) {
+        emitAfterDragRef.current = false;
+        lastEmittedModelHashRef.current = null;
+      }
+      lastEmittedModelHashRef.current = null;
+    }
+  }, [isDragging]);
   return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", minHeight: "70vh" }, children: /* @__PURE__ */ jsx(
     ReactFlow,
     {

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  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":"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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  const emitDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isDraggingRef = useRef(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const emitAfterDragRef = useRef(false);\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) => {\n        if (\n          changes.some(\n            (change) => change.type === \"position\" && change.dragging\n          )\n        ) {\n          isDraggingRef.current = true;\n          setIsDragging(true);\n        } else if (\n          changes.some(\n            (change) => change.type === \"position\" && change.dragging === false\n          )\n        ) {\n          const stillDragging = ns.some((node) => node.dragging);\n          isDraggingRef.current = stillDragging;\n          setIsDragging(stillDragging);\n        }\n        return applyNodeChanges(changes, ns);\n      }),\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      isDraggingRef.current = false;\n      setIsDragging(false);\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    if (!nodes.length) {\n      return nodes;\n    }\n    return nodes.map((node) => {\n      const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];\n      if (node.type === \"parametersNode\") {\n        const data = node.data as ParametersNodeData;\n        const nextData =\n          data.onAddNode === handleAddNode &&\n          data.onUpdateSections === onUpdateSections &&\n          data.stepOutputReferences === stepOutputReferences\n            ? data\n            : {\n                ...data,\n                onAddNode: handleAddNode,\n                onUpdateSections,\n                stepOutputReferences,\n              };\n        return data === nextData ? node : { ...node, data: nextData };\n      }\n      if (node.type === \"outputNode\") {\n        const data = node.data as OutputNodeData;\n        const nextData =\n          data.onAddNode === handleAddNode &&\n          data.onUpdateOutput === onUpdateOutput &&\n          data.stepOutputReferences === stepOutputReferences\n            ? data\n            : {\n                ...data,\n                onAddNode: handleAddNode,\n                onUpdateOutput,\n                stepOutputReferences,\n              };\n        return data === nextData ? node : { ...node, data: nextData };\n      }\n\n      const data = node.data as ActionNodeData;\n      const nextData =\n        data.onAddNode === handleAddNode &&\n        data.onRemoveNode === handleRemoveNode &&\n        data.onUpdateField === onUpdateField &&\n        data.onUpdateInput === onUpdateInput &&\n        data.onRemoveInputKey === onRemoveInputKey &&\n        data.stepOutputReferences === stepOutputReferences\n          ? data\n          : {\n              ...data,\n              onAddNode: handleAddNode,\n              onRemoveNode: handleRemoveNode,\n              onUpdateField,\n              onUpdateInput,\n              onRemoveInputKey,\n              stepOutputReferences,\n            };\n      return data === nextData ? node : { ...node, data: nextData };\n    });\n  }, [\n    nodes,\n    handleAddNode,\n    handleRemoveNode,\n    onUpdateField,\n    onUpdateInput,\n    onRemoveInputKey,\n    onUpdateOutput,\n    onUpdateSections,\n    stepOutputReferencesByNode,\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    if (isDragging) {\n      emitAfterDragRef.current = true;\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    if (emitDebounceRef.current) {\n      clearTimeout(emitDebounceRef.current);\n    }\n    emitDebounceRef.current = setTimeout(() => {\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    }, 120);\n  }, [\n    stepsFromNodes,\n    parametersFromNodes,\n    normalizedOutputFromNodes,\n    outputFromNodes,\n    onStepsChange,\n    onParametersChange,\n    onOutputChange,\n    isDragging,\n  ]);\n\n  useEffect(\n    () => () => {\n      if (emitDebounceRef.current) {\n        clearTimeout(emitDebounceRef.current);\n      }\n    },\n    []\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  useEffect(() => {\n    if (!isDragging) {\n      if (emitAfterDragRef.current) {\n        emitAfterDragRef.current = false;\n        lastEmittedModelHashRef.current = null;\n      }\n      // Trigger emit cycle after drag ends so external state is up to date.\n      lastEmittedModelHashRef.current = null;\n    }\n  }, [isDragging]);\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","nextData"],"mappings":"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"}

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

@@ -3,6 +3,17 @@ import { normalizeParametersToSections, sanitizeSections, sectionsToParametersVa
 import { alignNodes } from './nodeLayout.esm.js';
 
 const orderNodes = (parameterNodes, actionNodes, outputNodes) => [...parameterNodes, ...actionNodes, ...outputNodes];
+const setSequentialEdgesIfChanged = (setEdges, alignedNodes) => {
+  setEdges((prevEdges) => {
+    const nextEdges = createSequentialEdges(alignedNodes);
+    if (prevEdges.length === nextEdges.length && prevEdges.every(
+      (edge, index) => edge.source === nextEdges[index]?.source && edge.target === nextEdges[index]?.target
+    )) {
+      return prevEdges;
+    }
+    return nextEdges;
+  });
+};
 const createHandleAddNode = (setNodes, setEdges, options) => {
   const {
     fixedXPosition,
@@ -29,7 +40,7 @@ const createHandleAddNode = (setNodes, setEdges, options) => {
       const composeAndAlign = (nextParameters, nextActions, nextOutputs) => {
         const ordered = orderNodes(nextParameters, nextActions, nextOutputs);
         const aligned = alignNodes(ordered, fixedXPosition, verticalSpacing);
-        setEdges(createSequentialEdges(aligned));
+        setSequentialEdgesIfChanged(setEdges, aligned);
         return aligned;
       };
       if (nodeType === "parametersNode") {
@@ -143,7 +154,7 @@ const createHandleRemoveNode = (setNodes, setEdges, options) => {
         fixedXPosition,
         verticalSpacing
       );
-      setEdges(createSequentialEdges(alignedNodes));
+      setSequentialEdgesIfChanged(setEdges, alignedNodes);
       return alignedNodes;
     });
   };
@@ -179,7 +190,7 @@ const createHandleReorderAndAlignNodes = (setNodes, setEdges, options) => {
       const outputNodes = updatedNodes.filter((node) => node.type === "outputNode").sort((a, b) => a.position.y - b.position.y);
       const ordered = orderNodes(parameterNodes, actionNodes, outputNodes);
       const aligned = alignNodes(ordered, fixedXPosition, verticalSpacing);
-      setEdges(createSequentialEdges(aligned));
+      setSequentialEdgesIfChanged(setEdges, aligned);
       return aligned;
     });
   };