@likec4/diagram 1.55.1 → 1.57.0

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,40 @@
-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 { selectDiagramActor, useDiagramSnapshot } from "../hooks/useDiagram.js";
+import { ErrorBoundary } from "../components/ErrorFallback.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 selectChildren = selectDiagramActor((s) => ({
+	overlays: s.children.overlays ?? null,
+	search: s.children.search ?? null
+}));
+var LikeC4DiagramUI = memo(() => {
+	const { enableControls, enableNotations, enableSearch, enableRelationshipDetails, enableReadOnly, enableCompareWithLatest } = useEnabledFeatures();
+	const rerender = useRerender();
+	const actors = useDiagramSnapshot(selectChildren);
+	return /* @__PURE__ */ jsxs(ErrorBoundary, {
+		onReset: useCallback(() => {
+			console.warn("DiagramUI: resetting error boundary and rerendering...");
+			rerender();
+		}, []),
+		children: [
+			enableControls && /* @__PURE__ */ jsx(NavigationPanel, {}),
+			actors.overlays && /* @__PURE__ */ jsx(Overlays, { overlaysActorRef: actors.overlays }),
+			enableNotations && /* @__PURE__ */ jsx(NotationPanel, {}),
+			enableSearch && actors.search && /* @__PURE__ */ jsx(Search, { searchActorRef: actors.search }),
+			enableRelationshipDetails && enableReadOnly && /* @__PURE__ */ jsx(RelationshipPopover, {}),
+			enableCompareWithLatest && /* @__PURE__ */ jsx(LayoutDriftFrame, {})
+		]
+	});
 });
 LikeC4DiagramUI.displayName = "DiagramUI";
-
+//#endregion
 export { LikeC4DiagramUI };