@principal-ai/principal-view-react 0.14.37 → 0.15.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/components/GraphRenderer.d.ts +6 -0
- package/dist/components/GraphRenderer.d.ts.map +1 -1
- package/dist/components/GraphRenderer.js +9 -37
- package/dist/components/GraphRenderer.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/nodes/otel/OtelBoundaryNode.d.ts.map +1 -1
- package/dist/nodes/otel/OtelBoundaryNode.js +1 -12
- package/dist/nodes/otel/OtelBoundaryNode.js.map +1 -1
- package/dist/nodes/otel/OtelResourceNode.d.ts.map +1 -1
- package/dist/nodes/otel/OtelResourceNode.js +1 -12
- package/dist/nodes/otel/OtelResourceNode.js.map +1 -1
- package/dist/nodes/otel/OtelScopeNode.d.ts +1 -1
- package/dist/nodes/otel/OtelScopeNode.d.ts.map +1 -1
- package/dist/nodes/otel/OtelScopeNode.js +3 -14
- package/dist/nodes/otel/OtelScopeNode.js.map +1 -1
- package/dist/nodes/otel/OtelSpanConventionNode.d.ts.map +1 -1
- package/dist/nodes/otel/OtelSpanConventionNode.js +1 -15
- package/dist/nodes/otel/OtelSpanConventionNode.js.map +1 -1
- package/package.json +3 -3
- package/src/components/GraphRenderer.tsx +16 -37
- package/src/index.ts +0 -2
- package/src/nodes/otel/OtelBoundaryNode.tsx +1 -13
- package/src/nodes/otel/OtelResourceNode.tsx +1 -13
- package/src/nodes/otel/OtelScopeNode.tsx +5 -17
- package/src/nodes/otel/OtelSpanConventionNode.tsx +1 -16
- package/src/stories/BacklogMdCanvases.stories.tsx +721 -0
- package/src/stories/ValidationEventsCanvas.stories.tsx +2 -2
- package/src/stories/data/graph-converter-test-execution.json +49 -49
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtelResourceNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelResourceNode.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"OtelResourceNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelResourceNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtelScopeNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelScopeNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"OtelScopeNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelScopeNode.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQrD,MAAM,WAAW,iBAAkB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;KAC7C,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CA0KtE,CAAC"}
|
|
@@ -5,17 +5,6 @@ import { NodeTooltip } from '../../components/NodeTooltip';
|
|
|
5
5
|
import { NodeBadges } from './shared/NodeBadges';
|
|
6
6
|
import { NodeContent } from './shared/NodeContent';
|
|
7
7
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
8
|
-
function hexToLightColor(hexColor, lightness = 0.88) {
|
|
9
|
-
const hex = hexColor.replace('#', '');
|
|
10
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
11
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
12
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
13
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
14
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
15
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
16
|
-
const toHex = (n) => n.toString(16).padStart(2, '0');
|
|
17
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
18
|
-
}
|
|
19
8
|
export const OtelScopeNode = ({ data, selected, dragging, }) => {
|
|
20
9
|
const { theme } = useTheme();
|
|
21
10
|
const nodeProps = data;
|
|
@@ -58,7 +47,7 @@ export const OtelScopeNode = ({ data, selected, dragging, }) => {
|
|
|
58
47
|
const borderStyle = status === 'draft' ? 'dotted' : status === 'approved' ? 'dashed' : 'solid';
|
|
59
48
|
const circleStyle = {
|
|
60
49
|
padding: '8px',
|
|
61
|
-
backgroundColor:
|
|
50
|
+
backgroundColor: fillColor,
|
|
62
51
|
color: '#000',
|
|
63
52
|
border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
|
|
64
53
|
fontSize: theme.fontSizes[0],
|
|
@@ -82,11 +71,11 @@ export const OtelScopeNode = ({ data, selected, dragging, }) => {
|
|
|
82
71
|
transition: 'box-shadow 0.2s ease, opacity 0.3s ease',
|
|
83
72
|
animationDuration: animationType ? `${animationDuration}ms` : undefined,
|
|
84
73
|
boxSizing: 'border-box',
|
|
85
|
-
borderRadius: '
|
|
74
|
+
borderRadius: '12px',
|
|
86
75
|
};
|
|
87
76
|
const handleStyle = editable
|
|
88
77
|
? { background: fillColor, width: 12, height: 12, border: '2px solid white', boxShadow: '0 0 0 1px ' + fillColor }
|
|
89
78
|
: { background: fillColor, width: 8, height: 8, opacity: 0, pointerEvents: 'none' };
|
|
90
|
-
return (_jsxs(_Fragment, { children: [editable && (_jsx(NodeResizer, { color: strokeColor, isVisible: selected, minWidth: 40, minHeight: 40, keepAspectRatio:
|
|
79
|
+
return (_jsxs(_Fragment, { children: [editable && (_jsx(NodeResizer, { color: strokeColor, isVisible: selected, minWidth: 40, minHeight: 40, keepAspectRatio: false, onResizeEnd: handleResizeEnd, handleStyle: { width: 8, height: 8, borderRadius: 2, zIndex: 20 }, lineStyle: { borderWidth: 1, zIndex: 20 } })), _jsx(Handle, { type: "target", position: Position.Top, id: "top", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Bottom, id: "bottom", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", style: handleStyle }), _jsx(Handle, { type: "target", position: Position.Right, id: "right", style: handleStyle }), _jsxs("div", { ref: nodeRef, style: { position: 'relative', width: '100%', height: '100%' }, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(NodeBadges, { shape: "rectangle", status: status, sourceFiles: sourceFiles, references: references, opacity: nodeOpacity }), _jsx("div", { style: circleStyle, className: getAnimationClass(), children: _jsx(NodeContent, { displayName: displayName, identifier: identifier, icon: icon, state: state, stateDefinitions: stateDefinitions, hasViolations: hasViolations }) }), tooltipsEnabled && (_jsx(NodeTooltip, { description: description, otel: nodeData.otel, sources: nodeData.sources, references: references, visible: showTooltip, nodeRef: nodeRef }))] }), _jsx(Handle, { type: "source", position: Position.Top, id: "top-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Left, id: "left-out", style: handleStyle }), _jsx(Handle, { type: "source", position: Position.Right, id: "right-out", style: handleStyle })] }));
|
|
91
80
|
};
|
|
92
81
|
//# sourceMappingURL=OtelScopeNode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtelScopeNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelScopeNode.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"OtelScopeNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelScopeNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtelSpanConventionNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelSpanConventionNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"OtelSpanConventionNode.d.ts","sourceRoot":"","sources":["../../../src/nodes/otel/OtelSpanConventionNode.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC5E,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;QAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;SAClB,CAAC;QACF,gCAAgC;QAChC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;QAC/B,6CAA6C;QAC7C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/C,qCAAqC;QACrC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,SAAS,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAwO5C,CAAC"}
|
|
@@ -5,20 +5,6 @@ import { NodeTooltip } from '../../components/NodeTooltip';
|
|
|
5
5
|
import { NodeBadges } from './shared/NodeBadges';
|
|
6
6
|
import { NodeContent } from './shared/NodeContent';
|
|
7
7
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
8
|
-
/**
|
|
9
|
-
* Converts a hex color to a lighter/tinted version
|
|
10
|
-
*/
|
|
11
|
-
function hexToLightColor(hexColor, lightness = 0.88) {
|
|
12
|
-
const hex = hexColor.replace('#', '');
|
|
13
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
14
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
15
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
16
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
17
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
18
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
19
|
-
const toHex = (n) => n.toString(16).padStart(2, '0');
|
|
20
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
21
|
-
}
|
|
22
8
|
export const OtelSpanConventionNode = ({ data, selected, dragging }) => {
|
|
23
9
|
const { theme } = useTheme();
|
|
24
10
|
const nodeProps = data;
|
|
@@ -100,7 +86,7 @@ export const OtelSpanConventionNode = ({ data, selected, dragging }) => {
|
|
|
100
86
|
right: hexagonBorderWidth,
|
|
101
87
|
bottom: hexagonBorderWidth,
|
|
102
88
|
clipPath: hexagonClipPath,
|
|
103
|
-
backgroundColor:
|
|
89
|
+
backgroundColor: fillColor,
|
|
104
90
|
color: '#000',
|
|
105
91
|
display: 'flex',
|
|
106
92
|
flexDirection: 'column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtelSpanConventionNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelSpanConventionNode.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"OtelSpanConventionNode.js","sourceRoot":"","sources":["../../../src/nodes/otel/OtelSpanConventionNode.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ai/principal-view-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0",
|
|
4
4
|
"description": "React components for graph-based principal view framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@principal-ade/industry-theme": "^0.1.7",
|
|
35
|
-
"@principal-ai/principal-view-core": "^0.
|
|
35
|
+
"@principal-ai/principal-view-core": "^0.27.0",
|
|
36
36
|
"react": "^18.0.0 || ^19.0.0",
|
|
37
37
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@principal-ai/principal-view-core": "0.
|
|
40
|
+
"@principal-ai/principal-view-core": "0.27.1",
|
|
41
41
|
"@principal-ade/industry-theme": "0.1.7",
|
|
42
42
|
"@storybook/addon-docs": "10.1.2",
|
|
43
43
|
"@storybook/addon-links": "10.1.2",
|
|
@@ -342,6 +342,13 @@ export interface GraphRendererProps extends GraphRendererBaseProps {
|
|
|
342
342
|
*/
|
|
343
343
|
spansCanvas?: ExtendedCanvas;
|
|
344
344
|
|
|
345
|
+
/**
|
|
346
|
+
* Optional scopes canvas containing scope definitions with colors.
|
|
347
|
+
* Required for scope-based node coloring.
|
|
348
|
+
* Replaces library.scopes (which is now deprecated).
|
|
349
|
+
*/
|
|
350
|
+
scopesCanvas?: ExtendedCanvas;
|
|
351
|
+
|
|
345
352
|
/**
|
|
346
353
|
* Optional span pattern for the current workflow context.
|
|
347
354
|
* When provided, event nodes will use the span color from spansCanvas as their fill.
|
|
@@ -2550,13 +2557,14 @@ const GraphRendererInner: React.FC<GraphRendererInnerProps> = ({
|
|
|
2550
2557
|
* Convert canvas to legacy configuration format for internal use
|
|
2551
2558
|
*
|
|
2552
2559
|
* Color Contract:
|
|
2553
|
-
* - scopeColor: Used as border color (from
|
|
2560
|
+
* - scopeColor: Used as border color (from .scopes.canvas)
|
|
2554
2561
|
* - spanColor: Used as fill color (from .spans.canvas based on workflow context)
|
|
2555
2562
|
*/
|
|
2556
2563
|
function useCanvasToLegacy(
|
|
2557
2564
|
canvas: ExtendedCanvas | undefined,
|
|
2558
2565
|
library?: ComponentLibrary,
|
|
2559
2566
|
spansCanvas?: ExtendedCanvas,
|
|
2567
|
+
scopesCanvas?: ExtendedCanvas,
|
|
2560
2568
|
workflowSpanPattern?: string
|
|
2561
2569
|
): {
|
|
2562
2570
|
configuration: GraphConfiguration;
|
|
@@ -2580,8 +2588,8 @@ function useCanvasToLegacy(
|
|
|
2580
2588
|
}
|
|
2581
2589
|
}
|
|
2582
2590
|
|
|
2583
|
-
// Build scope color map from
|
|
2584
|
-
const scopeColorMap = buildScopeColorMap(
|
|
2591
|
+
// Build scope color map from scopes canvas (for fill colors)
|
|
2592
|
+
const scopeColorMap = buildScopeColorMap(scopesCanvas);
|
|
2585
2593
|
|
|
2586
2594
|
// Build span color map from spans canvas (for border colors in workflow context)
|
|
2587
2595
|
const spanColorMap = buildSpanColorMap(spansCanvas);
|
|
@@ -2590,7 +2598,7 @@ function useCanvasToLegacy(
|
|
|
2590
2598
|
const spanColor = resolveEventSpanColor(workflowSpanPattern, spanColorMap);
|
|
2591
2599
|
|
|
2592
2600
|
// Inject scope and span colors into nodes
|
|
2593
|
-
// - scopeColor: fill/background color (from otel.scope →
|
|
2601
|
+
// - scopeColor: fill/background color (from otel.scope → scopes.canvas)
|
|
2594
2602
|
// - spanColor: border color in workflow context (from workflow spanPattern → spans.canvas)
|
|
2595
2603
|
for (const node of nodes) {
|
|
2596
2604
|
const otel = node.data?.otel as { scope?: string } | undefined;
|
|
@@ -2618,36 +2626,7 @@ function useCanvasToLegacy(
|
|
|
2618
2626
|
const nodeTypes: GraphConfiguration['nodeTypes'] = {};
|
|
2619
2627
|
const edgeTypes: GraphConfiguration['edgeTypes'] = {};
|
|
2620
2628
|
|
|
2621
|
-
//
|
|
2622
|
-
if (library?.nodeComponents) {
|
|
2623
|
-
for (const [id, component] of Object.entries(library.nodeComponents)) {
|
|
2624
|
-
nodeTypes[id] = {
|
|
2625
|
-
description: component.description,
|
|
2626
|
-
shape: component.shape || 'rectangle',
|
|
2627
|
-
icon: component.icon,
|
|
2628
|
-
color: component.color,
|
|
2629
|
-
size: component.size,
|
|
2630
|
-
dataSchema: component.dataSchema || {},
|
|
2631
|
-
states: component.states || library.states, // Fallback to global library states
|
|
2632
|
-
layout: component.layout,
|
|
2633
|
-
};
|
|
2634
|
-
}
|
|
2635
|
-
}
|
|
2636
|
-
|
|
2637
|
-
// Then, add edge types from library
|
|
2638
|
-
if (library?.edgeComponents) {
|
|
2639
|
-
for (const [id, component] of Object.entries(library.edgeComponents)) {
|
|
2640
|
-
edgeTypes[id] = {
|
|
2641
|
-
style: component.style || 'solid',
|
|
2642
|
-
color: component.color,
|
|
2643
|
-
width: component.width,
|
|
2644
|
-
directed: component.directed,
|
|
2645
|
-
animation: component.animation,
|
|
2646
|
-
};
|
|
2647
|
-
}
|
|
2648
|
-
}
|
|
2649
|
-
|
|
2650
|
-
// Next, add node types from canvas nodeTypes (overrides library)
|
|
2629
|
+
// Add node types from canvas nodeTypes
|
|
2651
2630
|
if (canvas.nodeTypes) {
|
|
2652
2631
|
for (const [id, def] of Object.entries(canvas.nodeTypes)) {
|
|
2653
2632
|
nodeTypes[id] = {
|
|
@@ -2757,11 +2736,10 @@ function useCanvasToLegacy(
|
|
|
2757
2736
|
edgeTypes,
|
|
2758
2737
|
allowedConnections,
|
|
2759
2738
|
display,
|
|
2760
|
-
states: library?.states, // Add global states from library as fallback
|
|
2761
2739
|
};
|
|
2762
2740
|
|
|
2763
2741
|
return { configuration, nodes, edges };
|
|
2764
|
-
}, [canvas, library, spansCanvas, workflowSpanPattern]);
|
|
2742
|
+
}, [canvas, library, spansCanvas, scopesCanvas, workflowSpanPattern]);
|
|
2765
2743
|
}
|
|
2766
2744
|
|
|
2767
2745
|
/**
|
|
@@ -2790,6 +2768,7 @@ export const GraphRenderer = forwardRef<GraphRendererHandle, GraphRendererProps>
|
|
|
2790
2768
|
canvas,
|
|
2791
2769
|
library,
|
|
2792
2770
|
spansCanvas,
|
|
2771
|
+
scopesCanvas,
|
|
2793
2772
|
workflowSpanPattern,
|
|
2794
2773
|
className,
|
|
2795
2774
|
width = '100%',
|
|
@@ -2811,7 +2790,7 @@ export const GraphRenderer = forwardRef<GraphRendererHandle, GraphRendererProps>
|
|
|
2811
2790
|
|
|
2812
2791
|
// Convert canvas to internal format (merging library types if provided)
|
|
2813
2792
|
// Also inject scope colors (for border) and span colors (for fill)
|
|
2814
|
-
const canvasData = useCanvasToLegacy(canvas, library, spansCanvas, workflowSpanPattern);
|
|
2793
|
+
const canvasData = useCanvasToLegacy(canvas, library, spansCanvas, scopesCanvas, workflowSpanPattern);
|
|
2815
2794
|
|
|
2816
2795
|
// Calculate initial viewport if container dimensions are provided
|
|
2817
2796
|
// This avoids the "zoom in then animate out" effect on initial render
|
package/src/index.ts
CHANGED
|
@@ -18,18 +18,6 @@ import { NodeContent } from './shared/NodeContent';
|
|
|
18
18
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
19
19
|
import type { BoundaryData } from './shared/types';
|
|
20
20
|
|
|
21
|
-
function hexToLightColor(hexColor: string, lightness = 0.88): string {
|
|
22
|
-
const hex = hexColor.replace('#', '');
|
|
23
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
24
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
25
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
26
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
27
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
28
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
29
|
-
const toHex = (n: number) => n.toString(16).padStart(2, '0');
|
|
30
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
21
|
export interface OtelBoundaryNodeData extends Record<string, unknown> {
|
|
34
22
|
name: string;
|
|
35
23
|
typeDefinition: {
|
|
@@ -140,7 +128,7 @@ export const OtelBoundaryNode: React.FC<NodeProps<Node<OtelBoundaryNodeData>>> =
|
|
|
140
128
|
|
|
141
129
|
const boundaryStyle: React.CSSProperties = {
|
|
142
130
|
padding: '12px 16px',
|
|
143
|
-
backgroundColor:
|
|
131
|
+
backgroundColor: fillColor,
|
|
144
132
|
color: '#000',
|
|
145
133
|
border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
|
|
146
134
|
fontSize: theme.fontSizes[0],
|
|
@@ -16,18 +16,6 @@ import { NodeBadges } from './shared/NodeBadges';
|
|
|
16
16
|
import { NodeContent } from './shared/NodeContent';
|
|
17
17
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
18
18
|
|
|
19
|
-
function hexToLightColor(hexColor: string, lightness = 0.88): string {
|
|
20
|
-
const hex = hexColor.replace('#', '');
|
|
21
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
22
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
23
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
24
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
25
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
26
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
27
|
-
const toHex = (n: number) => n.toString(16).padStart(2, '0');
|
|
28
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
19
|
export interface OtelResourceNodeData extends Record<string, unknown> {
|
|
32
20
|
name: string;
|
|
33
21
|
typeDefinition: {
|
|
@@ -170,7 +158,7 @@ export const OtelResourceNode: React.FC<NodeProps<Node<OtelResourceNodeData>>> =
|
|
|
170
158
|
right: diamondBorderWidth,
|
|
171
159
|
bottom: diamondBorderWidth,
|
|
172
160
|
clipPath: diamondClipPath,
|
|
173
|
-
backgroundColor:
|
|
161
|
+
backgroundColor: fillColor,
|
|
174
162
|
color: '#000',
|
|
175
163
|
display: 'flex',
|
|
176
164
|
flexDirection: 'column',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* OTEL Scope Node
|
|
3
3
|
*
|
|
4
|
-
* Renders scope nodes as
|
|
4
|
+
* Renders scope nodes as rounded rectangles with:
|
|
5
5
|
* - Scope name identifier
|
|
6
6
|
* - Status, sources, and references badges
|
|
7
7
|
*/
|
|
@@ -16,18 +16,6 @@ import { NodeBadges } from './shared/NodeBadges';
|
|
|
16
16
|
import { NodeContent } from './shared/NodeContent';
|
|
17
17
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
18
18
|
|
|
19
|
-
function hexToLightColor(hexColor: string, lightness = 0.88): string {
|
|
20
|
-
const hex = hexColor.replace('#', '');
|
|
21
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
22
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
23
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
24
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
25
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
26
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
27
|
-
const toHex = (n: number) => n.toString(16).padStart(2, '0');
|
|
28
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
19
|
export interface OtelScopeNodeData extends Record<string, unknown> {
|
|
32
20
|
name: string;
|
|
33
21
|
typeDefinition: {
|
|
@@ -137,7 +125,7 @@ export const OtelScopeNode: React.FC<NodeProps<Node<OtelScopeNodeData>>> = ({
|
|
|
137
125
|
|
|
138
126
|
const circleStyle: React.CSSProperties = {
|
|
139
127
|
padding: '8px',
|
|
140
|
-
backgroundColor:
|
|
128
|
+
backgroundColor: fillColor,
|
|
141
129
|
color: '#000',
|
|
142
130
|
border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
|
|
143
131
|
fontSize: theme.fontSizes[0],
|
|
@@ -161,7 +149,7 @@ export const OtelScopeNode: React.FC<NodeProps<Node<OtelScopeNodeData>>> = ({
|
|
|
161
149
|
transition: 'box-shadow 0.2s ease, opacity 0.3s ease',
|
|
162
150
|
animationDuration: animationType ? `${animationDuration}ms` : undefined,
|
|
163
151
|
boxSizing: 'border-box',
|
|
164
|
-
borderRadius: '
|
|
152
|
+
borderRadius: '12px',
|
|
165
153
|
};
|
|
166
154
|
|
|
167
155
|
const handleStyle = editable
|
|
@@ -176,7 +164,7 @@ export const OtelScopeNode: React.FC<NodeProps<Node<OtelScopeNodeData>>> = ({
|
|
|
176
164
|
isVisible={selected}
|
|
177
165
|
minWidth={40}
|
|
178
166
|
minHeight={40}
|
|
179
|
-
keepAspectRatio={
|
|
167
|
+
keepAspectRatio={false}
|
|
180
168
|
onResizeEnd={handleResizeEnd}
|
|
181
169
|
handleStyle={{ width: 8, height: 8, borderRadius: 2, zIndex: 20 }}
|
|
182
170
|
lineStyle={{ borderWidth: 1, zIndex: 20 }}
|
|
@@ -196,7 +184,7 @@ export const OtelScopeNode: React.FC<NodeProps<Node<OtelScopeNodeData>>> = ({
|
|
|
196
184
|
onMouseLeave={handleMouseLeave}
|
|
197
185
|
>
|
|
198
186
|
<NodeBadges
|
|
199
|
-
shape="
|
|
187
|
+
shape="rectangle"
|
|
200
188
|
status={status}
|
|
201
189
|
sourceFiles={sourceFiles}
|
|
202
190
|
references={references}
|
|
@@ -18,21 +18,6 @@ import { NodeContent } from './shared/NodeContent';
|
|
|
18
18
|
import { useNodeBehavior } from './shared/useNodeBehavior';
|
|
19
19
|
import type { WorkflowChip } from './shared/types';
|
|
20
20
|
|
|
21
|
-
/**
|
|
22
|
-
* Converts a hex color to a lighter/tinted version
|
|
23
|
-
*/
|
|
24
|
-
function hexToLightColor(hexColor: string, lightness = 0.88): string {
|
|
25
|
-
const hex = hexColor.replace('#', '');
|
|
26
|
-
const r = parseInt(hex.substring(0, 2), 16);
|
|
27
|
-
const g = parseInt(hex.substring(2, 4), 16);
|
|
28
|
-
const b = parseInt(hex.substring(4, 6), 16);
|
|
29
|
-
const newR = Math.round(r + (255 - r) * lightness);
|
|
30
|
-
const newG = Math.round(g + (255 - g) * lightness);
|
|
31
|
-
const newB = Math.round(b + (255 - b) * lightness);
|
|
32
|
-
const toHex = (n: number) => n.toString(16).padStart(2, '0');
|
|
33
|
-
return `#${toHex(newR)}${toHex(newG)}${toHex(newB)}`;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
21
|
export interface OtelSpanConventionNodeData extends Record<string, unknown> {
|
|
37
22
|
name: string;
|
|
38
23
|
typeDefinition: {
|
|
@@ -190,7 +175,7 @@ export const OtelSpanConventionNode: React.FC<
|
|
|
190
175
|
right: hexagonBorderWidth,
|
|
191
176
|
bottom: hexagonBorderWidth,
|
|
192
177
|
clipPath: hexagonClipPath,
|
|
193
|
-
backgroundColor:
|
|
178
|
+
backgroundColor: fillColor,
|
|
194
179
|
color: '#000',
|
|
195
180
|
display: 'flex',
|
|
196
181
|
flexDirection: 'column',
|