@angflow/system 0.0.76

package/README.md

@@ -0,0 +1,62 @@
+# @xyflow/system
+
+Core system utilities powering [React Flow](https://reactflow.dev) and [Svelte Flow](https://svelteflow.dev).
+
+> **Note:** This package is designed as a shared vanilla utility layer for React Flow and Svelte Flow. It is not intended for use with unrelated libraries.
+
+## Installation
+
+```sh
+pnpm add @xyflow/system
+```
+
+## What is this package?
+
+`@xyflow/system` provides core, framework-agnostic helpers and types for building node-based editors and flow diagrams. It contains the logic and utilities that are shared between React Flow and Svelte Flow, such as edge path calculations, pan/zoom, node dragging, and more.
+
+## Features
+
+- **Pan & Zoom (`XYPanZoom`)**: Utilities for adding interactive pan and zoom to your canvas.
+- **Dragging (`XYDrag`)**: Helpers for node and selection dragging.
+- **Handles/Connections (`XYHandle`)**: Logic for drawing and managing connection lines between nodes.
+- **Minimap (`XYMiniMap`)**: Interactive minimap utilities for overview and navigation.
+- **Edge Utilities**: Functions for SVG edge path creation (bezier, straight, step, smoothstep, etc.).
+- **Store Utilities**: Helpers for managing and updating flow state.
+- **DOM Utilities**: Functions for DOM measurements and interactions.
+- **Marker Utilities**: Helpers for SVG markers on edges.
+- **Graph Utilities**: Functions for working with nodes, edges, and graph structure.
+- **General Utilities**: Miscellaneous helpers used throughout the system.
+- **Types & Constants**: Shared types, enums, and constants for consistent data structures.
+
+## Usage
+
+You can import any utility, type, or helper directly from the package:
+
+```ts
+import { getBezierPath, getConnectedEdges, Position, XYPanZoom } from '@xyflow/system';
+```
+
+### Example: Bezier Edge Path Creation
+
+```ts
+import { getBezierPath, Position } from '@xyflow/system';
+
+const [path, labelX, labelY] = getBezierPath({
+  sourceX: 0,
+  sourceY: 20,
+  sourcePosition: Position.Right,
+  targetX: 150,
+  targetY: 100,
+  targetPosition: Position.Left,
+});
+```
+
+## API Reference
+
+There is currently no dedicated API documentation for this package. For details on available utilities, types, and helpers, please refer to the [source code](./src) or check out the [React Flow documentation](https://reactflow.dev/api-reference/) where we are documenting a lot of stuff from this package.
+
+## Contributing
+
+See the main [xyflow repository](https://github.com/xyflow/xyflow) for contribution guidelines.
+
+

package/dist/esm/constants.d.ts

@@ -0,0 +1,43 @@
+import { CoordinateExtent, HandleType } from './types';
+export declare const errorMessages: {
+    error001: () => string;
+    error002: () => string;
+    error003: (nodeType: string) => string;
+    error004: () => string;
+    error005: () => string;
+    error006: () => string;
+    error007: (id: string) => string;
+    error009: (type: string) => string;
+    error008: (handleType: HandleType, { id, sourceHandle, targetHandle }: {
+        id: string;
+        sourceHandle: string | null;
+        targetHandle: string | null;
+    }) => string;
+    error010: () => string;
+    error011: (edgeType: string) => string;
+    error012: (id: string) => string;
+    error013: (lib?: string) => string;
+    error014: () => string;
+    error015: () => string;
+};
+export declare const infiniteExtent: CoordinateExtent;
+export declare const elementSelectionKeys: string[];
+export declare const defaultAriaLabelConfig: {
+    'node.a11yDescription.default': string;
+    'node.a11yDescription.keyboardDisabled': string;
+    'node.a11yDescription.ariaLiveMessage': ({ direction, x, y }: {
+        direction: string;
+        x: number;
+        y: number;
+    }) => string;
+    'edge.a11yDescription.default': string;
+    'controls.ariaLabel': string;
+    'controls.zoomIn.ariaLabel': string;
+    'controls.zoomOut.ariaLabel': string;
+    'controls.fitView.ariaLabel': string;
+    'controls.interactive.ariaLabel': string;
+    'minimap.ariaLabel': string;
+    'handle.ariaLabel': string;
+};
+export type AriaLabelConfig = typeof defaultAriaLabelConfig;
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,aAAa;;;yBAKH,MAAM;;;;mBAIZ,MAAM;qBACJ,MAAM;2BAET,UAAU,sCACc;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE;;yBAMzF,MAAM;mBACZ,MAAM;qBAEL,MAAM;;;CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,gBAG5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAA2B,CAAC;AAE7D,eAAO,MAAM,sBAAsB;;;kEAK6B;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;CAiB1G,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,OAAO,sBAAsB,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,9 @@
+export * from './constants';
+export * from './types';
+export * from './utils';
+export * from './xydrag';
+export * from './xyhandle';
+export * from './xyminimap';
+export * from './xypanzoom';
+export * from './xyresizer';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}