@principal-ai/principal-view-react 0.6.9 → 0.6.11
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/README.md +2 -5
- package/dist/components/ConfigurationSelector.js +4 -2
- package/dist/components/ConfigurationSelector.js.map +1 -1
- package/dist/components/EdgeInfoPanel.d.ts.map +1 -1
- package/dist/components/EdgeInfoPanel.js +43 -13
- package/dist/components/EdgeInfoPanel.js.map +1 -1
- package/dist/components/GraphRenderer.d.ts.map +1 -1
- package/dist/components/GraphRenderer.js +135 -82
- package/dist/components/GraphRenderer.js.map +1 -1
- package/dist/components/NodeInfoPanel.d.ts.map +1 -1
- package/dist/components/NodeInfoPanel.js +143 -45
- package/dist/components/NodeInfoPanel.js.map +1 -1
- package/dist/edges/CustomEdge.d.ts.map +1 -1
- package/dist/edges/CustomEdge.js +2 -2
- package/dist/edges/CustomEdge.js.map +1 -1
- package/dist/edges/GenericEdge.d.ts.map +1 -1
- package/dist/edges/GenericEdge.js +2 -2
- package/dist/edges/GenericEdge.js.map +1 -1
- package/dist/hooks/usePathBasedEvents.d.ts +1 -1
- package/dist/hooks/usePathBasedEvents.d.ts.map +1 -1
- package/dist/hooks/usePathBasedEvents.js +9 -9
- package/dist/hooks/usePathBasedEvents.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/nodes/CustomNode.d.ts.map +1 -1
- package/dist/nodes/CustomNode.js +61 -44
- package/dist/nodes/CustomNode.js.map +1 -1
- package/dist/nodes/GenericNode.d.ts.map +1 -1
- package/dist/nodes/GenericNode.js.map +1 -1
- package/dist/utils/animationMapping.d.ts.map +1 -1
- package/dist/utils/animationMapping.js +12 -12
- package/dist/utils/animationMapping.js.map +1 -1
- package/dist/utils/graphConverter.d.ts.map +1 -1
- package/dist/utils/graphConverter.js +23 -17
- package/dist/utils/graphConverter.js.map +1 -1
- package/dist/utils/iconResolver.d.ts.map +1 -1
- package/dist/utils/iconResolver.js +1 -1
- package/dist/utils/iconResolver.js.map +1 -1
- package/package.json +2 -1
- package/src/components/ConfigurationSelector.tsx +5 -5
- package/src/components/EdgeInfoPanel.tsx +79 -37
- package/src/components/GraphRenderer.tsx +528 -364
- package/src/components/NodeInfoPanel.tsx +209 -86
- package/src/edges/CustomEdge.tsx +6 -4
- package/src/edges/GenericEdge.tsx +2 -6
- package/src/hooks/usePathBasedEvents.ts +54 -45
- package/src/index.ts +11 -2
- package/src/nodes/CustomNode.tsx +132 -106
- package/src/nodes/GenericNode.tsx +4 -3
- package/src/stories/AnimationWorkshop.stories.tsx +131 -12
- package/src/stories/CanvasNodeTypes.stories.tsx +898 -0
- package/src/stories/ColorPriority.stories.tsx +20 -10
- package/src/stories/EventDrivenAnimations.stories.tsx +8 -0
- package/src/stories/EventLog.stories.tsx +1 -1
- package/src/stories/GraphRenderer.stories.tsx +23 -10
- package/src/stories/IndustryThemes.stories.tsx +481 -0
- package/src/stories/MultiConfig.stories.tsx +8 -0
- package/src/stories/MultiDirectionalConnections.stories.tsx +8 -0
- package/src/stories/NodeFieldsAudit.stories.tsx +124 -37
- package/src/stories/NodeShapes.stories.tsx +73 -59
- package/src/utils/animationMapping.ts +19 -23
- package/src/utils/graphConverter.ts +35 -19
- package/src/utils/iconResolver.tsx +5 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenericEdge.js","sourceRoot":"","sources":["../../src/edges/GenericEdge.tsx"],"names":[],"mappings":";;;;AAiBA;;;GAGG;AACI,MAAM,WAAW,GAA+B,CAAC,
|
|
1
|
+
{"version":3,"file":"GenericEdge.js","sourceRoot":"","sources":["../../src/edges/GenericEdge.tsx"],"names":[],"mappings":";;;;AAiBA;;;GAGG;AACI,MAAM,WAAW,GAA+B,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;IAC/F,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC;IAErE,OAAO,CACL,4CAEE,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,uBAC9B,EAAE,QAAI,cAAc,CAAC,KAAK,SAC7B,EACN,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,aAC7B,uDAAsB,6CAClB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,WAAW,eActB"}
|
|
@@ -33,7 +33,7 @@ export interface UsePathBasedEventsOptions {
|
|
|
33
33
|
/**
|
|
34
34
|
* Process path-based events and trigger appropriate animations
|
|
35
35
|
*/
|
|
36
|
-
export declare function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel }: UsePathBasedEventsOptions): void;
|
|
36
|
+
export declare function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel, }: UsePathBasedEventsOptions): void;
|
|
37
37
|
/**
|
|
38
38
|
* Process a batch of path-based events
|
|
39
39
|
* Useful for processing historical logs or bulk updates
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePathBasedEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/usePathBasedEvents.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAIV,cAAc,EACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,MAAM,EAAE,cAAc,EAAE,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,EAAE,kBAAkB,CAAC;IAE9B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAEnD,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,WAAoB,
|
|
1
|
+
{"version":3,"file":"usePathBasedEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/usePathBasedEvents.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAIV,cAAc,EACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,MAAM,EAAE,cAAc,EAAE,CAAC;IAEzB,0CAA0C;IAC1C,SAAS,EAAE,kBAAkB,CAAC;IAE9B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAEnD,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,WAAoB,GACrB,EAAE,yBAAyB,GAAG,IAAI,CAoFlC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EAAE,EACxB,SAAS,EAAE,kBAAkB,EAC7B,WAAW,GAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAgB,GACxD,IAAI,CAyCN"}
|
|
@@ -13,7 +13,7 @@ const animationMapping_1 = require("../utils/animationMapping");
|
|
|
13
13
|
/**
|
|
14
14
|
* Process path-based events and trigger appropriate animations
|
|
15
15
|
*/
|
|
16
|
-
function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel = 'info' }) {
|
|
16
|
+
function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel = 'info', }) {
|
|
17
17
|
const { onNodeAnimation, onEdgeAnimation } = callbacks;
|
|
18
18
|
// Process component activity events (Milestone 1)
|
|
19
19
|
const processActivityEvent = (0, react_1.useCallback)((event) => {
|
|
@@ -22,7 +22,7 @@ function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel =
|
|
|
22
22
|
// Trigger node animation
|
|
23
23
|
onNodeAnimation(event.componentId, {
|
|
24
24
|
...animation,
|
|
25
|
-
timestamp: event.timestamp
|
|
25
|
+
timestamp: event.timestamp,
|
|
26
26
|
});
|
|
27
27
|
onEventProcessed?.(event);
|
|
28
28
|
}, [onNodeAnimation, onEventProcessed]);
|
|
@@ -33,7 +33,7 @@ function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel =
|
|
|
33
33
|
// Trigger node animation
|
|
34
34
|
onNodeAnimation(event.componentId, {
|
|
35
35
|
...animation,
|
|
36
|
-
timestamp: event.timestamp
|
|
36
|
+
timestamp: event.timestamp,
|
|
37
37
|
});
|
|
38
38
|
onEventProcessed?.(event);
|
|
39
39
|
}, [onNodeAnimation, onEventProcessed]);
|
|
@@ -42,11 +42,11 @@ function usePathBasedEvents({ events, callbacks, onEventProcessed, minLogLevel =
|
|
|
42
42
|
const animation = (0, animationMapping_1.actionToEdgeAnimation)(event.triggeredBy?.action || 'unknown', {
|
|
43
43
|
type: event.animation,
|
|
44
44
|
duration: event.duration,
|
|
45
|
-
direction: event.direction
|
|
45
|
+
direction: event.direction,
|
|
46
46
|
});
|
|
47
47
|
onEdgeAnimation(event.edgeId, {
|
|
48
48
|
...animation,
|
|
49
|
-
timestamp: event.timestamp
|
|
49
|
+
timestamp: event.timestamp,
|
|
50
50
|
});
|
|
51
51
|
onEventProcessed?.(event);
|
|
52
52
|
}, [onEdgeAnimation, onEventProcessed]);
|
|
@@ -90,7 +90,7 @@ function processBatchEvents(events, callbacks, minLogLevel = 'info') {
|
|
|
90
90
|
const animation = (0, animationMapping_1.logLevelToNodeAnimation)(event.level);
|
|
91
91
|
callbacks.onNodeAnimation(event.componentId, {
|
|
92
92
|
...animation,
|
|
93
|
-
timestamp: event.timestamp
|
|
93
|
+
timestamp: event.timestamp,
|
|
94
94
|
});
|
|
95
95
|
}
|
|
96
96
|
break;
|
|
@@ -99,7 +99,7 @@ function processBatchEvents(events, callbacks, minLogLevel = 'info') {
|
|
|
99
99
|
const animation = (0, animationMapping_1.actionToNodeAnimation)(event.action, event.state);
|
|
100
100
|
callbacks.onNodeAnimation(event.componentId, {
|
|
101
101
|
...animation,
|
|
102
|
-
timestamp: event.timestamp
|
|
102
|
+
timestamp: event.timestamp,
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
105
|
break;
|
|
@@ -108,11 +108,11 @@ function processBatchEvents(events, callbacks, minLogLevel = 'info') {
|
|
|
108
108
|
const animation = (0, animationMapping_1.actionToEdgeAnimation)(event.triggeredBy?.action || 'unknown', {
|
|
109
109
|
type: event.animation,
|
|
110
110
|
duration: event.duration,
|
|
111
|
-
direction: event.direction
|
|
111
|
+
direction: event.direction,
|
|
112
112
|
});
|
|
113
113
|
callbacks.onEdgeAnimation(event.edgeId, {
|
|
114
114
|
...animation,
|
|
115
|
-
timestamp: event.timestamp
|
|
115
|
+
timestamp: event.timestamp,
|
|
116
116
|
});
|
|
117
117
|
}
|
|
118
118
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePathBasedEvents.js","sourceRoot":"","sources":["../../src/hooks/usePathBasedEvents.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AA6CH,
|
|
1
|
+
{"version":3,"file":"usePathBasedEvents.js","sourceRoot":"","sources":["../../src/hooks/usePathBasedEvents.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
export type { GraphConfiguration, GraphEvent, GraphMetrics, Violation, Warning, ValidationResult, EventStream, NodeTypeDefinition, EdgeTypeDefinition, ConnectionRule, NodeState, EdgeState, ConfigurationFile, ConfigurationLoadResult, ComponentLibrary, LibraryNodeComponent, LibraryEdgeComponent, } from '@principal-ai/principal-view-core';
|
|
9
9
|
export { GraphRenderer } from './components/GraphRenderer';
|
|
10
|
-
export type { GraphRendererProps, GraphRendererHandle, NodePositionChange, PendingChanges } from './components/GraphRenderer';
|
|
10
|
+
export type { GraphRendererProps, GraphRendererHandle, NodePositionChange, PendingChanges, } from './components/GraphRenderer';
|
|
11
11
|
export { EventLog } from './components/EventLog';
|
|
12
12
|
export type { EventLogProps } from './components/EventLog';
|
|
13
13
|
export { MetricsDashboard } from './components/MetricsDashboard';
|
|
@@ -26,7 +26,7 @@ export { GenericEdge } from './edges/GenericEdge';
|
|
|
26
26
|
export type { GenericEdgeProps } from './edges/GenericEdge';
|
|
27
27
|
export { CustomEdge } from './edges/CustomEdge';
|
|
28
28
|
export type { CustomEdgeData } from './edges/CustomEdge';
|
|
29
|
-
export { convertToXYFlowNodes, convertToXYFlowEdges, autoLayoutNodes } from './utils/graphConverter';
|
|
29
|
+
export { convertToXYFlowNodes, convertToXYFlowEdges, autoLayoutNodes, } from './utils/graphConverter';
|
|
30
30
|
export type { EdgeStateWithHandles } from './utils/graphConverter';
|
|
31
31
|
export { Icon, resolveIcon } from './utils/iconResolver';
|
|
32
32
|
export type { IconProps } from './utils/iconResolver';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EAEvB,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,GAChB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAwBH,oBAAoB;AACpB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAwBH,oBAAoB;AACpB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAQtB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AAGjB,kEAAiE;AAAxD,oHAAA,gBAAgB,OAAA;AAGzB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AAGtB,4EAA2E;AAAlE,8HAAA,qBAAqB,OAAA;AAG9B,6BAA6B;AAC7B,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAGpB,iDAAgD;AAAvC,wGAAA,UAAU,OAAA;AAGnB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAGpB,iDAAgD;AAAvC,wGAAA,UAAU,OAAA;AAGnB,mBAAmB;AACnB,yDAIgC;AAH9B,sHAAA,oBAAoB,OAAA;AACpB,sHAAA,oBAAoB,OAAA;AACpB,iHAAA,eAAe,OAAA;AAGjB,qDAAyD;AAAhD,oGAAA,IAAI,OAAA;AAAE,2GAAA,WAAW,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomNode.d.ts","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,kBAAkB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomNode.d.ts","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAG5E,MAAM,WAAW,cAAe,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,kBAAkB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAib/C,CAAC"}
|
package/dist/nodes/CustomNode.js
CHANGED
|
@@ -31,9 +31,9 @@ const CustomNode = ({ data, selected }) => {
|
|
|
31
31
|
// Get display name - use name from props (falls back to node.id in converter)
|
|
32
32
|
const displayName = nodeProps.name;
|
|
33
33
|
// Icon priority: node data override > state icon (node data states first) > type definition icon
|
|
34
|
-
const icon = nodeData.icon
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const icon = nodeData.icon ||
|
|
35
|
+
(state && (nodeDataStates?.[state]?.icon || typeDefinition.states?.[state]?.icon)) ||
|
|
36
|
+
typeDefinition.icon;
|
|
37
37
|
// Get animation class based on type
|
|
38
38
|
const getAnimationClass = () => {
|
|
39
39
|
switch (animationType) {
|
|
@@ -50,11 +50,13 @@ const CustomNode = ({ data, selected }) => {
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
const animationClass = getAnimationClass();
|
|
53
|
+
// Check if this is a group node
|
|
54
|
+
const isGroup = nodeData.canvasType === 'group';
|
|
53
55
|
// Shape-specific styles
|
|
54
56
|
const getShapeStyles = () => {
|
|
55
57
|
const baseStyles = {
|
|
56
58
|
padding: '12px 16px',
|
|
57
|
-
backgroundColor: 'white',
|
|
59
|
+
backgroundColor: isGroup ? 'rgba(255, 255, 255, 0.7)' : 'white',
|
|
58
60
|
color: '#000',
|
|
59
61
|
border: `2px solid ${hasViolations ? '#D0021B' : strokeColor}`,
|
|
60
62
|
fontSize: '12px',
|
|
@@ -64,7 +66,7 @@ const CustomNode = ({ data, selected }) => {
|
|
|
64
66
|
display: 'flex',
|
|
65
67
|
flexDirection: 'column',
|
|
66
68
|
alignItems: 'center',
|
|
67
|
-
justifyContent: 'center',
|
|
69
|
+
justifyContent: isGroup ? 'flex-start' : 'center',
|
|
68
70
|
gap: '4px',
|
|
69
71
|
boxShadow: selected ? `0 0 0 2px ${strokeColor}` : '0 2px 4px rgba(0,0,0,0.1)',
|
|
70
72
|
transition: 'all 0.2s ease',
|
|
@@ -117,45 +119,51 @@ const CustomNode = ({ data, selected }) => {
|
|
|
117
119
|
// Hexagon with gentle diagonals
|
|
118
120
|
const hexagonClipPath = 'polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)';
|
|
119
121
|
const hexagonBorderWidth = 2;
|
|
120
|
-
const hexagonBorderStyle = isHexagon
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
122
|
+
const hexagonBorderStyle = isHexagon
|
|
123
|
+
? {
|
|
124
|
+
position: 'relative',
|
|
125
|
+
clipPath: hexagonClipPath,
|
|
126
|
+
backgroundColor: hasViolations ? '#D0021B' : strokeColor,
|
|
127
|
+
width: typeDefinition.size?.width || 120,
|
|
128
|
+
height: typeDefinition.size?.height || 120,
|
|
129
|
+
boxShadow: selected ? `0 0 0 2px ${strokeColor}` : '0 2px 4px rgba(0,0,0,0.1)',
|
|
130
|
+
transition: 'all 0.2s ease',
|
|
131
|
+
}
|
|
132
|
+
: {};
|
|
129
133
|
// Hexagon inner fill styles (white background inset from border)
|
|
130
|
-
const hexagonInnerStyle = isHexagon
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
134
|
+
const hexagonInnerStyle = isHexagon
|
|
135
|
+
? {
|
|
136
|
+
position: 'absolute',
|
|
137
|
+
top: hexagonBorderWidth,
|
|
138
|
+
left: hexagonBorderWidth,
|
|
139
|
+
right: hexagonBorderWidth,
|
|
140
|
+
bottom: hexagonBorderWidth,
|
|
141
|
+
clipPath: hexagonClipPath,
|
|
142
|
+
backgroundColor: 'white',
|
|
143
|
+
color: '#000',
|
|
144
|
+
display: 'flex',
|
|
145
|
+
flexDirection: 'column',
|
|
146
|
+
alignItems: 'center',
|
|
147
|
+
justifyContent: 'center',
|
|
148
|
+
fontSize: '12px',
|
|
149
|
+
fontWeight: 500,
|
|
150
|
+
gap: '4px',
|
|
151
|
+
}
|
|
152
|
+
: {};
|
|
147
153
|
// Handle styles - larger and more visible in edit mode
|
|
148
|
-
const baseHandleStyle = editable
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
154
|
+
const baseHandleStyle = editable
|
|
155
|
+
? {
|
|
156
|
+
background: color,
|
|
157
|
+
width: 12,
|
|
158
|
+
height: 12,
|
|
159
|
+
border: '2px solid white',
|
|
160
|
+
boxShadow: '0 0 0 1px ' + color,
|
|
161
|
+
}
|
|
162
|
+
: {
|
|
163
|
+
background: color,
|
|
164
|
+
width: 8,
|
|
165
|
+
height: 8,
|
|
166
|
+
};
|
|
159
167
|
// Diamond handles need to be offset to reach the tips of the rotated shape
|
|
160
168
|
// A 45° rotated square has tips at ~41% beyond the original edges
|
|
161
169
|
const diamondOffset = isDiamond ? '21%' : '0';
|
|
@@ -185,7 +193,7 @@ const CustomNode = ({ data, selected }) => {
|
|
|
185
193
|
}
|
|
186
194
|
return offsetStyle;
|
|
187
195
|
};
|
|
188
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Top, id: "top", style: getHandleStyle('top') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Left, id: "left", style: getHandleStyle('left') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Right, id: "right", style: getHandleStyle('right') }), isHexagon ? ((0, jsx_runtime_1.jsx)("div", { style: hexagonBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: hexagonInnerStyle, children: [icon && (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: (0, iconResolver_1.resolveIcon)(icon, 20) }), (0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center', wordBreak: 'break-word' }, children: displayName }), state && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
196
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Top, id: "top", style: getHandleStyle('top') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Left, id: "left", style: getHandleStyle('left') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Right, id: "right", style: getHandleStyle('right') }), isHexagon ? ((0, jsx_runtime_1.jsx)("div", { style: hexagonBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: hexagonInnerStyle, children: [icon && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: (0, iconResolver_1.resolveIcon)(icon, 20) })), (0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center', wordBreak: 'break-word' }, children: displayName }), state && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
189
197
|
fontSize: '10px',
|
|
190
198
|
backgroundColor: color,
|
|
191
199
|
color: 'white',
|
|
@@ -196,7 +204,16 @@ const CustomNode = ({ data, selected }) => {
|
|
|
196
204
|
fontSize: '10px',
|
|
197
205
|
color: '#D0021B',
|
|
198
206
|
fontWeight: 'bold',
|
|
199
|
-
}, children: "\u26A0\uFE0F" }))] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: getShapeStyles(), className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style:
|
|
207
|
+
}, children: "\u26A0\uFE0F" }))] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: getShapeStyles(), className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
208
|
+
...(isDiamond ? { transform: 'rotate(-45deg)' } : {}),
|
|
209
|
+
...(isGroup ? { width: '100%' } : {}),
|
|
210
|
+
}, children: [isGroup ? ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
211
|
+
display: 'flex',
|
|
212
|
+
alignItems: 'center',
|
|
213
|
+
justifyContent: 'center',
|
|
214
|
+
gap: '6px',
|
|
215
|
+
width: '100%',
|
|
216
|
+
}, children: [icon && (0, iconResolver_1.resolveIcon)(icon, 18), (0, jsx_runtime_1.jsx)("div", { style: { wordBreak: 'break-word' }, children: displayName })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: (0, iconResolver_1.resolveIcon)(icon, 20) })), (0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center', wordBreak: 'break-word' }, children: displayName })] })), state && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
200
217
|
fontSize: '10px',
|
|
201
218
|
backgroundColor: color,
|
|
202
219
|
color: 'white',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomNode.js","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":";;;;AACA,yCAAiD;AAGjD,wDAAoD;AAepD;;GAEG;AACH,8DAA8D;AACvD,MAAM,UAAU,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,IAAsB,CAAC;IACzC,MAAM,EACJ,cAAc,EACd,KAAK,EACL,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,aAAa,EACb,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GAAG,KAAK,GACjB,GAAG,SAAS,CAAC;IAEd,uCAAuC;IACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,YAC3E,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"CustomNode.js","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenericNode.d.ts","sourceRoot":"","sources":["../../src/nodes/GenericNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,8CAA8C;IAC9C,cAAc,EAAE,kBAAkB,CAAC;IAEnC,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"GenericNode.d.ts","sourceRoot":"","sources":["../../src/nodes/GenericNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,cAAc;IACd,EAAE,EAAE,MAAM,CAAC;IAEX,8CAA8C;IAC9C,cAAc,EAAE,kBAAkB,CAAC;IAEnC,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8BlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenericNode.js","sourceRoot":"","sources":["../../src/nodes/GenericNode.tsx"],"names":[],"mappings":";;;;AAoBA;;;GAGG;AACI,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,cAAc,EACd,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,sCAAsC;IACtC,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"GenericNode.js","sourceRoot":"","sources":["../../src/nodes/GenericNode.tsx"],"names":[],"mappings":";;;;AAoBA;;;GAGG;AACI,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,cAAc,EACd,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,sCAAsC;IACtC,MAAM,KAAK,GACT,KAAK,IAAI,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK;QAC5C,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK;QACpC,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC;IAErC,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,aAAa,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE;YACpD,YAAY,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;YAC/D,eAAe,EAAE,OAAO;YACxB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;SACpB,aAED,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,EAAE,GAAO,EAC/D,KAAK,IAAI,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAAG,KAAK,GAAO,EACxE,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAC9B,uDAAsB,6BAClB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animationMapping.d.ts","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,QAAQ,GAAG,aAAa,CAkCtE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"animationMapping.d.ts","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,eAAe,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,QAAQ,GAAG,aAAa,CAkCtE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,CAiDpF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,aAAa,GAAG,aAAa,CAShG;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAE,QAAiB,GAAG,OAAO,CAMnF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,WAAW,GAAE,MAAa,GACzB,MAAM,CAIR"}
|
|
@@ -27,28 +27,28 @@ function logLevelToNodeAnimation(level) {
|
|
|
27
27
|
type: 'pulse',
|
|
28
28
|
duration: 800,
|
|
29
29
|
intensity: 0.3,
|
|
30
|
-
color: '#94a3b8' // slate-400
|
|
30
|
+
color: '#94a3b8', // slate-400
|
|
31
31
|
};
|
|
32
32
|
case 'info':
|
|
33
33
|
return {
|
|
34
34
|
type: 'pulse',
|
|
35
35
|
duration: 1000,
|
|
36
36
|
intensity: 0.5,
|
|
37
|
-
color: '#3b82f6' // blue-500
|
|
37
|
+
color: '#3b82f6', // blue-500
|
|
38
38
|
};
|
|
39
39
|
case 'warn':
|
|
40
40
|
return {
|
|
41
41
|
type: 'pulse',
|
|
42
42
|
duration: 1200,
|
|
43
43
|
intensity: 1.0,
|
|
44
|
-
color: '#f59e0b' // amber-500
|
|
44
|
+
color: '#f59e0b', // amber-500
|
|
45
45
|
};
|
|
46
46
|
case 'error':
|
|
47
47
|
return {
|
|
48
48
|
type: 'flash', // More dramatic animation for errors
|
|
49
49
|
duration: 1500,
|
|
50
50
|
intensity: 1.0,
|
|
51
|
-
color: '#ef4444' // red-500
|
|
51
|
+
color: '#ef4444', // red-500
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
}
|
|
@@ -65,7 +65,7 @@ function actionToNodeAnimation(_action, state) {
|
|
|
65
65
|
type: 'pulse',
|
|
66
66
|
duration: 1000,
|
|
67
67
|
intensity: 0.8,
|
|
68
|
-
color: '#22c55e' // green-500
|
|
68
|
+
color: '#22c55e', // green-500
|
|
69
69
|
};
|
|
70
70
|
case 'waiting':
|
|
71
71
|
case 'pending':
|
|
@@ -73,7 +73,7 @@ function actionToNodeAnimation(_action, state) {
|
|
|
73
73
|
type: 'pulse',
|
|
74
74
|
duration: 1500,
|
|
75
75
|
intensity: 0.5,
|
|
76
|
-
color: '#eab308' // yellow-500
|
|
76
|
+
color: '#eab308', // yellow-500
|
|
77
77
|
};
|
|
78
78
|
case 'error':
|
|
79
79
|
case 'failed':
|
|
@@ -81,7 +81,7 @@ function actionToNodeAnimation(_action, state) {
|
|
|
81
81
|
type: 'shake',
|
|
82
82
|
duration: 600,
|
|
83
83
|
intensity: 1.0,
|
|
84
|
-
color: '#ef4444' // red-500
|
|
84
|
+
color: '#ef4444', // red-500
|
|
85
85
|
};
|
|
86
86
|
case 'completed':
|
|
87
87
|
case 'success':
|
|
@@ -89,7 +89,7 @@ function actionToNodeAnimation(_action, state) {
|
|
|
89
89
|
type: 'flash',
|
|
90
90
|
duration: 800,
|
|
91
91
|
intensity: 0.7,
|
|
92
|
-
color: '#22c55e' // green-500
|
|
92
|
+
color: '#22c55e', // green-500
|
|
93
93
|
};
|
|
94
94
|
default:
|
|
95
95
|
// Generic action animation
|
|
@@ -97,7 +97,7 @@ function actionToNodeAnimation(_action, state) {
|
|
|
97
97
|
type: 'pulse',
|
|
98
98
|
duration: 1000,
|
|
99
99
|
intensity: 0.6,
|
|
100
|
-
color: '#3b82f6' // blue-500
|
|
100
|
+
color: '#3b82f6', // blue-500
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
103
|
}
|
|
@@ -106,11 +106,11 @@ function actionToNodeAnimation(_action, state) {
|
|
|
106
106
|
*/
|
|
107
107
|
function actionToEdgeAnimation(_action, edgeConfig) {
|
|
108
108
|
// Use edge config if provided, otherwise default
|
|
109
|
-
return edgeConfig || {
|
|
109
|
+
return (edgeConfig || {
|
|
110
110
|
type: 'flow',
|
|
111
111
|
duration: 2000,
|
|
112
|
-
direction: 'forward'
|
|
113
|
-
};
|
|
112
|
+
direction: 'forward',
|
|
113
|
+
});
|
|
114
114
|
}
|
|
115
115
|
/**
|
|
116
116
|
* Check if log level should trigger animation
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animationMapping.js","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAiCH,0DAkCC;AAKD,
|
|
1
|
+
{"version":3,"file":"animationMapping.js","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphConverter.d.ts","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"graphConverter.d.ts","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,SAAS,EACV,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAAE,EAClB,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CA6BxB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAC3C,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CAyCxB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/D,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAChB,KAAK,EAAE,IAAI,EAAE,EACb,UAAU,GAAE,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,QAAyB,GACrF,IAAI,CAAC,CAAC,CAAC,EAAE,CAmBX"}
|
|
@@ -14,13 +14,17 @@ function convertToXYFlowNodes(nodes, configuration, violations = []) {
|
|
|
14
14
|
if (!typeDefinition) {
|
|
15
15
|
console.warn(`Node type "${node.type}" not found in configuration for node "${node.id}"`);
|
|
16
16
|
}
|
|
17
|
-
const hasViolations = violations.some(v => v.context?.nodeId === node.id);
|
|
17
|
+
const hasViolations = violations.some((v) => v.context?.nodeId === node.id);
|
|
18
|
+
// Groups should render behind other nodes and edges
|
|
19
|
+
const isGroup = node.data?.canvasType === 'group';
|
|
18
20
|
return {
|
|
19
21
|
id: node.id,
|
|
20
22
|
type: 'custom',
|
|
21
23
|
position: node.position || { x: 0, y: 0 },
|
|
24
|
+
// Groups have lower zIndex to render behind edges
|
|
25
|
+
zIndex: isGroup ? -1 : undefined,
|
|
22
26
|
data: {
|
|
23
|
-
name: node.
|
|
27
|
+
name: node.name || node.id,
|
|
24
28
|
typeDefinition,
|
|
25
29
|
state: node.state,
|
|
26
30
|
hasViolations,
|
|
@@ -39,17 +43,19 @@ function convertToXYFlowEdges(edges, configuration, violations = []) {
|
|
|
39
43
|
if (!typeDefinition) {
|
|
40
44
|
console.warn(`Edge type "${edge.type}" not found in configuration for edge "${edge.id}"`);
|
|
41
45
|
}
|
|
42
|
-
const hasViolations = violations.some(v => v.context?.edgeId === edge.id);
|
|
46
|
+
const hasViolations = violations.some((v) => v.context?.edgeId === edge.id);
|
|
43
47
|
const edgeWithHandles = edge;
|
|
44
48
|
// Add arrow marker if edge type is directed
|
|
45
49
|
// Color priority: edge data color > type definition color > default
|
|
46
50
|
const edgeColor = edge.data?.color;
|
|
47
|
-
const markerEnd = typeDefinition?.directed !== false
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
const markerEnd = typeDefinition?.directed !== false
|
|
52
|
+
? {
|
|
53
|
+
type: react_1.MarkerType.ArrowClosed,
|
|
54
|
+
color: edgeColor || typeDefinition?.color || '#888',
|
|
55
|
+
width: 20,
|
|
56
|
+
height: 20,
|
|
57
|
+
}
|
|
58
|
+
: undefined;
|
|
53
59
|
return {
|
|
54
60
|
id: edge.id,
|
|
55
61
|
source: edge.from,
|
|
@@ -72,7 +78,7 @@ function convertToXYFlowEdges(edges, configuration, violations = []) {
|
|
|
72
78
|
*/
|
|
73
79
|
function autoLayoutNodes(nodes, edges, layoutType = 'hierarchical') {
|
|
74
80
|
// Skip if all nodes have positions
|
|
75
|
-
const hasPositions = nodes.every(n => n.position.x !== 0 || n.position.y !== 0);
|
|
81
|
+
const hasPositions = nodes.every((n) => n.position.x !== 0 || n.position.y !== 0);
|
|
76
82
|
if (hasPositions || layoutType === 'manual') {
|
|
77
83
|
return nodes;
|
|
78
84
|
}
|
|
@@ -96,11 +102,11 @@ function applyHierarchicalLayout(nodes, edges) {
|
|
|
96
102
|
// Build adjacency list
|
|
97
103
|
const adjacency = new Map();
|
|
98
104
|
const inDegree = new Map();
|
|
99
|
-
nodes.forEach(node => {
|
|
105
|
+
nodes.forEach((node) => {
|
|
100
106
|
adjacency.set(node.id, []);
|
|
101
107
|
inDegree.set(node.id, 0);
|
|
102
108
|
});
|
|
103
|
-
edges.forEach(edge => {
|
|
109
|
+
edges.forEach((edge) => {
|
|
104
110
|
const targets = adjacency.get(edge.source) || [];
|
|
105
111
|
targets.push(edge.target);
|
|
106
112
|
adjacency.set(edge.source, targets);
|
|
@@ -124,7 +130,7 @@ function applyHierarchicalLayout(nodes, edges) {
|
|
|
124
130
|
currentLayer.push(nodeId);
|
|
125
131
|
visited.add(nodeId);
|
|
126
132
|
const neighbors = adjacency.get(nodeId) || [];
|
|
127
|
-
neighbors.forEach(neighbor => {
|
|
133
|
+
neighbors.forEach((neighbor) => {
|
|
128
134
|
const degree = inDegree.get(neighbor) - 1;
|
|
129
135
|
inDegree.set(neighbor, degree);
|
|
130
136
|
if (degree === 0 && !visited.has(neighbor)) {
|
|
@@ -137,22 +143,22 @@ function applyHierarchicalLayout(nodes, edges) {
|
|
|
137
143
|
}
|
|
138
144
|
}
|
|
139
145
|
// Handle any remaining nodes (cycles or disconnected)
|
|
140
|
-
const remainingNodes = nodes.filter(n => !visited.has(n.id)).map(n => n.id);
|
|
146
|
+
const remainingNodes = nodes.filter((n) => !visited.has(n.id)).map((n) => n.id);
|
|
141
147
|
if (remainingNodes.length > 0) {
|
|
142
148
|
layers.push(remainingNodes);
|
|
143
149
|
}
|
|
144
150
|
// Position nodes based on layers
|
|
145
151
|
const LAYER_HEIGHT = 150;
|
|
146
152
|
const NODE_WIDTH = 200;
|
|
147
|
-
return nodes.map(node => {
|
|
148
|
-
const layerIndex = layers.findIndex(layer => layer.includes(node.id));
|
|
153
|
+
return nodes.map((node) => {
|
|
154
|
+
const layerIndex = layers.findIndex((layer) => layer.includes(node.id));
|
|
149
155
|
const layer = layers[layerIndex] || [];
|
|
150
156
|
const positionInLayer = layer.indexOf(node.id);
|
|
151
157
|
const layerWidth = layer.length * NODE_WIDTH;
|
|
152
158
|
return {
|
|
153
159
|
...node,
|
|
154
160
|
position: {
|
|
155
|
-
x:
|
|
161
|
+
x: positionInLayer * NODE_WIDTH + NODE_WIDTH / 2 - layerWidth / 2,
|
|
156
162
|
y: layerIndex * LAYER_HEIGHT,
|
|
157
163
|
},
|
|
158
164
|
};
|