@likec4/diagram 1.55.1 → 1.56.0

package/dist/hooks/useLikeC4Project.js

@@ -1,45 +1,56 @@
-import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext.js';
-import { useOptionalProjectsContext } from '../context/LikeC4ProjectsContext.js';
-
-const emptyProjects = [];
+import "../_virtual/_rolldown/runtime.js";
+import { useOptionalLikeC4Model } from "../context/LikeC4ModelContext.js";
+import { useOptionalProjectsContext } from "../context/LikeC4ProjectsContext.js";
+//#region src/hooks/useLikeC4Project.ts
+var emptyProjects = [];
 function onProjectChange(id) {
-  console.warn(`Triggered callback to change project to ${id}, but no <LikeC4ProjectsProvider/> found`);
+	console.warn(`Triggered callback to change project to ${id}, but no <LikeC4ProjectsProvider/> found`);
 }
-const emptyContext = {
-  projects: emptyProjects,
-  onProjectChange
+var emptyContext = {
+	projects: emptyProjects,
+	onProjectChange
 };
 function useLikeC4ProjectsContext() {
-  return useOptionalProjectsContext() ?? emptyContext;
+	return useOptionalProjectsContext() ?? emptyContext;
 }
+/**
+* @returns The list of available projects, or empty array if no projects are available.
+*/
 function useLikeC4Projects() {
-  return useLikeC4ProjectsContext().projects;
+	return useLikeC4ProjectsContext().projects;
 }
+/**
+* @returns The callback to change current project, or a no-op if no LikeC4ProjectsProvider is found.
+*/
 function useChangeLikeC4Project() {
-  return useLikeC4ProjectsContext().onProjectChange;
+	return useLikeC4ProjectsContext().onProjectChange;
 }
+/**
+* @returns True if there are more than one project available in the context.
+*/
 function useHasProjects() {
-  const ctx = useOptionalProjectsContext();
-  if (!ctx) {
-    return false;
-  }
-  return ctx.projects.length > 1;
+	const ctx = useOptionalProjectsContext();
+	if (!ctx) return false;
+	return ctx.projects.length > 1;
 }
+/**
+* @returns Current project id, as provided by LikeC4Model
+*/
 function useLikeC4ProjectId() {
-  const ctx = useOptionalLikeC4Model();
-  if (!ctx) {
-    throw new Error("No LikeC4ModelProvider found");
-  }
-  return ctx.projectId;
+	const ctx = useOptionalLikeC4Model();
+	if (!ctx) throw new Error("No LikeC4ModelProvider found");
+	return ctx.projectId;
 }
+/**
+* Returns current LikeC4 project.
+* Requires LikeC4ModelProvider in the tree.
+* Falls back to model's project if LikeC4ProjectsProvider is not available.
+*/
 function useLikeC4Project() {
-  const modelCtx = useOptionalLikeC4Model();
-  const projectsCtx = useOptionalProjectsContext();
-  if (!modelCtx) {
-    throw new Error("No LikeC4ModelProvider found");
-  }
-  const project = projectsCtx?.projects.find((p) => p.id === modelCtx.projectId);
-  return project ?? modelCtx.project;
+	const modelCtx = useOptionalLikeC4Model();
+	const projectsCtx = useOptionalProjectsContext();
+	if (!modelCtx) throw new Error("No LikeC4ModelProvider found");
+	return projectsCtx?.projects.find((p) => p.id === modelCtx.projectId) ?? modelCtx.project;
 }
-
+//#endregion
 export { useChangeLikeC4Project, useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext };

package/dist/hooks/useLikeC4Styles.js

@@ -1,9 +1,9 @@
-import { LikeC4Styles } from '@likec4/core/styles';
-import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext.js';
-
+import "../_virtual/_rolldown/runtime.js";
+import { useOptionalLikeC4Model } from "../context/LikeC4ModelContext.js";
+import { LikeC4Styles } from "@likec4/core/styles";
+//#region src/hooks/useLikeC4Styles.ts
 function useLikeC4Styles() {
-  const model = useOptionalLikeC4Model();
-  return model?.$styles ?? LikeC4Styles.DEFAULT;
+	return useOptionalLikeC4Model()?.$styles ?? LikeC4Styles.DEFAULT;
 }
-
+//#endregion
 export { useLikeC4Styles };

package/dist/hooks/useMantinePortalProps.js

@@ -1,9 +1,13 @@
-import { useMemo } from 'react';
-import { useRootContainerElement } from '../context/RootContainerContext.js';
-
+import "../_virtual/_rolldown/runtime.js";
+import { useRootContainerElement } from "../context/RootContainerContext.js";
+import { useMemo } from "react";
+//#region src/hooks/useMantinePortalProps.ts
 function useMantinePortalProps() {
-  const target = useRootContainerElement();
-  return useMemo(() => target ? { portalProps: { target }, withinPortal: true } : { withinPortal: false }, [target]);
+	const target = useRootContainerElement();
+	return useMemo(() => target ? {
+		portalProps: { target },
+		withinPortal: true
+	} : { withinPortal: false }, [target]);
 }
-
+//#endregion
 export { useMantinePortalProps };

package/dist/hooks/useOverlaysActor.js

@@ -1,10 +1,11 @@
-import { useDiagramSnapshot, selectDiagramActor } from './useDiagram.js';
-
-const select = selectDiagramActor((s) => {
-  return s.children.overlays;
+import "../_virtual/_rolldown/runtime.js";
+import { selectDiagramActor, useDiagramSnapshot } from "./useDiagram.js";
+//#region src/hooks/useOverlaysActor.ts
+var select = selectDiagramActor((s) => {
+	return s.children.overlays;
 });
 function useOverlaysActorRef() {
-  return useDiagramSnapshot(select, Object.is);
+	return useDiagramSnapshot(select, Object.is);
 }
-
+//#endregion
 export { useOverlaysActorRef };

package/dist/hooks/useSearchActor.js

@@ -1,10 +1,11 @@
-import { useDiagramSnapshot, selectDiagramActor } from './useDiagram.js';
-
-const select = selectDiagramActor((s) => {
-  return s.children.search ?? null;
+import "../_virtual/_rolldown/runtime.js";
+import { selectDiagramActor, useDiagramSnapshot } from "./useDiagram.js";
+//#region src/hooks/useSearchActor.ts
+var select = selectDiagramActor((s) => {
+	return s.children.search ?? null;
 });
 function useSearchActorRef() {
-  return useDiagramSnapshot(select, Object.is);
+	return useDiagramSnapshot(select, Object.is);
 }
-
+//#endregion
 export { useSearchActorRef };

package/dist/hooks/useSetState.js

@@ -1,22 +1,24 @@
-import { shallowEqual } from 'fast-equals';
-import { useState, useRef, useCallback } from 'react';
-
+import "../_virtual/_rolldown/runtime.js";
+import { useCallback, useRef, useState } from "react";
+import { shallowEqual } from "fast-equals";
+//#region src/hooks/useSetState.ts
+/**
+* Differs from useState in that:
+* - it uses custom equal function (shallowEqual by default) to determine whether the state has changed.
+* - allows partial updates to the state
+*/
 function useSetState(initialState, equal) {
-  const [state, _setState] = useState(initialState);
-  const equalFn = equal ?? shallowEqual;
-  const equalFnRef = useRef(equalFn);
-  equalFnRef.current = equalFn;
-  const setState = useCallback(
-    (statePartial) => _setState((current) => {
-      const next = {
-        ...current,
-        ...typeof statePartial === "function" ? statePartial(current) : statePartial
-      };
-      return equalFnRef.current(current, next) ? current : next;
-    }),
-    [_setState]
-  );
-  return [state, setState];
+	const [state, _setState] = useState(initialState);
+	const equalFn = equal ?? shallowEqual;
+	const equalFnRef = useRef(equalFn);
+	equalFnRef.current = equalFn;
+	return [state, useCallback((statePartial) => _setState((current) => {
+		const next = {
+			...current,
+			...typeof statePartial === "function" ? statePartial(current) : statePartial
+		};
+		return equalFnRef.current(current, next) ? current : next;
+	}), [_setState])];
 }
-
+//#endregion
 export { useSetState };

package/dist/hooks/useUpdateEffect.js

@@ -1,31 +1,20 @@
-import { useFirstMountState, useCustomCompareEffect } from '@react-hookz/web';
-import { shallowEqual } from 'fast-equals';
-
-const noop = () => {
+import { __name } from "../_virtual/_rolldown/runtime.js";
+import { useCustomCompareEffect, useFirstMountState } from "@react-hookz/web";
+import { shallowEqual } from "fast-equals";
+//#region src/hooks/useUpdateEffect.ts
+var noop = () => {};
+var depsShallowEqual = (d1, d2) => {
+	if (d1 === d2) return true;
+	if (d1.length !== d2.length) return false;
+	for (const [i, element] of d1.entries()) {
+		if (element === d2[i] || shallowEqual(element, d2[i])) continue;
+		return false;
+	}
+	return true;
 };
-const depsShallowEqual = (d1, d2) => {
-  if (d1 === d2) {
-    return true;
-  }
-  if (d1.length !== d2.length) {
-    return false;
-  }
-  for (const [i, element] of d1.entries()) {
-    if (element === d2[i] || shallowEqual(element, d2[i])) {
-      continue;
-    }
-    return false;
-  }
-  return true;
-};
-function useUpdateEffect(callback, deps, equalityFn, effectHook) {
-  const isFirstMount = useFirstMountState();
-  useCustomCompareEffect(
-    isFirstMount ? noop : callback,
-    deps,
-    equalityFn ?? depsShallowEqual,
-    effectHook
-  );
+function useUpdateEffect$1(callback, deps, equalityFn, effectHook) {
+	useCustomCompareEffect(useFirstMountState() ? noop : callback, deps, equalityFn ?? depsShallowEqual, effectHook);
 }
-
-export { depsShallowEqual, useUpdateEffect };
+__name(useUpdateEffect$1, "useUpdateEffect");
+//#endregion
+export { depsShallowEqual, useUpdateEffect$1 as useUpdateEffect };

package/dist/hooks/useXYFlow.js

@@ -1,26 +1,24 @@
-import { useStore, useStoreApi, useReactFlow } from '@xyflow/react';
-import { shallowEqual } from 'fast-equals';
-import { useCallback } from 'react';
-import { useCallbackRef } from './useCallbackRef.js';
-
+import "../_virtual/_rolldown/runtime.js";
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useCallback } from "react";
+import { useReactFlow, useStore, useStoreApi } from "@xyflow/react";
+import { shallowEqual } from "fast-equals";
+//#region src/hooks/useXYFlow.ts
 function useXYFlow() {
-  return useReactFlow();
+	return useReactFlow();
 }
 function useXYStore(selector, equalityFn) {
-  return useStore(
-    useCallbackRef(selector),
-    equalityFn ?? shallowEqual
-  );
+	return useStore(useCallbackRef(selector), equalityFn ?? shallowEqual);
 }
 function useXYStoreApi() {
-  return useStoreApi();
+	return useStoreApi();
 }
 function useCurrentZoomAtLeast(minZoom) {
-  return useStore(useCallback((state) => state.transform[2] >= minZoom, [minZoom]));
+	return useStore(useCallback((state) => state.transform[2] >= minZoom, [minZoom]));
 }
-const selectZoom = (state) => state.transform[2] < 0.2;
+var selectZoom = (state) => state.transform[2] < .2;
 function useIsZoomTooSmall() {
-  return useStore(selectZoom);
+	return useStore(selectZoom);
 }
-
+//#endregion
 export { useCurrentZoomAtLeast, useIsZoomTooSmall, useXYFlow, useXYStore, useXYStoreApi };

package/dist/index.js

@@ -1,23 +1,24 @@
-export { IconRendererProvider } from './context/IconRenderer.js';
-export { LikeC4Diagram } from './LikeC4Diagram.js';
-export { LikeC4ModelProvider } from './LikeC4ModelProvider.js';
-export { LikeC4EditorProvider } from './editor/LikeC4EditorProvider.js';
-export { createLikeC4Editor } from './editor/LikeC4EditorCallbacks.js';
-export { LikeC4ProjectsProvider } from './LikeC4ProjectsProvider.js';
-export { useDiagramContext, useOnDiagramEvent } from './hooks/useDiagram.js';
-export { useLikeC4Model, useLikeC4Specification, useLikeC4ViewModel } from './hooks/useLikeC4Model.js';
-export { useCurrentViewModel } from './hooks/useCurrentViewModel.js';
-export { useChangeLikeC4Project, useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext } from './hooks/useLikeC4Project.js';
-export { useLikeC4Styles } from './hooks/useLikeC4Styles.js';
-export { useUpdateEffect } from './hooks/useUpdateEffect.js';
-export { StaticLikeC4Diagram } from './StaticLikeC4Diagram.js';
-export { LikeC4View } from './LikeC4View.js';
-export { ReactLikeC4 } from './ReactLikeC4.js';
-export { useCurrentView, useCurrentViewId } from './hooks/useCurrentView.js';
-export { pickViewBounds } from './utils/view-bounds.js';
-export { LikeC4ProjectsOverview } from './LikeC4ProjectsOverview.js';
-export { SearchContext, normalizeSearch, useSearchContext } from './search/SearchContext.js';
-export { SearchPanelContent, bodyCss as searchBodyCss, dialogCss as searchDialogCss } from './search/Search.js';
-export { SearchControl } from './components/SearchControl.js';
-export { useDiagram } from './hooks/safeContext.js';
-export { useOptionalCurrentViewModel } from './context/LikeC4ModelContext.js';
+import { IconRendererProvider } from "./context/IconRenderer.js";
+import { useUpdateEffect } from "./hooks/useUpdateEffect.js";
+import { useDiagram } from "./hooks/safeContext.js";
+import { useDiagramContext, useOnDiagramEvent } from "./hooks/useDiagram.js";
+import { useCurrentView, useCurrentViewId } from "./hooks/useCurrentView.js";
+import { useOptionalCurrentViewModel } from "./context/LikeC4ModelContext.js";
+import { useLikeC4Model, useLikeC4Specification, useLikeC4ViewModel } from "./hooks/useLikeC4Model.js";
+import { createLikeC4Editor } from "./editor/LikeC4EditorCallbacks.js";
+import { LikeC4EditorProvider } from "./editor/LikeC4EditorProvider.js";
+import { useCurrentViewModel } from "./hooks/useCurrentViewModel.js";
+import { useChangeLikeC4Project, useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext } from "./hooks/useLikeC4Project.js";
+import { useLikeC4Styles } from "./hooks/useLikeC4Styles.js";
+import { pickViewBounds } from "./utils/view-bounds.js";
+import { SearchContext, normalizeSearch, useSearchContext } from "./search/SearchContext.js";
+import { SearchPanelContent, bodyCss, dialogCss } from "./search/Search.js";
+import { LikeC4Diagram } from "./LikeC4Diagram.js";
+import { LikeC4ModelProvider } from "./LikeC4ModelProvider.js";
+import { LikeC4ProjectsProvider } from "./LikeC4ProjectsProvider.js";
+import { StaticLikeC4Diagram } from "./StaticLikeC4Diagram.js";
+import { LikeC4View } from "./LikeC4View.js";
+import { ReactLikeC4 } from "./ReactLikeC4.js";
+import { LikeC4ProjectsOverview } from "./LikeC4ProjectsOverview.js";
+import { SearchControl } from "./components/SearchControl.js";
+export { IconRendererProvider, LikeC4Diagram, LikeC4EditorProvider, LikeC4ModelProvider, LikeC4ProjectsOverview, LikeC4ProjectsProvider, LikeC4View, ReactLikeC4, SearchContext, SearchControl, SearchPanelContent, StaticLikeC4Diagram, createLikeC4Editor, normalizeSearch, pickViewBounds, bodyCss as searchBodyCss, dialogCss as searchDialogCss, useChangeLikeC4Project, useCurrentView, useCurrentViewId, useCurrentViewModel, useDiagram, useDiagramContext, useHasProjects, useLikeC4Model, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext, useLikeC4Specification, useLikeC4Styles, useLikeC4ViewModel, useOnDiagramEvent, useOptionalCurrentViewModel, useSearchContext, useUpdateEffect };

package/dist/likec4diagram/DiagramUI.js

@@ -1,40 +1,36 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRerender } from '@react-hookz/web';
-import { memo, useCallback } from 'react';
-import { ErrorBoundary } from '../components/ErrorFallback.js';
-import { useEnabledFeatures } from '../context/DiagramFeatures.js';
-import { useOverlaysActorRef } from '../hooks/useOverlaysActor.js';
-import { Overlays } from '../overlays/Overlays.js';
-import { Search } from '../search/Search.js';
-import { RelationshipPopover } from './relationship-popover/RelationshipPopover.js';
-import { NavigationPanel } from '../navigationpanel/NavigationPanel.js';
-import { NotationPanel } from './ui/notation/NotationPanel.js';
-import { LayoutDriftFrame } from './ui/LayoutDriftFrame.js';
-
-const LikeC4DiagramUI = memo(() => {
-  const {
-    enableControls,
-    enableNotations,
-    enableSearch,
-    enableRelationshipDetails,
-    enableReadOnly,
-    enableCompareWithLatest
-  } = useEnabledFeatures();
-  const rerender = useRerender();
-  const overlaysActorRef = useOverlaysActorRef();
-  const handleReset = useCallback(() => {
-    console.warn("DiagramUI: resetting error boundary and rerendering...");
-    rerender();
-  }, []);
-  return /* @__PURE__ */ jsxs(ErrorBoundary, { onReset: handleReset, children: [
-    enableControls && /* @__PURE__ */ jsx(NavigationPanel, {}),
-    overlaysActorRef && /* @__PURE__ */ jsx(Overlays, { overlaysActorRef }),
-    enableNotations && /* @__PURE__ */ jsx(NotationPanel, {}),
-    enableSearch && /* @__PURE__ */ jsx(Search, {}),
-    enableRelationshipDetails && enableReadOnly && /* @__PURE__ */ jsx(RelationshipPopover, {}),
-    enableCompareWithLatest && /* @__PURE__ */ jsx(LayoutDriftFrame, {})
-  ] });
+import "../_virtual/_rolldown/runtime.js";
+import { useEnabledFeatures } from "../context/DiagramFeatures.js";
+import { ErrorBoundary } from "../components/ErrorFallback.js";
+import { useOverlaysActorRef } from "../hooks/useOverlaysActor.js";
+import { NavigationPanel } from "../navigationpanel/NavigationPanel.js";
+import { Overlays } from "../overlays/Overlays.js";
+import { Search } from "../search/Search.js";
+import { RelationshipPopover } from "./relationship-popover/RelationshipPopover.js";
+import { LayoutDriftFrame } from "./ui/LayoutDriftFrame.js";
+import { NotationPanel } from "./ui/notation/NotationPanel.js";
+import { memo, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRerender } from "@react-hookz/web";
+//#region src/likec4diagram/DiagramUI.tsx
+var LikeC4DiagramUI = memo(() => {
+	const { enableControls, enableNotations, enableSearch, enableRelationshipDetails, enableReadOnly, enableCompareWithLatest } = useEnabledFeatures();
+	const rerender = useRerender();
+	const overlaysActorRef = useOverlaysActorRef();
+	return /* @__PURE__ */ jsxs(ErrorBoundary, {
+		onReset: useCallback(() => {
+			console.warn("DiagramUI: resetting error boundary and rerendering...");
+			rerender();
+		}, []),
+		children: [
+			enableControls && /* @__PURE__ */ jsx(NavigationPanel, {}),
+			overlaysActorRef && /* @__PURE__ */ jsx(Overlays, { overlaysActorRef }),
+			enableNotations && /* @__PURE__ */ jsx(NotationPanel, {}),
+			enableSearch && /* @__PURE__ */ jsx(Search, {}),
+			enableRelationshipDetails && enableReadOnly && /* @__PURE__ */ jsx(RelationshipPopover, {}),
+			enableCompareWithLatest && /* @__PURE__ */ jsx(LayoutDriftFrame, {})
+		]
+	});
 });
 LikeC4DiagramUI.displayName = "DiagramUI";
-
+//#endregion
 export { LikeC4DiagramUI };