@likec4/diagram 1.59.4 → 1.61.0

package/dist/utils/css.d.ts

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

package/dist/utils/defineActors.d.ts

@@ -1,21 +0,0 @@
-import { ActorRefFromLogic, AnyActorLogic } from 'xstate';
-/**
- * Helper function to define actors for use to mimize type inference issues
- * with XState ActorSystem
- *
- * @see {@link ../editor/actor/setup.ts}
- */
-export declare function defineActors<A extends Record<string, AnyActorLogic>>(actors: A): A;
-export type inferChildrenNames<A> = A extends Record<string, AnyActorLogic> ? {
-    [K in keyof A & string]: K;
-} : never;
-export type inferChildrenRef<A> = A extends Record<string, AnyActorLogic> ? {
-    [K in keyof A & string]: ActorRefFromLogic<A[K]> | undefined;
-} : never;
-export type inferProvidedActor<A> = A extends Record<string, AnyActorLogic> ? {
-    [K in keyof A & string]: {
-        id: K;
-        logic: A[K];
-        src: K;
-    };
-}[keyof A & string] : never;

package/dist/utils/defineActors.js

@@ -1,13 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-//#region src/utils/defineActors.ts
-/**
-* Helper function to define actors for use to mimize type inference issues
-* with XState ActorSystem
-*
-* @see {@link ../editor/actor/setup.ts}
-*/
-function defineActors(actors) {
-	return actors;
-}
-//#endregion
-export { defineActors };

package/dist/utils/index.d.ts

@@ -1,6 +0,0 @@
-export { Vector, vector } from '@likec4/core/geometry';
-export type { VectorValue } from '@likec4/core/geometry';
-export { bezierControlPoints, bezierPath, distance, distanceBetweenPoints, extractMinimalInternalNode, getNodeCenter, getNodeIntersection, getNodeIntersectionFromCenterToPoint, isEqualMinimalInternalNodes, isInside, isSamePoint, type MinimalInternalNode, nodeToRect, stopPropagation, } from './xyflow';
-export { readableText } from './readableText';
-export { roundDpr } from './roundDpr';
-export { pickViewBounds } from './view-bounds';

package/dist/utils/index.js

@@ -1,6 +0,0 @@
-import { roundDpr } from "./roundDpr.js";
-import { stopPropagation } from "./xyflow.js";
-import { readableText } from "./readableText.js";
-import { pickViewBounds } from "./view-bounds.js";
-import { vector as vector$1 } from "@likec4/core/geometry";
-export { pickViewBounds, readableText, roundDpr, stopPropagation, vector$1 as vector };

package/dist/utils/readableText.d.ts

@@ -1,11 +0,0 @@
-import { MarkdownOrString } from '@likec4/core';
-/**
- * Flattens a markdown or plain string value into a single line of
- * screen-reader friendly text: renders markdown to plain text, collapses
- * runs of whitespace and trims. Returns `null` when the value yields no text.
- *
- * Use this whenever model text (titles, labels, descriptions, notes) is
- * surfaced to assistive technologies, so that markdown syntax and stray
- * whitespace never leak into an `aria-label`.
- */
-export declare function readableText(value: MarkdownOrString | string | null | undefined): string | null;

package/dist/utils/readableText.js

@@ -1,18 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { RichText } from "@likec4/core";
-//#region src/utils/readableText.ts
-var WHITESPACE = /\s+/g;
-/**
-* Flattens a markdown or plain string value into a single line of
-* screen-reader friendly text: renders markdown to plain text, collapses
-* runs of whitespace and trims. Returns `null` when the value yields no text.
-*
-* Use this whenever model text (titles, labels, descriptions, notes) is
-* surfaced to assistive technologies, so that markdown syntax and stray
-* whitespace never leak into an `aria-label`.
-*/
-function readableText(value) {
-	return RichText.from(value).text?.replace(WHITESPACE, " ").trim() || null;
-}
-//#endregion
-export { readableText };

package/dist/utils/roundDpr.d.ts

@@ -1 +0,0 @@
-export declare function roundDpr(v: number): number;

package/dist/utils/roundDpr.js

@@ -1,24 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { clamp } from "remeda";
-//#region src/utils/roundDpr.ts
-/**
-* Returns the current device pixel ratio (DPR) given the passed options
-*
-* @param options
-* @returns current device pixel ratio
-*/
-function getDevicePixelRatio() {
-	const dpr = typeof window !== "undefined" && typeof window.devicePixelRatio === "number" ? window.devicePixelRatio : 1;
-	return clamp(Math.floor(dpr), {
-		min: 1,
-		max: 4
-	});
-}
-var knownDpr;
-function roundDpr(v) {
-	knownDpr ??= getDevicePixelRatio();
-	if (knownDpr < 2) return Math.round(v);
-	return Math.round(v * knownDpr) / knownDpr;
-}
-//#endregion
-export { roundDpr };

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

@@ -1,9 +0,0 @@
-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 }: Pick<DiagramEdge, 'points' | 'controlPoints' | 'labelBBox'>): BBox;
-export declare function calcViewBounds({ nodes, edges }: Pick<LayoutedView, 'nodes' | 'edges'>): BBox;

package/dist/utils/view-bounds.js

@@ -1,55 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { invariant } from "@likec4/core";
-import { BBox as BBox$1 } from "@likec4/core/geometry";
-//#region src/utils/view-bounds.ts
-/**
-* Picks appropriate bounds from the view,
-* depending on its type and dynamic variant
-*/
-function pickViewBounds(view, dynamicVariant) {
-	if (view._type === "dynamic") try {
-		if ((dynamicVariant ?? view.variant) === "sequence") {
-			invariant(view.sequenceLayout, "Sequence layout is not available");
-			invariant(view.sequenceLayout.bounds, "Sequence layout bounds are not available");
-			return view.sequenceLayout.bounds;
-		}
-	} catch (error) {
-		console.error(error);
-	}
-	return view.bounds;
-}
-function calcEdgeBounds({ points, controlPoints, labelBBox }) {
-	let minX = Infinity;
-	let minY = Infinity;
-	let maxX = -Infinity;
-	let maxY = -Infinity;
-	if (controlPoints) for (const p of controlPoints) {
-		minX = Math.min(minX, p.x);
-		minY = Math.min(minY, p.y);
-		maxX = Math.max(maxX, p.x);
-		maxY = Math.max(maxY, p.y);
-	}
-	else for (const [x, y] of points) {
-		minX = Math.min(minX, x);
-		minY = Math.min(minY, y);
-		maxX = Math.max(maxX, x);
-		maxY = Math.max(maxY, y);
-	}
-	if (labelBBox) {
-		minX = Math.min(minX, labelBBox.x);
-		minY = Math.min(minY, labelBBox.y);
-		maxX = Math.max(maxX, labelBBox.x + labelBBox.width);
-		maxY = Math.max(maxY, labelBBox.y + labelBBox.height);
-	}
-	return {
-		x: minX,
-		y: minY,
-		width: maxX - minX,
-		height: maxY - minY
-	};
-}
-function calcViewBounds({ nodes, edges }) {
-	return BBox$1.expand(BBox$1.merge(...nodes, ...edges.map(calcEdgeBounds).filter((box) => isFinite(box.x) && isFinite(box.y))), 20);
-}
-//#endregion
-export { calcEdgeBounds, calcViewBounds, pickViewBounds };

package/dist/utils/xyflow.d.ts

@@ -1,88 +0,0 @@
-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';
-export declare function distance(a: XYPosition, b: XYPosition): number;
-/**
- * Minimal type to access only needed properties of InternalNode
- */
-export type MinimalInternalNode = {
-    internals: {
-        positionAbsolute: XYPosition;
-    };
-    measured?: {
-        width?: number;
-        height?: number;
-    };
-    width?: number;
-    height?: number;
-    initialWidth?: number;
-    initialHeight?: number;
-};
-/**
- * Extracts only the minimal properties from an InternalNode
- * needed for geometric calculations.
- *
- * @param nd - The InternalNode to extract from.
- * @returns An object containing only the necessary properties.
- */
-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 function nodeToRect(nd: MinimalInternalNode): Rect;
-export declare function getNodeCenter(node: MinimalInternalNode): XYPosition;
-/**
- * Helper function returns the intersection point
- * of the line between the center of the intersectionNode and the target
- *
- * @param intersectionNode the node that is the center of the line
- * @param target position of the target
- * @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): XYPosition;
-/**
- * Helper function returns the intersection point
- * of the line between the center of the intersectionNode and the target
- *
- * @param intersectionNode the node that is the center of the line
- * @param targetNode the target node
- * @returns coordinates of the intersection point
- */
-export declare function getNodeIntersection(intersectionNode: MinimalInternalNode, targetNode: MinimalInternalNode): XYPosition;
-/**
- * Checks if a rectangle is completely inside another rectangle.
- *
- * @param test - The rectangle to test.
- * @param target - The target rectangle.
- * @returns `true` if the `test` rectangle is completely inside the `target` rectangle, otherwise `false`.
- */
-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;
-export declare function bezierPath(bezierSpline: NonEmptyArray<Point>): string;
-export declare function toXYFlowPosition(position: 'left' | 'right' | 'top' | 'bottom'): Position;
-export declare function createXYFlowNodeNandles(bbox: BBox): NodeHandle[];
-/**
- * Parses the paddings to an object with top, right, bottom, left, x and y paddings
- * @internal
- * @param padding - Padding to parse
- * @param width - Width of the viewport
- * @param height - Height of the viewport
- * @returns An object with the paddings in pixels
- */
-export declare function parsePaddings(padding: XYFlowPadding, width: number, height: number): {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-    x: number;
-    y: number;
-};

package/dist/utils/xyflow.js

@@ -1,161 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import "@xyflow/react";
-import { hasAtLeast, isArray } from "remeda";
-import { BBox, vector } from "@likec4/core/geometry";
-import { invariant } from "@likec4/core/utils";
-import { getNodeDimensions } from "@xyflow/system";
-import { Bezier } from "bezier-js";
-//#region src/utils/xyflow.ts
-function nodeToRect$1(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)
-	};
-}
-__name(nodeToRect$1, "nodeToRect");
-function getNodeCenter(node) {
-	const { width, height } = getNodeDimensions(node);
-	const { x, y } = node.internals.positionAbsolute;
-	return {
-		x: Math.round(x + width / 2),
-		y: Math.round(y + height / 2)
-	};
-}
-/**
-* Helper function returns the intersection point
-* of the line between the center of the intersectionNode and the target
-*
-* @param intersectionNode the node that is the center of the line
-* @param target position of the target
-* @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
-*/
-function getNodeIntersectionFromCenterToPoint(intersectionNode, target, nodeMargin = 0) {
-	const { width, height } = intersectionNode;
-	const nodeCenter = BBox.center(intersectionNode);
-	const v = vector(target.x, target.y).subtract(nodeCenter);
-	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).trunc().toObject();
-}
-function bezierControlPoints(points) {
-	let [start, ...bezierPoints] = points;
-	invariant(start, "start should be defined");
-	const handles = [];
-	while (hasAtLeast(bezierPoints, 3)) {
-		const [cp1, cp2, end, ...rest] = bezierPoints;
-		const bezier = new Bezier(start[0], start[1], cp1[0], cp1[1], cp2[0], cp2[1], end[0], end[1]);
-		const inflections = bezier.inflections();
-		if (inflections.length === 0) inflections.push(.5);
-		inflections.forEach((t) => {
-			const { x, y } = bezier.get(t);
-			handles.push({
-				x: Math.trunc(x),
-				y: Math.trunc(y)
-			});
-		});
-		bezierPoints = rest;
-		start = end;
-	}
-	invariant(bezierPoints.length === 0, "all points should be consumed");
-	invariant(hasAtLeast(handles, 1), "at least one control point should be generated");
-	return handles;
-}
-/**
-* Checks if two points are the same, considering both XYPoint (object ) and Point (tuple) formats.
-* @returns `true` If points are within 2px
-*/
-function isSamePoint(a, b) {
-	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) {
-	e.nativeEvent.stopImmediatePropagation();
-	e.stopPropagation();
-}
-var printPoint = (point) => {
-	return `${Math.trunc(point[0])},${Math.trunc(point[1])}`;
-};
-function bezierPath(bezierSpline) {
-	let [start, ...points] = bezierSpline;
-	invariant(start, "start should be defined");
-	let path = `M ${printPoint(start)}`;
-	while (hasAtLeast(points, 3)) {
-		const [cp1, cp2, end, ...rest] = points;
-		path = path + ` C ${printPoint(cp1)} ${printPoint(cp2)} ${printPoint(end)}`;
-		points = rest;
-	}
-	invariant(points.length === 0, "all points should be consumed");
-	return path;
-}
-/**
-* Parses a single padding value to a number
-* @internal
-* @param padding - Padding to parse
-* @param viewport - Width or height of the viewport
-* @returns The padding in pixels
-*/
-function parsePadding(padding, viewport) {
-	if (typeof padding === "number") return Math.floor((viewport - viewport / (1 + padding)) * .5);
-	if (typeof padding === "string" && padding.endsWith("px")) {
-		const paddingValue = parseFloat(padding);
-		if (!Number.isNaN(paddingValue)) return Math.floor(paddingValue);
-	}
-	if (typeof padding === "string" && padding.endsWith("%")) {
-		const paddingValue = parseFloat(padding);
-		if (!Number.isNaN(paddingValue)) return Math.floor(viewport * paddingValue * .01);
-	}
-	console.error(`[React Flow] The padding value "${padding}" is invalid. Please provide a number or a string with a valid unit (px or %).`);
-	return 0;
-}
-/**
-* Parses the paddings to an object with top, right, bottom, left, x and y paddings
-* @internal
-* @param padding - Padding to parse
-* @param width - Width of the viewport
-* @param height - Height of the viewport
-* @returns An object with the paddings in pixels
-*/
-function parsePaddings(padding, width, height) {
-	if (typeof padding === "string" || typeof padding === "number") {
-		const paddingY = parsePadding(padding, height);
-		const paddingX = parsePadding(padding, width);
-		return {
-			top: paddingY,
-			right: paddingX,
-			bottom: paddingY,
-			left: paddingX,
-			x: paddingX * 2,
-			y: paddingY * 2
-		};
-	}
-	if (typeof padding === "object") {
-		const top = parsePadding(padding.top ?? padding.y ?? 0, height);
-		const bottom = parsePadding(padding.bottom ?? padding.y ?? 0, height);
-		const left = parsePadding(padding.left ?? padding.x ?? 0, width);
-		const right = parsePadding(padding.right ?? padding.x ?? 0, width);
-		return {
-			top,
-			right,
-			bottom,
-			left,
-			x: left + right,
-			y: top + bottom
-		};
-	}
-	return {
-		top: 0,
-		right: 0,
-		bottom: 0,
-		left: 0,
-		x: 0,
-		y: 0
-	};
-}
-//#endregion
-export { bezierControlPoints, bezierPath, getNodeCenter, getNodeIntersectionFromCenterToPoint, isSamePoint, nodeToRect$1 as nodeToRect, parsePaddings, stopPropagation };

package/src/styles-font.css

@@ -1,114 +0,0 @@
-/* ibm-plex-sans-latin-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0000-00FF,
-    U+0131,
-    U+0152-0153,
-    U+02BB-02BC,
-    U+02C6,
-    U+02DA,
-    U+02DC,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+2000-206F,
-    U+20AC,
-    U+2122,
-    U+2191,
-    U+2193,
-    U+2212,
-    U+2215,
-    U+FEFF,
-    U+FFFD;
-}
-
-/* ibm-plex-sans-cyrillic-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* ibm-plex-sans-cyrillic-ext-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-ext-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* ibm-plex-sans-greek-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/greek-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-
-/* ibm-plex-sans-latin-ext-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-ext-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0100-02BA,
-    U+02BD-02C5,
-    U+02C7-02CC,
-    U+02CE-02D7,
-    U+02DD-02FF,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+1D00-1DBF,
-    U+1E00-1E9F,
-    U+1EF2-1EFF,
-    U+2020,
-    U+20A0-20AB,
-    U+20AD-20C0,
-    U+2113,
-    U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* ibm-plex-sans-vietnamese-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/vietnamese-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0102-0103,
-    U+0110-0111,
-    U+0128-0129,
-    U+0168-0169,
-    U+01A0-01A1,
-    U+01AF-01B0,
-    U+0300-0301,
-    U+0303-0304,
-    U+0308-0309,
-    U+0323,
-    U+0329,
-    U+1EA0-1EF9,
-    U+20AB;
-}

package/src/styles-min.css

@@ -1,2 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles-xyflow.css

@@ -1 +0,0 @@
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles.css

@@ -1,3 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@mantine/core/styles.layer.css";
-@import "@xyflow/react/dist/style.css" layer(xyflow);