@likec4/diagram 1.48.0 → 1.50.0

package/dist/utils/view-bounds.d.ts

@@ -1,8 +1,9 @@
-import { DiagramEdge, DynamicViewDisplayVariant, LayoutedView, BBox } from '@likec4/core/types';
+import { BBox } from '@likec4/core/geometry';
+import { DiagramEdge, DynamicViewDisplayVariant, LayoutedView } from '@likec4/core/types';
 /**
  * Picks appropriate bounds from the view,
  * depending on its type and dynamic variant
  */
 export declare function pickViewBounds(view: LayoutedView, dynamicVariant?: DynamicViewDisplayVariant): BBox;
-export declare function calcEdgeBounds({ points, controlPoints, labelBBox }: DiagramEdge): BBox;
+export declare function calcEdgeBounds({ points, controlPoints, labelBBox }: Pick<DiagramEdge, 'points' | 'controlPoints' | 'labelBBox'>): BBox;
 export declare function calcViewBounds({ nodes, edges }: Pick<LayoutedView, 'nodes' | 'edges'>): BBox;

package/dist/utils/view-bounds.js

@@ -1,5 +1,5 @@
 import { invariant } from '@likec4/core';
-import { BBox } from '@likec4/core/types';
+import { BBox } from '@likec4/core/geometry';
 
 function pickViewBounds(view, dynamicVariant) {
   if (view._type === "dynamic") {

package/dist/utils/xyflow.d.ts

@@ -1,4 +1,5 @@
-import { NonEmptyArray, Point, BBox, VectorValue } from '@likec4/core';
+import { NonEmptyArray, Point } from '@likec4/core';
+import { XYPoint, BBox } from '@likec4/core/geometry';
 import { InternalNode, Rect, XYPosition, Position } from '@xyflow/react';
 import { NodeHandle, Padding as XYFlowPadding } from '@xyflow/system';
 import { MouseEvent as ReactMouseEvent } from 'react';
@@ -29,7 +30,7 @@ export type MinimalInternalNode = {
 export declare function extractMinimalInternalNode<N extends InternalNode>(nd: N): MinimalInternalNode;
 export declare function isEqualMinimalInternalNodes(a: MinimalInternalNode, b: MinimalInternalNode): boolean;
 export declare function isEqualRects(a: Rect, b: Rect): boolean;
-export declare const nodeToRect: (nd: MinimalInternalNode) => Rect;
+export declare function nodeToRect(nd: MinimalInternalNode): Rect;
 export declare function getNodeCenter(node: MinimalInternalNode): XYPosition;
 /**
  * Helper function returns the intersection point
@@ -40,7 +41,7 @@ export declare function getNodeCenter(node: MinimalInternalNode): XYPosition;
  * @param nodeMargin the margin of the intersectionNode. The point will be placed at nodeMargin distance from the border of the node
  * @returns coordinates of the intersection point
  */
-export declare function getNodeIntersectionFromCenterToPoint(intersectionNode: BBox, target: XYPosition, nodeMargin?: number): VectorValue;
+export declare function getNodeIntersectionFromCenterToPoint(intersectionNode: BBox, target: XYPosition, nodeMargin?: number): XYPosition;
 /**
  * Helper function returns the intersection point
  * of the line between the center of the intersectionNode and the target
@@ -57,8 +58,12 @@ export declare function getNodeIntersection(intersectionNode: MinimalInternalNod
  * @param target - The target rectangle.
  * @returns `true` if the `test` rectangle is completely inside the `target` rectangle, otherwise `false`.
  */
-export declare const isInside: (test: Rect, target: Rect) => boolean;
-export declare function bezierControlPoints(points: NonEmptyArray<Point>): NonEmptyArray<XYPosition>;
+export declare function isInside(test: Rect, target: Rect): boolean;
+export declare function bezierControlPoints(points: NonEmptyArray<Point>): NonEmptyArray<XYPoint>;
+/**
+ * Checks if two points are the same, considering both XYPoint (object ) and Point (tuple) formats.
+ * @returns `true` If points are within 2px
+ */
 export declare function isSamePoint(a: XYPosition | Point, b: XYPosition | Point): boolean;
 export declare function distanceBetweenPoints(a: XYPosition, b: XYPosition): number;
 export declare function stopPropagation(e: ReactMouseEvent): void;

package/dist/utils/xyflow.js

@@ -1,17 +1,18 @@
-import { BBox } from '@likec4/core';
-import { vector } from '@likec4/core/geometry';
+import { BBox, vector } from '@likec4/core/geometry';
 import { invariant } from '@likec4/core/utils';
 import '@xyflow/react';
 import { getNodeDimensions } from '@xyflow/system';
 import { Bezier } from 'bezier-js';
 import { isArray, hasAtLeast } from 'remeda';
 
-const nodeToRect = (nd) => ({
-  x: Math.round(nd.internals.positionAbsolute.x),
-  y: Math.round(nd.internals.positionAbsolute.y),
-  width: Math.round(nd.measured?.width ?? nd.width ?? nd.initialWidth ?? 0),
-  height: Math.round(nd.measured?.height ?? nd.height ?? nd.initialHeight ?? 0)
-});
+function nodeToRect(nd) {
+  return {
+    x: Math.trunc(nd.internals.positionAbsolute.x),
+    y: Math.trunc(nd.internals.positionAbsolute.y),
+    width: Math.round(nd.measured?.width ?? nd.width ?? nd.initialWidth ?? 0),
+    height: Math.round(nd.measured?.height ?? nd.height ?? nd.initialHeight ?? 0)
+  };
+}
 function getNodeCenter(node) {
   const { width, height } = getNodeDimensions(node);
   const { x, y } = node.internals.positionAbsolute;
@@ -27,7 +28,7 @@ function getNodeIntersectionFromCenterToPoint(intersectionNode, target, nodeMarg
   const xScale = (nodeMargin + width / 2) / v.x;
   const yScale = (nodeMargin + height / 2) / v.y;
   const scale = Math.min(Math.abs(xScale), Math.abs(yScale));
-  return vector(v).multiply(scale).add(nodeCenter).round().toObject();
+  return vector(v).multiply(scale).add(nodeCenter).trunc().toObject();
 }
 function bezierControlPoints(points) {
   let [start, ...bezierPoints] = points;
@@ -45,8 +46,8 @@ function bezierControlPoints(points) {
     inflections.forEach((t) => {
       const { x, y } = bezier.get(t);
       handles.push({
-        x: Math.round(x),
-        y: Math.round(y)
+        x: Math.trunc(x),
+        y: Math.trunc(y)
       });
     });
     bezierPoints = rest;
@@ -57,19 +58,20 @@ function bezierControlPoints(points) {
   return handles;
 }
 function isSamePoint(a, b) {
-  const pointA = isArray(a) ? { x: a[0], y: a[1] } : a;
-  const pointB = isArray(b) ? { x: b[0], y: b[1] } : b;
-  return distanceBetweenPoints(pointA, pointB) < 2.1;
-}
-function distanceBetweenPoints(a, b) {
-  return Math.hypot(b.x - a.x, b.y - a.y);
+  if (a === b) {
+    return true;
+  }
+  const [ax, ay] = isArray(a) ? a : [a.x, a.y];
+  const [bx, by] = isArray(b) ? b : [b.x, b.y];
+  return Math.hypot(bx - ax, by - ay) < 2.1;
 }
 function stopPropagation(e) {
-  return e.stopPropagation();
-}
-function printPoint(point) {
-  return `${Math.round(point[0])},${Math.round(point[1])}`;
+  e.nativeEvent.stopImmediatePropagation();
+  e.stopPropagation();
 }
+const printPoint = (point) => {
+  return `${Math.trunc(point[0])},${Math.trunc(point[1])}`;
+};
 function bezierPath(bezierSpline) {
   let [start, ...points] = bezierSpline;
   invariant(start, "start should be defined");
@@ -126,4 +128,4 @@ function parsePaddings(padding, width, height) {
   return { top: 0, right: 0, bottom: 0, left: 0, x: 0, y: 0 };
 }
 
-export { bezierControlPoints, bezierPath, distanceBetweenPoints, getNodeCenter, getNodeIntersectionFromCenterToPoint, isSamePoint, nodeToRect, parsePaddings, stopPropagation };
+export { bezierControlPoints, bezierPath, getNodeCenter, getNodeIntersectionFromCenterToPoint, isSamePoint, nodeToRect, parsePaddings, stopPropagation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/diagram",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -16,7 +16,6 @@
   },
   "files": [
     "dist",
-    "bundle",
     "**/package.json",
     "*.css",
     "panda.buildinfo.json",
@@ -39,6 +38,14 @@
         "default": "./dist/index.js"
       }
     },
+    "./adhoc-editor": {
+      "sources": "./src/adhoc-editor/index.ts",
+      "default": {
+        "types": "./dist/adhoc-editor/index.d.ts",
+        "import": "./dist/adhoc-editor/index.js",
+        "default": "./dist/adhoc-editor/index.js"
+      }
+    },
     "./custom": {
       "sources": "./src/custom/index.ts",
       "default": {
@@ -47,14 +54,6 @@
         "default": "./dist/custom/index.js"
       }
     },
-    "./bundle": {
-      "sources": "./src/index.ts",
-      "default": {
-        "types": "./dist/index.d.ts",
-        "import": "./bundle/index.js",
-        "default": "./bundle/index.js"
-      }
-    },
     "./panda.buildinfo.json": "./panda.buildinfo.json",
     "./styles-min.css": "./styles-min.css",
     "./styles-font.css": "./styles-font.css",
@@ -64,10 +63,10 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "1.1.8",
-    "@floating-ui/dom": "^1.7.4",
+    "@floating-ui/dom": "^1.7.5",
     "@lume/kiwi": "^0.4.4",
-    "@mantine/core": "8.3.13",
-    "@mantine/hooks": "8.3.13",
+    "@mantine/core": "8.3.15",
+    "@mantine/hooks": "8.3.15",
     "@nanostores/media-query": "0.1.2",
     "@nanostores/react": "1.0.0",
     "@react-hookz/web": "^25.2.0",
@@ -75,22 +74,26 @@
     "@xstate/store": "3.14.0",
     "@xyflow/react": "12.10.0",
     "@xyflow/system": "0.0.74",
+    "@zag-js/collection": "^1.33.1",
+    "@zag-js/react": "^1.33.1",
+    "@zag-js/tree-view": "^1.33.1",
     "bezier-js": "^6.1.4",
     "d3-shape": "^3.2.0",
+    "defu": "^6.1.4",
     "fast-equals": "^6.0.0",
-    "immer": "^11.1.3",
-    "motion": "^12.29.2",
+    "immer": "^11.1.4",
+    "motion": "^12.34.2",
     "nanostores": "1.1.0",
-    "react-error-boundary": "^6.1.0",
+    "react-error-boundary": "^6.1.1",
     "react-shadow": "^20.6.0",
-    "remeda": "^2.32.0",
+    "remeda": "^2.33.5",
     "type-fest": "^4.41.0",
     "xstate": "5.24.0",
-    "@likec4/styles": "1.48.0",
-    "@likec4/core": "1.48.0"
+    "@likec4/styles": "1.50.0",
+    "@likec4/core": "1.50.0"
   },
   "peerDependencies": {
-    "@pandacss/dev": "^1.8.1",
+    "@pandacss/dev": "^1.8.2",
     "@types/react": "^18.x || ^19.x",
     "@types/react-dom": "^18.x || ^19.x",
     "react": "^18.x || ^19.x",
@@ -108,16 +111,16 @@
     }
   },
   "devDependencies": {
-    "@pandacss/dev": "^1.8.1",
+    "@pandacss/dev": "^1.8.2",
     "@statelyai/inspect": "^0.4.0",
-    "@tabler/icons-react": "3.36.0",
+    "@tabler/icons-react": "3.36.1",
     "@types/bezier-js": "^4.1.3",
-    "@types/d3-shape": "^3.1.7",
-    "@types/node": "~22.19.7",
-    "@types/react": "19.2.9",
+    "@types/d3-shape": "^3.1.8",
+    "@types/node": "~22.19.11",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "oxlint": "1.35.0",
+    "@vitejs/plugin-react": "^5.1.4",
+    "oxlint": "1.43.0",
     "postcss": "8.5.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",
@@ -127,14 +130,12 @@
     "vitest": "4.0.18",
     "wireit": "0.14.12",
     "zx": "8.8.5",
-    "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.48.0"
+    "@likec4/tsconfig": "1.50.0",
+    "@likec4/devops": "1.42.0"
   },
   "scripts": {
     "typecheck": "tsc --build --verbose",
-    "build-dist": "vite build -m production",
-    "build-bundle": "vite build -m bundle",
-    "build": "echo \"use pnpm turbo run build\" || true",
+    "build": "vite build -m production",
     "pack": "pnpm pack",
     "test": "vitest run --no-isolate",
     "clean": "likec4ops clean",