@flowgram.ai/free-lines-plugin 0.1.0-alpha.12 → 0.1.0-alpha.14

package/dist/esm/index.js

@@ -295,9 +295,7 @@ import { WorkflowLineRenderData } from "@flowgram.ai/free-layout-core";
 
 // src/components/workflow-line-render/index.style.ts
 import styled2 from "styled-components";
-var LineStyle = styled2.div.attrs({
-  className: "gedit-flow-activity-edge"
-})`
+var LineStyle = styled2.div`
   position: absolute;
 
   @keyframes flowingDash {
@@ -345,18 +343,18 @@ function ArrowRenderer({
 var PADDING = 12;
 var LineSVG = (props) => {
   const { line, color, selected, children, strokePrefix, rendererRegistry } = props;
-  const { position, reverse, vertical, hideArrow } = line;
+  const { position, reverse, hideArrow, vertical } = line;
   const renderData = line.getData(WorkflowLineRenderData);
   const { bounds, path: bezierPath } = renderData;
-  const toRelative = (p) => ({
+  const toRelative2 = (p) => ({
     x: p.x - bounds.x + PADDING,
     y: p.y - bounds.y + PADDING
   });
-  const fromPos = toRelative(position.from);
-  const toPos = toRelative(position.to);
-  const arrowToPos = vertical ? { x: toPos.x, y: toPos.y - POINT_RADIUS } : { x: toPos.x - POINT_RADIUS, y: toPos.y };
-  const arrowFromPos = vertical ? { x: fromPos.x, y: fromPos.y + POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + POINT_RADIUS + LINE_OFFSET, y: fromPos.y };
-  const strokeWidth = selected ? STROKE_WIDTH_SLECTED : STROKE_WIDTH;
+  const fromPos = toRelative2(position.from);
+  const toPos = toRelative2(position.to);
+  const arrowToPos = position.to.location === "top" ? { x: toPos.x, y: toPos.y - POINT_RADIUS } : { x: toPos.x - POINT_RADIUS, y: toPos.y };
+  const arrowFromPos = position.from.location === "bottom" ? { x: fromPos.x, y: fromPos.y + POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + POINT_RADIUS + LINE_OFFSET, y: fromPos.y };
+  const strokeWidth = selected ? line.uiState.strokeWidthSelected ?? STROKE_WIDTH_SLECTED : line.uiState.strokeWidth ?? STROKE_WIDTH;
   const strokeID = strokePrefix ? `${strokePrefix}-${line.id}` : line.id;
   const CustomArrowRenderer = rendererRegistry?.tryToGetRendererComponent("arrow-renderer")?.renderer;
   const ArrowComponent = CustomArrowRenderer || ArrowRenderer;
@@ -367,17 +365,15 @@ var LineSVG = (props) => {
       fill: "none",
       stroke: `url(#${strokeID})`,
       strokeWidth,
-      className: clsx(
-        line.className,
-        // 显示流动线条的条件：没有自定义线条class，并且线条处于流动或处理中
-        !line.className && (line.processing || line.flowing ? "dashed-line flowing-line" : "")
-      )
+      className: line.processing || line.flowing ? "dashed-line flowing-line" : ""
     }
   );
   return /* @__PURE__ */ React4.createElement(
     LineStyle,
     {
+      className: clsx("gedit-flow-activity-edge", line.className),
       style: {
+        ...line.uiState.style,
         left: bounds.x - PADDING,
         top: bounds.y - PADDING,
         position: "absolute"
@@ -559,145 +555,90 @@ WorkflowLinesLayer = __decorateClass([
   injectable()
 ], WorkflowLinesLayer);
 
+// src/contributions/bezier/index.ts
+import { Bezier } from "bezier-js";
+import { Point, Rectangle } from "@flowgram.ai/utils";
+import { LineType } from "@flowgram.ai/free-layout-core";
+
+// src/contributions/utils.ts
+function toRelative(p, bbox) {
+  return {
+    x: p.x - bbox.x + LINE_PADDING,
+    y: p.y - bbox.y + LINE_PADDING
+  };
+}
+
 // src/contributions/bezier/bezier-controls.ts
-import { Rectangle } from "@flowgram.ai/utils";
-var BezierControlType = /* @__PURE__ */ ((BezierControlType2) => {
-  BezierControlType2[BezierControlType2["RIGHT_TOP"] = 0] = "RIGHT_TOP";
-  BezierControlType2[BezierControlType2["RIGHT_BOTTOM"] = 1] = "RIGHT_BOTTOM";
-  BezierControlType2[BezierControlType2["LEFT_TOP"] = 2] = "LEFT_TOP";
-  BezierControlType2[BezierControlType2["LEFT_BOTTOM"] = 3] = "LEFT_BOTTOM";
-  return BezierControlType2;
-})(BezierControlType || {});
-var CONTROL_MAX = 300;
-function getBezierHorizontalControlPoints(fromPos, toPos) {
-  const rect = Rectangle.createRectangleWithTwoPoints(fromPos, toPos);
-  let type;
-  if (fromPos.x <= toPos.x) {
-    type = fromPos.y <= toPos.y ? 1 /* RIGHT_BOTTOM */ : 0 /* RIGHT_TOP */;
-  } else {
-    type = fromPos.y <= toPos.y ? 3 /* LEFT_BOTTOM */ : 2 /* LEFT_TOP */;
-  }
-  let controls;
-  switch (type) {
-    case 0 /* RIGHT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x - rect.width / 2,
-          y: rect.rightBottom.y
-        },
-        {
-          x: rect.leftTop.x + rect.width / 2,
-          y: rect.leftTop.y
-        }
-      ];
-      break;
-    case 1 /* RIGHT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x - rect.width / 2,
-          y: rect.rightTop.y
-        },
-        {
-          x: rect.leftBottom.x + rect.width / 2,
-          y: rect.leftBottom.y
-        }
-      ];
-      break;
-    case 2 /* LEFT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x + Math.min(rect.width, CONTROL_MAX),
-          y: rect.rightBottom.y
-        },
-        {
-          x: rect.leftTop.x - Math.min(rect.width, CONTROL_MAX),
-          y: rect.leftTop.y
-        }
-      ];
-      break;
-    case 3 /* LEFT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x + Math.min(rect.width, CONTROL_MAX),
-          y: rect.rightTop.y
-        },
-        {
-          x: rect.leftBottom.x - Math.min(rect.width, CONTROL_MAX),
-          y: rect.leftBottom.y
-        }
-      ];
-  }
-  return controls;
+function getBezierEdgeCenter(fromPos, toPos, fromControl, toControl) {
+  const x = fromPos.x * 0.125 + fromControl.x * 0.375 + toControl.x * 0.375 + toPos.x * 0.125;
+  const y = fromPos.y * 0.125 + fromControl.y * 0.375 + toControl.y * 0.375 + toPos.y * 0.125;
+  return {
+    x,
+    y
+  };
 }
-function getBezierVerticalControlPoints(fromPos, toPos) {
-  const rect = Rectangle.createRectangleWithTwoPoints(fromPos, toPos);
-  let type;
-  if (fromPos.y <= toPos.y) {
-    type = fromPos.x <= toPos.x ? 1 /* RIGHT_BOTTOM */ : 3 /* LEFT_BOTTOM */;
-  } else {
-    type = fromPos.x <= toPos.x ? 0 /* RIGHT_TOP */ : 2 /* LEFT_TOP */;
+function getControlOffset(distance, curvature) {
+  if (distance >= 0) {
+    return 0.5 * distance;
   }
-  let controls;
-  switch (type) {
-    case 1 /* RIGHT_BOTTOM */:
-      controls = [
-        {
-          x: rect.leftTop.x,
-          y: rect.leftTop.y + rect.height / 2
-        },
-        {
-          x: rect.rightBottom.x,
-          y: rect.rightBottom.y - rect.height / 2
-        }
-      ];
-      break;
-    case 3 /* LEFT_BOTTOM */:
-      controls = [
-        {
-          x: rect.rightTop.x,
-          y: rect.rightTop.y + rect.height / 2
-        },
-        {
-          x: rect.leftBottom.x,
-          y: rect.leftBottom.y - rect.height / 2
-        }
-      ];
-      break;
-    case 0 /* RIGHT_TOP */:
-      controls = [
-        {
-          x: rect.leftBottom.x,
-          y: rect.leftBottom.y + Math.min(rect.height, CONTROL_MAX)
-        },
-        {
-          x: rect.rightTop.x,
-          y: rect.rightTop.y - Math.min(rect.height, CONTROL_MAX)
-        }
-      ];
-      break;
-    case 2 /* LEFT_TOP */:
-      controls = [
-        {
-          x: rect.rightBottom.x,
-          y: rect.rightBottom.y + Math.min(rect.height, CONTROL_MAX)
-        },
-        {
-          x: rect.leftTop.x,
-          y: rect.leftTop.y - Math.min(rect.height, CONTROL_MAX)
-        }
-      ];
-      break;
+  return curvature * 25 * Math.sqrt(-distance);
+}
+function getControlWithCurvature({
+  location,
+  x1,
+  y1,
+  x2,
+  y2,
+  curvature
+}) {
+  switch (location) {
+    case "left":
+      return {
+        x: x1 - getControlOffset(x1 - x2, curvature),
+        y: y1
+      };
+    case "right":
+      return {
+        x: x1 + getControlOffset(x2 - x1, curvature),
+        y: y1
+      };
+    case "top":
+      return {
+        x: x1,
+        y: y1 - getControlOffset(y1 - y2, curvature)
+      };
+    case "bottom":
+      return {
+        x: x1,
+        y: y1 + getControlOffset(y2 - y1, curvature)
+      };
   }
-  return controls;
+}
+function getBezierControlPoints(fromPos, toPos, curvature = 0.25) {
+  const fromControl = getControlWithCurvature({
+    location: fromPos.location,
+    x1: fromPos.x,
+    y1: fromPos.y,
+    x2: toPos.x,
+    y2: toPos.y,
+    curvature
+  });
+  const toControl = getControlWithCurvature({
+    location: toPos.location,
+    x1: toPos.x,
+    y1: toPos.y,
+    x2: fromPos.x,
+    y2: fromPos.y,
+    curvature
+  });
+  const center = getBezierEdgeCenter(fromPos, toPos, fromControl, toControl);
+  return {
+    controls: [fromControl, toControl],
+    center
+  };
 }
 
 // src/contributions/bezier/index.ts
-import { Bezier } from "bezier-js";
-import { Point, Rectangle as Rectangle2 } from "@flowgram.ai/utils";
-import {
-  POINT_RADIUS as POINT_RADIUS2
-} from "@flowgram.ai/free-layout-core";
-import { LineType } from "@flowgram.ai/free-layout-core";
 var WorkflowBezierLineContribution = class {
   constructor(entity) {
     this.entity = entity;
@@ -713,23 +654,31 @@ var WorkflowBezierLineContribution = class {
   }
   get bounds() {
     if (!this.data) {
-      return new Rectangle2();
+      return Rectangle.EMPTY;
     }
     return this.data.bbox;
   }
+  get center() {
+    return this.data?.center;
+  }
   update(params) {
     this.data = this.calcBezier(params.fromPos, params.toPos);
   }
   calcBezier(fromPos, toPos) {
-    const controls = this.entity.vertical ? getBezierVerticalControlPoints(fromPos, toPos) : getBezierHorizontalControlPoints(fromPos, toPos);
+    const { controls, center } = getBezierControlPoints(
+      fromPos,
+      toPos,
+      this.entity.uiState.curvature
+    );
     const bezier = new Bezier([fromPos, ...controls, toPos]);
     const bbox = bezier.bbox();
-    const bboxBounds = new Rectangle2(
+    const bboxBounds = new Rectangle(
       bbox.x.min,
       bbox.y.min,
       bbox.x.max - bbox.x.min,
       bbox.y.max - bbox.y.min
     );
+    const centerPoint = toRelative(center, bboxBounds);
     const path = this.getPath({ bbox: bboxBounds, fromPos, toPos, controls });
     this.data = {
       fromPos,
@@ -737,43 +686,35 @@ var WorkflowBezierLineContribution = class {
       bezier,
       bbox: bboxBounds,
       controls,
-      path
+      path,
+      center: {
+        ...center,
+        labelX: centerPoint.x,
+        labelY: centerPoint.y
+      }
     };
     return this.data;
   }
   getPath(params) {
     const { bbox } = params;
-    const toRelative = (p) => ({
-      x: p.x - bbox.x + LINE_PADDING,
-      y: p.y - bbox.y + LINE_PADDING
-    });
-    const fromPos = toRelative(params.fromPos);
-    const toPos = toRelative(params.toPos);
-    const controls = params.controls.map((c) => toRelative(c));
-    const renderToPos = this.entity.vertical ? { x: toPos.x, y: toPos.y - POINT_RADIUS2 } : { x: toPos.x - POINT_RADIUS2, y: toPos.y };
-    const getPathData = () => {
-      const controlPoints = controls.map((s) => `${s.x} ${s.y}`).join(",");
-      const curveType = controls.length === 1 ? "S" : "C";
-      if (this.entity.vertical) {
-        return `M${fromPos.x} ${fromPos.y + POINT_RADIUS2} ${curveType} ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
-      }
-      return `M${fromPos.x + POINT_RADIUS2} ${fromPos.y} ${curveType} ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
-    };
-    const path = getPathData();
-    return path;
+    const fromPos = toRelative(params.fromPos, bbox);
+    const toPos = toRelative(params.toPos, bbox);
+    const controls = params.controls.map((c) => toRelative(c, bbox));
+    const shrink = this.entity.uiState.shrink;
+    const renderFromPos = params.fromPos.location === "bottom" ? { x: fromPos.x, y: fromPos.y + shrink } : { x: fromPos.x + shrink, y: fromPos.y };
+    const renderToPos = params.toPos.location === "top" ? { x: toPos.x, y: toPos.y - shrink } : { x: toPos.x - shrink, y: toPos.y };
+    const controlPoints = controls.map((s) => `${s.x} ${s.y}`).join(",");
+    return `M${renderFromPos.x} ${renderFromPos.y} C ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
   }
 };
 WorkflowBezierLineContribution.type = LineType.BEZIER;
 
 // src/contributions/fold/index.ts
-import { Rectangle as Rectangle4 } from "@flowgram.ai/utils";
-import {
-  POINT_RADIUS as POINT_RADIUS3
-} from "@flowgram.ai/free-layout-core";
+import { Rectangle as Rectangle3 } from "@flowgram.ai/utils";
 import { LineType as LineType2 } from "@flowgram.ai/free-layout-core";
 
 // src/contributions/fold/fold-line.ts
-import { Point as Point2, Rectangle as Rectangle3 } from "@flowgram.ai/utils";
+import { Point as Point2, Rectangle as Rectangle2 } from "@flowgram.ai/utils";
 var getPointToSegmentDistance = (point, segStart, segEnd) => {
   const { x: px, y: py } = point;
   const { x: x1, y: y1 } = segStart;
@@ -812,23 +753,35 @@ var FoldLine;
     const centerY = target.y < source.y ? target.y + yOffset : target.y - yOffset;
     return [centerX, centerY];
   }
-  const getDirection = ({ source, target }) => source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
-  function getPoints({
-    source,
-    target,
-    vertical = false
-  }) {
-    const sourceDir = vertical ? { x: 0, y: 1 } : { x: 1, y: 0 };
-    const targetDir = vertical ? { x: 0, y: -1 } : { x: -1, y: 0 };
+  const getDirection = ({ source, target }) => {
+    if (source.location === "left" || source.location === "right") {
+      return source.x < target.x ? { x: 1, y: 0 } : { x: -1, y: 0 };
+    }
+    return source.y < target.y ? { x: 0, y: 1 } : { x: 0, y: -1 };
+  };
+  const handleDirections = {
+    left: { x: -1, y: 0 },
+    right: { x: 1, y: 0 },
+    top: { x: 0, y: -1 },
+    bottom: { x: 0, y: 1 }
+  };
+  function getPoints({ source, target }) {
+    const sourceDir = handleDirections[source.location];
+    const targetDir = handleDirections[target.location];
     const sourceGapped = {
       x: source.x + sourceDir.x * OFFSET,
-      y: source.y + sourceDir.y * OFFSET
+      y: source.y + sourceDir.y * OFFSET,
+      location: source.location
     };
     const targetGapped = {
       x: target.x + targetDir.x * OFFSET,
-      y: target.y + targetDir.y * OFFSET
+      y: target.y + targetDir.y * OFFSET,
+      location: target.location
     };
-    const dir = vertical ? { x: 0, y: sourceGapped.y < targetGapped.y ? 1 : -1 } : getDirection({ source: sourceGapped, target: targetGapped });
+    const dir = getDirection({
+      source: sourceGapped,
+      target: targetGapped
+    });
     const dirAccessor = dir.x !== 0 ? "x" : "y";
     const currDir = dir[dirAccessor];
     let points = [];
@@ -894,7 +847,13 @@ var FoldLine;
       { x: targetGapped.x, y: targetGapped.y },
       target
     ];
-    return pathPoints;
+    return {
+      points: pathPoints,
+      center: {
+        x: centerX,
+        y: centerY
+      }
+    };
   }
   FoldLine2.getPoints = getPoints;
   function getBend(a, b, c) {
@@ -937,7 +896,7 @@ var FoldLine;
     const right = Math.max(...xList);
     const top = Math.min(...yList);
     const bottom = Math.max(...yList);
-    return Rectangle3.createRectangleWithTwoPoints(
+    return Rectangle2.createRectangleWithTwoPoints(
       {
         x: left,
         y: top
@@ -984,51 +943,60 @@ var WorkflowFoldLineContribution = class {
   }
   get bounds() {
     if (!this.data) {
-      return new Rectangle4();
+      return new Rectangle3();
     }
     return this.data.bbox;
   }
+  get center() {
+    return this.data?.center;
+  }
   update(params) {
     const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
+    const shrink = this.entity.uiState.shrink;
     const sourceOffset = {
-      x: vertical ? 0 : POINT_RADIUS3,
-      y: vertical ? POINT_RADIUS3 : 0
+      x: fromPos.location === "bottom" ? 0 : shrink,
+      y: fromPos.location === "bottom" ? shrink : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -POINT_RADIUS3,
-      y: vertical ? -POINT_RADIUS3 : 0
+      x: toPos.location === "top" ? 0 : -shrink,
+      y: toPos.location === "top" ? -shrink : 0
     };
-    const points = FoldLine.getPoints({
+    const { points, center } = FoldLine.getPoints({
       source: {
         x: fromPos.x + sourceOffset.x,
-        y: fromPos.y + sourceOffset.y
+        y: fromPos.y + sourceOffset.y,
+        location: fromPos.location
       },
       target: {
         x: toPos.x + targetOffset.x,
-        y: toPos.y + targetOffset.y
-      },
-      vertical
+        y: toPos.y + targetOffset.y,
+        location: toPos.location
+      }
     });
     const bbox = FoldLine.getBounds(points);
-    const adjustedPoints = points.map((p) => ({
-      x: p.x - bbox.x + LINE_PADDING,
-      y: p.y - bbox.y + LINE_PADDING
-    }));
+    const adjustedPoints = points.map((p) => toRelative(p, bbox));
     const path = FoldLine.getSmoothStepPath(adjustedPoints);
+    const relativeCenter = toRelative(center, bbox);
     this.data = {
       points,
       path,
-      bbox
+      bbox,
+      center: {
+        x: center.x,
+        y: center.y,
+        labelX: relativeCenter.x,
+        labelY: relativeCenter.y
+      }
     };
   }
 };
 WorkflowFoldLineContribution.type = LineType2.LINE_CHART;
 
 // src/contributions/straight/index.ts
-import { Point as Point3, Rectangle as Rectangle5 } from "@flowgram.ai/utils";
+import { Point as Point3, Rectangle as Rectangle4 } from "@flowgram.ai/utils";
 import {
-  POINT_RADIUS as POINT_RADIUS4
+  getLineCenter,
+  LineType as LineType3
 } from "@flowgram.ai/free-layout-core";
 
 // src/contributions/straight/point-on-line.ts
@@ -1066,20 +1034,23 @@ var WorkflowStraightLineContribution = class {
   }
   get bounds() {
     if (!this.data) {
-      return new Rectangle5();
+      return new Rectangle4();
     }
     return this.data.bbox;
   }
+  get center() {
+    return this.data?.center;
+  }
   update(params) {
     const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
+    const shrink = this.entity.uiState.shrink;
     const sourceOffset = {
-      x: vertical ? 0 : POINT_RADIUS4,
-      y: vertical ? POINT_RADIUS4 : 0
+      x: fromPos.location === "bottom" ? 0 : shrink,
+      y: fromPos.location === "bottom" ? shrink : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -POINT_RADIUS4,
-      y: vertical ? -POINT_RADIUS4 : 0
+      x: toPos.location === "top" ? 0 : -shrink,
+      y: toPos.location === "top" ? -shrink : 0
     };
     const points = [
       {
@@ -1091,7 +1062,7 @@ var WorkflowStraightLineContribution = class {
         y: toPos.y + targetOffset.y
       }
     ];
-    const bbox = Rectangle5.createRectangleWithTwoPoints(points[0], points[1]);
+    const bbox = Rectangle4.createRectangleWithTwoPoints(points[0], points[1]);
     const adjustedPoints = points.map((p) => ({
       x: p.x - bbox.x + LINE_PADDING,
       y: p.y - bbox.y + LINE_PADDING
@@ -1100,227 +1071,12 @@ var WorkflowStraightLineContribution = class {
     this.data = {
       points,
       path,
-      bbox
-    };
-  }
-};
-WorkflowStraightLineContribution.type = "WorkflowStraightLineContribution";
-
-// src/contributions/arc/index.ts
-import { Point as Point4, Rectangle as Rectangle6 } from "@flowgram.ai/utils";
-import {
-  POINT_RADIUS as POINT_RADIUS5
-} from "@flowgram.ai/free-layout-core";
-var WorkflowArkLineContribution = class {
-  constructor(entity) {
-    this.entity = entity;
-  }
-  get path() {
-    return this.data?.path ?? "";
-  }
-  calcDistance(pos) {
-    if (!this.data) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    const { fromPos, toPos, bbox } = this.data;
-    if (!bbox.contains(pos.x, pos.y)) {
-      const dx = Math.max(bbox.x - pos.x, 0, pos.x - (bbox.x + bbox.width));
-      const dy = Math.max(bbox.y - pos.y, 0, pos.y - (bbox.y + bbox.height));
-      return Math.sqrt(dx * dx + dy * dy);
-    }
-    const center = {
-      x: (fromPos.x + toPos.x) / 2,
-      y: (fromPos.y + toPos.y) / 2
+      bbox,
+      center: getLineCenter(fromPos, toPos, bbox, LINE_PADDING)
     };
-    const radius = Point4.getDistance(fromPos, center);
-    const distanceToCenter = Point4.getDistance(pos, center);
-    return Math.abs(distanceToCenter - radius);
-  }
-  get bounds() {
-    if (!this.data) {
-      return new Rectangle6();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : POINT_RADIUS5,
-      y: vertical ? POINT_RADIUS5 : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -POINT_RADIUS5,
-      y: vertical ? -POINT_RADIUS5 : 0
-    };
-    const start = {
-      x: fromPos.x + sourceOffset.x,
-      y: fromPos.y + sourceOffset.y
-    };
-    const end = {
-      x: toPos.x + targetOffset.x,
-      y: toPos.y + targetOffset.y
-    };
-    const bbox = this.calculateArcBBox(start, end);
-    const path = this.getArcPath(start, end, bbox);
-    this.data = {
-      fromPos: start,
-      toPos: end,
-      path,
-      bbox
-    };
-  }
-  calculateArcBBox(start, end) {
-    const dx = end.x - start.x;
-    const dy = end.y - start.y;
-    const radius = Math.sqrt(dx * dx + dy * dy) / 2;
-    const centerX = (start.x + end.x) / 2;
-    const centerY = (start.y + end.y) / 2;
-    return new Rectangle6(centerX - radius, centerY - radius, radius * 2, radius * 2);
-  }
-  getArcPath(start, end, bbox) {
-    const dx = end.x - start.x;
-    const dy = end.y - start.y;
-    const distance = Math.sqrt(dx * dx + dy * dy);
-    const startRel = {
-      x: start.x - bbox.x + LINE_PADDING,
-      y: start.y - bbox.y + LINE_PADDING
-    };
-    const endRel = {
-      x: end.x - bbox.x + LINE_PADDING,
-      y: end.y - bbox.y + LINE_PADDING
-    };
-    return `M ${startRel.x} ${startRel.y} A ${distance / 2} ${distance / 2} 0 0 1 ${endRel.x} ${endRel.y}`;
-  }
-};
-WorkflowArkLineContribution.type = "WorkflowArkLineContribution";
-
-// src/contributions/manhattan/index.ts
-import { Point as Point5, Rectangle as Rectangle7 } from "@flowgram.ai/utils";
-import {
-  POINT_RADIUS as POINT_RADIUS6
-} from "@flowgram.ai/free-layout-core";
-var WorkflowManhattanLineContribution = class {
-  constructor(entity) {
-    this.entity = entity;
-  }
-  get path() {
-    return this.data?.path ?? "";
-  }
-  calcDistance(pos) {
-    if (!this.data) {
-      return Number.MAX_SAFE_INTEGER;
-    }
-    return Math.min(
-      ...this.data.points.slice(1).map((point, index) => {
-        const prevPoint = this.data.points[index];
-        return this.getDistanceToLineSegment(pos, prevPoint, point);
-      })
-    );
-  }
-  getDistanceToLineSegment(point, start, end) {
-    const dx = end.x - start.x;
-    const dy = end.y - start.y;
-    if (dx === 0 && dy === 0) {
-      return Point5.getDistance(point, start);
-    }
-    const t = ((point.x - start.x) * dx + (point.y - start.y) * dy) / (dx * dx + dy * dy);
-    if (t < 0) return Point5.getDistance(point, start);
-    if (t > 1) return Point5.getDistance(point, end);
-    const projectionPoint = {
-      x: start.x + t * dx,
-      y: start.y + t * dy
-    };
-    return Point5.getDistance(point, projectionPoint);
-  }
-  get bounds() {
-    if (!this.data) {
-      return new Rectangle7();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : POINT_RADIUS6,
-      y: vertical ? POINT_RADIUS6 : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -POINT_RADIUS6,
-      y: vertical ? -POINT_RADIUS6 : 0
-    };
-    const points = this.getManhattanPoints({
-      source: {
-        x: fromPos.x + sourceOffset.x,
-        y: fromPos.y + sourceOffset.y
-      },
-      target: {
-        x: toPos.x + targetOffset.x,
-        y: toPos.y + targetOffset.y
-      },
-      vertical
-    });
-    const bbox = Rectangle7.createRectangleWithTwoPoints(
-      points.reduce(
-        (min, p) => ({
-          x: Math.min(min.x, p.x),
-          y: Math.min(min.y, p.y)
-        }),
-        points[0]
-      ),
-      points.reduce(
-        (max, p) => ({
-          x: Math.max(max.x, p.x),
-          y: Math.max(max.y, p.y)
-        }),
-        points[0]
-      )
-    );
-    const adjustedPoints = points.map((p) => ({
-      x: p.x - bbox.x + LINE_PADDING,
-      y: p.y - bbox.y + LINE_PADDING
-    }));
-    const path = this.getPathFromPoints(adjustedPoints);
-    this.data = {
-      points,
-      path,
-      bbox
-    };
-  }
-  getManhattanPoints(params) {
-    const { source, target, vertical } = params;
-    const points = [source];
-    if (vertical) {
-      if (source.y !== target.y) {
-        points.push({ x: source.x, y: target.y });
-      }
-      if (source.x !== target.x) {
-        points.push({ x: target.x, y: target.y });
-      }
-    } else {
-      if (source.x !== target.x) {
-        points.push({ x: target.x, y: source.y });
-      }
-      if (source.y !== target.y) {
-        points.push({ x: target.x, y: target.y });
-      }
-    }
-    if (points[points.length - 1] !== target) {
-      points.push(target);
-    }
-    return points;
-  }
-  getPathFromPoints(points) {
-    return points.reduce((path, point, index) => {
-      if (index === 0) {
-        return `M ${point.x} ${point.y}`;
-      }
-      return `${path} L ${point.x} ${point.y}`;
-    }, "");
   }
 };
-WorkflowManhattanLineContribution.type = "WorkflowManhattanLineContribution";
+WorkflowStraightLineContribution.type = LineType3.STRAIGHT;
 
 // src/create-free-lines-plugin.ts
 var createFreeLinesPlugin = definePluginCreator({
@@ -1332,7 +1088,7 @@ var createFreeLinesPlugin = definePluginCreator({
   },
   onReady: (ctx, opts) => {
     const linesManager = ctx.container.get(WorkflowLinesManager2);
-    linesManager.registerContribution(WorkflowBezierLineContribution).registerContribution(WorkflowFoldLineContribution);
+    linesManager.registerContribution(WorkflowBezierLineContribution).registerContribution(WorkflowFoldLineContribution).registerContribution(WorkflowStraightLineContribution);
     if (opts.contributions) {
       opts.contributions.forEach((contribution) => {
         linesManager.registerContribution(contribution);
@@ -1344,19 +1100,14 @@ var createFreeLinesPlugin = definePluginCreator({
   }
 });
 export {
-  BezierControlType,
   LINE_OFFSET,
   LINE_PADDING,
   WorkflowLinesLayer as LinesLayer,
-  WorkflowArkLineContribution,
   WorkflowBezierLineContribution,
   WorkflowFoldLineContribution,
   WorkflowLinesLayer,
-  WorkflowManhattanLineContribution,
   WorkflowPortRender,
   WorkflowStraightLineContribution,
-  createFreeLinesPlugin,
-  getBezierHorizontalControlPoints,
-  getBezierVerticalControlPoints
+  createFreeLinesPlugin
 };
 //# sourceMappingURL=index.js.map