@likec4/diagram 1.48.0 → 1.50.0

package/dist/editor/applyChangesToManualLayout.js

@@ -1,7 +1,7 @@
 import { invariant, nonNullable } from '@likec4/core';
-import { BBox, vector } from '@likec4/core/geometry';
+import { BBox, convertPoint, vector } from '@likec4/core/geometry';
 import { setAutoFreeze, produce, castDraft } from 'immer';
-import { isNullish } from 'remeda';
+import { map, isNullish } from 'remeda';
 
 function applyChangesToManualLayout(manualView, latestView) {
   try {
@@ -144,7 +144,7 @@ function makeAsStraightLine(edge, sourceNode, targetNode) {
   const controlPoints = edgeControlPoints(sourceNode, targetNode);
   const labelPos = controlPoints[0];
   return produce(edge, (draft) => {
-    draft.points = controlPoints.map((p) => [p.x, p.y]);
+    draft.points = castDraft(map(controlPoints, convertPoint));
     draft.controlPoints = controlPoints;
     if (edge.labelBBox) {
       draft.labelBBox.x = labelPos.x;
@@ -166,8 +166,8 @@ function edgeControlPoints(source, target) {
     const loopSize = 80;
     const centerOfTopBoundary = vector(0, source.height || 0).multiply(-0.5).add(sourceCenter);
     return [
-      centerOfTopBoundary.add(vector(-loopSize / 2.5, -loopSize)).round().toObject(),
-      centerOfTopBoundary.add(vector(loopSize / 2.5, -loopSize)).round().toObject()
+      centerOfTopBoundary.add(vector(-loopSize / 2.5, -loopSize)).trunc().toObject(),
+      centerOfTopBoundary.add(vector(loopSize / 2.5, -loopSize)).trunc().toObject()
     ];
   }
   const sourceToTargetVector = targetCenter.subtract(sourceCenter);
@@ -175,8 +175,8 @@ function edgeControlPoints(source, target) {
   const targetBorderPoint = getBorderPointOnVector(target, targetCenter, sourceToTargetVector.multiply(-1));
   const sourceToTarget = targetBorderPoint.subtract(sourceBorderPoint);
   return [
-    sourceBorderPoint.add(sourceToTarget.multiply(0.4)).round().toObject(),
-    sourceBorderPoint.add(sourceToTarget.multiply(0.6)).round().toObject()
+    sourceBorderPoint.add(sourceToTarget.multiply(0.4)).trunc().toObject(),
+    sourceBorderPoint.add(sourceToTarget.multiply(0.6)).trunc().toObject()
   ];
 }
 

package/dist/editor/editorActor.actions.js

@@ -2,7 +2,7 @@ import { last, filter, isNot, omit } from 'remeda';
 import { createViewChange } from '../likec4diagram/state/createViewChange.js';
 import { machine } from './editorActor.setup.js';
 
-const diagramActorRef = function(system) {
+const diagramActorRef = (system) => {
   return system.get("diagram");
 };
 const getDiagramContext = function(system) {
@@ -17,21 +17,17 @@ const saveStateBeforeEdit = () => machine.assign(({ system }) => {
   const parentContext = getDiagramContext(system);
   return {
     beforeEditing: {
-      xynodes: parentContext.xynodes.map(
-        ({ measured, ...n }) => ({
-          ...omit(n, ["selected", "dragging", "resizing"]),
-          data: omit(n.data, ["dimmed", "hovered"]),
-          measured,
-          initialWidth: measured?.width ?? n.width ?? n.initialWidth,
-          initialHeight: measured?.height ?? n.height ?? n.initialHeight
-        })
-      ),
-      xyedges: parentContext.xyedges.map(
-        (e) => ({
-          ...omit(e, ["selected"]),
-          data: omit(e.data, ["active", "dimmed", "hovered"])
-        })
-      ),
+      xynodes: parentContext.xynodes.map(({ measured, data, ...n }) => ({
+        ...omit(n, ["selected", "dragging", "resizing"]),
+        data: omit(data, ["dimmed", "hovered"]),
+        measured,
+        initialWidth: measured?.width ?? n.width ?? n.initialWidth,
+        initialHeight: measured?.height ?? n.height ?? n.initialHeight
+      })),
+      xyedges: parentContext.xyedges.map(({ data, ...e }) => ({
+        ...omit(e, ["selected"]),
+        data: omit(data, ["active", "dimmed", "hovered"])
+      })),
       change: createViewChange(parentContext),
       view: parentContext.view,
       synched: false
@@ -67,13 +63,17 @@ const pushHistory = () => machine.assign(({ context }) => {
       editing: null
     };
   }
+  const history = [
+    ...context.history,
+    snapshot
+  ];
+  if (history.length > 50) {
+    history.shift();
+  }
   return {
     beforeEditing: null,
     editing: null,
-    history: [
-      ...context.history,
-      snapshot
-    ]
+    history
   };
 });
 const stopEditing = () => machine.enqueueActions(({ event, enqueue }) => {

package/dist/editor/editorActor.setup.js

@@ -22,7 +22,7 @@ const machine = setup({
   },
   delays: {
     "500ms": 500,
-    "waitBeforeSync": 2e3
+    "waitBeforeSync": 1e3
   },
   actors: {
     applyLatest,

package/dist/editor/editorActor.states.js

@@ -87,15 +87,6 @@ const applyLatestToManual = machine.createStateConfig({
     saveStateBeforeEdit()
   ],
   initial: "call",
-  on: {
-    // catch all events
-    "*": {
-      actions: [
-        log(({ event }) => `applyLatestToManual received unexpected event: ${event.type}`),
-        reschedule(500)
-      ]
-    }
-  },
   states: {
     // Fetch latest and manual layouts
     // Apply changes, send update to diagram

package/dist/editor/useEditorActorLogic.d.ts

@@ -1,3 +1,2 @@
 import { EditorActorLogic } from './editorActor.states';
-import type * as t from '@likec4/core/types';
-export declare function useEditorActorLogic(viewId: t.ViewId): EditorActorLogic;
+export declare function useEditorActorLogic(): EditorActorLogic;

package/dist/editor/useEditorActorLogic.js

@@ -5,16 +5,19 @@ import { editorActorLogic } from './editorActor.states.js';
 import { useOptionalLikeC4Editor } from './LikeC4EditorProvider.js';
 import { useCallbackRef } from '../hooks/useCallbackRef.js';
 
-function useEditorActorLogic(viewId) {
+const promisify = (fn) => {
+  return Promise.resolve().then(() => fn());
+};
+function useEditorActorLogic() {
   const port = useOptionalLikeC4Editor();
   const applyLatest = useCallbackRef(
-    async ({ input: { viewId: viewId2, current } }) => {
+    async ({ input: { viewId, current } }) => {
       if (!port) {
         console.error("No editor port available for applying latest to manual layout");
         return Promise.reject(new Error("No editor port"));
       }
-      const manual = await Promise.resolve().then(() => current ?? port.fetchView(viewId2, "manual"));
-      const latest = await Promise.resolve().then(() => port.fetchView(viewId2, "auto"));
+      const manual = await promisify(() => current ?? port.fetchView(viewId, "manual"));
+      const latest = await promisify(() => port.fetchView(viewId, "auto"));
       const updated = applyChangesToManualLayout(manual, latest);
       return {
         updated
@@ -28,13 +31,7 @@ function useEditorActorLogic(viewId) {
         return Promise.reject(new Error("No editor port"));
       }
       for (const change of input.changes) {
-        await Promise.resolve().then(() => port.handleChange(viewId, change)).catch((err) => {
-          console.error("Failed to execute change", {
-            change,
-            err
-          });
-          return Promise.reject(err);
-        });
+        await promisify(() => port.handleChange(input.viewId, change));
       }
       return {};
     }

package/dist/hooks/index.d.ts

@@ -8,7 +8,7 @@ export { useCurrentZoom, useCurrentZoomAtLeast, useIsZoomTooSmall, useXYFlow, us
 export type { XYFlowInstance, XYStoreApi, XYStoreState } from './useXYFlow';
 export { useCurrentView, useCurrentViewId } from './useCurrentView';
 export { useCurrentViewModel } from './useCurrentViewModel';
-export { useLikeC4Model, useLikeC4Specification, useLikeC4ViewModel } from './useLikeC4Model';
-export { useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext, } from './useLikeC4Project';
+export { useLikeC4Model, useLikeC4Specification, useLikeC4ViewModel, useOptionalLikeC4Model, } from './useLikeC4Model';
+export { useChangeLikeC4Project, useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext, } from './useLikeC4Project';
 export { useLikeC4Styles } from './useLikeC4Styles';
 export * from './useDiagram';

package/dist/hooks/safeContext.d.ts

@@ -1,8 +1,7 @@
-import { DiagramActorRef } from '../custom';
-import { DiagramApi } from '../likec4diagram/state/diagram-api';
 import { Provider } from 'react';
-import { UnknownLayouted } from '@likec4/core';
+import { DiagramApi } from '../likec4diagram/state/diagram-api';
+import { DiagramActorRef } from '../likec4diagram/state/types';
 export declare const DiagramActorContextProvider: Provider<DiagramActorRef>;
-export declare const DiagramApiContextProvider: Provider<DiagramApi< UnknownLayouted>>;
+export declare const DiagramApiContextProvider: Provider<DiagramApi>;
 export declare function useDiagramActorRef(): DiagramActorRef;
-export declare function useDiagram(): DiagramApi< UnknownLayouted>;
+export declare function useDiagram(): DiagramApi;

package/dist/hooks/useCallbackRef.js

@@ -1,13 +1,14 @@
-import { useRef } from 'react';
+import { useRef, useMemo } from 'react';
 
 function useCallbackRef(callback) {
   const ref = useRef(callback);
   ref.current = callback;
-  const callbackRef = useRef(null);
-  if (callbackRef.current == null) {
-    callbackRef.current = ((...args) => ref.current?.(...args));
-  }
-  return callbackRef.current;
+  return useMemo(() => {
+    function callbackRef(...args) {
+      return ref.current?.(...args);
+    }
+    return callbackRef;
+  }, []);
 }
 
 export { useCallbackRef };

package/dist/hooks/useCurrentView.js

@@ -1,17 +1,12 @@
-import { useSelector } from '@xstate/react';
-import { shallowEqual } from 'fast-equals';
-import 'react';
-import { useDiagramActorRef } from './safeContext.js';
+import { useDiagramSnapshot, selectDiagramActor } from './useDiagram.js';
 
-const selectViewId = (s) => s.context.view.id;
+const selectViewId = selectDiagramActor((s) => s.context.view.id);
 function useCurrentViewId() {
-  const actorRef = useDiagramActorRef();
-  return useSelector(actorRef, selectViewId);
+  return useDiagramSnapshot(selectViewId);
 }
-const selectView = (s) => s.context.view;
+const selectView = selectDiagramActor((s) => s.context.view);
 function useCurrentView() {
-  const actorRef = useDiagramActorRef();
-  return useSelector(actorRef, selectView, shallowEqual);
+  return useDiagramSnapshot(selectView);
 }
 
 export { useCurrentView, useCurrentViewId };

package/dist/hooks/useCurrentViewModel.d.ts

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

package/dist/hooks/useCurrentViewModel.js

@@ -1,13 +1,9 @@
-import { useContext } from 'react';
-import { CurrentViewModelContext } from '../context/LikeC4ModelContext.js';
+import { useOptionalCurrentViewModel } from '../context/LikeC4ModelContext.js';
 
-function useOptionalCurrentViewModel() {
-  return useContext(CurrentViewModelContext);
-}
 function useCurrentViewModel() {
-  const vm = useContext(CurrentViewModelContext);
+  const vm = useOptionalCurrentViewModel();
   if (!vm) {
-    throw new Error("No LikeC4ViewModel in context found");
+    throw new Error("No CurrentViewModelContext found");
   }
   return vm;
 }

package/dist/hooks/useDiagram.d.ts

@@ -4,7 +4,15 @@ import { DiagramActorSnapshot, DiagramContext, DiagramEmittedEvents } from '../l
 import { useDiagram, useDiagramActorRef } from './safeContext';
 export { useDiagram, useDiagramActorRef };
 export type { DiagramApi, DiagramContext };
-export declare function useDiagramActorSnapshot<T = unknown>(selector: (state: DiagramActorSnapshot) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean): T;
+/**
+ * Helper to create a selector for diagram actor snapshot
+ */
+export declare function selectDiagramActor<T = unknown>(selector: (state: DiagramActorSnapshot) => T): (state: DiagramActorSnapshot) => T;
+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
+ */
+export declare function selectDiagramActorContext<T = unknown>(selector: (state: DiagramContext) => T): (state: DiagramActorSnapshot) => T;
 /**
  * Read diagram context
  */

package/dist/hooks/useDiagram.js

@@ -5,10 +5,16 @@ import { useDiagramActorRef } from './safeContext.js';
 export { useDiagram } from './safeContext.js';
 import { useCallbackRef } from './useCallbackRef.js';
 
-function useDiagramActorSnapshot(selector, compare = shallowEqual) {
+function selectDiagramActor(selector) {
+  return selector;
+}
+function useDiagramSnapshot(selector, compare = shallowEqual) {
   const actorRef = useDiagramActorRef();
   return useSelector(actorRef, selector, compare);
 }
+function selectDiagramActorContext(selector) {
+  return (state) => selector(state.context);
+}
 function useDiagramContext(selector, compare = shallowEqual, deps = []) {
   const actorRef = useDiagramActorRef();
   const selectorRef = useCallbackRef(selector);
@@ -38,4 +44,4 @@ function useOnDiagramEvent(event, callback, options) {
   }, [actorRef, event, once]);
 }
 
-export { useDiagramActorRef, useDiagramActorSnapshot, useDiagramContext, useOnDiagramEvent };
+export { selectDiagramActor, selectDiagramActorContext, useDiagramActorRef, useDiagramContext, useDiagramSnapshot, useOnDiagramEvent };

package/dist/hooks/useDiagramCompareLayout.d.ts

@@ -1,24 +1,24 @@
 import { DiagramActorSnapshot } from '../likec4diagram/state/types';
 import type * as t from '@likec4/core/types';
 declare const selectCompareLayoutState: ({ context }: DiagramActorSnapshot) => {
-    hasEditor: false;
     isEnabled: false;
+    hasEditor: false;
     isEditable: false;
     isActive: false;
     drifts: never;
     canApplyLatest: boolean;
     layout: t.LayoutType;
 } | {
-    hasEditor: boolean;
     isEnabled: true;
+    hasEditor: boolean;
     isEditable: boolean;
     isActive: boolean;
-    drifts: t.NonEmptyReadonlyArray<t.LayoutedViewDriftReason>;
+    drifts: readonly [t.LayoutedViewDriftReason, ...t.LayoutedViewDriftReason[]];
     canApplyLatest: boolean;
     layout: t.LayoutType;
 };
-type DiagramCompareLayoutState = ReturnType<typeof selectCompareLayoutState>;
-type DiagramCompareLayoutOps = {
+export type DiagramCompareLayoutState = ReturnType<typeof selectCompareLayoutState>;
+export type DiagramCompareLayoutOps = {
     /**
      * Toggles the compare mode on or off.
      */

package/dist/hooks/useLikeC4ElementsTree.d.ts

@@ -4,7 +4,7 @@ interface LikeC4ModelTreeNodeData {
     value: Fqn;
     children: LikeC4ModelTreeNodeData[];
 }
-export declare const sortByLabel: (a: LikeC4ModelTreeNodeData, b: LikeC4ModelTreeNodeData) => 0 | 1 | -1;
+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.

package/dist/hooks/useLikeC4ElementsTree.js

@@ -5,7 +5,7 @@ import { useLikeC4Model } from './useLikeC4Model.js';
 const sortByLabel = (a, b) => compareNatural(a.label, b.label);
 function buildNode(element) {
   return {
-    label: element.title,
+    label: element.title || element.id,
     value: element.id,
     children: [...element.children()].map(buildNode).sort(sortByLabel)
   };

package/dist/hooks/useLikeC4Model.d.ts

@@ -1,8 +1,12 @@
 import { LikeC4Model, LikeC4ViewModel } from '@likec4/core/model';
+import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext';
 import type * as t from '@likec4/core/types';
 type Any = t.aux.Any;
-export declare function useOptionalLikeC4Model<A extends Any = t.aux.UnknownLayouted>(): LikeC4Model<A> | null;
+export { useOptionalLikeC4Model, };
+/**
+ * @returns The LikeC4Model from context.
+ * @throws If no LikeC4ModelProvider is found.
+ */
 export declare function useLikeC4Model<A extends Any = t.aux.UnknownLayouted>(): LikeC4Model<A>;
 export declare function useLikeC4ViewModel<A extends Any = t.aux.UnknownLayouted>(viewId: t.aux.ViewId<A>): LikeC4ViewModel<A>;
 export declare function useLikeC4Specification(): t.Specification<t.aux.UnknownLayouted>;
-export {};

package/dist/hooks/useLikeC4Model.js

@@ -1,12 +1,9 @@
 import { deepEqual } from 'fast-equals';
-import { useContext, useState, useEffect } from 'react';
-import { LikeC4ModelContext } from '../context/LikeC4ModelContext.js';
+import { useState, useEffect } from 'react';
+import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext.js';
 
-function useOptionalLikeC4Model() {
-  return useContext(LikeC4ModelContext);
-}
 function useLikeC4Model() {
-  const model = useContext(LikeC4ModelContext);
+  const model = useOptionalLikeC4Model();
   if (!model) {
     throw new Error("LikeC4Model not found. Make sure you have LikeC4ModelProvider.");
   }
@@ -18,10 +15,11 @@ function useLikeC4ViewModel(viewId) {
 }
 function useLikeC4Specification() {
   const model = useLikeC4Model();
-  const [specification, setSpecification] = useState(model.specification);
+  const _specification = model.specification;
+  const [specification, setSpecification] = useState(_specification);
   useEffect(() => {
-    setSpecification((current) => deepEqual(current, model.specification) ? current : model.specification);
-  }, [model]);
+    setSpecification((current) => deepEqual(current, _specification) ? current : _specification);
+  }, [_specification]);
   return specification;
 }
 

package/dist/hooks/useLikeC4Project.d.ts

@@ -1,17 +1,14 @@
 import { LikeC4Project, ProjectId } from '@likec4/core/types';
 import { LikeC4ProjectsContext } from '../context/LikeC4ProjectsContext';
+export declare function useLikeC4ProjectsContext(): LikeC4ProjectsContext;
 /**
  * @returns The list of available projects, or empty array if no projects are available.
  */
 export declare function useLikeC4Projects(): ReadonlyArray<LikeC4Project>;
 /**
- * @returns The callback to change current project.
+ * @returns The callback to change current project, or a no-op if no LikeC4ProjectsProvider is found.
  */
 export declare function useChangeLikeC4Project(): (id: ProjectId) => void;
-/**
- * @returns The callback to change current project.
- */
-export declare function useLikeC4ProjectsContext(): LikeC4ProjectsContext;
 /**
  * @returns True if there are more than one project available in the context.
  */
@@ -22,6 +19,7 @@ export declare function useHasProjects(): boolean;
 export declare function useLikeC4ProjectId(): ProjectId;
 /**
  * Returns current LikeC4 project.
- * Requires both LikeC4ModelProvider and LikeC4ProjectsProvider in the tree.*
+ * Requires LikeC4ModelProvider in the tree.
+ * Falls back to model's project if LikeC4ProjectsProvider is not available.
  */
 export declare function useLikeC4Project(): LikeC4Project;

package/dist/hooks/useLikeC4Project.js

@@ -1,57 +1,45 @@
-import { useContext } from 'react';
-import { LikeC4ModelContext } from '../context/LikeC4ModelContext.js';
-import { LikeC4ProjectsContext } from '../context/LikeC4ProjectsContext.js';
+import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext.js';
+import { useOptionalProjectsContext } from '../context/LikeC4ProjectsContext.js';
 
 const emptyProjects = [];
-function useLikeC4Projects() {
-  const ctx = useContext(LikeC4ProjectsContext);
-  if (!ctx) {
-    return emptyProjects;
-  }
-  return ctx.projects;
-}
-const emptyOnProjectChange = (id) => {
+function onProjectChange(id) {
   console.warn(`Triggered callback to change project to ${id}, but no <LikeC4ProjectsProvider/> found`);
-};
-function useChangeLikeC4Project() {
-  const ctx = useContext(LikeC4ProjectsContext);
-  if (!ctx) {
-    return emptyOnProjectChange;
-  }
-  return ctx.onProjectChange;
 }
 const emptyContext = {
   projects: emptyProjects,
-  onProjectChange: emptyOnProjectChange
+  onProjectChange
 };
 function useLikeC4ProjectsContext() {
-  return useContext(LikeC4ProjectsContext) ?? emptyContext;
+  return useOptionalProjectsContext() ?? emptyContext;
+}
+function useLikeC4Projects() {
+  return useLikeC4ProjectsContext().projects;
+}
+function useChangeLikeC4Project() {
+  return useLikeC4ProjectsContext().onProjectChange;
 }
 function useHasProjects() {
-  const ctx = useContext(LikeC4ProjectsContext);
+  const ctx = useOptionalProjectsContext();
   if (!ctx) {
     return false;
   }
   return ctx.projects.length > 1;
 }
 function useLikeC4ProjectId() {
-  const ctx = useContext(LikeC4ModelContext);
+  const ctx = useOptionalLikeC4Model();
   if (!ctx) {
     throw new Error("No LikeC4ModelProvider found");
   }
   return ctx.projectId;
 }
 function useLikeC4Project() {
-  const projectId = useLikeC4ProjectId();
-  const projectsCtx = useContext(LikeC4ProjectsContext);
-  if (!projectsCtx) {
-    throw new Error("No LikeC4ProjectsProvider found");
-  }
-  const project = projectsCtx.projects.find((p) => p.id === projectId);
-  if (!project) {
-    throw new Error(`Project with id '${projectId}' not found in LikeC4ProjectsProvider`);
+  const modelCtx = useOptionalLikeC4Model();
+  const projectsCtx = useOptionalProjectsContext();
+  if (!modelCtx) {
+    throw new Error("No LikeC4ModelProvider found");
   }
-  return project;
+  const project = projectsCtx?.projects.find((p) => p.id === modelCtx.projectId);
+  return project ?? modelCtx.project;
 }
 
 export { useChangeLikeC4Project, useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext };

package/dist/hooks/useLikeC4Styles.js

@@ -1,15 +1,9 @@
 import { LikeC4Styles } from '@likec4/core/styles';
-import { useContext, useState, useEffect } from 'react';
-import { LikeC4ModelContext } from '../context/LikeC4ModelContext.js';
+import { useOptionalLikeC4Model } from '../context/LikeC4ModelContext.js';
 
 function useLikeC4Styles() {
-  const model = useContext(LikeC4ModelContext);
-  const $styles = model?.$styles ?? LikeC4Styles.DEFAULT;
-  const [styles, setStyles] = useState($styles);
-  useEffect(() => {
-    setStyles((current) => current.equals($styles) ? current : $styles);
-  }, [$styles]);
-  return styles;
+  const model = useOptionalLikeC4Model();
+  return model?.$styles ?? LikeC4Styles.DEFAULT;
 }
 
 export { useLikeC4Styles };

package/dist/hooks/useMantinePortalProps.d.ts

@@ -1,8 +1,8 @@
 export declare function useMantinePortalProps(): {
+    withinPortal: true;
     portalProps: {
         target: HTMLDivElement;
     };
-    withinPortal: true;
 } | {
     withinPortal: false;
     portalProps?: never;

package/dist/hooks/useMediaPrint.d.ts

@@ -1,5 +1,3 @@
-import { ReadableAtom } from 'nanostores';
-export declare const $isPrint: ReadableAtom<boolean>;
 /**
  * Hook to determine if the current media is print.
  */

package/dist/hooks/useOverlaysActor.js

@@ -1,10 +1,10 @@
-import { useDiagramActorSnapshot } from './useDiagram.js';
+import { useDiagramSnapshot, selectDiagramActor } from './useDiagram.js';
 
-const select = (s) => {
+const select = selectDiagramActor((s) => {
   return s.children.overlays;
-};
+});
 function useOverlaysActorRef() {
-  return useDiagramActorSnapshot(select, Object.is);
+  return useDiagramSnapshot(select, Object.is);
 }
 
 export { useOverlaysActorRef };

package/dist/hooks/useSearchActor.js

@@ -1,10 +1,10 @@
-import { useDiagramActorSnapshot } from './useDiagram.js';
+import { useDiagramSnapshot, selectDiagramActor } from './useDiagram.js';
 
-const select = (s) => {
+const select = selectDiagramActor((s) => {
   return s.children.search ?? null;
-};
+});
 function useSearchActorRef() {
-  return useDiagramActorSnapshot(select, Object.is);
+  return useDiagramSnapshot(select, Object.is);
 }
 
 export { useSearchActorRef };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { IconRendererProvider } from './context/IconRenderer';
 export { LikeC4Diagram, type LikeC4DiagramProps, } from './LikeC4Diagram';
-export type { ElementIconRenderer, ElementIconRendererProps, LikeC4ColorScheme, NodeRenderers, OnCanvasClick, OnEdgeClick, OnInitialized, OnNavigateTo, OnNodeClick, OnOpenSource, PaddingWithUnit, ViewPadding, WhereOperator, } from './LikeC4Diagram.props';
+export type { ElementIconRenderer, ElementIconRendererProps, LikeC4ColorScheme, NodeRenderers, OnCanvasClick, OnEdgeClick, OnInitialized, OnNavigateTo, OnNodeClick, OnOpenSource, PaddingWithUnit, ViewPadding, ViewPaddings, WhereOperator, } from './LikeC4Diagram.props';
 export { LikeC4ModelProvider, type LikeC4ModelProviderProps, } from './LikeC4ModelProvider';
 export { LikeC4EditorProvider, type LikeC4EditorProviderProps, } from './editor/LikeC4EditorProvider';
 export { createLikeC4Editor, type LikeC4EditorCallbacks, } from './editor/LikeC4EditorCallbacks';
@@ -19,5 +19,3 @@ export { ReactLikeC4, type ReactLikeC4Props } from './ReactLikeC4';
 export { useCurrentView, useCurrentViewId, } from './hooks/useCurrentView';
 export { pickViewBounds } from './utils/view-bounds';
 export { LikeC4ProjectsOverview, type LikeC4ProjectsOverviewProps, } from './LikeC4ProjectsOverview';
-export type { AdhocViewService, } from './adhoc-editor/actor.types';
-export { LikeC4AdHocViewEditor, } from './adhoc-editor/LikeC4AdHocViewEditor';

package/dist/index.js

@@ -6,7 +6,7 @@ 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, useOptionalCurrentViewModel } from './hooks/useCurrentViewModel.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';
@@ -16,5 +16,5 @@ 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 { LikeC4AdHocViewEditor } from './adhoc-editor/LikeC4AdHocViewEditor.js';
 export { useDiagram } from './hooks/safeContext.js';
+export { useOptionalCurrentViewModel } from './context/LikeC4ModelContext.js';

package/dist/likec4diagram/DiagramXYFlow.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { Simplify } from 'type-fest';
 import { LikeC4DiagramProperties } from '../LikeC4Diagram.props';
 export type LikeC4DiagramXYFlowProps = PropsWithChildren<Simplify<Pick<LikeC4DiagramProperties<any>, 'background' | 'reactFlowProps' | 'renderNodes'>>>;
-export declare function LikeC4DiagramXYFlow({ background, reactFlowProps, children, renderNodes, }: LikeC4DiagramXYFlowProps): import("react/jsx-runtime").JSX.Element;
+export declare function LikeC4DiagramXYFlow({ background, reactFlowProps, children, renderNodes, }: LikeC4DiagramXYFlowProps): JSX.Element;