@likec4/diagram 1.59.3 → 1.60.0

package/dist/likec4diagram/state/machine.setup.d.ts

@@ -1,436 +0,0 @@
-import { BBox } from '@likec4/core/geometry';
-import { DiagramEdge, DiagramNode, DiagramView, DynamicViewDisplayVariant, EdgeId, Fqn, LayoutedDynamicView, LayoutType, NodeId, NodeNotation as ElementNotation, StepPath, ViewChange, ViewId, WhereOperator } from '@likec4/core/types';
-import { EdgeChange, NodeChange, Rect, Viewport } from '@xyflow/system';
-import { MouseEvent } from 'react';
-import { PartialDeep } from 'type-fest';
-import { ActorRefFromLogic, StateMachine, StateValue, SetupReturn, NonReducibleUnknown, MetaObject } from 'xstate';
-import { EnabledFeatures, TogglableFeature } from '../../context/DiagramFeatures';
-import { XYFlowInstance, XYStoreApi } from '../../hooks/useXYFlow';
-import { OpenSourceParams, ViewPaddings } from '../../LikeC4Diagram.props';
-import { Types } from '../types';
-import { AlignmentMode } from './aligners';
-import { HotKeyEvent, HotkeyActorLogic } from './hotkeyActor';
-import { MediaPrintEvent, MediaPrintActorLogic } from './mediaPrintActor';
-import { OverlaysActorLogic } from '../../overlays/overlaysActor';
-import { SearchActorLogic } from '../../search/searchActor';
-import { EditorActorLogic } from '../../editor';
-import { NavigationPanelActorLogic } from '../../navigationpanel/actor';
-/**
- * Navigation history entry represents a current view state,
- * including viewport, focused node, dynamic view variant, etc.
- */
-export interface NavigationHistoryEntry {
-    viewId: ViewId;
-    viewport: Viewport;
-    viewportChangedManually: boolean;
-    viewportBefore?: null | {
-        wasChangedManually: boolean;
-        value: Viewport;
-    };
-    focusedNode?: NodeId | null;
-    dynamicViewVariant?: DynamicViewDisplayVariant | null;
-    activeWalkthrough?: null | StepPath;
-}
-export interface NavigationHistory {
-    history: ReadonlyArray<NavigationHistoryEntry>;
-    currentIndex: number;
-}
-export interface Input {
-    view: DiagramView;
-    xystore: XYStoreApi;
-    zoomable: boolean;
-    pannable: boolean;
-    nodesDraggable: boolean;
-    nodesSelectable: boolean;
-    fitViewPadding: ViewPaddings;
-    where: WhereOperator | null;
-    dynamicViewVariant?: DynamicViewDisplayVariant | undefined;
-    features?: EnabledFeatures;
-}
-export type ToggledFeatures = {
-    [P in `enable${TogglableFeature}`]?: boolean;
-};
-export interface Context extends Input {
-    xynodes: Types.Node[];
-    xyedges: Types.Edge[];
-    features: EnabledFeatures;
-    toggledFeatures: ToggledFeatures;
-    initialized: {
-        xydata: boolean;
-        xyflow: boolean;
-    };
-    viewport: Viewport;
-    viewportChangedManually: boolean;
-    /**
-     * Viewport before entering focus mode, walkthrough or printing
-     */
-    viewportBefore: null | {
-        wasChangedManually: boolean;
-        value: Viewport;
-    };
-    viewportOnManualLayout: null | Viewport;
-    viewportOnAutoLayout: null | Viewport;
-    lastOnNavigate: null | {
-        fromView: ViewId;
-        toView: ViewId;
-        fromNode: NodeId | null;
-        focusOnElement?: Fqn | null;
-    };
-    navigationHistory: NavigationHistory;
-    lastClickedNode: null | {
-        id: NodeId;
-        clicks: number;
-        timestamp: number;
-    };
-    focusedNode: NodeId | null;
-    autoUnfocusTimer: boolean;
-    activeElementDetails: null | {
-        fqn: Fqn;
-        fromNode: NodeId | null;
-        nodeRect?: Rect | null;
-        nodeRectScreen?: Rect | null;
-    };
-    xyflow: XYFlowInstance | null;
-    dynamicViewVariant: DynamicViewDisplayVariant;
-    activeWalkthrough: null | {
-        stepId: StepPath;
-        activeFlow: StepPath | null;
-        outlinePanelWidth: number;
-    };
-    collapsedSequenceFlows: {
-        [flowId: StepPath]: boolean;
-    };
-}
-export declare function Context({ input }: {
-    input: Input;
-}): Context;
-export type Events = HotKeyEvent | MediaPrintEvent | {
-    type: 'xyflow.init';
-    instance: XYFlowInstance;
-} | {
-    type: 'xyflow.applyChanges';
-    edges?: EdgeChange<Types.Edge>[];
-    nodes?: NodeChange<Types.Node>[];
-} | {
-    type: 'xyflow.viewportMoved';
-    viewport: Viewport;
-    manually: boolean;
-} | {
-    type: 'xyflow.nodeClick';
-    node: Types.Node;
-} | {
-    type: 'xyflow.edgeClick';
-    edge: Types.Edge;
-} | {
-    type: 'xyflow.edgeDoubleClick';
-    edge: Types.Edge;
-} | {
-    type: 'xyflow.paneClick';
-} | {
-    type: 'xyflow.paneDblClick';
-} | {
-    type: 'xyflow.resized';
-} | {
-    type: 'xyflow.nodeMouseEnter';
-    node: Types.Node | NodeId;
-} | {
-    type: 'xyflow.nodeMouseLeave';
-    node: Types.Node | NodeId;
-} | {
-    type: 'xyflow.edgeMouseEnter';
-    edge: Types.Edge;
-    event: MouseEvent;
-} | {
-    type: 'xyflow.edgeMouseLeave';
-    edge: Types.Edge;
-    event: MouseEvent;
-} | {
-    type: 'xyflow.fitDiagram';
-    duration?: number;
-    bounds?: BBox;
-} | {
-    type: 'xyflow.setViewport';
-    duration?: number;
-    viewport: Viewport;
-} | {
-    type: 'xyflow.centerViewport';
-    nodeId: NodeId;
-    duration?: number;
-} | {
-    type: 'xyflow.centerViewport';
-    edgeId: EdgeId;
-    duration?: number;
-} | {
-    type: 'xyflow.resetSelection';
-} | {
-    type: 'update.nodeData';
-    nodeId: NodeId;
-    data: PartialDeep<Types.NodeData>;
-} | {
-    type: 'update.edgeData';
-    edgeId: EdgeId;
-    data: PartialDeep<Types.EdgeData>;
-} | {
-    type: 'update.view';
-    view: DiagramView;
-    source?: 'editor' | 'external';
-} | {
-    type: 'update.view';
-    view: DiagramView;
-    source?: 'editor' | 'external';
-    xynodes: Types.Node[];
-    xyedges: Types.Edge[];
-} | {
-    type: 'update.view-bounds';
-    bounds: BBox;
-} | {
-    type: 'update.inputs';
-    inputs: Partial<Omit<Input, 'view' | 'xystore' | 'dynamicViewVariant' | 'features'>>;
-} | {
-    type: 'update.features';
-    features: EnabledFeatures;
-} | ({
-    type: 'open.source';
-} & OpenSourceParams) | {
-    type: 'open.elementDetails';
-    fqn: Fqn;
-    fromNode?: NodeId | undefined;
-} | {
-    type: 'open.relationshipDetails';
-    params: {
-        edgeId: EdgeId;
-    } | {
-        source: Fqn;
-        target: Fqn;
-    };
-} | {
-    type: 'open.relationshipsBrowser';
-    fqn: Fqn;
-} | {
-    type: 'open.search';
-    search?: string;
-} | {
-    type: 'navigate.to';
-    viewId: ViewId;
-    fromNode?: NodeId | undefined;
-    focusOnElement?: Fqn | undefined;
-} | {
-    type: 'navigate.back';
-} | {
-    type: 'navigate.forward';
-} | {
-    type: 'layout.align';
-    mode: AlignmentMode;
-} | {
-    type: 'layout.resetEdgeControlPoints';
-} | {
-    type: 'layout.resetManualLayout';
-} | {
-    type: 'focus.node';
-    nodeId: NodeId;
-    autoUnfocus?: boolean;
-} | {
-    type: 'focus.autoUnfocus';
-} | {
-    type: 'switch.dynamicViewVariant';
-    variant: DynamicViewDisplayVariant;
-} | {
-    type: 'walkthrough.start';
-    stepId?: StepPath | undefined;
-} | {
-    type: 'walkthrough.step';
-    direction: 'next' | 'prev';
-    stepId?: never;
-} | {
-    type: 'walkthrough.step';
-    stepId: StepPath;
-    direction?: never;
-} | {
-    type: 'walkthrough.end';
-} | {
-    type: 'sequence.flow.collapse';
-    flowId: StepPath;
-} | {
-    type: 'sequence.flow.expand';
-    flowId: StepPath;
-} | {
-    type: 'sequence.flow.toggle';
-    flowId: StepPath;
-} | {
-    type: 'sequence.walkthrough.end';
-} | {
-    type: 'highlight.node';
-    nodeId: NodeId;
-} | {
-    type: 'highlight.edge';
-    edgeId: EdgeId;
-} | {
-    type: 'unhighlight.all';
-} | {
-    type: 'notations.highlight';
-    notation: ElementNotation;
-    kind?: string;
-} | {
-    type: 'notations.unhighlight';
-} | {
-    type: 'tag.highlight';
-    tag: string;
-} | {
-    type: 'tag.unhighlight';
-} | {
-    type: 'toggle.feature';
-    feature: TogglableFeature;
-    forceValue?: boolean;
-} | {
-    type: 'trigger.change';
-    change: ViewChange;
-} | {
-    type: 'emit.onLayoutTypeChange';
-    layoutType: LayoutType;
-} | {
-    type: 'destroy';
-};
-export type EmittedEvents = {
-    type: 'initialized';
-    instance: XYFlowInstance;
-} | {
-    type: 'navigateTo';
-    viewId: ViewId;
-} | {
-    type: 'openSource';
-    params: OpenSourceParams;
-} | {
-    type: 'paneClick';
-} | {
-    type: 'nodeClick';
-    node: DiagramNode;
-    xynode: Types.Node;
-} | {
-    type: 'edgeClick';
-    edge: DiagramEdge;
-    xyedge: Types.Edge;
-} | {
-    type: 'edgeMouseEnter';
-    edge: Types.Edge;
-    event: MouseEvent;
-} | {
-    type: 'edgeMouseLeave';
-    edge: Types.Edge;
-    event: MouseEvent;
-} | {
-    type: 'walkthroughStarted';
-    edge: Types.Edge;
-} | {
-    type: 'walkthroughStep';
-    edge: Types.Edge;
-    stepId: StepPath;
-} | {
-    type: 'walkthroughStopped';
-} | {
-    type: 'onLayoutTypeChange';
-    layoutType: LayoutType;
-};
-export type ActionArg = {
-    context: Context;
-    event: Events;
-};
-export declare const deriveToggledFeatures: (context: Context) => Required<ToggledFeatures>;
-export declare function isActiveSequenceWalkthrough(context: Context): context is Context & {
-    view: LayoutedDynamicView & {
-        flow: NonNullable<LayoutedDynamicView['flow']>;
-    };
-    dynamicViewVariant: 'sequence';
-    activeWalkthrough: NonNullable<Context['activeWalkthrough']>;
-};
-declare const actors: {
-    hotkey: HotkeyActorLogic;
-    overlays: OverlaysActorLogic;
-    search: SearchActorLogic;
-    mediaPrint: MediaPrintActorLogic;
-    editor: EditorActorLogic;
-    navigationPanel: NavigationPanelActorLogic;
-};
-export declare const machine: SetupReturn<Context, Events, {
-    hotkey: HotkeyActorLogic;
-    overlays: OverlaysActorLogic;
-    search: SearchActorLogic;
-    mediaPrint: MediaPrintActorLogic;
-    editor: EditorActorLogic;
-    navigationPanel: NavigationPanelActorLogic;
-}, {
-    hotkey: "hotkey";
-    overlays: "overlays";
-    search: "search";
-    mediaPrint: "mediaPrint";
-    editor: "editor";
-    navigationPanel: "navigationPanel";
-}, {}, {
-    isReady: unknown;
-    'enabled: Editor': unknown;
-    'enabled: FitView': unknown;
-    'enabled: FocusMode': unknown;
-    'enabled: Readonly': unknown;
-    'enabled: RelationshipDetails': unknown;
-    'enabled: Search': unknown;
-    'enabled: ElementDetails': unknown;
-    'enabled: OpenSource': unknown;
-    'enabled: DynamicViewWalkthrough': unknown;
-    'enabled: NavigationPanel': unknown;
-    'focus.node: autoUnfocus': unknown;
-    'enabled: Overlays': unknown;
-    'not readonly': unknown;
-    'is dynamic view': unknown;
-    'is dynamic view in sequence variant': unknown;
-    'is same view': unknown;
-    'is another view': unknown;
-    'click: node has modelFqn': unknown;
-    'click: selected node': unknown;
-    'click: same node': unknown;
-    'click: focused node': unknown;
-    'click: node.type = seq-subflow': unknown;
-    'click: node has connections': unknown;
-    'click: selected edge': unknown;
-    'click: active walkthrough step': unknown;
-}, never, string, Input, NonReducibleUnknown, EmittedEvents, MetaObject>;
-type ChildrenActors = typeof actors;
-type ActorLogicMap = {
-    [K in keyof ChildrenActors]: ActorRefFromLogic<ChildrenActors[K]> | undefined;
-};
-type ChildrenActor = {
-    [K in keyof ChildrenActors]: {
-        id: K;
-        logic: ChildrenActors[K];
-        src: K;
-    };
-}[keyof ChildrenActors];
-/**
- * Here is a trick to reduce inference types
- */
-export interface BaseDiagramMachineLogic<Actors extends Partial<ActorLogicMap> = ActorLogicMap, State extends StateValue = never> extends StateMachine<Context, Events, Actors & Omit<ActorLogicMap, keyof Actors>, ChildrenActor, never, never, never, State, never, Input, never, EmittedEvents, never, never> {
-}
-export type BaseDiagramActorRef = ActorRefFromLogic<BaseDiagramMachineLogic>;
-export declare const targetState: {
-    idle: string;
-    focused: string;
-    walkthrough: string;
-    printing: string;
-    navigating: string;
-};
-export declare const to: {
-    idle: {
-        target: string;
-    };
-    focused: {
-        target: string;
-    };
-    walkthrough: {
-        target: string;
-    };
-    printing: {
-        target: string;
-    };
-    navigating: {
-        target: string;
-    };
-};
-export {};

package/dist/likec4diagram/state/machine.setup.js

@@ -1,162 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { DefaultFeatures } from "../../context/DiagramFeatures.js";
-import { defineActors } from "../../utils/defineActors.js";
-import { editorActorLogic } from "../../editor/actor/machine.js";
-import { navigationPanelActorLogic } from "../../navigationpanel/actor.js";
-import { overlaysActorLogic } from "../../overlays/overlaysActor.js";
-import { searchActorLogic } from "../../search/searchActor.js";
-import { hotkeyActorLogic } from "./hotkeyActor.js";
-import { mediaPrintActorLogic } from "./mediaPrintActor.js";
-import { DiagramToggledFeaturesPersistence } from "./persistence.js";
-import { isTruthy, mapValues } from "remeda";
-import { hasProp, isDynamicView, nonexhaustive } from "@likec4/core";
-import "@likec4/core/geometry";
-import { assertEvent, setup } from "xstate";
-//#region src/likec4diagram/state/machine.setup.ts
-function Context({ input }) {
-	return {
-		...input,
-		xynodes: [],
-		xyedges: [],
-		features: {
-			...DefaultFeatures,
-			...input.features
-		},
-		toggledFeatures: DiagramToggledFeaturesPersistence.read() ?? {
-			enableReadOnly: true,
-			enableCompareWithLatest: false
-		},
-		initialized: {
-			xydata: false,
-			xyflow: false
-		},
-		viewportChangedManually: false,
-		lastOnNavigate: null,
-		lastClickedNode: null,
-		focusedNode: null,
-		autoUnfocusTimer: false,
-		activeElementDetails: null,
-		viewportBefore: null,
-		viewportOnManualLayout: null,
-		viewportOnAutoLayout: null,
-		navigationHistory: {
-			currentIndex: 0,
-			history: []
-		},
-		viewport: {
-			x: 0,
-			y: 0,
-			zoom: 1
-		},
-		xyflow: null,
-		dynamicViewVariant: input.dynamicViewVariant ?? (input.view._type === "dynamic" ? input.view.variant : "diagram") ?? "diagram",
-		activeWalkthrough: null,
-		collapsedSequenceFlows: {}
-	};
-}
-var deriveToggledFeatures = (context) => {
-	let toggledFeatures = context.toggledFeatures;
-	const hasActiveWalkthrough = isTruthy(context.activeWalkthrough);
-	const enableCompareWithLatest = context.features.enableCompareWithLatest && (toggledFeatures.enableCompareWithLatest ?? false) && isTruthy(context.view._layout) && !hasActiveWalkthrough;
-	return {
-		enableCompareWithLatest,
-		enableReadOnly: context.features.enableReadOnly || (toggledFeatures.enableReadOnly ?? false) || hasActiveWalkthrough || enableCompareWithLatest && context.view._layout === "auto"
-	};
-};
-var isReadOnly = (context) => deriveToggledFeatures(context).enableReadOnly;
-function isActiveSequenceWalkthrough(context) {
-	return isDynamicView(context.view) && context.dynamicViewVariant === "sequence" && !!context.activeWalkthrough && hasProp(context.view, "flow");
-}
-var actors = defineActors({
-	hotkey: hotkeyActorLogic,
-	overlays: overlaysActorLogic,
-	search: searchActorLogic,
-	mediaPrint: mediaPrintActorLogic,
-	editor: editorActorLogic,
-	navigationPanel: navigationPanelActorLogic
-});
-var machine = setup({
-	types: {
-		context: {},
-		input: {},
-		children: {},
-		events: {},
-		emitted: {}
-	},
-	actors,
-	guards: {
-		"isReady": ({ context }) => context.initialized.xydata && context.initialized.xyflow,
-		"enabled: Editor": ({ context }) => context.features.enableEditor,
-		"enabled: FitView": ({ context }) => context.features.enableFitView,
-		"enabled: FocusMode": ({ context }) => context.features.enableFocusMode && isReadOnly(context),
-		"enabled: Readonly": ({ context }) => isReadOnly(context),
-		"enabled: RelationshipDetails": ({ context }) => context.features.enableRelationshipDetails,
-		"enabled: Search": ({ context }) => context.features.enableSearch,
-		"enabled: ElementDetails": ({ context }) => context.features.enableElementDetails,
-		"enabled: OpenSource": ({ context }) => context.features.enableVscode,
-		"enabled: DynamicViewWalkthrough": ({ context }) => context.features.enableDynamicViewWalkthrough,
-		"enabled: NavigationPanel": ({ context }) => context.features.enableControls,
-		"focus.node: autoUnfocus": ({ event }) => {
-			assertEvent(event, "focus.node");
-			return event.autoUnfocus === true;
-		},
-		"enabled: Overlays": ({ context }) => context.features.enableElementDetails || context.features.enableRelationshipBrowser || context.features.enableRelationshipDetails,
-		"not readonly": ({ context }) => !isReadOnly(context),
-		"is dynamic view": ({ context }) => context.view._type === "dynamic",
-		"is dynamic view in sequence variant": ({ context }) => context.view._type === "dynamic" && context.dynamicViewVariant === "sequence",
-		"is same view": ({ context, event }) => {
-			assertEvent(event, ["update.view", "navigate.to"]);
-			if (event.type === "update.view") return context.view.id === event.view.id;
-			if (event.type === "navigate.to") return context.view.id === event.viewId;
-			nonexhaustive(event);
-		},
-		"is another view": ({ context, event }) => {
-			assertEvent(event, ["update.view", "navigate.to"]);
-			if (event.type === "update.view") return context.view.id !== event.view.id;
-			if (event.type === "navigate.to") return context.view.id !== event.viewId;
-			nonexhaustive(event);
-		},
-		"click: node has modelFqn": ({ event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return "modelFqn" in event.node.data;
-		},
-		"click: selected node": ({ event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return event.node.selected === true;
-		},
-		"click: same node": ({ context, event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return context.lastClickedNode?.id === event.node.id;
-		},
-		"click: focused node": ({ context, event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return context.focusedNode === event.node.id;
-		},
-		"click: node.type = seq-subflow": ({ event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return event.node.type === "seq-subflow";
-		},
-		"click: node has connections": ({ context, event }) => {
-			assertEvent(event, "xyflow.nodeClick");
-			return context.xyedges.some((e) => e.source === event.node.id || e.target === event.node.id);
-		},
-		"click: selected edge": ({ event }) => {
-			assertEvent(event, ["xyflow.edgeClick", "xyflow.edgeDoubleClick"]);
-			return event.edge.selected === true || event.edge.data.active === true;
-		},
-		"click: active walkthrough step": ({ context, event }) => {
-			assertEvent(event, ["xyflow.edgeClick", "xyflow.edgeDoubleClick"]);
-			return event.edge.data.id === context.activeWalkthrough?.stepId;
-		}
-	}
-});
-var targetState = {
-	idle: "#idle",
-	focused: "#focused",
-	walkthrough: "#walkthrough",
-	printing: "#printing",
-	navigating: "#navigating"
-};
-var to = mapValues(targetState, (id) => ({ target: id }));
-//#endregion
-export { Context, deriveToggledFeatures, isActiveSequenceWalkthrough, machine, targetState, to };