@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.
- package/dist/canvas/components/AddNodePanel/AddNodeManager.cjs +7 -26
- package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/AddNodeManager.js +7 -26
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs +41 -0
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts +3 -0
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map +1 -0
- package/dist/canvas/components/AddNodePanel/createAddNodePreview.js +7 -0
- package/dist/canvas/components/AddNodePanel/index.cjs +6 -2
- package/dist/canvas/components/AddNodePanel/index.d.ts +1 -0
- package/dist/canvas/components/AddNodePanel/index.d.ts.map +1 -1
- package/dist/canvas/components/AddNodePanel/index.js +2 -1
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts +0 -1
- package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +3 -8
- package/dist/canvas/components/BaseNode/BaseNode.d.ts +1 -2
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +3 -5
- package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +34 -115
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts +2 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandle.js +36 -117
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.cjs +1 -48
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts +0 -4
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/ButtonHandleStyleUtils.js +1 -36
- package/dist/canvas/components/ButtonHandle/SmartHandle.cjs +1 -1
- package/dist/canvas/components/ButtonHandle/SmartHandle.js +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.cjs +2 -3
- package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -11
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +3 -4
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +15 -23
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts +0 -2
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +16 -24
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.cjs +8 -11
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.d.ts.map +1 -1
- package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.js +8 -11
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +25 -34
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts +1 -2
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +26 -35
- package/dist/canvas/components/index.cjs +20 -27
- package/dist/canvas/components/index.d.ts +0 -1
- package/dist/canvas/components/index.d.ts.map +1 -1
- package/dist/canvas/components/index.js +0 -1
- package/dist/canvas/constants.cjs +0 -8
- package/dist/canvas/constants.d.ts +0 -2
- package/dist/canvas/constants.d.ts.map +1 -1
- package/dist/canvas/constants.js +1 -3
- package/dist/canvas/core/NodeTypeRegistry.cjs +23 -39
- package/dist/canvas/core/NodeTypeRegistry.d.ts +4 -8
- package/dist/canvas/core/NodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/NodeTypeRegistry.js +23 -39
- package/dist/canvas/core/useNodeTypeRegistry.cjs +3 -4
- package/dist/canvas/core/useNodeTypeRegistry.d.ts +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.d.ts.map +1 -1
- package/dist/canvas/core/useNodeTypeRegistry.js +3 -4
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs +3 -10
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map +1 -1
- package/dist/canvas/hooks/useAddNodeOnConnectEnd.js +3 -10
- package/dist/canvas/hooks/usePreviewNode.cjs +2 -4
- package/dist/canvas/hooks/usePreviewNode.d.ts.map +1 -1
- package/dist/canvas/hooks/usePreviewNode.js +2 -4
- package/dist/canvas/schema/node-definition/handle.cjs +2 -10
- package/dist/canvas/schema/node-definition/handle.d.ts +0 -9
- package/dist/canvas/schema/node-definition/handle.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/handle.js +1 -6
- package/dist/canvas/schema/node-definition/index.cjs +1 -4
- package/dist/canvas/schema/node-definition/index.d.ts +3 -3
- package/dist/canvas/schema/node-definition/index.d.ts.map +1 -1
- package/dist/canvas/schema/node-definition/index.js +2 -2
- package/dist/canvas/schema/node-definition/node-manifest.d.ts +0 -4
- package/dist/canvas/schema/node-definition/node-manifest.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts +0 -1
- package/dist/canvas/storybook-utils/manifests/index.d.ts.map +1 -1
- package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/{createPreviewGraph.cjs → createPreviewNode.cjs} +41 -115
- package/dist/canvas/utils/createPreviewNode.d.ts +17 -0
- package/dist/canvas/utils/createPreviewNode.d.ts.map +1 -0
- package/dist/canvas/utils/{createPreviewGraph.js → createPreviewNode.js} +36 -95
- package/dist/canvas/utils/index.cjs +10 -10
- package/dist/canvas/utils/index.d.ts +2 -2
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +2 -2
- package/package.json +3 -3
- package/dist/canvas/components/LoopNode/LoopCanvasNode.cjs +0 -112
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts +0 -6
- package/dist/canvas/components/LoopNode/LoopCanvasNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopCanvasNode.js +0 -78
- package/dist/canvas/components/LoopNode/LoopNode.cjs +0 -430
- package/dist/canvas/components/LoopNode/LoopNode.constants.cjs +0 -77
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts +0 -12
- package/dist/canvas/components/LoopNode/LoopNode.constants.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.constants.js +0 -13
- package/dist/canvas/components/LoopNode/LoopNode.d.ts +0 -5
- package/dist/canvas/components/LoopNode/LoopNode.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs +0 -137
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts +0 -26
- package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.helpers.js +0 -94
- package/dist/canvas/components/LoopNode/LoopNode.js +0 -396
- package/dist/canvas/components/LoopNode/LoopNode.types.cjs +0 -18
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts +0 -11
- package/dist/canvas/components/LoopNode/LoopNode.types.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNode.types.js +0 -0
- package/dist/canvas/components/LoopNode/LoopNodePreview.cjs +0 -61
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts +0 -9
- package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/LoopNodePreview.js +0 -27
- package/dist/canvas/components/LoopNode/index.cjs +0 -72
- package/dist/canvas/components/LoopNode/index.d.ts +0 -4
- package/dist/canvas/components/LoopNode/index.d.ts.map +0 -1
- package/dist/canvas/components/LoopNode/index.js +0 -3
- package/dist/canvas/utils/createPreviewGraph.d.ts +0 -43
- 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
|
|
336
|
-
(0,
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
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":"
|
|
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
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
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
|
|
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
|
|
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
|
|
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,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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,
|
|
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;
|
|
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 {
|
|
4
|
-
import {
|
|
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
|
|
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
|
|
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
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
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
|
|
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
|
|
165
|
+
var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
|
|
173
166
|
var __rspack_reexport = {};
|
|
174
|
-
for(const __rspack_import_key in
|
|
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
|
|
169
|
+
var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
|
|
177
170
|
var __rspack_reexport = {};
|
|
178
|
-
for(const __rspack_import_key in
|
|
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
|
|
173
|
+
var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
|
|
181
174
|
var __rspack_reexport = {};
|
|
182
|
-
for(const __rspack_import_key in
|
|
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
|
|
177
|
+
var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
|
|
185
178
|
var __rspack_reexport = {};
|
|
186
|
-
for(const __rspack_import_key in
|
|
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
|
|
181
|
+
var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
|
|
189
182
|
var __rspack_reexport = {};
|
|
190
|
-
for(const __rspack_import_key in
|
|
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
|
|
185
|
+
var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
|
|
193
186
|
var __rspack_reexport = {};
|
|
194
|
-
for(const __rspack_import_key in
|
|
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
|
|
189
|
+
var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
|
|
197
190
|
var __rspack_reexport = {};
|
|
198
|
-
for(const __rspack_import_key in
|
|
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
|
|
193
|
+
var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
|
|
201
194
|
var __rspack_reexport = {};
|
|
202
|
-
for(const __rspack_import_key in
|
|
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
|
|
197
|
+
var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
|
|
205
198
|
var __rspack_reexport = {};
|
|
206
|
-
for(const __rspack_import_key in
|
|
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,
|
|
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,
|
|
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"}
|
package/dist/canvas/constants.js
CHANGED
|
@@ -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,
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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
|
|
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,
|
|
113
|
+
this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, nodeManifests);
|
|
126
114
|
}
|
|
127
|
-
getManifest(nodeType
|
|
128
|
-
|
|
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
|
|
141
|
-
|
|
142
|
-
return this.nodeHandlesByTypeVersion.get(this.getTypeVersionKey(nodeType, version)) ?? {};
|
|
127
|
+
getHandlesByNodeType(nodeType) {
|
|
128
|
+
return this.nodeHandles.get(nodeType) ?? {};
|
|
143
129
|
}
|
|
144
|
-
getDefaultHandle(nodeType, handleType
|
|
145
|
-
const handles = this.
|
|
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
|
|
149
|
-
const manifest = this.getManifest(nodeType
|
|
134
|
+
createDefaultData(nodeType, label) {
|
|
135
|
+
const manifest = this.getManifest(nodeType);
|
|
150
136
|
if (!manifest) return {
|
|
151
137
|
nodeType,
|
|
152
|
-
version:
|
|
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
|
|
20
|
+
getManifest(nodeType: string): NodeManifest | undefined;
|
|
25
21
|
getAllManifests(): NodeManifest[];
|
|
26
22
|
getAllCategories(): string[];
|
|
27
23
|
getAllNodeTypes(): string[];
|
|
28
|
-
getHandlesByNodeType(nodeType: string
|
|
29
|
-
getDefaultHandle(nodeType: string, handleType: 'source' | 'target'
|
|
30
|
-
createDefaultData(nodeType: string, label?: string
|
|
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,
|
|
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"}
|