@likec4/diagram 1.59.4 → 1.60.0

package/dist/hooks/safeContext.d.ts

@@ -1,168 +0,0 @@
-import { Provider } from 'react';
-import { AnyActorRef, SnapshotFrom, MachineSnapshot, ActorRefFromLogic } from 'xstate';
-import { DiagramApi } from '../likec4diagram/state/diagram-api';
-import { DiagramActorRef, DiagramContext } from '../likec4diagram/state/types';
-import { DiagramEvents } from '../custom';
-import { OverlaysActorRef, OverlaysActorLogic } from '../overlays/overlaysActor';
-import { SearchActorRef, SearchActorLogic } from '../search/searchActor';
-import { BaseEditorActorRef } from '../editor/actor/setup';
-import { NavigationPanelActorRef, NavigationPanelActorLogic } from '../navigationpanel/actor';
-import { HotkeyActorLogic } from '../likec4diagram/state/hotkeyActor';
-import { MediaPrintActorLogic } from '../likec4diagram/state/mediaPrintActor';
-import { EditorActorLogic } from '../editor';
-export declare const DiagramApiContextProvider: Provider<DiagramApi>;
-export declare function useDiagram(): DiagramApi;
-/**
- * Tuple type for selector and compare function pair
- */
-type SelectAndCompare<A, B> = [
-    selector: (snapshot: A) => B,
-    compare: (a: B, b: B) => boolean
-];
-type SafeContextForActor<A extends AnyActorRef, Snapshot, Context> = {
-    /**
-     * The React context provider for this actor
-     */
-    ContextProvider: Provider<A>;
-    /**
-     * Hook to get the actor ref from context
-     */
-    useActorRef: () => A;
-    /**
-     * @param select - Function to extract a value from the actor's snapshot
-     * @param compare - Optional comparison function. If not provided, shallow equality is used.
-     *                  The comparison function receives the selected value from the previous snapshot ()
-     *                  and the selected value from the current snapshot. If the comparison returns true,
-     *                  the component will not re-render.
-     */
-    selectSnapshot<T>(select: (state: Snapshot) => T, compare?: (old: NoInfer<T>, next: NoInfer<T>) => boolean): SelectAndCompare<Snapshot, T> & {
-        Out: T;
-    };
-    /**
-     * @param select - Function to extract a value from the actor's context
-     * @param compare - Optional comparison function. If not provided, shallow equality is used.
-     */
-    selectContext<T>(select: (state: Context) => T, compare?: (old: NoInfer<T>, next: NoInfer<T>) => boolean): SelectAndCompare<Snapshot, T> & {
-        Out: T;
-    };
-    useActorSelector<T>(select: (state: Snapshot) => T): T;
-    useActorSelector<T>(selectorCompare: SelectAndCompare<Snapshot, T>): T;
-    useActorSelector<T>(...selectorCompare: SelectAndCompare<Snapshot, T>): T;
-};
-/**
- * Helper to create a safe context for an actor
- * @example
- * ```tsx
- * const {
- *   ContextProvider: MyActorContext,
- *   useActorRef,
- *   selectSnapshot,
- *   useActorSelector
- * } = createSafeContextForActor<MyActorRef>()
- *
- * const select = selectSnapshot(
- *   s => ....,
- *   (a, b) => a === b
- * )
- *
- * // Later in component:
- * const value = useActorSelector(select)
- * ```
- */
-export declare function createSafeContextForActor<A extends AnyActorRef, Snapshot = SnapshotFrom<A>, Context = Snapshot extends {
-    context: infer C;
-} ? C : never>(name: string): SafeContextForActor<A, Snapshot, Context>;
-export declare const DiagramActorContextProvider: Provider<DiagramActorRef>, selectDiagramSnapshot: <T>(select: (state: MachineSnapshot<DiagramContext, DiagramEvents, {
-    overlays: OverlaysActorRef | undefined;
-    search: SearchActorRef | undefined;
-    editor: BaseEditorActorRef | undefined;
-    navigationPanel: NavigationPanelActorRef | undefined;
-} & Omit<{
-    hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-    overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-    search: ActorRefFromLogic<SearchActorLogic> | undefined;
-    mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-    editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-    navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-}, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-    ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-}, never, never, never, never>) => T, compare?: ((old: NoInfer<T>, next: NoInfer<T>) => boolean) | undefined) => SelectAndCompare< MachineSnapshot<DiagramContext, DiagramEvents, {
-    overlays: OverlaysActorRef | undefined;
-    search: SearchActorRef | undefined;
-    editor: BaseEditorActorRef | undefined;
-    navigationPanel: NavigationPanelActorRef | undefined;
-} & Omit<{
-    hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-    overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-    search: ActorRefFromLogic<SearchActorLogic> | undefined;
-    mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-    editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-    navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-}, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-    ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-}, never, never, never, never>, T> & {
-    Out: T;
-}, selectDiagramContext: <T>(select: (state: DiagramContext) => T, compare?: ((old: NoInfer<T>, next: NoInfer<T>) => boolean) | undefined) => SelectAndCompare< MachineSnapshot<DiagramContext, DiagramEvents, {
-    overlays: OverlaysActorRef | undefined;
-    search: SearchActorRef | undefined;
-    editor: BaseEditorActorRef | undefined;
-    navigationPanel: NavigationPanelActorRef | undefined;
-} & Omit<{
-    hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-    overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-    search: ActorRefFromLogic<SearchActorLogic> | undefined;
-    mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-    editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-    navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-}, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-    ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-}, never, never, never, never>, T> & {
-    Out: T;
-}, useDiagramSelector: {
-    <T>(select: (state: MachineSnapshot<DiagramContext, DiagramEvents, {
-        overlays: OverlaysActorRef | undefined;
-        search: SearchActorRef | undefined;
-        editor: BaseEditorActorRef | undefined;
-        navigationPanel: NavigationPanelActorRef | undefined;
-    } & Omit<{
-        hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-        overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-        search: ActorRefFromLogic<SearchActorLogic> | undefined;
-        mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-        editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-        navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-    }, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-        ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-    }, never, never, never, never>) => T): T;
-    <T>(selectorCompare: SelectAndCompare< MachineSnapshot<DiagramContext, DiagramEvents, {
-        overlays: OverlaysActorRef | undefined;
-        search: SearchActorRef | undefined;
-        editor: BaseEditorActorRef | undefined;
-        navigationPanel: NavigationPanelActorRef | undefined;
-    } & Omit<{
-        hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-        overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-        search: ActorRefFromLogic<SearchActorLogic> | undefined;
-        mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-        editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-        navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-    }, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-        ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-    }, never, never, never, never>, T>): T;
-    <T>(selector: (snapshot: MachineSnapshot<DiagramContext, DiagramEvents, {
-        overlays: OverlaysActorRef | undefined;
-        search: SearchActorRef | undefined;
-        editor: BaseEditorActorRef | undefined;
-        navigationPanel: NavigationPanelActorRef | undefined;
-    } & Omit<{
-        hotkey: ActorRefFromLogic<HotkeyActorLogic> | undefined;
-        overlays: ActorRefFromLogic<OverlaysActorLogic> | undefined;
-        search: ActorRefFromLogic<SearchActorLogic> | undefined;
-        mediaPrint: ActorRefFromLogic<MediaPrintActorLogic> | undefined;
-        editor: ActorRefFromLogic<EditorActorLogic> | undefined;
-        navigationPanel: ActorRefFromLogic<NavigationPanelActorLogic> | undefined;
-    }, "search" | "overlays" | "editor" | "navigationPanel">, "final" | "isReady" | "navigating" | "ready" | "initializing" | {
-        ready?: NonNullable<"idle" | "walkthrough" | "focused" | "printing">;
-    }, never, never, never, never>) => T, compare: (a: T, b: T) => boolean): T;
-}, useDiagramActorRef: () => DiagramActorRef;
-export {};

package/dist/hooks/safeContext.js

@@ -1,72 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, use, useContext } from "react";
-import { shallowEqual } from "fast-equals";
-import { isFunction } from "remeda";
-import { useSelector } from "@xstate/react";
-import { invariant } from "motion";
-//#region src/hooks/safeContext.tsx
-var DiagramApiSafeContext = createContext(null);
-DiagramApiSafeContext.displayName = "DiagramApiSafeContext";
-var DiagramApiContextProvider = DiagramApiSafeContext.Provider;
-function useDiagram() {
-	const ctx = use(DiagramApiSafeContext);
-	if (ctx === null) throw new Error("DiagramApi is not provided");
-	return ctx;
-}
-/**
-* Helper to create a safe context for an actor
-* @example
-* ```tsx
-* const {
-*   ContextProvider: MyActorContext,
-*   useActorRef,
-*   selectSnapshot,
-*   useActorSelector
-* } = createSafeContextForActor<MyActorRef>()
-*
-* const select = selectSnapshot(
-*   s => ....,
-*   (a, b) => a === b
-* )
-*
-* // Later in component:
-* const value = useActorSelector(select)
-* ```
-*/
-function createSafeContextForActor(name) {
-	const Ctx = createContext(null);
-	function selectSnapshot(selector, compare) {
-		return [selector, compare ?? shallowEqual];
-	}
-	function selectContext(selector, compare) {
-		return [(snapshot) => selector(snapshot.context), compare ?? shallowEqual];
-	}
-	function useActorRef() {
-		const actorRef = useContext(Ctx);
-		if (actorRef === null) throw new Error(`${name}SafeContext is not provided `);
-		return actorRef;
-	}
-	function useActorSelector(arg1, arg2) {
-		let selector;
-		let compare;
-		if (arg2 !== void 0) [selector, compare] = [arg1, arg2];
-		else if (Array.isArray(arg1)) [selector, compare] = arg1;
-		else {
-			selector = arg1;
-			compare = shallowEqual;
-		}
-		compare ??= shallowEqual;
-		invariant(isFunction(selector), "selector must be a function");
-		return useSelector(useActorRef(), selector, compare);
-	}
-	return {
-		ContextProvider: Ctx.Provider,
-		selectSnapshot,
-		selectContext,
-		useActorSelector,
-		useActorRef
-	};
-}
-var { ContextProvider: DiagramActorContextProvider, selectSnapshot: selectDiagramSnapshot, selectContext: selectDiagramContext, useActorSelector: useDiagramSelector, useActorRef: useDiagramActorRef } = createSafeContextForActor("DiagramActor");
-//#endregion
-export { DiagramActorContextProvider, DiagramApiContextProvider, createSafeContextForActor, selectDiagramContext, selectDiagramSnapshot, useDiagram, useDiagramActorRef, useDiagramSelector };

package/dist/hooks/useCallbackRef.d.ts

@@ -1,7 +0,0 @@
-/**
- * Memoizes a callback function so that it will not be recreated on every render.
- * The returned function is guaranteed to be the same reference across renders.
- * @param callback the callback function to memoize
- * @returns the memoized callback function
- */
-export declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | null | undefined): T;

package/dist/hooks/useCallbackRef.js

@@ -1,21 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useMemo, useRef } from "react";
-//#region src/hooks/useCallbackRef.ts
-/**
-* Memoizes a callback function so that it will not be recreated on every render.
-* The returned function is guaranteed to be the same reference across renders.
-* @param callback the callback function to memoize
-* @returns the memoized callback function
-*/
-function useCallbackRef(callback) {
-	const ref = useRef(callback);
-	ref.current = callback;
-	return useMemo(() => {
-		function callbackRef(...args) {
-			return ref.current?.(...args);
-		}
-		return callbackRef;
-	}, []);
-}
-//#endregion
-export { useCallbackRef };

package/dist/hooks/useCurrentView.d.ts

@@ -1,11 +0,0 @@
-import { LayoutedView, ViewId } from '@likec4/core/types';
-/**
- * Returns current view id
- * Should be used only inside LikeC4Diagram
- */
-export declare function useCurrentViewId(): ViewId;
-/**
- * Returns current view
- * Should be used only inside LikeC4Diagram
- */
-export declare function useCurrentView(): LayoutedView;

package/dist/hooks/useCurrentView.js

@@ -1,21 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { selectDiagramContext, useDiagramSelector } from "./safeContext.js";
-//#region src/hooks/useCurrentView.ts
-var selectViewId = selectDiagramContext((s) => s.view.id);
-/**
-* Returns current view id
-* Should be used only inside LikeC4Diagram
-*/
-function useCurrentViewId() {
-	return useDiagramSelector(selectViewId);
-}
-var selectView = selectDiagramContext((s) => s.view);
-/**
-* Returns current view
-* Should be used only inside LikeC4Diagram
-*/
-function useCurrentView() {
-	return useDiagramSelector(selectView);
-}
-//#endregion
-export { useCurrentView, useCurrentViewId };

package/dist/hooks/useCurrentViewModel.d.ts

@@ -1,10 +0,0 @@
-import { CurrentViewModel, useOptionalCurrentViewModel } from '../context/LikeC4ModelContext';
-export type { CurrentViewModel };
-export { useOptionalCurrentViewModel, };
-/**
- * Hook to get the current view model from the context.
- * Throws an error if no view model is found in the context.
- *
- * @see useOptionalCurrentViewModel
- */
-export declare function useCurrentViewModel(): CurrentViewModel;

package/dist/hooks/useCurrentViewModel.js

@@ -1,16 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useOptionalCurrentViewModel } from "../context/LikeC4ModelContext.js";
-//#region src/hooks/useCurrentViewModel.ts
-/**
-* Hook to get the current view model from the context.
-* Throws an error if no view model is found in the context.
-*
-* @see useOptionalCurrentViewModel
-*/
-function useCurrentViewModel() {
-	const vm = useOptionalCurrentViewModel();
-	if (!vm) throw new Error("No CurrentViewModelContext found");
-	return vm;
-}
-//#endregion
-export { useCurrentViewModel, useOptionalCurrentViewModel };

package/dist/hooks/useDiagram.d.ts

@@ -1,42 +0,0 @@
-import { DependencyList } from 'react';
-import { DiagramApi } from '../likec4diagram/state/diagram-api';
-import { DiagramActorSnapshot, DiagramContext, DiagramEmittedEvents } from '../likec4diagram/state/types';
-import { useDiagram, useDiagramActorRef } from './safeContext';
-export { useDiagram, useDiagramActorRef };
-export type { DiagramApi, DiagramContext };
-/**
- * Helper to create a selector for diagram actor snapshot
- * @deprecated use {@link selectDiagramSnapshot}
- */
-export declare function selectDiagramActor<T = unknown>(selector: (state: DiagramActorSnapshot) => T): (state: DiagramActorSnapshot) => T;
-/**
- * Read diagram actor snapshot
- * @deprecated use {@link useDiagramSelector}
- */
-export declare function useDiagramSnapshot<T = unknown>(selector: (state: DiagramActorSnapshot) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean): T;
-/**
- * Helper to create a selector for diagram actor snapshot
- * @deprecated use {@link selectDiagramContext}
- */
-export declare function selectDiagramActorContext<T = unknown>(selector: (state: DiagramContext) => T): (state: DiagramActorSnapshot) => T;
-/**
- * Read diagram context
- * @deprecated use {@link useDiagramSelector}
- */
-export declare function useDiagramContext<T = unknown>(selector: (context: DiagramContext) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean, deps?: DependencyList): T;
-type PickEmittedEvent<T> = T extends DiagramEmittedEvents['type'] ? DiagramEmittedEvents & {
-    type: T;
-} : unknown;
-/**
- * Subscribe to diagram emitted events
- * @example
- * ```tsx
- * useOnDiagramEvent('navigateTo', ({viewId}) => {
- *   console.log('Navigating to view', viewId)
- * })
- * ```
- */
-export declare function useOnDiagramEvent<T extends DiagramEmittedEvents['type'] | '*'>(event: T, callback: (event: PickEmittedEvent<T>) => void, options?: {
-    once?: boolean;
-}): void;
-export { selectDiagramContext, selectDiagramSnapshot, useDiagramSelector, } from './safeContext';

package/dist/hooks/useDiagram.js

@@ -1,57 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useCallbackRef } from "./useCallbackRef.js";
-import { selectDiagramContext, selectDiagramSnapshot, useDiagram, useDiagramActorRef, useDiagramSelector } from "./safeContext.js";
-import { useCallback, useEffect, useRef } from "react";
-import { shallowEqual } from "fast-equals";
-import { useSelector } from "@xstate/react";
-//#region src/hooks/useDiagram.ts
-/**
-* Read diagram context
-* @deprecated use {@link useDiagramSelector}
-*/
-function useDiagramContext(selector, compare = shallowEqual, deps = []) {
-	const actorRef = useDiagramActorRef();
-	const selectorRef = useCallbackRef(selector);
-	const select = useCallback((s) => selectorRef(s.context), deps);
-	return useSelector(actorRef, select, compare);
-}
-/**
-* Subscribe to diagram emitted events
-* @example
-* ```tsx
-* useOnDiagramEvent('navigateTo', ({viewId}) => {
-*   console.log('Navigating to view', viewId)
-* })
-* ```
-*/
-function useOnDiagramEvent(event, callback, options) {
-	const actorRef = useDiagramActorRef();
-	const callbackRef = useCallbackRef(callback);
-	const wasCalled = useRef(false);
-	const once = options?.once ?? false;
-	useEffect(() => {
-		if (once && wasCalled.current) return;
-		let subscription = actorRef.on(event, (payload) => {
-			if (!once || !wasCalled.current) try {
-				callbackRef(payload);
-			} catch (error) {
-				console.error(error);
-			}
-			wasCalled.current = true;
-			if (once) {
-				subscription?.unsubscribe();
-				subscription = null;
-			}
-		});
-		return () => {
-			subscription?.unsubscribe();
-		};
-	}, [
-		callbackRef,
-		actorRef,
-		event,
-		once
-	]);
-}
-//#endregion
-export { selectDiagramContext, selectDiagramSnapshot, useDiagram, useDiagramActorRef, useDiagramContext, useDiagramSelector, useOnDiagramEvent };

package/dist/hooks/useDiagramCompareLayout.d.ts

@@ -1,53 +0,0 @@
-import { DiagramActorSnapshot } from '../likec4diagram/state/types';
-import type * as t from '@likec4/core/types';
-export declare function selectCompareLayoutState({ context }: DiagramActorSnapshot): {
-    isEnabled: false;
-    hasEditor: boolean;
-    isEditable: false;
-    state: 'inactive';
-    drifts: null;
-    canApplyLatest: boolean;
-    layout: t.LayoutType;
-} | {
-    isEnabled: true;
-    hasEditor: boolean;
-    isEditable: boolean;
-    state: 'comparing' | 'inactive';
-    drifts: readonly [t.LayoutedViewDriftReason, ...t.LayoutedViewDriftReason[]];
-    canApplyLatest: boolean;
-    layout: t.LayoutType;
-};
-/**
- * Current manual-layout comparison state exposed by {@link useDiagramCompareLayout}.
- */
-export type DiagramCompareLayoutState = ReturnType<typeof selectCompareLayoutState>;
-/**
- * Manual-layout actions exposed by {@link useDiagramCompareLayout}.
- */
-export type DiagramCompareLayoutOps = {
-    /**
-     * Toggles the compare mode on or off.
-     */
-    toggleCompare: (force?: 'on' | 'off') => void;
-    /**
-     * Switches the layout type between 'auto' and 'manual'.
-     */
-    switchLayout: (layoutType: t.LayoutType) => void;
-    /**
-     * Merges the latest layout into the manual layout.
-     */
-    applyLatestToManual: () => void;
-    /**
-     * Resets the manual layout to its default state.
-     */
-    resetManualLayout: () => void;
-};
-/**
- * Controls LikeC4's manual-layout comparison from custom diagram children.
- *
- * The hook must be called by a component rendered inside {@link LikeC4Diagram}.
- */
-export declare function useDiagramCompareLayout(): [
-    DiagramCompareLayoutState,
-    DiagramCompareLayoutOps
-];

package/dist/hooks/useDiagramCompareLayout.js

@@ -1,84 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useDiagramActorRef } from "./safeContext.js";
-import { typedSystem } from "../likec4diagram/state/utils.js";
-import { deriveToggledFeatures } from "../likec4diagram/state/machine.setup.js";
-import { shallowEqual } from "fast-equals";
-import { nonNullable } from "@likec4/core";
-import { useSelector } from "@xstate/react";
-//#region src/hooks/useDiagramCompareLayout.ts
-function selectCompareLayoutState({ context }) {
-	const hasEditor = context.features.enableEditor;
-	const drifts = context.view.drifts ?? null;
-	if (!context.features.enableCompareWithLatest || !drifts || drifts.length === 0) return {
-		hasEditor,
-		isEnabled: false,
-		isEditable: false,
-		state: "inactive",
-		drifts: null,
-		canApplyLatest: false,
-		layout: context.view._layout ?? "auto"
-	};
-	const { enableCompareWithLatest, enableReadOnly } = deriveToggledFeatures(context);
-	return {
-		hasEditor,
-		isEnabled: true,
-		isEditable: !enableReadOnly && hasEditor,
-		state: enableCompareWithLatest === true ? "comparing" : "inactive",
-		drifts,
-		canApplyLatest: hasEditor && !drifts.includes("type-changed"),
-		layout: context.view._layout ?? "auto"
-	};
-}
-/**
-* Controls LikeC4's manual-layout comparison from custom diagram children.
-*
-* The hook must be called by a component rendered inside {@link LikeC4Diagram}.
-*/
-function useDiagramCompareLayout() {
-	const actorRef = useDiagramActorRef();
-	const state = useSelector(actorRef, selectCompareLayoutState, shallowEqual);
-	const switchLayout = useCallbackRef((layoutType) => {
-		if (!state.isEnabled) {
-			console.warn("Compare with latest feature is not enabled");
-			return;
-		}
-		actorRef.send({
-			type: "emit.onLayoutTypeChange",
-			layoutType
-		});
-	});
-	return [state, {
-		toggleCompare: useCallbackRef((force) => {
-			if (!state.isEnabled) {
-				console.warn("Compare with latest feature is not enabled");
-				return;
-			}
-			const nextIsActive = force ? force === "on" : state.state === "inactive";
-			if (state.state === "comparing" && !nextIsActive && state.layout === "auto") switchLayout("manual");
-			actorRef.send({
-				type: "toggle.feature",
-				feature: "CompareWithLatest",
-				forceValue: nextIsActive
-			});
-		}),
-		switchLayout,
-		resetManualLayout: useCallbackRef(() => {
-			actorRef.send({ type: "layout.resetManualLayout" });
-		}),
-		applyLatestToManual: useCallbackRef(() => {
-			if (!state.isEnabled) {
-				console.warn("Compare with latest feature is not enabled");
-				return;
-			}
-			nonNullable(typedSystem(actorRef.system).editorActorRef, "editor actor not found").send({ type: "change.latest-to-manual" });
-			if (state.state === "comparing") actorRef.send({
-				type: "toggle.feature",
-				feature: "CompareWithLatest",
-				forceValue: false
-			});
-		})
-	}];
-}
-//#endregion
-export { selectCompareLayoutState, useDiagramCompareLayout };

package/dist/hooks/useEditorActor.d.ts

@@ -1,9 +0,0 @@
-import { EditorActorRef } from '../editor/actor/machine';
-import { EditorActorStateTag } from '../editor/actor/types';
-export declare function useEditorActorRef(): EditorActorRef | null;
-export declare function useEditorActorStateHasTag(tag: EditorActorStateTag): boolean;
-/**
- * Check if the editor actor is in the 'busy' state
- * (i.e. syncing with the backend)
- */
-export declare function useEditorIsBusy(): boolean;

package/dist/hooks/useEditorActor.js

@@ -1,25 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { selectDiagramSnapshot, useDiagramSelector } from "./safeContext.js";
-import { useEffect, useState } from "react";
-import "@mantine/hooks";
-//#region src/hooks/useEditorActor.ts
-var select = selectDiagramSnapshot((s) => s.children.editor ?? null, Object.is);
-function useEditorActorRef() {
-	return useDiagramSelector(select);
-}
-function useEditorActorStateHasTag(tag) {
-	const editorActor = useEditorActorRef();
-	const [hasTag, setHasTag] = useState(() => editorActor?.getSnapshot().hasTag(tag) ?? false);
-	useEffect(() => {
-		const subscription = editorActor?.select((s) => s.hasTag(tag)).subscribe((hasTag) => {
-			setHasTag(hasTag);
-		});
-		return () => {
-			subscription?.unsubscribe();
-			setHasTag(false);
-		};
-	}, [editorActor, tag]);
-	return hasTag;
-}
-//#endregion
-export { useEditorActorRef, useEditorActorStateHasTag };

package/dist/hooks/useId.d.ts

@@ -1 +0,0 @@
-export declare function useId(): string;

package/dist/hooks/useId.js

@@ -1,9 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { useId } from "@mantine/hooks";
-//#region src/hooks/useId.ts
-function useId$1() {
-	return useId().replace("mantine-", "likec4-");
-}
-__name(useId$1, "useId");
-//#endregion
-export { useId$1 as useId };

package/dist/hooks/useLikeC4ElementsTree.d.ts

@@ -1,14 +0,0 @@
-import { Fqn, ViewId } from '@likec4/core/types';
-import { TreeNodeData } from '@mantine/core';
-export interface LikeC4ModelTreeNodeData extends TreeNodeData {
-    label: string;
-    value: Fqn;
-    children: LikeC4ModelTreeNodeData[];
-    hasChildren: boolean;
-}
-export declare const sortByLabel: (a: LikeC4ModelTreeNodeData, b: LikeC4ModelTreeNodeData) => number;
-/**
- * Returns a tree of elements in the model.
- * If `viewId` is provided, returns the tree of elements in the view.
- */
-export declare function useLikeC4ElementsTree(viewId?: ViewId): LikeC4ModelTreeNodeData[];

package/dist/hooks/useLikeC4ElementsTree.js

@@ -1,28 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useLikeC4Model } from "./useLikeC4Model.js";
-import { useMemo } from "react";
-import { compareNatural } from "@likec4/core/utils";
-//#region src/hooks/useLikeC4ElementsTree.ts
-var sortByLabel = (a, b) => compareNatural(a.label, b.label);
-function buildNode(element) {
-	const children = [...element.children()].map(buildNode).sort(sortByLabel);
-	return {
-		label: element.title || element.id,
-		value: element.id,
-		children,
-		hasChildren: children.length > 0
-	};
-}
-/**
-* Returns a tree of elements in the model.
-* If `viewId` is provided, returns the tree of elements in the view.
-*/
-function useLikeC4ElementsTree(viewId) {
-	const model = useLikeC4Model();
-	return useMemo(() => {
-		if (viewId) return [...model.view(viewId).roots()].map(buildNode).sort(sortByLabel);
-		else return [...model.roots()].map(buildNode).sort(sortByLabel);
-	}, [model, viewId]);
-}
-//#endregion
-export { sortByLabel, useLikeC4ElementsTree };