@tduniec/plugin-template-designer 0.1.7

package/README.md

@@ -0,0 +1,120 @@
+# Backstage Template Designer Plugin
+
+**From YAML to Canvas — simplifying Backstage scaffolding**
+
+Empowering the **Democratization of Templates** in Backstage 🚀  
+Visually **design, connect, and manage** your Backstage scaffolder templates through an **intuitive drag-and-drop interface** — all inside your Backstage instance.  
+No YAML complexity. No coding required. Just creativity. **We are breaking the glass!** templating in Backstage made easy! 🚀
+
+---
+
+## 🌟 Why “Democratization of Templates”?
+
+Backstage templates shouldn’t be just for developers.  
+The Template Designer makes **template creation accessible to everyone** — from DevOps engineers to product teams — enabling true **collaboration and transparency** in how your software templates are built and evolve.
+
+---
+
+## 🚀 Features
+
+- ⚡ **Drag & Drop Editing** — visually compose your Backstage scaffolder workflows.
+- 🧩 **Three Node Types**
+  - **Action Node** – represents a single scaffolder action.
+  - **Template Node** – groups multiple actions into a reusable unit.
+  - **Output Node** – defines exported values or pipeline results.
+- 💾 **Work with Files** — open existing template definitions or save your flow as a JSON file directly from the UI.
+- 🔄 **Live Flow Connections** — connect nodes with arrows to define execution order.
+- 💡 **Frontend-Only Plugin** — zero backend setup required.
+
+---
+
+## 🖼️ Preview
+
+Checkout the video!
+
+[▶ Watch the PREVIEW on YouTube](https://youtu.be/Pwzlzvig4-c)
+
+## ⚙️ Installation
+
+From your Backstage root directory
+
+```bash
+yarn add --cwd packages/app @your-org/plugin-template-designer
+```
+
+In packages/app/src/App.tsx:
+
+```tsx
+import { TemplateDesignerPage } from "@your-org/plugin-template-designer";
+
+const routes = (
+  <FlatRoutes>
+    {/* other routes */}
+    <Route path="/template-designer" element={<TemplateDesignerPage />} />
+  </FlatRoutes>
+);
+```
+
+In `packages/app/src/components/Root/Root.tsx`:
+
+```tsx
+import DesignServicesIcon from "@mui/icons-material/DesignServices";
+import { SidebarItem } from "@backstage/core-components";
+
+<SidebarItem
+  icon={DesignServicesIcon}
+  to="template-designer"
+  text="Template Designer"
+/>;
+```
+
+## ⚙️ Usage
+
+Visit your local Backstage instance:
+
+http://localhost:7007/template-designer
+
+Create and connect nodes, adjust properties, and export your flow as a JSON file.
+You can also open an existing template file, modify it visually, and save your changes.
+
+## 💾 File Management
+
+Template Designer allows you to easily work with your Backstage scaffolder definitions:
+Open a template file (.json) – load an existing flow directly into the canvas.
+Edit visually – move nodes, adjust connections, rename actions.
+Save – export your template back to a .json file ready for scaffolder integration.
+
+_Template Designer can read your registered actions!_
+
+## 🧠 Tech Stack
+
+- React + TypeScript
+- React Flow
+- Backstage Core Components
+
+## 🛠️ Development
+
+To run locally during development:
+
+```bash
+yarn start
+```
+
+This runs a local Backstage app with hot reload support for your plugin.
+
+## ❤️ Contributing
+
+Template Designer is still fresh out of the oven, so rough edges and open questions are expected—and that’s part of the fun.  
+If you spot a bug, have an idea, or simply want to riff on better tooling for templates, please open an issue or PR.
+
+Help us push forward the Democratization of Templates in Backstage!
+Ideas, feedback, and PRs are all welcome.
+
+## 📄 License
+
+Apache-2.0 © 2025 — Created by [tduniec](https://github.com/tduniec)
+
+## 🌐 Roadmap
+
+TODO -> please help me gather your **[feedback](https://forms.gle/wqBtpNA3SrDoofgM8)** first!
+Take 2 minutes to fill up the **[survey](https://forms.gle/wqBtpNA3SrDoofgM8)**!

package/dist/api/scaffolderActions.esm.js

@@ -0,0 +1,42 @@
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { scaffolderApiRef } from '@backstage/plugin-scaffolder-react';
+
+const buildCache = (list) => {
+  const { inputsById, outputsById } = list.reduce(
+    (acc, action) => {
+      acc.inputsById[action.id] = action.schema?.input?.properties ?? {};
+      acc.outputsById[action.id] = action.schema?.output?.properties ?? {};
+      return acc;
+    },
+    { inputsById: {}, outputsById: {} }
+  );
+  return {
+    ids: list.map((action) => action.id),
+    inputsById,
+    outputsById
+  };
+};
+const useScaffolderActions = () => {
+  const scaffolderApi = useApi(scaffolderApiRef);
+  const [cache, setCache] = useState(
+    () => buildCache([])
+  );
+  useEffect(() => {
+    let cancelled = false;
+    scaffolderApi.listActions().then((remoteActions) => {
+      if (cancelled) {
+        return;
+      }
+      setCache(buildCache(remoteActions));
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [scaffolderApi]);
+  return cache;
+};
+
+export { useScaffolderActions };
+//# sourceMappingURL=scaffolderActions.esm.js.map

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

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

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

@@ -0,0 +1,370 @@
+import { jsx } from 'react/jsx-runtime';
+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 { 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';
+import { useScaffolderActions } from '../../api/scaffolderActions.esm.js';
+
+const FIXED_X_POSITION = FLOW_LAYOUT.fixedXPosition;
+const VERTICAL_SPACING = FLOW_LAYOUT.verticalSpacing;
+function App({
+  steps = [],
+  parameters,
+  output,
+  onStepsChange,
+  onParametersChange,
+  onOutputChange
+}) {
+  const scaffolderActionsCache = useScaffolderActions();
+  const {
+    ids: scaffolderActionIds,
+    inputsById: scaffolderActionInputsById,
+    outputsById: scaffolderActionOutputsById
+  } = scaffolderActionsCache;
+  const normalizedParametersProp = parameters ?? void 0;
+  const normalizedOutputProp = output ?? null;
+  const initialNodes = useMemo(
+    () => buildNodesFromModel(
+      steps,
+      normalizedParametersProp,
+      normalizedOutputProp,
+      {
+        scaffolderActionIds,
+        scaffolderActionInputsById,
+        scaffolderActionOutputsById
+      }
+    ),
+    [
+      steps,
+      normalizedParametersProp,
+      normalizedOutputProp,
+      scaffolderActionIds,
+      scaffolderActionInputsById,
+      scaffolderActionOutputsById
+    ]
+  );
+  const [nodes, setNodes] = useNodesState(initialNodes);
+  const [edges, setEdges] = useState(
+    () => createSequentialEdges(initialNodes)
+  );
+  const modelHash = useMemo(
+    () => stableStringify({
+      steps,
+      parameters: normalizedParametersProp,
+      output: normalizedOutputProp
+    }),
+    [steps, normalizedParametersProp, normalizedOutputProp]
+  );
+  const cacheFingerprint = useMemo(
+    () => stableStringify({
+      ids: scaffolderActionIds,
+      inputs: scaffolderActionInputsById,
+      outputs: scaffolderActionOutputsById
+    }),
+    [
+      scaffolderActionIds,
+      scaffolderActionInputsById,
+      scaffolderActionOutputsById
+    ]
+  );
+  const lastAppliedModelHashRef = useRef(null);
+  const lastEmittedModelHashRef = useRef(null);
+  const skipNextModelHashRef = useRef(null);
+  const lastCacheFingerprintRef = useRef(null);
+  const nodeHeightsRef = useRef({});
+  const shouldAutoFitViewRef = useRef(true);
+  useEffect(() => {
+    const isCacheChanged = cacheFingerprint !== lastCacheFingerprintRef.current;
+    const shouldSkip = modelHash === skipNextModelHashRef.current && !isCacheChanged;
+    if (shouldSkip) {
+      skipNextModelHashRef.current = null;
+      lastAppliedModelHashRef.current = modelHash;
+      lastCacheFingerprintRef.current = cacheFingerprint;
+      return;
+    }
+    if (modelHash === lastAppliedModelHashRef.current && !isCacheChanged) {
+      return;
+    }
+    const nextNodes = buildNodesFromModel(
+      steps,
+      normalizedParametersProp,
+      normalizedOutputProp,
+      {
+        scaffolderActionIds,
+        scaffolderActionInputsById,
+        scaffolderActionOutputsById
+      }
+    );
+    lastAppliedModelHashRef.current = modelHash;
+    lastCacheFingerprintRef.current = cacheFingerprint;
+    lastEmittedModelHashRef.current = modelHash;
+    setNodes(nextNodes);
+    setEdges(createSequentialEdges(nextNodes));
+    shouldAutoFitViewRef.current = true;
+  }, [
+    steps,
+    normalizedParametersProp,
+    normalizedOutputProp,
+    modelHash,
+    cacheFingerprint,
+    scaffolderActionIds,
+    scaffolderActionInputsById,
+    scaffolderActionOutputsById,
+    setNodes,
+    setEdges
+  ]);
+  useEffect(() => {
+    if (!nodes.length) {
+      return;
+    }
+    if (nodes.some((node) => node.dragging)) {
+      return;
+    }
+    const activeNodeIds = /* @__PURE__ */ new Set();
+    let hasMeasuredChange = false;
+    nodes.forEach((node) => {
+      activeNodeIds.add(node.id);
+      const measuredHeight = resolveNodeHeightForTracking(node);
+      if (typeof measuredHeight !== "number") {
+        return;
+      }
+      const previousHeight = nodeHeightsRef.current[node.id];
+      if (previousHeight !== measuredHeight) {
+        nodeHeightsRef.current[node.id] = measuredHeight;
+        hasMeasuredChange = true;
+      }
+    });
+    Object.keys(nodeHeightsRef.current).forEach((id) => {
+      if (!activeNodeIds.has(id)) {
+        delete nodeHeightsRef.current[id];
+      }
+    });
+    if (!hasMeasuredChange) {
+      return;
+    }
+    setNodes((currentNodes) => {
+      const alignedNodes = alignNodes(
+        currentNodes,
+        FIXED_X_POSITION,
+        VERTICAL_SPACING
+      );
+      const positionsChanged = alignedNodes.some((node, index) => {
+        const previousNode = currentNodes[index];
+        if (!previousNode) {
+          return true;
+        }
+        return node.position.x !== previousNode.position.x || node.position.y !== previousNode.position.y;
+      });
+      return positionsChanged ? alignedNodes : currentNodes;
+    });
+  }, [nodes, setNodes]);
+  const parameterReferences = useMemo(
+    () => collectParameterReferences(normalizedParametersProp),
+    [normalizedParametersProp]
+  );
+  const stepOutputReferencesByNode = useMemo(
+    () => collectStepOutputReferences(nodes, parameterReferences),
+    [nodes, parameterReferences]
+  );
+  const onNodesChange = useCallback(
+    (changes) => setNodes((ns) => applyNodeChanges(changes, ns)),
+    [setNodes]
+  );
+  const onEdgesChange = useCallback(
+    (changes) => setEdges((es) => applyEdgeChanges(changes, es)),
+    [setEdges]
+  );
+  const onConnect = useCallback(
+    (params) => setEdges((es) => addEdge(params, es)),
+    [setEdges]
+  );
+  const reorderAndAlignNodes = useMemo(
+    () => createHandleReorderAndAlignNodes(setNodes, setEdges, {
+      fixedXPosition: FIXED_X_POSITION,
+      verticalSpacing: VERTICAL_SPACING
+    }),
+    [setNodes, setEdges]
+  );
+  const onNodeDragStop = useCallback(
+    (_, node) => {
+      reorderAndAlignNodes(node);
+    },
+    [reorderAndAlignNodes]
+  );
+  const onUpdateField = useMemo(
+    () => createHandleUpdateField(setNodes),
+    [setNodes]
+  );
+  const onUpdateInput = useMemo(
+    () => createHandleUpdateInput(setNodes),
+    [setNodes]
+  );
+  const onRemoveInputKey = useMemo(
+    () => createHandleRemoveInputKey(setNodes),
+    [setNodes]
+  );
+  const onUpdateOutput = useMemo(
+    () => createHandleUpdateOutput(setNodes),
+    [setNodes]
+  );
+  const onUpdateSections = useMemo(
+    () => createHandleUpdateSections(setNodes),
+    [setNodes]
+  );
+  const handleAddNode = useMemo(
+    () => createHandleAddNode(setNodes, setEdges, {
+      fixedXPosition: FIXED_X_POSITION,
+      verticalSpacing: VERTICAL_SPACING,
+      nodeDefaults,
+      scaffolderActionIds,
+      scaffolderActionInputsById,
+      scaffolderActionOutputsById
+    }),
+    [
+      scaffolderActionIds,
+      scaffolderActionInputsById,
+      scaffolderActionOutputsById,
+      setNodes,
+      setEdges
+    ]
+  );
+  const nodesWithHandlers = useMemo(
+    () => nodes.map((node) => {
+      const stepOutputReferences = stepOutputReferencesByNode[node.id] ?? [];
+      if (node.type === "parametersNode") {
+        const data2 = node.data;
+        return {
+          ...node,
+          data: {
+            ...data2,
+            onAddNode: handleAddNode,
+            onUpdateSections,
+            stepOutputReferences
+          }
+        };
+      }
+      if (node.type === "outputNode") {
+        const data2 = node.data;
+        return {
+          ...node,
+          data: {
+            ...data2,
+            onAddNode: handleAddNode,
+            onUpdateOutput,
+            stepOutputReferences
+          }
+        };
+      }
+      const data = node.data;
+      return {
+        ...node,
+        data: {
+          ...data,
+          onAddNode: handleAddNode,
+          onUpdateField,
+          onUpdateInput,
+          onRemoveInputKey,
+          stepOutputReferences
+        }
+      };
+    }),
+    [
+      nodes,
+      handleAddNode,
+      onUpdateField,
+      onUpdateInput,
+      onRemoveInputKey,
+      onUpdateOutput,
+      onUpdateSections,
+      stepOutputReferencesByNode
+    ]
+  );
+  const stepsFromNodes = useMemo(() => extractStepsFromNodes(nodes), [nodes]);
+  const parametersFromNodes = useMemo(
+    () => extractParametersFromNodes(nodes),
+    [nodes]
+  );
+  const outputFromNodes = useMemo(() => extractOutputFromNodes(nodes), [nodes]);
+  const normalizedOutputFromNodes = outputFromNodes ?? null;
+  useEffect(() => {
+    if (!onStepsChange && !onParametersChange && !onOutputChange) {
+      return;
+    }
+    const serialized = stableStringify({
+      steps: stepsFromNodes,
+      parameters: parametersFromNodes ?? null,
+      output: normalizedOutputFromNodes
+    });
+    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);
+    }
+  }, [
+    stepsFromNodes,
+    parametersFromNodes,
+    normalizedOutputFromNodes,
+    outputFromNodes,
+    onStepsChange,
+    onParametersChange,
+    onOutputChange
+  ]);
+  const fitViewOptions = useMemo(() => ({ padding: 0.2, duration: 300 }), []);
+  const [reactFlowInstance, setReactFlowInstance] = useState(null);
+  const fitFlowToView = useCallback(() => {
+    if (!reactFlowInstance) {
+      return;
+    }
+    reactFlowInstance.fitView(fitViewOptions);
+  }, [fitViewOptions, reactFlowInstance]);
+  useEffect(() => {
+    if (!reactFlowInstance) {
+      return;
+    }
+    if (!shouldAutoFitViewRef.current) {
+      return;
+    }
+    shouldAutoFitViewRef.current = false;
+    fitFlowToView();
+  }, [fitFlowToView, nodes, edges, reactFlowInstance]);
+  useEffect(() => {
+    if (!reactFlowInstance) {
+      return void 0;
+    }
+    window.addEventListener("resize", fitFlowToView);
+    return () => {
+      window.removeEventListener("resize", fitFlowToView);
+    };
+  }, [fitFlowToView, reactFlowInstance]);
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", minHeight: "70vh" }, children: /* @__PURE__ */ jsx(
+    ReactFlow,
+    {
+      nodes: nodesWithHandlers,
+      edges,
+      nodeTypes,
+      onNodesChange,
+      onEdgesChange,
+      onNodeDragStop,
+      onConnect,
+      fitView: true,
+      onInit: setReactFlowInstance,
+      fitViewOptions
+    }
+  ) });
+}
+
+export { App as default };
+//# sourceMappingURL=DesignerFlow.esm.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { Position } from '@xyflow/react';
+import { ActionNode } from '../Nodes/ActionNode.esm.js';
+import { ParametersNode } from '../Nodes/ParametersNode.esm.js';
+import { OutputNode } from '../Nodes/OutputNode.esm.js';
+
+const FLOW_LAYOUT = {
+  verticalSpacing: 400,
+  fixedXPosition: 100
+};
+const nodeTypes = {
+  parametersNode: ParametersNode,
+  actionNode: ActionNode,
+  outputNode: OutputNode
+};
+const nodeDefaults = {
+  sourcePosition: Position.Bottom,
+  targetPosition: Position.Top
+};
+
+export { FLOW_LAYOUT, nodeDefaults, nodeTypes };
+//# sourceMappingURL=flowConfig.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowConfig.esm.js","sources":["../../../src/components/DesignerFlow/flowConfig.ts"],"sourcesContent":["import { Position } from \"@xyflow/react\";\nimport { ActionNode } from \"../Nodes/ActionNode\";\nimport { ParametersNode } from \"../Nodes/ParametersNode\";\nimport { OutputNode } from \"../Nodes/OutputNode\";\n\n// Centralized flow layout + node type definitions consumed across DesignerFlow.\n\nexport const FLOW_LAYOUT = {\n  verticalSpacing: 400,\n  fixedXPosition: 100,\n} as const;\n\nexport const nodeTypes = {\n  parametersNode: ParametersNode,\n  actionNode: ActionNode,\n  outputNode: OutputNode,\n};\n\nexport const nodeDefaults = {\n  sourcePosition: Position.Bottom,\n  targetPosition: Position.Top,\n};\n"],"names":[],"mappings":";;;;;AAOO,MAAM,WAAA,GAAc;AAAA,EACzB,eAAA,EAAiB,GAAA;AAAA,EACjB,cAAA,EAAgB;AAClB;AAEO,MAAM,SAAA,GAAY;AAAA,EACvB,cAAA,EAAgB,cAAA;AAAA,EAChB,UAAA,EAAY,UAAA;AAAA,EACZ,UAAA,EAAY;AACd;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,gBAAgB,QAAA,CAAS,MAAA;AAAA,EACzB,gBAAgB,QAAA,CAAS;AAC3B;;;;"}