@principal-ai/subsystems-react 0.20.6 → 0.21.1
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 +1 -1
- package/dist/graphify/anchor.d.ts +17 -0
- package/dist/graphify/anchor.d.ts.map +1 -1
- package/dist/graphify/anchor.js +41 -0
- package/dist/graphify/anchor.js.map +1 -1
- package/dist/graphify/consolidated.d.ts +40 -1
- package/dist/graphify/consolidated.d.ts.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/pierre/{PierreThroughlineCodeView.d.ts → PierreWalkthroughCodeView.d.ts} +7 -7
- package/dist/pierre/{PierreThroughlineCodeView.d.ts.map → PierreWalkthroughCodeView.d.ts.map} +1 -1
- package/dist/pierre/{PierreThroughlineCodeView.js → PierreWalkthroughCodeView.js} +28 -36
- package/dist/pierre/PierreWalkthroughCodeView.js.map +1 -0
- package/dist/pierre/index.d.ts +2 -2
- package/dist/pierre/index.js +1 -1
- package/dist/pierre/pierreFileLang.d.ts +1 -1
- package/dist/pierre/pierreFileLang.js +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts +14 -2
- package/dist/stories/Subsystem/ComponentGraph/fixtures.d.ts.map +1 -1
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js +86 -20
- package/dist/stories/Subsystem/ComponentGraph/fixtures.js.map +1 -1
- package/dist/subsystem/FileDrawer.d.ts +2 -2
- package/dist/subsystem/FileDrawer.js +2 -2
- package/dist/subsystem/SubsystemComponentGraph.d.ts +25 -24
- package/dist/subsystem/SubsystemComponentGraph.d.ts.map +1 -1
- package/dist/subsystem/SubsystemComponentGraph.js +204 -199
- package/dist/subsystem/SubsystemComponentGraph.js.map +1 -1
- package/dist/subsystem/formatDeclaration.d.ts +2 -1
- package/dist/subsystem/formatDeclaration.d.ts.map +1 -1
- package/dist/subsystem/formatDeclaration.js +57 -33
- package/dist/subsystem/formatDeclaration.js.map +1 -1
- package/dist/subsystem/model.d.ts +85 -35
- package/dist/subsystem/model.d.ts.map +1 -1
- package/dist/subsystem/model.js +85 -6
- package/dist/subsystem/model.js.map +1 -1
- package/dist/subsystem/nodes.d.ts.map +1 -1
- package/dist/subsystem/nodes.js +30 -13
- package/dist/subsystem/nodes.js.map +1 -1
- package/dist/subsystem/tokenizeComponent.js +2 -2
- package/dist/subsystem/tokenizeComponent.js.map +1 -1
- package/package.json +3 -3
- package/src/graphify/anchor.test.ts +31 -2
- package/src/graphify/anchor.ts +46 -0
- package/src/graphify/consolidated.ts +43 -1
- package/src/index.ts +13 -5
- package/src/pierre/{PierreThroughlineCodeView.tsx → PierreWalkthroughCodeView.tsx} +39 -47
- package/src/pierre/index.ts +2 -2
- package/src/pierre/pierreFileLang.ts +1 -1
- package/src/stories/Pierre/CodeView.stories.tsx +3 -3
- package/src/stories/Subsystem/ComponentDeclarationAudit.stories.tsx +14 -14
- package/src/stories/Subsystem/ComponentGraph/Appearance.stories.tsx +13 -15
- package/src/stories/Subsystem/ComponentGraph/Basics.stories.tsx +8 -8
- package/src/stories/Subsystem/ComponentGraph/Captures.stories.tsx +14 -14
- package/src/stories/Subsystem/ComponentGraph/CustomEntities.stories.tsx +11 -10
- package/src/stories/Subsystem/ComponentGraph/DetailPanel.stories.tsx +13 -14
- package/src/stories/Subsystem/ComponentGraph/Flows.stories.tsx +31 -66
- package/src/stories/Subsystem/ComponentGraph/FrameworkStereotype.stories.tsx +2 -2
- package/src/stories/Subsystem/ComponentGraph/GraphTitle.stories.tsx +4 -4
- package/src/stories/Subsystem/ComponentGraph/Processes.stories.tsx +3 -3
- package/src/stories/Subsystem/ComponentGraph/Proposed.stories.tsx +1 -1
- package/src/stories/Subsystem/ComponentGraph/Scenarios.stories.tsx +518 -33
- package/src/stories/Subsystem/ComponentGraph/Spotlights.stories.tsx +13 -13
- package/src/stories/Subsystem/ComponentGraph/fixtures.ts +105 -21
- package/src/subsystem/FileDrawer.tsx +2 -2
- package/src/subsystem/SubsystemComponentGraph.tsx +268 -259
- package/src/subsystem/formatDeclaration.test.ts +76 -1
- package/src/subsystem/formatDeclaration.ts +57 -33
- package/src/subsystem/model.test.ts +27 -15
- package/src/subsystem/model.ts +175 -45
- package/src/subsystem/nodes.tsx +47 -13
- package/src/subsystem/tokenizeComponent.ts +2 -2
- package/dist/components/ConfigurationSelector.d.ts +0 -35
- package/dist/components/ConfigurationSelector.d.ts.map +0 -1
- package/dist/components/ConfigurationSelector.js +0 -63
- package/dist/components/ConfigurationSelector.js.map +0 -1
- package/dist/components/GraphRenderer.d.ts +0 -295
- package/dist/components/GraphRenderer.d.ts.map +0 -1
- package/dist/components/GraphRenderer.js +0 -2008
- package/dist/components/GraphRenderer.js.map +0 -1
- package/dist/components/MultiCanvasRenderer.d.ts +0 -75
- package/dist/components/MultiCanvasRenderer.d.ts.map +0 -1
- package/dist/components/MultiCanvasRenderer.js +0 -203
- package/dist/components/MultiCanvasRenderer.js.map +0 -1
- package/dist/components/NodeTooltip.d.ts +0 -24
- package/dist/components/NodeTooltip.d.ts.map +0 -1
- package/dist/components/NodeTooltip.js +0 -160
- package/dist/components/NodeTooltip.js.map +0 -1
- package/dist/components/SelectionSidebar.d.ts +0 -18
- package/dist/components/SelectionSidebar.d.ts.map +0 -1
- package/dist/components/SelectionSidebar.js +0 -190
- package/dist/components/SelectionSidebar.js.map +0 -1
- package/dist/components/SequenceDiagramRenderer.d.ts +0 -77
- package/dist/components/SequenceDiagramRenderer.d.ts.map +0 -1
- package/dist/components/SequenceDiagramRenderer.js +0 -604
- package/dist/components/SequenceDiagramRenderer.js.map +0 -1
- package/dist/components/WorkflowSequenceDiagram.d.ts +0 -63
- package/dist/components/WorkflowSequenceDiagram.d.ts.map +0 -1
- package/dist/components/WorkflowSequenceDiagram.js +0 -147
- package/dist/components/WorkflowSequenceDiagram.js.map +0 -1
- package/dist/components/dashboard/DashboardRenderer.d.ts +0 -10
- package/dist/components/dashboard/DashboardRenderer.d.ts.map +0 -1
- package/dist/components/dashboard/DashboardRenderer.js +0 -179
- package/dist/components/dashboard/DashboardRenderer.js.map +0 -1
- package/dist/components/dashboard/MetricPanel.d.ts +0 -10
- package/dist/components/dashboard/MetricPanel.d.ts.map +0 -1
- package/dist/components/dashboard/MetricPanel.js +0 -103
- package/dist/components/dashboard/MetricPanel.js.map +0 -1
- package/dist/components/dashboard/MockDataProvider.d.ts +0 -30
- package/dist/components/dashboard/MockDataProvider.d.ts.map +0 -1
- package/dist/components/dashboard/MockDataProvider.js +0 -270
- package/dist/components/dashboard/MockDataProvider.js.map +0 -1
- package/dist/components/dashboard/components/BarChart.d.ts +0 -10
- package/dist/components/dashboard/components/BarChart.d.ts.map +0 -1
- package/dist/components/dashboard/components/BarChart.js +0 -167
- package/dist/components/dashboard/components/BarChart.js.map +0 -1
- package/dist/components/dashboard/components/LineChart.d.ts +0 -10
- package/dist/components/dashboard/components/LineChart.d.ts.map +0 -1
- package/dist/components/dashboard/components/LineChart.js +0 -141
- package/dist/components/dashboard/components/LineChart.js.map +0 -1
- package/dist/components/dashboard/components/MetricCard.d.ts +0 -9
- package/dist/components/dashboard/components/MetricCard.d.ts.map +0 -1
- package/dist/components/dashboard/components/MetricCard.js +0 -163
- package/dist/components/dashboard/components/MetricCard.js.map +0 -1
- package/dist/components/dashboard/components/SourceLink.d.ts +0 -9
- package/dist/components/dashboard/components/SourceLink.d.ts.map +0 -1
- package/dist/components/dashboard/components/SourceLink.js +0 -39
- package/dist/components/dashboard/components/SourceLink.js.map +0 -1
- package/dist/components/dashboard/components/TimeRangeSelector.d.ts +0 -9
- package/dist/components/dashboard/components/TimeRangeSelector.d.ts.map +0 -1
- package/dist/components/dashboard/components/TimeRangeSelector.js +0 -167
- package/dist/components/dashboard/components/TimeRangeSelector.js.map +0 -1
- package/dist/components/dashboard/components/index.d.ts +0 -6
- package/dist/components/dashboard/components/index.d.ts.map +0 -1
- package/dist/components/dashboard/components/index.js +0 -6
- package/dist/components/dashboard/components/index.js.map +0 -1
- package/dist/components/dashboard/index.d.ts +0 -6
- package/dist/components/dashboard/index.d.ts.map +0 -1
- package/dist/components/dashboard/index.js +0 -8
- package/dist/components/dashboard/index.js.map +0 -1
- package/dist/components/dashboard/types.d.ts +0 -74
- package/dist/components/dashboard/types.d.ts.map +0 -1
- package/dist/components/dashboard/types.js +0 -8
- package/dist/components/dashboard/types.js.map +0 -1
- package/dist/components/state-view/PipelineView.d.ts +0 -14
- package/dist/components/state-view/PipelineView.d.ts.map +0 -1
- package/dist/components/state-view/PipelineView.js +0 -195
- package/dist/components/state-view/PipelineView.js.map +0 -1
- package/dist/components/state-view/index.d.ts +0 -14
- package/dist/components/state-view/index.d.ts.map +0 -1
- package/dist/components/state-view/index.js +0 -12
- package/dist/components/state-view/index.js.map +0 -1
- package/dist/components/state-view/types.d.ts +0 -188
- package/dist/components/state-view/types.d.ts.map +0 -1
- package/dist/components/state-view/types.js +0 -10
- package/dist/components/state-view/types.js.map +0 -1
- package/dist/components/state-view/useStateView.d.ts +0 -32
- package/dist/components/state-view/useStateView.d.ts.map +0 -1
- package/dist/components/state-view/useStateView.js +0 -129
- package/dist/components/state-view/useStateView.js.map +0 -1
- package/dist/contexts/GraphEditContext.d.ts +0 -20
- package/dist/contexts/GraphEditContext.d.ts.map +0 -1
- package/dist/contexts/GraphEditContext.js +0 -8
- package/dist/contexts/GraphEditContext.js.map +0 -1
- package/dist/contexts/TooltipPortalContext.d.ts +0 -8
- package/dist/contexts/TooltipPortalContext.d.ts.map +0 -1
- package/dist/contexts/TooltipPortalContext.js +0 -8
- package/dist/contexts/TooltipPortalContext.js.map +0 -1
- package/dist/edges/CustomEdge.d.ts +0 -24
- package/dist/edges/CustomEdge.d.ts.map +0 -1
- package/dist/edges/CustomEdge.js +0 -222
- package/dist/edges/CustomEdge.js.map +0 -1
- package/dist/edges/GenericEdge.d.ts +0 -18
- package/dist/edges/GenericEdge.d.ts.map +0 -1
- package/dist/edges/GenericEdge.js +0 -10
- package/dist/edges/GenericEdge.js.map +0 -1
- package/dist/graphify/kind.d.ts +0 -23
- package/dist/graphify/kind.d.ts.map +0 -1
- package/dist/graphify/kind.js +0 -77
- package/dist/graphify/kind.js.map +0 -1
- package/dist/hooks/usePathBasedEvents.d.ts +0 -42
- package/dist/hooks/usePathBasedEvents.d.ts.map +0 -1
- package/dist/hooks/usePathBasedEvents.js +0 -119
- package/dist/hooks/usePathBasedEvents.js.map +0 -1
- package/dist/hooks/useSequenceLayout.d.ts +0 -186
- package/dist/hooks/useSequenceLayout.d.ts.map +0 -1
- package/dist/hooks/useSequenceLayout.js +0 -327
- package/dist/hooks/useSequenceLayout.js.map +0 -1
- package/dist/hooks/useUndoRedo.d.ts +0 -80
- package/dist/hooks/useUndoRedo.d.ts.map +0 -1
- package/dist/hooks/useUndoRedo.js +0 -70
- package/dist/hooks/useUndoRedo.js.map +0 -1
- package/dist/nodes/CustomNode.d.ts +0 -28
- package/dist/nodes/CustomNode.d.ts.map +0 -1
- package/dist/nodes/CustomNode.js +0 -820
- package/dist/nodes/CustomNode.js.map +0 -1
- package/dist/nodes/GenericNode.d.ts +0 -20
- package/dist/nodes/GenericNode.d.ts.map +0 -1
- package/dist/nodes/GenericNode.js +0 -20
- package/dist/nodes/GenericNode.js.map +0 -1
- package/dist/nodes/otel/OtelBoundaryNode.d.ts +0 -55
- package/dist/nodes/otel/OtelBoundaryNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelBoundaryNode.js +0 -81
- package/dist/nodes/otel/OtelBoundaryNode.js.map +0 -1
- package/dist/nodes/otel/OtelEventNode.d.ts +0 -59
- package/dist/nodes/otel/OtelEventNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelEventNode.js +0 -82
- package/dist/nodes/otel/OtelEventNode.js.map +0 -1
- package/dist/nodes/otel/OtelResourceNode.d.ts +0 -53
- package/dist/nodes/otel/OtelResourceNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelResourceNode.js +0 -105
- package/dist/nodes/otel/OtelResourceNode.js.map +0 -1
- package/dist/nodes/otel/OtelScopeNode.d.ts +0 -53
- package/dist/nodes/otel/OtelScopeNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelScopeNode.js +0 -81
- package/dist/nodes/otel/OtelScopeNode.js.map +0 -1
- package/dist/nodes/otel/OtelSpanConventionNode.d.ts +0 -61
- package/dist/nodes/otel/OtelSpanConventionNode.d.ts.map +0 -1
- package/dist/nodes/otel/OtelSpanConventionNode.js +0 -131
- package/dist/nodes/otel/OtelSpanConventionNode.js.map +0 -1
- package/dist/nodes/otel/index.d.ts +0 -17
- package/dist/nodes/otel/index.d.ts.map +0 -1
- package/dist/nodes/otel/index.js +0 -13
- package/dist/nodes/otel/index.js.map +0 -1
- package/dist/nodes/otel/shared/NodeBadges.d.ts +0 -10
- package/dist/nodes/otel/shared/NodeBadges.d.ts.map +0 -1
- package/dist/nodes/otel/shared/NodeBadges.js +0 -178
- package/dist/nodes/otel/shared/NodeBadges.js.map +0 -1
- package/dist/nodes/otel/shared/NodeContent.d.ts +0 -10
- package/dist/nodes/otel/shared/NodeContent.d.ts.map +0 -1
- package/dist/nodes/otel/shared/NodeContent.js +0 -96
- package/dist/nodes/otel/shared/NodeContent.js.map +0 -1
- package/dist/nodes/otel/shared/index.d.ts +0 -8
- package/dist/nodes/otel/shared/index.d.ts.map +0 -1
- package/dist/nodes/otel/shared/index.js +0 -8
- package/dist/nodes/otel/shared/index.js.map +0 -1
- package/dist/nodes/otel/shared/types.d.ts +0 -129
- package/dist/nodes/otel/shared/types.d.ts.map +0 -1
- package/dist/nodes/otel/shared/types.js +0 -5
- package/dist/nodes/otel/shared/types.js.map +0 -1
- package/dist/nodes/otel/shared/useNodeBehavior.d.ts +0 -42
- package/dist/nodes/otel/shared/useNodeBehavior.d.ts.map +0 -1
- package/dist/nodes/otel/shared/useNodeBehavior.js +0 -61
- package/dist/nodes/otel/shared/useNodeBehavior.js.map +0 -1
- package/dist/pierre/PierreThroughlineCodeView.js.map +0 -1
- package/dist/subsystem/SubsystemCarousel.d.ts +0 -36
- package/dist/subsystem/SubsystemCarousel.d.ts.map +0 -1
- package/dist/subsystem/SubsystemCarousel.js +0 -163
- package/dist/subsystem/SubsystemCarousel.js.map +0 -1
- package/dist/utils/animationMapping.d.ts +0 -53
- package/dist/utils/animationMapping.d.ts.map +0 -1
- package/dist/utils/animationMapping.js +0 -126
- package/dist/utils/animationMapping.js.map +0 -1
- package/dist/utils/canvasBounds.d.ts +0 -50
- package/dist/utils/canvasBounds.d.ts.map +0 -1
- package/dist/utils/canvasBounds.js +0 -88
- package/dist/utils/canvasBounds.js.map +0 -1
- package/dist/utils/graphConverter.d.ts +0 -18
- package/dist/utils/graphConverter.d.ts.map +0 -1
- package/dist/utils/graphConverter.js +0 -114
- package/dist/utils/graphConverter.js.map +0 -1
- package/dist/utils/iconResolver.d.ts +0 -29
- package/dist/utils/iconResolver.d.ts.map +0 -1
- package/dist/utils/iconResolver.js +0 -30
- package/dist/utils/iconResolver.js.map +0 -1
- package/dist/utils/orientationUtils.d.ts +0 -19
- package/dist/utils/orientationUtils.d.ts.map +0 -1
- package/dist/utils/orientationUtils.js +0 -62
- package/dist/utils/orientationUtils.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SubsystemCarousel.js","sourceRoot":"","sources":["../../src/subsystem/SubsystemCarousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Animation mapping utilities
|
|
3
|
-
*
|
|
4
|
-
* Maps log levels and component events to appropriate animations
|
|
5
|
-
* for Milestone 1 default visualization behavior
|
|
6
|
-
*/
|
|
7
|
-
import type { LogLevel } from '@principal-ai/subsystems-core';
|
|
8
|
-
/**
|
|
9
|
-
* Node animation configuration
|
|
10
|
-
*/
|
|
11
|
-
export interface NodeAnimation {
|
|
12
|
-
type: 'pulse' | 'flash' | 'shake' | 'entry';
|
|
13
|
-
duration: number;
|
|
14
|
-
intensity?: number;
|
|
15
|
-
color?: string;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Edge animation configuration
|
|
19
|
-
*/
|
|
20
|
-
export interface EdgeAnimation {
|
|
21
|
-
type: 'flow' | 'particle' | 'pulse' | 'glow';
|
|
22
|
-
duration: number;
|
|
23
|
-
direction?: 'forward' | 'backward' | 'bidirectional';
|
|
24
|
-
color?: string;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Map log level to node animation
|
|
28
|
-
*
|
|
29
|
-
* Default behavior for Milestone 1:
|
|
30
|
-
* - debug: subtle pulse (low intensity)
|
|
31
|
-
* - info: standard pulse (medium intensity)
|
|
32
|
-
* - warn: amber pulse (high intensity)
|
|
33
|
-
* - error: red flash + shake
|
|
34
|
-
*/
|
|
35
|
-
export declare function logLevelToNodeAnimation(level: LogLevel): NodeAnimation;
|
|
36
|
-
/**
|
|
37
|
-
* Map component action to node animation (Milestone 2)
|
|
38
|
-
*/
|
|
39
|
-
export declare function actionToNodeAnimation(_action: string, state?: string): NodeAnimation;
|
|
40
|
-
/**
|
|
41
|
-
* Get animation config for edge based on action (Milestone 2)
|
|
42
|
-
*/
|
|
43
|
-
export declare function actionToEdgeAnimation(_action: string, edgeConfig?: EdgeAnimation): EdgeAnimation;
|
|
44
|
-
/**
|
|
45
|
-
* Check if log level should trigger animation
|
|
46
|
-
*/
|
|
47
|
-
export declare function shouldAnimate(level: LogLevel, minLevel?: LogLevel): boolean;
|
|
48
|
-
/**
|
|
49
|
-
* Calculate animation intensity based on frequency
|
|
50
|
-
* Used to adjust animation intensity when multiple logs occur rapidly
|
|
51
|
-
*/
|
|
52
|
-
export declare function calculateIntensity(baseIntensity: number, eventCount: number, _timeWindow?: number): number;
|
|
53
|
-
//# sourceMappingURL=animationMapping.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animationMapping.d.ts","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D;;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"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Animation mapping utilities
|
|
3
|
-
*
|
|
4
|
-
* Maps log levels and component events to appropriate animations
|
|
5
|
-
* for Milestone 1 default visualization behavior
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Map log level to node animation
|
|
9
|
-
*
|
|
10
|
-
* Default behavior for Milestone 1:
|
|
11
|
-
* - debug: subtle pulse (low intensity)
|
|
12
|
-
* - info: standard pulse (medium intensity)
|
|
13
|
-
* - warn: amber pulse (high intensity)
|
|
14
|
-
* - error: red flash + shake
|
|
15
|
-
*/
|
|
16
|
-
export function logLevelToNodeAnimation(level) {
|
|
17
|
-
switch (level) {
|
|
18
|
-
case 'debug':
|
|
19
|
-
return {
|
|
20
|
-
type: 'pulse',
|
|
21
|
-
duration: 800,
|
|
22
|
-
intensity: 0.3,
|
|
23
|
-
color: '#94a3b8', // slate-400
|
|
24
|
-
};
|
|
25
|
-
case 'info':
|
|
26
|
-
return {
|
|
27
|
-
type: 'pulse',
|
|
28
|
-
duration: 1000,
|
|
29
|
-
intensity: 0.5,
|
|
30
|
-
color: '#3b82f6', // blue-500
|
|
31
|
-
};
|
|
32
|
-
case 'warn':
|
|
33
|
-
return {
|
|
34
|
-
type: 'pulse',
|
|
35
|
-
duration: 1200,
|
|
36
|
-
intensity: 1.0,
|
|
37
|
-
color: '#f59e0b', // amber-500
|
|
38
|
-
};
|
|
39
|
-
case 'error':
|
|
40
|
-
return {
|
|
41
|
-
type: 'flash',
|
|
42
|
-
duration: 1500,
|
|
43
|
-
intensity: 1.0,
|
|
44
|
-
color: '#ef4444', // red-500
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* Map component action to node animation (Milestone 2)
|
|
50
|
-
*/
|
|
51
|
-
export function actionToNodeAnimation(_action, state) {
|
|
52
|
-
// Default mapping - can be overridden by configuration
|
|
53
|
-
switch (state) {
|
|
54
|
-
case 'acquired':
|
|
55
|
-
case 'active':
|
|
56
|
-
case 'processing':
|
|
57
|
-
return {
|
|
58
|
-
type: 'pulse',
|
|
59
|
-
duration: 1000,
|
|
60
|
-
intensity: 0.8,
|
|
61
|
-
color: '#22c55e', // green-500
|
|
62
|
-
};
|
|
63
|
-
case 'waiting':
|
|
64
|
-
case 'pending':
|
|
65
|
-
return {
|
|
66
|
-
type: 'pulse',
|
|
67
|
-
duration: 1500,
|
|
68
|
-
intensity: 0.5,
|
|
69
|
-
color: '#eab308', // yellow-500
|
|
70
|
-
};
|
|
71
|
-
case 'error':
|
|
72
|
-
case 'failed':
|
|
73
|
-
return {
|
|
74
|
-
type: 'shake',
|
|
75
|
-
duration: 600,
|
|
76
|
-
intensity: 1.0,
|
|
77
|
-
color: '#ef4444', // red-500
|
|
78
|
-
};
|
|
79
|
-
case 'completed':
|
|
80
|
-
case 'success':
|
|
81
|
-
return {
|
|
82
|
-
type: 'flash',
|
|
83
|
-
duration: 800,
|
|
84
|
-
intensity: 0.7,
|
|
85
|
-
color: '#22c55e', // green-500
|
|
86
|
-
};
|
|
87
|
-
default:
|
|
88
|
-
// Generic action animation
|
|
89
|
-
return {
|
|
90
|
-
type: 'pulse',
|
|
91
|
-
duration: 1000,
|
|
92
|
-
intensity: 0.6,
|
|
93
|
-
color: '#3b82f6', // blue-500
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Get animation config for edge based on action (Milestone 2)
|
|
99
|
-
*/
|
|
100
|
-
export function actionToEdgeAnimation(_action, edgeConfig) {
|
|
101
|
-
// Use edge config if provided, otherwise default
|
|
102
|
-
return (edgeConfig || {
|
|
103
|
-
type: 'flow',
|
|
104
|
-
duration: 2000,
|
|
105
|
-
direction: 'forward',
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
/**
|
|
109
|
-
* Check if log level should trigger animation
|
|
110
|
-
*/
|
|
111
|
-
export function shouldAnimate(level, minLevel = 'info') {
|
|
112
|
-
const levels = ['debug', 'info', 'warn', 'error'];
|
|
113
|
-
const minIndex = levels.indexOf(minLevel);
|
|
114
|
-
const currentIndex = levels.indexOf(level);
|
|
115
|
-
return currentIndex >= minIndex;
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* Calculate animation intensity based on frequency
|
|
119
|
-
* Used to adjust animation intensity when multiple logs occur rapidly
|
|
120
|
-
*/
|
|
121
|
-
export function calculateIntensity(baseIntensity, eventCount, _timeWindow = 1000) {
|
|
122
|
-
// Reduce intensity if too many events in time window
|
|
123
|
-
const scaleFactor = Math.min(1.0, 5.0 / eventCount);
|
|
124
|
-
return Math.max(0.2, baseIntensity * scaleFactor);
|
|
125
|
-
}
|
|
126
|
-
//# sourceMappingURL=animationMapping.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animationMapping.js","sourceRoot":"","sources":["../../src/utils/animationMapping.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import type { ExtendedCanvas } from '@principal-ai/subsystems-core';
|
|
2
|
-
export interface CanvasBounds {
|
|
3
|
-
minX: number;
|
|
4
|
-
minY: number;
|
|
5
|
-
maxX: number;
|
|
6
|
-
maxY: number;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Calculate the bounding box of all nodes in a canvas.
|
|
12
|
-
* Returns the min/max coordinates and total dimensions.
|
|
13
|
-
*/
|
|
14
|
-
export declare function getCanvasBounds(canvas: ExtendedCanvas): CanvasBounds;
|
|
15
|
-
export interface Viewport {
|
|
16
|
-
x: number;
|
|
17
|
-
y: number;
|
|
18
|
-
zoom: number;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Calculate the initial viewport to fit all nodes within a container.
|
|
22
|
-
* This allows setting defaultViewport on ReactFlow to avoid the
|
|
23
|
-
* "zoom in then animate out" effect.
|
|
24
|
-
*
|
|
25
|
-
* @param bounds - The bounding box of all nodes
|
|
26
|
-
* @param containerWidth - Width of the container in pixels
|
|
27
|
-
* @param containerHeight - Height of the container in pixels
|
|
28
|
-
* @param options - Additional options for padding and zoom limits
|
|
29
|
-
* @returns The viewport { x, y, zoom } to pass to ReactFlow's defaultViewport
|
|
30
|
-
*/
|
|
31
|
-
export declare function calculateInitialViewport(bounds: CanvasBounds, containerWidth: number, containerHeight: number, options?: {
|
|
32
|
-
padding?: number;
|
|
33
|
-
minZoom?: number;
|
|
34
|
-
maxZoom?: number;
|
|
35
|
-
}): Viewport;
|
|
36
|
-
/**
|
|
37
|
-
* Calculate a recommended display size for a canvas cell.
|
|
38
|
-
* Adds padding and enforces minimum dimensions.
|
|
39
|
-
*/
|
|
40
|
-
export declare function getCanvasDisplaySize(canvas: ExtendedCanvas, options?: {
|
|
41
|
-
padding?: number;
|
|
42
|
-
minWidth?: number;
|
|
43
|
-
minHeight?: number;
|
|
44
|
-
maxWidth?: number;
|
|
45
|
-
maxHeight?: number;
|
|
46
|
-
}): {
|
|
47
|
-
width: number;
|
|
48
|
-
height: number;
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=canvasBounds.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"canvasBounds.d.ts","sourceRoot":"","sources":["../../src/utils/canvasBounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,YAAY,CAqCpE;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,YAAY,EACpB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACb,GACL,QAAQ,CA2BV;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACf,GACL;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAoBnC"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
const DEFAULT_NODE_WIDTH = 200;
|
|
2
|
-
const DEFAULT_NODE_HEIGHT = 100;
|
|
3
|
-
/**
|
|
4
|
-
* Calculate the bounding box of all nodes in a canvas.
|
|
5
|
-
* Returns the min/max coordinates and total dimensions.
|
|
6
|
-
*/
|
|
7
|
-
export function getCanvasBounds(canvas) {
|
|
8
|
-
if (!canvas.nodes || canvas.nodes.length === 0) {
|
|
9
|
-
return {
|
|
10
|
-
minX: 0,
|
|
11
|
-
minY: 0,
|
|
12
|
-
maxX: DEFAULT_NODE_WIDTH,
|
|
13
|
-
maxY: DEFAULT_NODE_HEIGHT,
|
|
14
|
-
width: DEFAULT_NODE_WIDTH,
|
|
15
|
-
height: DEFAULT_NODE_HEIGHT,
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
let minX = Infinity;
|
|
19
|
-
let minY = Infinity;
|
|
20
|
-
let maxX = -Infinity;
|
|
21
|
-
let maxY = -Infinity;
|
|
22
|
-
for (const node of canvas.nodes) {
|
|
23
|
-
const x = node.x ?? 0;
|
|
24
|
-
const y = node.y ?? 0;
|
|
25
|
-
const width = node.width ?? DEFAULT_NODE_WIDTH;
|
|
26
|
-
const height = node.height ?? DEFAULT_NODE_HEIGHT;
|
|
27
|
-
minX = Math.min(minX, x);
|
|
28
|
-
minY = Math.min(minY, y);
|
|
29
|
-
maxX = Math.max(maxX, x + width);
|
|
30
|
-
maxY = Math.max(maxY, y + height);
|
|
31
|
-
}
|
|
32
|
-
return {
|
|
33
|
-
minX,
|
|
34
|
-
minY,
|
|
35
|
-
maxX,
|
|
36
|
-
maxY,
|
|
37
|
-
width: maxX - minX,
|
|
38
|
-
height: maxY - minY,
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Calculate the initial viewport to fit all nodes within a container.
|
|
43
|
-
* This allows setting defaultViewport on ReactFlow to avoid the
|
|
44
|
-
* "zoom in then animate out" effect.
|
|
45
|
-
*
|
|
46
|
-
* @param bounds - The bounding box of all nodes
|
|
47
|
-
* @param containerWidth - Width of the container in pixels
|
|
48
|
-
* @param containerHeight - Height of the container in pixels
|
|
49
|
-
* @param options - Additional options for padding and zoom limits
|
|
50
|
-
* @returns The viewport { x, y, zoom } to pass to ReactFlow's defaultViewport
|
|
51
|
-
*/
|
|
52
|
-
export function calculateInitialViewport(bounds, containerWidth, containerHeight, options = {}) {
|
|
53
|
-
const { padding = 0.2, minZoom = 0.1, maxZoom = 1.5 } = options;
|
|
54
|
-
// Calculate the zoom level needed to fit the bounds within the container
|
|
55
|
-
// Account for padding by reducing the effective container size
|
|
56
|
-
const effectiveWidth = containerWidth * (1 - padding);
|
|
57
|
-
const effectiveHeight = containerHeight * (1 - padding);
|
|
58
|
-
const zoomX = effectiveWidth / bounds.width;
|
|
59
|
-
const zoomY = effectiveHeight / bounds.height;
|
|
60
|
-
// Use the smaller zoom to ensure both dimensions fit
|
|
61
|
-
let zoom = Math.min(zoomX, zoomY);
|
|
62
|
-
// Clamp to min/max zoom
|
|
63
|
-
zoom = Math.max(minZoom, Math.min(maxZoom, zoom));
|
|
64
|
-
// Calculate the center of the bounds
|
|
65
|
-
const boundsCenterX = bounds.minX + bounds.width / 2;
|
|
66
|
-
const boundsCenterY = bounds.minY + bounds.height / 2;
|
|
67
|
-
// Calculate viewport position to center the bounds
|
|
68
|
-
// ReactFlow viewport x,y represent the offset of the canvas origin from the container's top-left
|
|
69
|
-
const x = containerWidth / 2 - boundsCenterX * zoom;
|
|
70
|
-
const y = containerHeight / 2 - boundsCenterY * zoom;
|
|
71
|
-
return { x, y, zoom };
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Calculate a recommended display size for a canvas cell.
|
|
75
|
-
* Adds padding and enforces minimum dimensions.
|
|
76
|
-
*/
|
|
77
|
-
export function getCanvasDisplaySize(canvas, options = {}) {
|
|
78
|
-
const { padding = 100, minWidth = 300, minHeight = 200, maxWidth = 1200, maxHeight = 800, } = options;
|
|
79
|
-
const bounds = getCanvasBounds(canvas);
|
|
80
|
-
// Add padding to content dimensions
|
|
81
|
-
const contentWidth = bounds.width + padding * 2;
|
|
82
|
-
const contentHeight = bounds.height + padding * 2;
|
|
83
|
-
// Clamp to min/max
|
|
84
|
-
const width = Math.min(maxWidth, Math.max(minWidth, contentWidth));
|
|
85
|
-
const height = Math.min(maxHeight, Math.max(minHeight, contentHeight));
|
|
86
|
-
return { width, height };
|
|
87
|
-
}
|
|
88
|
-
//# sourceMappingURL=canvasBounds.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"canvasBounds.js","sourceRoot":"","sources":["../../src/utils/canvasBounds.ts"],"names":[],"mappings":"AAWA,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,MAAsB;IACpD,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QAC9C,OAAO;YACL,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,kBAAkB;YACzB,MAAM,EAAE,mBAAmB;SAC5B,CAAC;KACH;IAED,IAAI,IAAI,GAAG,QAAQ,CAAC;IACpB,IAAI,IAAI,GAAG,QAAQ,CAAC;IACpB,IAAI,IAAI,GAAG,CAAC,QAAQ,CAAC;IACrB,IAAI,IAAI,GAAG,CAAC,QAAQ,CAAC;IAErB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,kBAAkB,CAAC;QAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,mBAAmB,CAAC;QAElD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACzB,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACzB,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC;QACjC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;KACnC;IAED,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,KAAK,EAAE,IAAI,GAAG,IAAI;QAClB,MAAM,EAAE,IAAI,GAAG,IAAI;KACpB,CAAC;AACJ,CAAC;AAQD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,wBAAwB,CACtC,MAAoB,EACpB,cAAsB,EACtB,eAAuB,EACvB,UAII,EAAE;IAEN,MAAM,EAAE,OAAO,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC;IAEhE,yEAAyE;IACzE,+DAA+D;IAC/D,MAAM,cAAc,GAAG,cAAc,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,eAAe,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5C,MAAM,KAAK,GAAG,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IAE9C,qDAAqD;IACrD,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElC,wBAAwB;IACxB,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAElD,qCAAqC;IACrC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtD,mDAAmD;IACnD,iGAAiG;IACjG,MAAM,CAAC,GAAG,cAAc,GAAG,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC;IACpD,MAAM,CAAC,GAAG,eAAe,GAAG,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC;IAErD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;AACxB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,MAAsB,EACtB,UAMI,EAAE;IAEN,MAAM,EACJ,OAAO,GAAG,GAAG,EACb,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,GAAG,GAChB,GAAG,OAAO,CAAC;IAEZ,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAEvC,oCAAoC;IACpC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC;IAElD,mBAAmB;IACnB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type Node, type Edge } from '@xyflow/react';
|
|
2
|
-
import type { NodeState, EdgeState, GraphConfiguration, Violation } from '@principal-ai/subsystems-core';
|
|
3
|
-
import type { CustomNodeData } from '../nodes/CustomNode';
|
|
4
|
-
import type { CustomEdgeData } from '../edges/CustomEdge';
|
|
5
|
-
/**
|
|
6
|
-
* Convert our NodeState to xyflow Node format
|
|
7
|
-
*/
|
|
8
|
-
export declare function convertToXYFlowNodes(nodes: NodeState[], configuration: GraphConfiguration, violations?: Violation[]): Node<CustomNodeData>[];
|
|
9
|
-
/** Extended edge state with optional handle information for ReactFlow */
|
|
10
|
-
export interface EdgeStateWithHandles extends EdgeState {
|
|
11
|
-
sourceHandle?: string;
|
|
12
|
-
targetHandle?: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Convert our EdgeState to xyflow Edge format
|
|
16
|
-
*/
|
|
17
|
-
export declare function convertToXYFlowEdges(edges: (EdgeState | EdgeStateWithHandles)[], configuration: GraphConfiguration, violations?: Violation[]): Edge<CustomEdgeData>[];
|
|
18
|
-
//# sourceMappingURL=graphConverter.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,+BAA+B,CAAC;AACvC,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,CA8CxB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;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,CAmDxB"}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { MarkerType } from '@xyflow/react';
|
|
2
|
-
/**
|
|
3
|
-
* Convert our NodeState to xyflow Node format
|
|
4
|
-
*/
|
|
5
|
-
export function convertToXYFlowNodes(nodes, configuration, violations = []) {
|
|
6
|
-
return nodes.map((node) => {
|
|
7
|
-
let typeDefinition = configuration.nodeTypes[node.type];
|
|
8
|
-
// Warn if node type is not defined in configuration
|
|
9
|
-
if (!typeDefinition) {
|
|
10
|
-
console.warn(`Node type "${node.type}" not found in configuration for node "${node.id}"`);
|
|
11
|
-
// Provide minimal typeDefinition with global states fallback to prevent undefined errors
|
|
12
|
-
typeDefinition = {
|
|
13
|
-
description: '',
|
|
14
|
-
shape: 'rectangle',
|
|
15
|
-
dataSchema: {},
|
|
16
|
-
states: configuration.states,
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
else if (!typeDefinition.states && configuration.states) {
|
|
20
|
-
// If typeDefinition exists but has no states, use global states as fallback
|
|
21
|
-
typeDefinition = {
|
|
22
|
-
...typeDefinition,
|
|
23
|
-
states: configuration.states,
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
const hasViolations = violations.some((v) => v.context?.nodeId === node.id);
|
|
27
|
-
// Groups should render behind other nodes and edges
|
|
28
|
-
const isGroup = node.data?.canvasType === 'group';
|
|
29
|
-
return {
|
|
30
|
-
id: node.id,
|
|
31
|
-
type: 'custom',
|
|
32
|
-
position: node.position || { x: 0, y: 0 },
|
|
33
|
-
// Groups have lower zIndex to render behind other nodes
|
|
34
|
-
// Use 1 for groups, 100 for regular nodes (positive values to avoid event handling issues)
|
|
35
|
-
zIndex: isGroup ? 1 : 100,
|
|
36
|
-
// Apply persisted dimensions if available
|
|
37
|
-
...(node.width !== undefined ? { width: node.width } : {}),
|
|
38
|
-
...(node.height !== undefined ? { height: node.height } : {}),
|
|
39
|
-
data: {
|
|
40
|
-
name: node.name || node.id,
|
|
41
|
-
typeDefinition,
|
|
42
|
-
state: node.state,
|
|
43
|
-
hasViolations,
|
|
44
|
-
data: node.data,
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Map canvas side to source handle ID
|
|
51
|
-
* Source handles use '-out' suffix
|
|
52
|
-
*/
|
|
53
|
-
function sideToSourceHandle(side) {
|
|
54
|
-
if (!side)
|
|
55
|
-
return undefined;
|
|
56
|
-
return `${side}-out`;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Map canvas side to target handle ID
|
|
60
|
-
* Target handles use the side name directly
|
|
61
|
-
*/
|
|
62
|
-
function sideToTargetHandle(side) {
|
|
63
|
-
return side;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Convert our EdgeState to xyflow Edge format
|
|
67
|
-
*/
|
|
68
|
-
export function convertToXYFlowEdges(edges, configuration, violations = []) {
|
|
69
|
-
return edges.map((edge) => {
|
|
70
|
-
const typeDefinition = configuration.edgeTypes[edge.type];
|
|
71
|
-
// Warn if edge type is not defined in configuration
|
|
72
|
-
if (!typeDefinition) {
|
|
73
|
-
console.warn(`Edge type "${edge.type}" not found in configuration for edge "${edge.id}"`);
|
|
74
|
-
}
|
|
75
|
-
const hasViolations = violations.some((v) => v.context?.edgeId === edge.id);
|
|
76
|
-
const edgeWithHandles = edge;
|
|
77
|
-
// Get handle IDs from edge data (fromSide/toSide) or explicit handles
|
|
78
|
-
// If no side specified, default to right->left for left-to-right flow
|
|
79
|
-
const fromSide = edge.data?.fromSide;
|
|
80
|
-
const toSide = edge.data?.toSide;
|
|
81
|
-
const sourceHandle = edgeWithHandles.sourceHandle || sideToSourceHandle(fromSide || 'right');
|
|
82
|
-
const targetHandle = edgeWithHandles.targetHandle || sideToTargetHandle(toSide || 'left');
|
|
83
|
-
// Add arrow marker if edge type is directed
|
|
84
|
-
// Color priority: edge data color > type definition color > default
|
|
85
|
-
const edgeColor = edge.data?.color;
|
|
86
|
-
const markerEnd = typeDefinition?.directed !== false
|
|
87
|
-
? {
|
|
88
|
-
type: MarkerType.ArrowClosed,
|
|
89
|
-
color: edgeColor || typeDefinition?.color || '#888',
|
|
90
|
-
width: 20,
|
|
91
|
-
height: 20,
|
|
92
|
-
}
|
|
93
|
-
: undefined;
|
|
94
|
-
return {
|
|
95
|
-
id: edge.id,
|
|
96
|
-
source: edge.from,
|
|
97
|
-
target: edge.to,
|
|
98
|
-
sourceHandle,
|
|
99
|
-
targetHandle,
|
|
100
|
-
type: 'custom',
|
|
101
|
-
// Edges should render above groups (zIndex: 1) but below regular nodes (zIndex: 100)
|
|
102
|
-
zIndex: 50,
|
|
103
|
-
animated: typeDefinition?.style === 'animated',
|
|
104
|
-
markerEnd,
|
|
105
|
-
data: {
|
|
106
|
-
typeDefinition,
|
|
107
|
-
hasViolations,
|
|
108
|
-
data: edge.data,
|
|
109
|
-
edgeType: edge.type,
|
|
110
|
-
},
|
|
111
|
-
};
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
//# sourceMappingURL=graphConverter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"graphConverter.js","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Icon Resolver
|
|
4
|
-
*
|
|
5
|
-
* Resolves icon strings to React components. Supports:
|
|
6
|
-
* 1. Lucide icon names (e.g., "Database", "Settings", "Package")
|
|
7
|
-
* 2. Emoji/Unicode strings (e.g., "⚙️", "💾", "📦")
|
|
8
|
-
*
|
|
9
|
-
* This keeps configurations JSON-serializable while supporting icon libraries.
|
|
10
|
-
*/
|
|
11
|
-
export interface IconProps {
|
|
12
|
-
icon?: string;
|
|
13
|
-
size?: number;
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Resolves an icon string to a React element
|
|
18
|
-
*
|
|
19
|
-
* @param icon - Icon name (Lucide) or emoji/text string
|
|
20
|
-
* @param size - Icon size in pixels (default: 20)
|
|
21
|
-
* @param className - Optional CSS class
|
|
22
|
-
* @returns React element or null
|
|
23
|
-
*/
|
|
24
|
-
export declare function resolveIcon(icon?: string, size?: number, className?: string): React.ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Icon component that resolves icon strings
|
|
27
|
-
*/
|
|
28
|
-
export declare const Icon: React.FC<IconProps>;
|
|
29
|
-
//# sourceMappingURL=iconResolver.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"iconResolver.d.ts","sourceRoot":"","sources":["../../src/utils/iconResolver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;GAQG;AAEH,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,MAAW,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAkBjG;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEpC,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import * as LucideIcons from 'lucide-react';
|
|
3
|
-
/**
|
|
4
|
-
* Resolves an icon string to a React element
|
|
5
|
-
*
|
|
6
|
-
* @param icon - Icon name (Lucide) or emoji/text string
|
|
7
|
-
* @param size - Icon size in pixels (default: 20)
|
|
8
|
-
* @param className - Optional CSS class
|
|
9
|
-
* @returns React element or null
|
|
10
|
-
*/
|
|
11
|
-
export function resolveIcon(icon, size = 20, className) {
|
|
12
|
-
if (!icon)
|
|
13
|
-
return null;
|
|
14
|
-
// Try to resolve as Lucide icon first
|
|
15
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
16
|
-
const LucideIcon = LucideIcons[icon];
|
|
17
|
-
// Check if it's a valid React component (function or object with $$typeof)
|
|
18
|
-
if (LucideIcon && (typeof LucideIcon === 'function' || typeof LucideIcon === 'object')) {
|
|
19
|
-
return _jsx(LucideIcon, { size: size, className: className });
|
|
20
|
-
}
|
|
21
|
-
// Fall back to rendering as text (emoji or unicode)
|
|
22
|
-
return (_jsx("span", { className: className, style: { fontSize: `${size}px` }, children: icon }));
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Icon component that resolves icon strings
|
|
26
|
-
*/
|
|
27
|
-
export const Icon = ({ icon, size = 20, className }) => {
|
|
28
|
-
return _jsx(_Fragment, { children: resolveIcon(icon, size, className) });
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=iconResolver.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"iconResolver.js","sourceRoot":"","sources":["../../src/utils/iconResolver.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAkB5C;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,IAAa,EAAE,OAAe,EAAE,EAAE,SAAkB;IAC9E,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,sCAAsC;IACtC,8DAA8D;IAC9D,MAAM,UAAU,GAAI,WAAmB,CAAC,IAAI,CAAC,CAAC;IAE9C,2EAA2E;IAC3E,IAAI,UAAU,IAAI,CAAC,OAAO,UAAU,KAAK,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,CAAC,EAAE;QACtF,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;KACzD;IAED,oDAAoD;IACpD,OAAO,CACL,eAAM,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,YACzD,IAAI,GACA,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1E,OAAO,4BAAG,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,GAAI,CAAC;AACnD,CAAC,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { NodeState, EdgeState } from '@principal-ai/subsystems-core';
|
|
2
|
-
/**
|
|
3
|
-
* Swaps the orientation of a graph from horizontal to vertical or vice versa.
|
|
4
|
-
* This swaps x/y coordinates and adjusts edge connection sides accordingly.
|
|
5
|
-
*/
|
|
6
|
-
export declare function swapGraphOrientation(nodes: NodeState[], edges: EdgeState[]): {
|
|
7
|
-
nodes: NodeState[];
|
|
8
|
-
edges: EdgeState[];
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* Swaps x and y positions for all nodes
|
|
12
|
-
*/
|
|
13
|
-
export declare function swapNodePositions(nodes: NodeState[]): NodeState[];
|
|
14
|
-
/**
|
|
15
|
-
* Swaps edge connection sides to match the new orientation
|
|
16
|
-
* Both sides rotate clockwise: top → right → bottom → left → top
|
|
17
|
-
*/
|
|
18
|
-
export declare function swapEdgeSides(edges: EdgeState[]): EdgeState[];
|
|
19
|
-
//# sourceMappingURL=orientationUtils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"orientationUtils.d.ts","sourceRoot":"","sources":["../../src/utils/orientationUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,+BAA+B,CAAC;AAEtF;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAAE,EAClB,KAAK,EAAE,SAAS,EAAE,GACjB;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAK5C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAQjE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAuB7D"}
|