@likec4/diagram 1.0.0-next.0

package/dist/xyflow/nodes/element/element.css.d.ts

@@ -0,0 +1,15 @@
+export declare const stokeFillMix: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const container: string;
+export declare const indicator: string;
+export declare const fillElementFill: string;
+export declare const fillElementStroke: string;
+export declare const fillMixStroke: string;
+export declare const title: string;
+export declare const description: string;
+export declare const technology: string;
+export declare const cssElement: string;
+export declare const iconMaxH: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const elementIcon: string;
+export declare const cssShapeSvg: string;
+export declare const cssNavigateBtn: string;
+//# sourceMappingURL=element.css.d.ts.map

package/dist/xyflow/nodes/element/index.d.ts

@@ -0,0 +1,2 @@
+export { ElementNodeMemo as ElementNode } from './ElementNode';
+//# sourceMappingURL=index.d.ts.map

package/dist/xyflow/nodes/shared/NavigateToBtn.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type NavigateToBtnProps = {
+    xynodeId: string;
+    className?: string;
+};
+export declare function NavigateToBtn({ xynodeId, className }: NavigateToBtnProps): JSX.Element;
+//# sourceMappingURL=NavigateToBtn.d.ts.map

package/dist/xyflow/types.d.ts

@@ -0,0 +1,76 @@
+import { SetReadonly, SetRequired, Simplify } from 'type-fest';
+import { Edge, Node, ReactFlowInstance } from '@xyflow/react';
+import { BBox, DiagramEdge, DiagramNode, Point } from '@likec4/core';
+
+export type ElementNodeData = {
+    id: string;
+    element: DiagramNode;
+};
+type TypedXYFlowNode<D extends Record<string, unknown>, T extends string> = SetReadonly<SetRequired<Node<D, T>, 'type'>, 'id' | 'type'>;
+export type ElementXYFlowNode = TypedXYFlowNode<ElementNodeData, 'element'>;
+export type CompoundNodeData = {
+    id: string;
+    element: DiagramNode;
+};
+export type CompoundXYFlowNode = TypedXYFlowNode<CompoundNodeData, 'compound'>;
+export type XYFlowNode = ElementXYFlowNode | CompoundXYFlowNode;
+export declare namespace XYFlowNode {
+    type Data = ElementNodeData | CompoundNodeData;
+    function isCompound(node: unknown): node is CompoundXYFlowNode;
+    function isElement(node: Node): node is ElementXYFlowNode;
+    const is: (node: Node) => node is XYFlowNode;
+}
+export type RelationshipData = {
+    edge: DiagramEdge;
+    controlPoints: Point[];
+    headPoint: Point | null;
+    tailPoint: Point | null;
+    type: 'bezier' | 'poly';
+    label: null | {
+        bbox: BBox;
+        text: string;
+    };
+};
+export type RelationshipEdge = Simplify<SetRequired<Omit<Edge<RelationshipData>, 'type'>, 'data'> & {
+    type: 'relationship';
+}>;
+export type XYFlowEdge = RelationshipEdge;
+export declare namespace XYFlowEdge {
+    type Data = RelationshipData;
+    const isRelationship: (e: Edge) => e is {
+        source: string;
+        target: string;
+        style?: import('react').CSSProperties;
+        id: string;
+        hidden?: boolean;
+        selected?: boolean;
+        selectable?: boolean;
+        deletable?: boolean;
+        zIndex?: number;
+        ariaLabel?: string;
+        className?: string;
+        focusable?: boolean;
+        label?: import('react').ReactNode;
+        sourceHandle?: string | null;
+        targetHandle?: string | null;
+        animated?: boolean;
+        markerStart?: import('@xyflow/react').EdgeMarkerType;
+        markerEnd?: import('@xyflow/react').EdgeMarkerType;
+        interactionWidth?: number;
+        labelStyle?: import('react').CSSProperties;
+        labelShowBg?: boolean;
+        labelBgStyle?: import('react').CSSProperties;
+        labelBgPadding?: [number, number];
+        labelBgBorderRadius?: number;
+        updatable?: import('@xyflow/react').EdgeUpdatable;
+        data: RelationshipData;
+        type: "relationship";
+    };
+}
+export type XYFlowInstance = ReactFlowInstance<XYFlowNode, XYFlowEdge>;
+export type XYFlowData = {
+    nodes: XYFlowNode[];
+    edges: XYFlowEdge[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/xyflow/utils.d.ts

@@ -0,0 +1,5 @@
+import { XYPosition } from '@xyflow/react';
+
+export declare function toDomPrecision(v: number | null): number;
+export declare function distance(a: XYPosition, b: XYPosition): number;
+//# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@likec4/diagram",
+  "version": "1.0.0-next.0",
+  "license": "MIT",
+  "bugs": "https://github.com/likec4/likec4/issues",
+  "homepage": "https://likec4.dev",
+  "author": "Denis Davydkov <denis@davydkov.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/likec4/likec4.git",
+    "directory": "packages/diagram"
+  },
+  "files": [
+    "package.json",
+    "LICENSE",
+    "README.md",
+    "dist",
+    "!**/*.spec.*",
+    "!**/*.map"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./bundle": {
+      "types": "./dist/bundle.d.ts",
+      "default": "./dist/bundle.js"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "./style.css": "./dist/style.css",
+      "./bundle": {
+        "types": "./dist/bundle.d.ts",
+        "default": "./dist/bundle.js"
+      }
+    }
+  },
+  "packageManager": "yarn@4.0.2",
+  "scripts": {
+    "typecheck": "tsc --emitDeclarationOnly --declaration --declarationMap",
+    "build:turbo": "run -T turbo build --filter='diagram'",
+    "build": "vite build && run typecheck",
+    "lint": "run -T eslint src/ --fix",
+    "clean": "run -T rimraf dist bundle"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^7.7.0",
+    "@mantine/hooks": "^7.7.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "scheduler": "^0.23.0"
+  },
+  "peerDependenciesMeta": {
+    "@mantine/core": {
+      "optional": true
+    },
+    "@mantine/hooks": {
+      "optional": true
+    },
+    "scheduler": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@likec4/core": "1.0.0-next.0",
+    "@lume/kiwi": "^0.4.3",
+    "@mantine/core": "^7.7.0",
+    "@mantine/hooks": "^7.7.0",
+    "@mantine/vanilla-extract": "^7.7.0",
+    "@react-hookz/deep-equal": "^2.0.2",
+    "@react-hookz/web": "^24.0.4",
+    "@total-typescript/ts-reset": "^0.5.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/dynamic": "^2.1.0",
+    "@vanilla-extract/esbuild-plugin": "^2.3.5",
+    "@vanilla-extract/recipes": "^0.5.2",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@xyflow/react": "^12.0.0-next.12",
+    "clsx": "^2.1.0",
+    "execa": "^8.0.1",
+    "fast-equals": "^5.0.1",
+    "framer-motion": "^11.0.22",
+    "khroma": "^2.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-tracked": "^1.7.11",
+    "remeda": "^1.56.0",
+    "scheduler": "^0.23.0",
+    "terser": "^5.30.0",
+    "tilg": "^0.1.1",
+    "type-fest": "^4.13.1",
+    "typescript": "^5.4.3",
+    "unbuild": "^2.0.0",
+    "vite": "^5.2.6",
+    "vite-plugin-dts": "^3.8.1",
+    "vite-plugin-shadow-style": "^1.1.0"
+  }
+}