@uipath/apollo-react 4.13.0-pr556.ddd6fa1 → 4.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs +7 -26
  2. package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
  3. package/dist/canvas/components/AddNodePanel/AddNodeManager.js +7 -26
  4. package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +41 -0
  5. package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +3 -0
  6. package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -0
  7. package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +7 -0
  8. package/dist/canvas/components/AddNodePanel/index.cjs +6 -2
  9. package/dist/canvas/components/AddNodePanel/index.d.ts +1 -0
  10. package/dist/canvas/components/AddNodePanel/index.d.ts.map +1 -1
  11. package/dist/canvas/components/AddNodePanel/index.js +2 -1
  12. package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
  13. package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
  14. package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -8
  15. package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
  16. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  17. package/dist/canvas/components/BaseNode/BaseNode.js +3 -5
  18. package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +34 -115
  19. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +2 -4
  20. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
  21. package/dist/canvas/components/ButtonHandle/ButtonHandle.js +36 -117
  22. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +1 -48
  23. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -4
  24. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
  25. package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +1 -36
  26. package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +1 -1
  27. package/dist/canvas/components/ButtonHandle/SmartHandle.js +1 -1
  28. package/dist/canvas/components/Edges/SequenceEdge.cjs +2 -3
  29. package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -11
  30. package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
  31. package/dist/canvas/components/Edges/SequenceEdge.js +3 -4
  32. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +15 -23
  33. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +0 -2
  34. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
  35. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +16 -24
  36. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +8 -11
  37. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
  38. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +8 -11
  39. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +25 -34
  40. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts +1 -2
  41. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
  42. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +26 -35
  43. package/dist/canvas/components/index.cjs +20 -27
  44. package/dist/canvas/components/index.d.ts +0 -1
  45. package/dist/canvas/components/index.d.ts.map +1 -1
  46. package/dist/canvas/components/index.js +0 -1
  47. package/dist/canvas/constants.cjs +0 -8
  48. package/dist/canvas/constants.d.ts +0 -2
  49. package/dist/canvas/constants.d.ts.map +1 -1
  50. package/dist/canvas/constants.js +1 -3
  51. package/dist/canvas/core/NodeTypeRegistry.cjs +23 -39
  52. package/dist/canvas/core/NodeTypeRegistry.d.ts +4 -8
  53. package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
  54. package/dist/canvas/core/NodeTypeRegistry.js +23 -39
  55. package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -4
  56. package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -1
  57. package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
  58. package/dist/canvas/core/useNodeTypeRegistry.js +3 -4
  59. package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +3 -10
  60. package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
  61. package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +3 -10
  62. package/dist/canvas/hooks/usePreviewNode.cjs +2 -4
  63. package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
  64. package/dist/canvas/hooks/usePreviewNode.js +2 -4
  65. package/dist/canvas/schema/node-definition/handle.cjs +2 -10
  66. package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
  67. package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
  68. package/dist/canvas/schema/node-definition/handle.js +1 -6
  69. package/dist/canvas/schema/node-definition/index.cjs +1 -4
  70. package/dist/canvas/schema/node-definition/index.d.ts +3 -3
  71. package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
  72. package/dist/canvas/schema/node-definition/index.js +2 -2
  73. package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
  74. package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
  75. package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
  76. package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
  77. package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
  78. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  79. package/dist/canvas/utils/{createPreviewGraph.cjs → createPreviewNode.cjs} +41 -115
  80. package/dist/canvas/utils/createPreviewNode.d.ts +17 -0
  81. package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -0
  82. package/dist/canvas/utils/{createPreviewGraph.js → createPreviewNode.js} +36 -95
  83. package/dist/canvas/utils/index.cjs +10 -10
  84. package/dist/canvas/utils/index.d.ts +2 -2
  85. package/dist/canvas/utils/index.d.ts.map +1 -1
  86. package/dist/canvas/utils/index.js +2 -2
  87. package/package.json +3 -3
  88. package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -112
  89. package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
  90. package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
  91. package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -78
  92. package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -430
  93. package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -77
  94. package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -12
  95. package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
  96. package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -13
  97. package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
  98. package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
  99. package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -137
  100. package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -26
  101. package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
  102. package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -94
  103. package/dist/canvas/components/LoopNode/LoopNode.js +0 -396
  104. package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
  105. package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -11
  106. package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
  107. package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
  108. package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -61
  109. package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -9
  110. package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
  111. package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -27
  112. package/dist/canvas/components/LoopNode/index.cjs +0 -72
  113. package/dist/canvas/components/LoopNode/index.d.ts +0 -4
  114. package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
  115. package/dist/canvas/components/LoopNode/index.js +0 -3
  116. package/dist/canvas/utils/createPreviewGraph.d.ts +0 -43
  117. package/dist/canvas/utils/createPreviewGraph.d.ts.map +0 -1
@@ -33,8 +33,8 @@ const external_react_namespaceObject = require("react");
33
33
  const index_cjs_namespaceObject = require("../../core/index.cjs");
34
34
  const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
35
35
  const CanvasEventBus_cjs_namespaceObject = require("../../utils/CanvasEventBus.cjs");
36
- const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
37
36
  const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
37
+ const createAddNodePreview_cjs_namespaceObject = require("../AddNodePanel/createAddNodePreview.cjs");
38
38
  const external_HierarchicalCanvas_cjs_namespaceObject = require("./HierarchicalCanvas.cjs");
39
39
  const createDemoCanvases = ()=>{
40
40
  const rootCanvas = {
@@ -332,16 +332,13 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
332
332
  const removeEdge = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectRemoveEdge);
333
333
  const updateNodes = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectUpdateNodes);
334
334
  (0, external_react_namespaceObject.useEffect)(()=>{
335
- const unsubscribe = CanvasEventBus_cjs_namespaceObject.canvasEventBus.on('handle:action', (event)=>{
336
- (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
337
- sourceNodeId: event.nodeId,
338
- sourceHandleId: event.handleId,
339
- reactFlowInstance,
340
- sourceHandleType: 'input' === event.handleType ? 'target' : 'source',
341
- handlePosition: event.position
342
- });
343
- });
344
- return unsubscribe;
335
+ const handleAction = (event)=>{
336
+ if (reactFlowInstance) (0, createAddNodePreview_cjs_namespaceObject.createAddNodePreview)(event.nodeId, event.handleId, reactFlowInstance);
337
+ };
338
+ CanvasEventBus_cjs_namespaceObject.canvasEventBus.on('handle:action', handleAction);
339
+ return ()=>{
340
+ CanvasEventBus_cjs_namespaceObject.canvasEventBus.off('handle:action', handleAction);
341
+ };
345
342
  }, [
346
343
  reactFlowInstance
347
344
  ]);
@@ -1 +1 @@
1
- {"version":3,"file":"HierarchicalCanvasWithControls.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8d/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8BlD,CAAC"}
1
+ {"version":3,"file":"HierarchicalCanvasWithControls.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6d/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8BlD,CAAC"}
@@ -5,8 +5,8 @@ import { useCallback, useEffect, useState } from "react";
5
5
  import { NodeRegistryProvider } from "../../core/index.js";
6
6
  import { selectAddNode, selectCurrentCanvas, selectCurrentPathLength, selectRemoveEdge, selectRemoveNode, selectUpdateNodes, useCanvasStore } from "../../stores/canvasStore.js";
7
7
  import { canvasEventBus } from "../../utils/CanvasEventBus.js";
8
- import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
9
8
  import { CanvasIcon } from "../../utils/icon-registry.js";
9
+ import { createAddNodePreview } from "../AddNodePanel/createAddNodePreview.js";
10
10
  import { HierarchicalCanvas } from "./HierarchicalCanvas.js";
11
11
  const createDemoCanvases = ()=>{
12
12
  const rootCanvas = {
@@ -304,16 +304,13 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
304
304
  const removeEdge = useCanvasStore(selectRemoveEdge);
305
305
  const updateNodes = useCanvasStore(selectUpdateNodes);
306
306
  useEffect(()=>{
307
- const unsubscribe = canvasEventBus.on('handle:action', (event)=>{
308
- showPreviewGraph({
309
- sourceNodeId: event.nodeId,
310
- sourceHandleId: event.handleId,
311
- reactFlowInstance,
312
- sourceHandleType: 'input' === event.handleType ? 'target' : 'source',
313
- handlePosition: event.position
314
- });
315
- });
316
- return unsubscribe;
307
+ const handleAction = (event)=>{
308
+ if (reactFlowInstance) createAddNodePreview(event.nodeId, event.handleId, reactFlowInstance);
309
+ };
310
+ canvasEventBus.on('handle:action', handleAction);
311
+ return ()=>{
312
+ canvasEventBus.off('handle:action', handleAction);
313
+ };
317
314
  }, [
318
315
  reactFlowInstance
319
316
  ]);
@@ -29,10 +29,10 @@ __webpack_require__.d(__webpack_exports__, {
29
29
  const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
30
30
  const external_react_namespaceObject = require("react");
31
31
  const external_constants_cjs_namespaceObject = require("../../../constants.cjs");
32
- const createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
32
+ const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
33
33
  const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
34
34
  const external_useEdgeToolbarPositioning_cjs_namespaceObject = require("./useEdgeToolbarPositioning.cjs");
35
- function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId }) {
35
+ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
36
36
  const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
37
37
  const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
38
38
  const isDesignMode = 'design' === mode;
@@ -43,42 +43,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
43
43
  targetPosition
44
44
  });
45
45
  const handleAddNodeOnEdge = (0, external_react_namespaceObject.useCallback)((position)=>{
46
- const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
47
- const originalEdge = existingEdge ? {
48
- ...existingEdge,
49
- data: parentId ? {
50
- ...existingEdge.data ?? {},
51
- parentId
52
- } : existingEdge.data
53
- } : {
46
+ const originalEdge = {
54
47
  id: edgeId,
55
48
  source,
56
49
  sourceHandle: sourceHandleId,
57
50
  target,
58
51
  targetHandle: targetHandleId,
59
- type: 'default',
60
- data: parentId ? {
61
- parentId
62
- } : void 0
52
+ type: 'default'
63
53
  };
64
- (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
65
- sourceNodeId: source,
66
- sourceHandleId: sourceHandleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
67
- reactFlowInstance: reactFlow,
68
- position,
69
- data: {
70
- originalEdge
71
- },
72
- sourceHandleType: 'source',
73
- handlePosition: sourcePosition,
74
- ignoredNodeTypes: ignoredNodeTypes ?? [],
75
- targetNodeId: target,
76
- targetHandleId,
77
- containerId: parentId,
78
- removedEdgeIds: [
79
- edgeId
80
- ]
81
- });
54
+ const preview = (0, createPreviewNode_cjs_namespaceObject.createPreviewNode)(source, sourceHandleId || 'output', reactFlow, position, {
55
+ originalEdge
56
+ }, 'source', void 0, sourcePosition, ignoredNodeTypes);
57
+ if (!preview) return;
58
+ const secondEdge = {
59
+ id: `${external_constants_cjs_namespaceObject.PREVIEW_NODE_ID}-${target}`,
60
+ source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
61
+ sourceHandle: 'output',
62
+ target,
63
+ targetHandle: targetHandleId,
64
+ type: 'default'
65
+ };
66
+ (0, createPreviewNode_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlow);
67
+ reactFlow.setEdges((edges)=>[
68
+ ...edges.filter((e)=>e.id !== edgeId).map((e)=>({
69
+ ...e,
70
+ selected: false
71
+ })),
72
+ secondEdge
73
+ ]);
82
74
  }, [
83
75
  sourcePosition,
84
76
  source,
@@ -87,8 +79,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
87
79
  target,
88
80
  targetHandleId,
89
81
  edgeId,
90
- ignoredNodeTypes,
91
- parentId
82
+ ignoredNodeTypes
92
83
  ]);
93
84
  const config = (0, external_react_namespaceObject.useMemo)(()=>({
94
85
  actions: [
@@ -11,7 +11,6 @@ export interface UseEdgeToolbarStateProps {
11
11
  sourcePosition: Position;
12
12
  targetPosition: Position;
13
13
  ignoredNodeTypes?: string[];
14
- parentId?: string;
15
14
  }
16
15
  export interface EdgeToolbarState {
17
16
  showToolbar: boolean;
@@ -19,5 +18,5 @@ export interface EdgeToolbarState {
19
18
  config: EdgeToolbarConfig;
20
19
  handleMouseMoveOnPath?: (event: React.MouseEvent) => void;
21
20
  }
22
- export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId, }: UseEdgeToolbarStateProps): EdgeToolbarState;
21
+ export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, }: UseEdgeToolbarStateProps): EdgeToolbarState;
23
22
  //# sourceMappingURL=useEdgeToolbarState.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,EAAE,wBAAwB,GAAG,gBAAgB,CA+F7C"}
1
+ {"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CAoG7C"}
@@ -1,10 +1,10 @@
1
1
  import { useReactFlow } from "../../../xyflow/react.js";
2
2
  import { useCallback, useMemo } from "react";
3
- import { DEFAULT_SOURCE_HANDLE_ID, PREVIEW_NODE_ID } from "../../../constants.js";
4
- import { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
3
+ import { PREVIEW_NODE_ID } from "../../../constants.js";
4
+ import { applyPreviewToReactFlow, createPreviewNode } from "../../../utils/createPreviewNode.js";
5
5
  import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
6
6
  import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
7
- function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId }) {
7
+ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
8
8
  const reactFlow = useReactFlow();
9
9
  const { mode } = useBaseCanvasMode();
10
10
  const isDesignMode = 'design' === mode;
@@ -15,42 +15,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
15
15
  targetPosition
16
16
  });
17
17
  const handleAddNodeOnEdge = useCallback((position)=>{
18
- const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
19
- const originalEdge = existingEdge ? {
20
- ...existingEdge,
21
- data: parentId ? {
22
- ...existingEdge.data ?? {},
23
- parentId
24
- } : existingEdge.data
25
- } : {
18
+ const originalEdge = {
26
19
  id: edgeId,
27
20
  source,
28
21
  sourceHandle: sourceHandleId,
29
22
  target,
30
23
  targetHandle: targetHandleId,
31
- type: 'default',
32
- data: parentId ? {
33
- parentId
34
- } : void 0
24
+ type: 'default'
35
25
  };
36
- showPreviewGraph({
37
- sourceNodeId: source,
38
- sourceHandleId: sourceHandleId ?? DEFAULT_SOURCE_HANDLE_ID,
39
- reactFlowInstance: reactFlow,
40
- position,
41
- data: {
42
- originalEdge
43
- },
44
- sourceHandleType: 'source',
45
- handlePosition: sourcePosition,
46
- ignoredNodeTypes: ignoredNodeTypes ?? [],
47
- targetNodeId: target,
48
- targetHandleId,
49
- containerId: parentId,
50
- removedEdgeIds: [
51
- edgeId
52
- ]
53
- });
26
+ const preview = createPreviewNode(source, sourceHandleId || 'output', reactFlow, position, {
27
+ originalEdge
28
+ }, 'source', void 0, sourcePosition, ignoredNodeTypes);
29
+ if (!preview) return;
30
+ const secondEdge = {
31
+ id: `${PREVIEW_NODE_ID}-${target}`,
32
+ source: PREVIEW_NODE_ID,
33
+ sourceHandle: 'output',
34
+ target,
35
+ targetHandle: targetHandleId,
36
+ type: 'default'
37
+ };
38
+ applyPreviewToReactFlow(preview, reactFlow);
39
+ reactFlow.setEdges((edges)=>[
40
+ ...edges.filter((e)=>e.id !== edgeId).map((e)=>({
41
+ ...e,
42
+ selected: false
43
+ })),
44
+ secondEdge
45
+ ]);
54
46
  }, [
55
47
  sourcePosition,
56
48
  source,
@@ -59,8 +51,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
59
51
  target,
60
52
  targetHandleId,
61
53
  edgeId,
62
- ignoredNodeTypes,
63
- parentId
54
+ ignoredNodeTypes
64
55
  ]);
65
56
  const config = useMemo(()=>({
66
57
  actions: [
@@ -36,9 +36,6 @@ var __webpack_modules__ = {
36
36
  "./HierarchicalCanvas" (module) {
37
37
  module.exports = require("./HierarchicalCanvas/index.cjs");
38
38
  },
39
- "./LoopNode?4ffc" (module) {
40
- module.exports = require("./LoopNode/index.cjs");
41
- },
42
39
  "./MiniCanvasNavigator?564d" (module) {
43
40
  module.exports = require("./MiniCanvasNavigator/index.cjs");
44
41
  },
@@ -161,49 +158,45 @@ var __webpack_exports__ = {};
161
158
  var __rspack_reexport = {};
162
159
  for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_11[__rspack_import_key];
163
160
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
164
- var _LoopNode__rspack_import_12 = __webpack_require__("./LoopNode?4ffc");
165
- var __rspack_reexport = {};
166
- for(const __rspack_import_key in _LoopNode__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_12[__rspack_import_key];
167
- __webpack_require__.d(__webpack_exports__, __rspack_reexport);
168
- var _MiniCanvasNavigator__rspack_import_13 = __webpack_require__("./MiniCanvasNavigator?564d");
161
+ var _MiniCanvasNavigator__rspack_import_12 = __webpack_require__("./MiniCanvasNavigator?564d");
169
162
  var __rspack_reexport = {};
170
- for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_13[__rspack_import_key];
163
+ for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_12[__rspack_import_key];
171
164
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
172
- var _NodeContextMenu__rspack_import_14 = __webpack_require__("./NodeContextMenu");
165
+ var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
173
166
  var __rspack_reexport = {};
174
- for(const __rspack_import_key in _NodeContextMenu__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_14[__rspack_import_key];
167
+ for(const __rspack_import_key in _NodeContextMenu__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_13[__rspack_import_key];
175
168
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
176
- var _NodeInspector__rspack_import_15 = __webpack_require__("./NodeInspector");
169
+ var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
177
170
  var __rspack_reexport = {};
178
- for(const __rspack_import_key in _NodeInspector__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_15[__rspack_import_key];
171
+ for(const __rspack_import_key in _NodeInspector__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_14[__rspack_import_key];
179
172
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
180
- var _NodePropertiesPanel__rspack_import_16 = __webpack_require__("./NodePropertiesPanel?a3e8");
173
+ var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
181
174
  var __rspack_reexport = {};
182
- for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
175
+ for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_15[__rspack_import_key];
183
176
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
184
- var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
177
+ var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
185
178
  var __rspack_reexport = {};
186
- for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
179
+ for(const __rspack_import_key in _StageNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_16[__rspack_import_key];
187
180
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
188
- var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
181
+ var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
189
182
  var __rspack_reexport = {};
190
- for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
183
+ for(const __rspack_import_key in _StickyNoteNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_17[__rspack_import_key];
191
184
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
192
- var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
185
+ var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
193
186
  var __rspack_reexport = {};
194
- for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
187
+ for(const __rspack_import_key in _TaskIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_18[__rspack_import_key];
195
188
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
196
- var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
189
+ var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
197
190
  var __rspack_reexport = {};
198
- for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
191
+ for(const __rspack_import_key in _Toolbar__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_19[__rspack_import_key];
199
192
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
200
- var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
193
+ var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
201
194
  var __rspack_reexport = {};
202
- for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
195
+ for(const __rspack_import_key in _Toolbox__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_20[__rspack_import_key];
203
196
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
204
- var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
197
+ var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
205
198
  var __rspack_reexport = {};
206
- for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
199
+ for(const __rspack_import_key in _TriggerNode__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_21[__rspack_import_key];
207
200
  __webpack_require__.d(__webpack_exports__, __rspack_reexport);
208
201
  })();
209
202
  for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
@@ -10,7 +10,6 @@ export * from './ExecutionStatusIcon';
10
10
  export * from './FloatingCanvasPanel';
11
11
  export * from './GroupNode';
12
12
  export * from './HierarchicalCanvas';
13
- export * from './LoopNode';
14
13
  export * from './MiniCanvasNavigator';
15
14
  export * from './NodeContextMenu';
16
15
  export * from './NodeInspector';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
@@ -10,7 +10,6 @@ export * from "./ExecutionStatusIcon/index.js";
10
10
  export * from "./FloatingCanvasPanel/index.js";
11
11
  export * from "./GroupNode/index.js";
12
12
  export * from "./HierarchicalCanvas/index.js";
13
- export * from "./LoopNode/index.js";
14
13
  export * from "./MiniCanvasNavigator/index.js";
15
14
  export * from "./NodeContextMenu/index.js";
16
15
  export * from "./NodeInspector.js";
@@ -27,8 +27,6 @@ __webpack_require__.d(__webpack_exports__, {
27
27
  CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
28
28
  DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
29
29
  DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
30
- DEFAULT_SOURCE_HANDLE_ID: ()=>DEFAULT_SOURCE_HANDLE_ID,
31
- DEFAULT_TARGET_HANDLE_ID: ()=>DEFAULT_TARGET_HANDLE_ID,
32
30
  FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
33
31
  GRID_SPACING: ()=>GRID_SPACING,
34
32
  NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
@@ -56,8 +54,6 @@ __webpack_require__.d(__webpack_exports__, {
56
54
  });
57
55
  const PREVIEW_NODE_ID = 'preview-node-id';
58
56
  const PREVIEW_EDGE_ID = 'preview-edge-id';
59
- const DEFAULT_SOURCE_HANDLE_ID = 'output';
60
- const DEFAULT_TARGET_HANDLE_ID = 'input';
61
57
  const DEFAULT_NODE_SIZE = 96;
62
58
  const GRID_SPACING = 16;
63
59
  const CANVAS_COMPACT_BREAKPOINT = 600;
@@ -86,8 +82,6 @@ const NODE_BADGE_INSET_CIRCLE = 12;
86
82
  exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
87
83
  exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
88
84
  exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
89
- exports.DEFAULT_SOURCE_HANDLE_ID = __webpack_exports__.DEFAULT_SOURCE_HANDLE_ID;
90
- exports.DEFAULT_TARGET_HANDLE_ID = __webpack_exports__.DEFAULT_TARGET_HANDLE_ID;
91
85
  exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
92
86
  exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
93
87
  exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
@@ -116,8 +110,6 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
116
110
  "CANVAS_COMPACT_BREAKPOINT",
117
111
  "DEFAULT_NODE_SIZE",
118
112
  "DEFAULT_RECTANGLE_NODE_WIDTH",
119
- "DEFAULT_SOURCE_HANDLE_ID",
120
- "DEFAULT_TARGET_HANDLE_ID",
121
113
  "FLOATING_CANVAS_PANEL_OFFSET",
122
114
  "GRID_SPACING",
123
115
  "NODE_BADGE_INSET_CIRCLE",
@@ -1,7 +1,5 @@
1
1
  export declare const PREVIEW_NODE_ID = "preview-node-id";
2
2
  export declare const PREVIEW_EDGE_ID = "preview-edge-id";
3
- export declare const DEFAULT_SOURCE_HANDLE_ID = "output";
4
- export declare const DEFAULT_TARGET_HANDLE_ID = "input";
5
3
  export declare const DEFAULT_NODE_SIZE = 96;
6
4
  export declare const GRID_SPACING = 16;
7
5
  export declare const CANVAS_COMPACT_BREAKPOINT = 600;
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAChD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
@@ -1,7 +1,5 @@
1
1
  const PREVIEW_NODE_ID = 'preview-node-id';
2
2
  const PREVIEW_EDGE_ID = 'preview-edge-id';
3
- const DEFAULT_SOURCE_HANDLE_ID = 'output';
4
- const DEFAULT_TARGET_HANDLE_ID = 'input';
5
3
  const DEFAULT_NODE_SIZE = 96;
6
4
  const GRID_SPACING = 16;
7
5
  const CANVAS_COMPACT_BREAKPOINT = 600;
@@ -27,4 +25,4 @@ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
27
25
  const NODE_BADGE_SIZE = 20;
28
26
  const NODE_BADGE_INSET_SQUARE = 6;
29
27
  const NODE_BADGE_INSET_CIRCLE = 12;
30
- export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, DEFAULT_SOURCE_HANDLE_ID, DEFAULT_TARGET_HANDLE_ID, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
28
+ export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
@@ -32,24 +32,12 @@ const external_CategoryTreeAdapter_cjs_namespaceObject = require("./CategoryTree
32
32
  class NodeTypeRegistry {
33
33
  categoryById = new Map();
34
34
  nodeByType = new Map();
35
- nodeByTypeVersion = new Map();
36
35
  nodeHandles = new Map();
37
- nodeHandlesByTypeVersion = new Map();
38
36
  categoriesByParent = new Map();
39
37
  nodesByCategory = new Map();
40
38
  categoryAncestors = new Map();
41
39
  categoryDescendants = new Map();
42
40
  categoryTree = null;
43
- getNodeHandles(manifest) {
44
- return manifest.handleConfiguration.flatMap((hc)=>hc.handles).reduce((acc, handle)=>{
45
- if (!acc[handle.type]) acc[handle.type] = [];
46
- acc[handle.type]?.push(handle);
47
- return acc;
48
- }, {});
49
- }
50
- getTypeVersionKey(nodeType, version) {
51
- return `${nodeType}:${version}`;
52
- }
53
41
  registerNodeManifests(nodes) {
54
42
  const categoryMap = new Map();
55
43
  for (const node of nodes){
@@ -71,18 +59,18 @@ class NodeTypeRegistry {
71
59
  c.id,
72
60
  c
73
61
  ]));
74
- this.nodeByType = new Map();
75
- this.nodeByTypeVersion = new Map();
76
- this.nodeHandles = new Map();
77
- this.nodeHandlesByTypeVersion = new Map();
78
- for (const nodeManifest of nodeManifests){
79
- const nodeHandles = this.getNodeHandles(nodeManifest);
80
- this.nodeByTypeVersion.set(this.getTypeVersionKey(nodeManifest.nodeType, nodeManifest.version), nodeManifest);
81
- this.nodeHandlesByTypeVersion.set(this.getTypeVersionKey(nodeManifest.nodeType, nodeManifest.version), nodeHandles);
82
- this.nodeByType.set(nodeManifest.nodeType, nodeManifest);
83
- this.nodeHandles.set(nodeManifest.nodeType, nodeHandles);
84
- }
85
- const defaultNodeManifests = Array.from(this.nodeByType.values());
62
+ this.nodeByType = new Map(nodeManifests.map((n)=>[
63
+ n.nodeType,
64
+ n
65
+ ]));
66
+ this.nodeHandles = new Map(nodeManifests.map((n)=>[
67
+ n.nodeType,
68
+ n.handleConfiguration.flatMap((hc)=>hc.handles).reduce((acc, handle)=>{
69
+ if (!acc[handle.type]) acc[handle.type] = [];
70
+ acc[handle.type]?.push(handle);
71
+ return acc;
72
+ }, {})
73
+ ]));
86
74
  this.categoriesByParent = new Map();
87
75
  for (const cat of categoryManifests){
88
76
  const siblings = this.categoriesByParent.get(cat.parentId) ?? [];
@@ -116,17 +104,16 @@ class NodeTypeRegistry {
116
104
  this.categoryDescendants.set(cat.id, descendants);
117
105
  }
118
106
  this.nodesByCategory = new Map();
119
- for (const node of defaultNodeManifests){
107
+ for (const node of nodeManifests){
120
108
  const categoryKey = node.category ?? void 0;
121
109
  const nodes = this.nodesByCategory.get(categoryKey) ?? [];
122
110
  nodes.push(node);
123
111
  this.nodesByCategory.set(categoryKey, nodes);
124
112
  }
125
- this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, defaultNodeManifests);
113
+ this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, nodeManifests);
126
114
  }
127
- getManifest(nodeType, version) {
128
- if (!version) return this.nodeByType.get(nodeType);
129
- return this.nodeByTypeVersion.get(this.getTypeVersionKey(nodeType, version));
115
+ getManifest(nodeType) {
116
+ return this.nodeByType.get(nodeType);
130
117
  }
131
118
  getAllManifests() {
132
119
  return Array.from(this.nodeByType.values());
@@ -137,19 +124,18 @@ class NodeTypeRegistry {
137
124
  getAllNodeTypes() {
138
125
  return Array.from(this.nodeByType.keys());
139
126
  }
140
- getHandlesByNodeType(nodeType, version) {
141
- if (!version) return this.nodeHandles.get(nodeType) ?? {};
142
- return this.nodeHandlesByTypeVersion.get(this.getTypeVersionKey(nodeType, version)) ?? {};
127
+ getHandlesByNodeType(nodeType) {
128
+ return this.nodeHandles.get(nodeType) ?? {};
143
129
  }
144
- getDefaultHandle(nodeType, handleType, version) {
145
- const handles = this.getHandlesByNodeType(nodeType, version)[handleType];
130
+ getDefaultHandle(nodeType, handleType) {
131
+ const handles = this.nodeHandles.get(nodeType)?.[handleType];
146
132
  return handles?.find((h)=>h.isDefaultForType) ?? handles?.[0];
147
133
  }
148
- createDefaultData(nodeType, label, version) {
149
- const manifest = this.getManifest(nodeType, version);
134
+ createDefaultData(nodeType, label) {
135
+ const manifest = this.getManifest(nodeType);
150
136
  if (!manifest) return {
151
137
  nodeType,
152
- version: version ?? '1.0.0',
138
+ version: '1.0.0',
153
139
  display: {
154
140
  label: label || nodeType
155
141
  }
@@ -176,9 +162,7 @@ class NodeTypeRegistry {
176
162
  clear() {
177
163
  this.nodesByCategory.clear();
178
164
  this.nodeHandles.clear();
179
- this.nodeHandlesByTypeVersion.clear();
180
165
  this.nodeByType.clear();
181
- this.nodeByTypeVersion.clear();
182
166
  this.categoryById.clear();
183
167
  this.categoryAncestors.clear();
184
168
  this.categoryDescendants.clear();
@@ -9,25 +9,21 @@ interface NodeHandles {
9
9
  export declare class NodeTypeRegistry {
10
10
  private categoryById;
11
11
  private nodeByType;
12
- private nodeByTypeVersion;
13
12
  private nodeHandles;
14
- private nodeHandlesByTypeVersion;
15
13
  private categoriesByParent;
16
14
  private nodesByCategory;
17
15
  private categoryAncestors;
18
16
  private categoryDescendants;
19
17
  private categoryTree;
20
- private getNodeHandles;
21
- private getTypeVersionKey;
22
18
  registerNodeManifests(nodes: NodeManifest[]): void;
23
19
  registerManifest(nodeManifests: NodeManifest[], categoryManifests: CategoryManifest[]): void;
24
- getManifest(nodeType: string, version?: string): NodeManifest | undefined;
20
+ getManifest(nodeType: string): NodeManifest | undefined;
25
21
  getAllManifests(): NodeManifest[];
26
22
  getAllCategories(): string[];
27
23
  getAllNodeTypes(): string[];
28
- getHandlesByNodeType(nodeType: string, version?: string): NodeHandles;
29
- getDefaultHandle(nodeType: string, handleType: 'source' | 'target', version?: string): HandleManifest | undefined;
30
- createDefaultData(nodeType: string, label?: string, version?: string): BaseNodeData;
24
+ getHandlesByNodeType(nodeType: string): NodeHandles;
25
+ getDefaultHandle(nodeType: string, handleType: 'source' | 'target'): HandleManifest | undefined;
26
+ createDefaultData(nodeType: string, label?: string): BaseNodeData;
31
27
  getCategoryTree(): CategoryTree | null;
32
28
  clear(): void;
33
29
  isValidCategoryForConnection(categoryId: string, previewNodeConnectionInfo: PreviewNodeConnectionInfo[] | null | undefined): boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,iBAAiB,CAAmC;IAC5D,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,wBAAwB,CAAkC;IAClE,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAYzB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IAgFrF,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAYzE,eAAe,IAAI,YAAY,EAAE;IAQjC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW;IAWrE,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAC/B,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,GAAG,SAAS;IAW7B,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCnF,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IA0Bb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}
1
+ {"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAUjD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IA0ErF,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAQvD,eAAe,IAAI,YAAY,EAAE;IAQjC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW;IAOnD,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,SAAS;IAW/F,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCjE,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IAwBb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}