@likec4/diagram 1.40.0 → 1.42.0

package/dist/{state → likec4diagram/state}/diagram-machine.d.ts

@@ -1,19 +1,18 @@
 import { BBox } from '@likec4/core';
 import { DiagramEdge, DiagramNode, DiagramView, DynamicViewDisplayVariant, EdgeId, Fqn, NodeId, NodeNotation as ElementNotation, StepEdgeId, ViewId, XYPoint } from '@likec4/core/types';
-import { ReactFlowInstance, useStoreApi } from '@xyflow/react';
 import { EdgeChange, NodeChange, Rect, Viewport } from '@xyflow/system';
 import { MouseEvent } from 'react';
 import { PartialDeep } from 'type-fest';
 import { ActorLogicFrom, ActorRef, AnyEventObject, Snapshot, StateMachine, ActorRefFromLogic, Values, NonReducibleUnknown, MetaObject, ConditionalRequired, InputFrom, RequiredActorOptions, IsNotNever, GetConcreteByKey, AnyActorLogic, RequiredLogicInput, MachineSnapshot, AnyActorRef, StateValue, ActionFunction, CancelAction, StopAction } from 'xstate';
-import { EnabledFeatures, FeatureName } from '../context/DiagramFeatures';
-import { OpenSourceParams, ViewPadding } from '../LikeC4Diagram.props';
-import { Types } from '../likec4diagram/types';
+import { EnabledFeatures, FeatureName } from '../../context/DiagramFeatures';
+import { XYFlowInstance, XYStoreApi } from '../../hooks/useXYFlow';
+import { OpenSourceParams, ViewPadding } from '../../LikeC4Diagram.props';
+import { Types } from '../types';
 import { AlignmentMode } from './aligners';
 import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
 import { Events as SyncLayoutEvents, SyncLayoutActorLogic } from './syncManualLayoutActor';
-import { OverlaysActorLogic } from '../overlays/overlaysActor';
-import { SearchActorLogic } from '../search/searchActor';
-export type XYStoreApi = ReturnType<typeof useStoreApi<Types.Node, Types.Edge>>;
+import { OverlaysActorLogic } from '../../overlays/overlaysActor';
+import { SearchActorLogic } from '../../search/searchActor';
 export interface NavigationHistory {
     history: ReadonlyArray<{
         viewId: ViewId;
@@ -62,7 +61,7 @@ export interface Context extends Input {
         nodeRectScreen?: Rect | null;
     };
     viewportBeforeFocus: null | Viewport;
-    xyflow: ReactFlowInstance<Types.Node, Types.Edge> | null;
+    xyflow: XYFlowInstance | null;
     syncLayoutActorRef: null | ActorRef<Snapshot<unknown>, SyncLayoutEvents, AnyEventObject>;
     dynamicViewVariant: DynamicViewDisplayVariant;
     activeWalkthrough: null | {
@@ -72,7 +71,7 @@ export interface Context extends Input {
 }
 export type Events = HotKeyEvent | {
     type: 'xyflow.init';
-    instance: ReactFlowInstance<Types.Node, Types.Edge>;
+    instance: XYFlowInstance;
 } | {
     type: 'xyflow.applyNodeChanges';
     changes: NodeChange<Types.Node>[];
@@ -203,6 +202,9 @@ export type Events = HotKeyEvent | {
     forceValue?: boolean;
 };
 export type EmittedEvents = {
+    type: 'initialized';
+    instance: XYFlowInstance;
+} | {
     type: 'navigateTo';
     viewId: ViewId;
 } | {
@@ -269,26 +271,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         id: "search";
     };
 }>, Values<{
-    onNodeMouseEnter: {
-        type: "onNodeMouseEnter";
-        params: {
-            node: Types.Node;
-        };
-    };
-    onNodeMouseLeave: {
-        type: "onNodeMouseLeave";
-        params: {
-            node: Types.Node;
-        };
-    };
-    onEdgeMouseEnter: {
-        type: "onEdgeMouseEnter";
-        params: NonReducibleUnknown;
-    };
-    onEdgeMouseLeave: {
-        type: "onEdgeMouseLeave";
-        params: NonReducibleUnknown;
-    };
     "layout.align": {
         type: "layout.align";
         params: {
@@ -321,10 +303,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "trigger:NavigateTo";
         params: NonReducibleUnknown;
     };
-    "trigger:OpenSource": {
-        type: "trigger:OpenSource";
-        params: OpenSourceParams;
-    };
     "assign lastClickedNode": {
         type: "assign lastClickedNode";
         params: NonReducibleUnknown;
@@ -394,6 +372,26 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "stopSyncLayout";
         params: NonReducibleUnknown;
     };
+    onNodeMouseEnter: {
+        type: "onNodeMouseEnter";
+        params: {
+            node: Types.Node;
+        };
+    };
+    onNodeMouseLeave: {
+        type: "onNodeMouseLeave";
+        params: {
+            node: Types.Node;
+        };
+    };
+    onEdgeMouseEnter: {
+        type: "onEdgeMouseEnter";
+        params: NonReducibleUnknown;
+    };
+    onEdgeMouseLeave: {
+        type: "onEdgeMouseLeave";
+        params: NonReducibleUnknown;
+    };
     "focus on nodes and edges": {
         type: "focus on nodes and edges";
         params: NonReducibleUnknown;
@@ -441,6 +439,14 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "emit: edgeClick";
         params: NonReducibleUnknown;
     };
+    "emit: initialized": {
+        type: "emit: initialized";
+        params: NonReducibleUnknown;
+    };
+    "emit: openSource": {
+        type: "emit: openSource";
+        params: OpenSourceParams;
+    };
     "assign: dynamicViewVariant": {
         type: "assign: dynamicViewVariant";
         params: NonReducibleUnknown;
@@ -474,6 +480,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
         type: "enabled: ElementDetails";
         params: unknown;
     };
+    "enabled: DynamicViewWalkthrough": {
+        type: "enabled: DynamicViewWalkthrough";
+        params: unknown;
+    };
     "not readonly": {
         type: "not readonly";
         params: unknown;
@@ -614,7 +624,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                 readonly 'xyflow.init': {
                     readonly actions: ActionFunction<Context, {
                         type: "xyflow.init";
-                        instance: ReactFlowInstance<Types.Node, Types.Edge>;
+                        instance: XYFlowInstance;
                     }, Events, undefined, Values<{
                         syncManualLayoutActorLogic: {
                             src: "syncManualLayoutActorLogic";
@@ -700,7 +710,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         logic: SearchActorLogic;
                         id: "search";
                     };
-                }>, never, never, never, never>, "startSyncLayout"];
+                }>, never, never, never, never>, "startSyncLayout", "emit: initialized"];
                 readonly target: "ready";
             }, {
                 readonly target: "initializing";
@@ -869,7 +879,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                 };
                 readonly 'open.source': {
                     readonly actions: {
-                        readonly type: "trigger:OpenSource";
+                        readonly type: "emit: openSource";
                         readonly params: (data: {
                             context: Context;
                             event: {
@@ -1010,7 +1020,7 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                         };
                         readonly 'xyflow.paneDblClick': {
                             readonly actions: readonly ["reset lastClickedNode", "xyflow:fitDiagram", {
-                                readonly type: "trigger:OpenSource";
+                                readonly type: "emit: openSource";
                                 readonly params: ({ context }: {
                                     context: Context;
                                     event: {
@@ -1101,26 +1111,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             id: "search";
                         };
                     }>, Values<{
-                        onNodeMouseEnter: {
-                            type: "onNodeMouseEnter";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onNodeMouseLeave: {
-                            type: "onNodeMouseLeave";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onEdgeMouseEnter: {
-                            type: "onEdgeMouseEnter";
-                            params: NonReducibleUnknown;
-                        };
-                        onEdgeMouseLeave: {
-                            type: "onEdgeMouseLeave";
-                            params: NonReducibleUnknown;
-                        };
                         "layout.align": {
                             type: "layout.align";
                             params: {
@@ -1153,10 +1143,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "trigger:NavigateTo";
                             params: NonReducibleUnknown;
                         };
-                        "trigger:OpenSource": {
-                            type: "trigger:OpenSource";
-                            params: OpenSourceParams;
-                        };
                         "assign lastClickedNode": {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1226,6 +1212,26 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        onNodeMouseEnter: {
+                            type: "onNodeMouseEnter";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onNodeMouseLeave: {
+                            type: "onNodeMouseLeave";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onEdgeMouseEnter: {
+                            type: "onEdgeMouseEnter";
+                            params: NonReducibleUnknown;
+                        };
+                        onEdgeMouseLeave: {
+                            type: "onEdgeMouseLeave";
+                            params: NonReducibleUnknown;
+                        };
                         "focus on nodes and edges": {
                             type: "focus on nodes and edges";
                             params: NonReducibleUnknown;
@@ -1273,6 +1279,14 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "emit: initialized": {
+                            type: "emit: initialized";
+                            params: NonReducibleUnknown;
+                        };
+                        "emit: openSource": {
+                            type: "emit: openSource";
+                            params: OpenSourceParams;
+                        };
                         "assign: dynamicViewVariant": {
                             type: "assign: dynamicViewVariant";
                             params: NonReducibleUnknown;
@@ -1306,6 +1320,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: ElementDetails";
                             params: unknown;
                         };
+                        "enabled: DynamicViewWalkthrough": {
+                            type: "enabled: DynamicViewWalkthrough";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1441,26 +1459,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             id: "search";
                         };
                     }>, Values<{
-                        onNodeMouseEnter: {
-                            type: "onNodeMouseEnter";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onNodeMouseLeave: {
-                            type: "onNodeMouseLeave";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onEdgeMouseEnter: {
-                            type: "onEdgeMouseEnter";
-                            params: NonReducibleUnknown;
-                        };
-                        onEdgeMouseLeave: {
-                            type: "onEdgeMouseLeave";
-                            params: NonReducibleUnknown;
-                        };
                         "layout.align": {
                             type: "layout.align";
                             params: {
@@ -1493,10 +1491,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "trigger:NavigateTo";
                             params: NonReducibleUnknown;
                         };
-                        "trigger:OpenSource": {
-                            type: "trigger:OpenSource";
-                            params: OpenSourceParams;
-                        };
                         "assign lastClickedNode": {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1566,6 +1560,26 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        onNodeMouseEnter: {
+                            type: "onNodeMouseEnter";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onNodeMouseLeave: {
+                            type: "onNodeMouseLeave";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onEdgeMouseEnter: {
+                            type: "onEdgeMouseEnter";
+                            params: NonReducibleUnknown;
+                        };
+                        onEdgeMouseLeave: {
+                            type: "onEdgeMouseLeave";
+                            params: NonReducibleUnknown;
+                        };
                         "focus on nodes and edges": {
                             type: "focus on nodes and edges";
                             params: NonReducibleUnknown;
@@ -1613,6 +1627,14 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "emit: initialized": {
+                            type: "emit: initialized";
+                            params: NonReducibleUnknown;
+                        };
+                        "emit: openSource": {
+                            type: "emit: openSource";
+                            params: OpenSourceParams;
+                        };
                         "assign: dynamicViewVariant": {
                             type: "assign: dynamicViewVariant";
                             params: NonReducibleUnknown;
@@ -1646,6 +1668,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: ElementDetails";
                             params: unknown;
                         };
+                        "enabled: DynamicViewWalkthrough": {
+                            type: "enabled: DynamicViewWalkthrough";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -1805,26 +1831,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             id: "search";
                         };
                     }>, Values<{
-                        onNodeMouseEnter: {
-                            type: "onNodeMouseEnter";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onNodeMouseLeave: {
-                            type: "onNodeMouseLeave";
-                            params: {
-                                node: Types.Node;
-                            };
-                        };
-                        onEdgeMouseEnter: {
-                            type: "onEdgeMouseEnter";
-                            params: NonReducibleUnknown;
-                        };
-                        onEdgeMouseLeave: {
-                            type: "onEdgeMouseLeave";
-                            params: NonReducibleUnknown;
-                        };
                         "layout.align": {
                             type: "layout.align";
                             params: {
@@ -1857,10 +1863,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "trigger:NavigateTo";
                             params: NonReducibleUnknown;
                         };
-                        "trigger:OpenSource": {
-                            type: "trigger:OpenSource";
-                            params: OpenSourceParams;
-                        };
                         "assign lastClickedNode": {
                             type: "assign lastClickedNode";
                             params: NonReducibleUnknown;
@@ -1930,6 +1932,26 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "stopSyncLayout";
                             params: NonReducibleUnknown;
                         };
+                        onNodeMouseEnter: {
+                            type: "onNodeMouseEnter";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onNodeMouseLeave: {
+                            type: "onNodeMouseLeave";
+                            params: {
+                                node: Types.Node;
+                            };
+                        };
+                        onEdgeMouseEnter: {
+                            type: "onEdgeMouseEnter";
+                            params: NonReducibleUnknown;
+                        };
+                        onEdgeMouseLeave: {
+                            type: "onEdgeMouseLeave";
+                            params: NonReducibleUnknown;
+                        };
                         "focus on nodes and edges": {
                             type: "focus on nodes and edges";
                             params: NonReducibleUnknown;
@@ -1977,6 +1999,14 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "emit: edgeClick";
                             params: NonReducibleUnknown;
                         };
+                        "emit: initialized": {
+                            type: "emit: initialized";
+                            params: NonReducibleUnknown;
+                        };
+                        "emit: openSource": {
+                            type: "emit: openSource";
+                            params: OpenSourceParams;
+                        };
                         "assign: dynamicViewVariant": {
                             type: "assign: dynamicViewVariant";
                             params: NonReducibleUnknown;
@@ -2010,6 +2040,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                             type: "enabled: ElementDetails";
                             params: unknown;
                         };
+                        "enabled: DynamicViewWalkthrough": {
+                            type: "enabled: DynamicViewWalkthrough";
+                            params: unknown;
+                        };
                         "not readonly": {
                             type: "not readonly";
                             params: unknown;
@@ -2262,26 +2296,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     id: "search";
                 };
             }>, Values<{
-                onNodeMouseEnter: {
-                    type: "onNodeMouseEnter";
-                    params: {
-                        node: Types.Node;
-                    };
-                };
-                onNodeMouseLeave: {
-                    type: "onNodeMouseLeave";
-                    params: {
-                        node: Types.Node;
-                    };
-                };
-                onEdgeMouseEnter: {
-                    type: "onEdgeMouseEnter";
-                    params: NonReducibleUnknown;
-                };
-                onEdgeMouseLeave: {
-                    type: "onEdgeMouseLeave";
-                    params: NonReducibleUnknown;
-                };
                 "layout.align": {
                     type: "layout.align";
                     params: {
@@ -2314,10 +2328,6 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "trigger:NavigateTo";
                     params: NonReducibleUnknown;
                 };
-                "trigger:OpenSource": {
-                    type: "trigger:OpenSource";
-                    params: OpenSourceParams;
-                };
                 "assign lastClickedNode": {
                     type: "assign lastClickedNode";
                     params: NonReducibleUnknown;
@@ -2387,6 +2397,26 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "stopSyncLayout";
                     params: NonReducibleUnknown;
                 };
+                onNodeMouseEnter: {
+                    type: "onNodeMouseEnter";
+                    params: {
+                        node: Types.Node;
+                    };
+                };
+                onNodeMouseLeave: {
+                    type: "onNodeMouseLeave";
+                    params: {
+                        node: Types.Node;
+                    };
+                };
+                onEdgeMouseEnter: {
+                    type: "onEdgeMouseEnter";
+                    params: NonReducibleUnknown;
+                };
+                onEdgeMouseLeave: {
+                    type: "onEdgeMouseLeave";
+                    params: NonReducibleUnknown;
+                };
                 "focus on nodes and edges": {
                     type: "focus on nodes and edges";
                     params: NonReducibleUnknown;
@@ -2434,6 +2464,14 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "emit: edgeClick";
                     params: NonReducibleUnknown;
                 };
+                "emit: initialized": {
+                    type: "emit: initialized";
+                    params: NonReducibleUnknown;
+                };
+                "emit: openSource": {
+                    type: "emit: openSource";
+                    params: OpenSourceParams;
+                };
                 "assign: dynamicViewVariant": {
                     type: "assign: dynamicViewVariant";
                     params: NonReducibleUnknown;
@@ -2467,6 +2505,10 @@ declare const _diagramMachine: StateMachine<Context, Events, {
                     type: "enabled: ElementDetails";
                     params: unknown;
                 };
+                "enabled: DynamicViewWalkthrough": {
+                    type: "enabled: DynamicViewWalkthrough";
+                    params: unknown;
+                };
                 "not readonly": {
                     type: "not readonly";
                     params: unknown;
@@ -2541,10 +2583,8 @@ declare const _diagramMachine: StateMachine<Context, Events, {
 /**
  * Here is a trick to reduce inference types
  */
-type InferredDiagramMachine = typeof _diagramMachine;
-export interface DiagramMachine extends InferredDiagramMachine {
-}
-export declare const diagramMachine: DiagramMachine;
-export interface DiagramMachineLogic extends ActorLogicFrom<DiagramMachine> {
+type InferredDiagramMachine = ActorLogicFrom<typeof _diagramMachine>;
+export interface DiagramMachineLogic extends InferredDiagramMachine {
 }
+export declare const diagramMachine: DiagramMachineLogic;
 export {};