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

package/dist/index.js

@@ -38,20 +38,15 @@ var __decorateClass = (decorators, target, key, kind) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  BezierControlType: () => BezierControlType,
   LINE_OFFSET: () => LINE_OFFSET,
   LINE_PADDING: () => LINE_PADDING,
   LinesLayer: () => WorkflowLinesLayer,
-  WorkflowArkLineContribution: () => WorkflowArkLineContribution,
   WorkflowBezierLineContribution: () => WorkflowBezierLineContribution,
   WorkflowFoldLineContribution: () => WorkflowFoldLineContribution,
   WorkflowLinesLayer: () => WorkflowLinesLayer,
-  WorkflowManhattanLineContribution: () => WorkflowManhattanLineContribution,
   WorkflowPortRender: () => WorkflowPortRender,
   WorkflowStraightLineContribution: () => WorkflowStraightLineContribution,
-  createFreeLinesPlugin: () => createFreeLinesPlugin,
-  getBezierHorizontalControlPoints: () => getBezierHorizontalControlPoints,
-  getBezierVerticalControlPoints: () => getBezierVerticalControlPoints
+  createFreeLinesPlugin: () => createFreeLinesPlugin
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -304,7 +299,7 @@ var LINE_OFFSET = 6;
 var LINE_PADDING = 12;
 
 // src/create-free-lines-plugin.ts
-var import_free_layout_core12 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
 var import_core3 = require("@flowgram.ai/core");
 
 // src/layer/workflow-lines-layer.tsx
@@ -328,9 +323,7 @@ var import_free_layout_core3 = require("@flowgram.ai/free-layout-core");
 
 // src/components/workflow-line-render/index.style.ts
 var import_styled_components2 = __toESM(require("styled-components"));
-var LineStyle = import_styled_components2.default.div.attrs({
-  className: "gedit-flow-activity-edge"
-})`
+var LineStyle = import_styled_components2.default.div`
   position: absolute;
 
   @keyframes flowingDash {
@@ -378,18 +371,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(import_free_layout_core3.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 - import_free_layout_core2.POINT_RADIUS } : { x: toPos.x - import_free_layout_core2.POINT_RADIUS, y: toPos.y };
-  const arrowFromPos = vertical ? { x: fromPos.x, y: fromPos.y + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + import_free_layout_core2.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 - import_free_layout_core2.POINT_RADIUS } : { x: toPos.x - import_free_layout_core2.POINT_RADIUS, y: toPos.y };
+  const arrowFromPos = position.from.location === "bottom" ? { x: fromPos.x, y: fromPos.y + import_free_layout_core2.POINT_RADIUS + LINE_OFFSET } : { x: fromPos.x + import_free_layout_core2.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;
@@ -400,17 +393,15 @@ var LineSVG = (props) => {
       fill: "none",
       stroke: `url(#${strokeID})`,
       strokeWidth,
-      className: (0, import_clsx2.default)(
-        line.className,
-        // 显示流动线条的条件：没有自定义线条class，并且线条处于流动或处理中
-        !line.className && (line.processing || line.flowing ? "dashed-line flowing-line" : "")
-      )
+      className: line.processing || line.flowing ? "dashed-line flowing-line" : ""
     }
   );
   return /* @__PURE__ */ import_react4.default.createElement(
     LineStyle,
     {
+      className: (0, import_clsx2.default)("gedit-flow-activity-edge", line.className),
       style: {
+        ...line.uiState.style,
         left: bounds.x - PADDING,
         top: bounds.y - PADDING,
         position: "absolute"
@@ -592,143 +583,90 @@ WorkflowLinesLayer = __decorateClass([
   (0, import_inversify.injectable)()
 ], WorkflowLinesLayer);
 
-// src/contributions/bezier/bezier-controls.ts
+// src/contributions/bezier/index.ts
+var import_bezier_js = require("bezier-js");
 var import_utils2 = require("@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 = import_utils2.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;
+var import_free_layout_core5 = require("@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
+  };
 }
-function getBezierVerticalControlPoints(fromPos, toPos) {
-  const rect = import_utils2.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 */;
+
+// src/contributions/bezier/bezier-controls.ts
+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 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
-var import_bezier_js = require("bezier-js");
-var import_utils3 = require("@flowgram.ai/utils");
-var import_free_layout_core5 = require("@flowgram.ai/free-layout-core");
-var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 var WorkflowBezierLineContribution = class {
   constructor(entity) {
     this.entity = entity;
@@ -740,27 +678,35 @@ var WorkflowBezierLineContribution = class {
     if (!this.data) {
       return Number.MAX_SAFE_INTEGER;
     }
-    return import_utils3.Point.getDistance(pos, this.data.bezier.project(pos));
+    return import_utils2.Point.getDistance(pos, this.data.bezier.project(pos));
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils3.Rectangle();
+      return import_utils2.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 import_bezier_js.Bezier([fromPos, ...controls, toPos]);
     const bbox = bezier.bbox();
-    const bboxBounds = new import_utils3.Rectangle(
+    const bboxBounds = new import_utils2.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,
@@ -768,38 +714,32 @@ 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 - import_free_layout_core5.POINT_RADIUS } : { x: toPos.x - import_free_layout_core5.POINT_RADIUS, 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 + import_free_layout_core5.POINT_RADIUS} ${curveType} ${controlPoints}, ${renderToPos.x} ${renderToPos.y}`;
-      }
-      return `M${fromPos.x + import_free_layout_core5.POINT_RADIUS} ${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 = import_free_layout_core6.LineType.BEZIER;
+WorkflowBezierLineContribution.type = import_free_layout_core5.LineType.BEZIER;
 
 // src/contributions/fold/index.ts
 var import_utils5 = require("@flowgram.ai/utils");
-var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
-var import_free_layout_core8 = require("@flowgram.ai/free-layout-core");
+var import_free_layout_core6 = require("@flowgram.ai/free-layout-core");
 
 // src/contributions/fold/fold-line.ts
 var import_utils4 = require("@flowgram.ai/utils");
@@ -841,23 +781,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 = [];
@@ -923,7 +875,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) {
@@ -1017,46 +975,54 @@ var WorkflowFoldLineContribution = class {
     }
     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 : import_free_layout_core7.POINT_RADIUS,
-      y: vertical ? import_free_layout_core7.POINT_RADIUS : 0
+      x: fromPos.location === "bottom" ? 0 : shrink,
+      y: fromPos.location === "bottom" ? shrink : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core7.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core7.POINT_RADIUS : 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 = import_free_layout_core8.LineType.LINE_CHART;
+WorkflowFoldLineContribution.type = import_free_layout_core6.LineType.LINE_CHART;
 
 // src/contributions/straight/index.ts
-var import_utils6 = require("@flowgram.ai/utils");
-var import_free_layout_core9 = require("@flowgram.ai/free-layout-core");
+var import_utils7 = require("@flowgram.ai/utils");
+var import_free_layout_core7 = require("@flowgram.ai/free-layout-core");
 
 // src/contributions/straight/point-on-line.ts
 function projectPointOnLine(point, lineStart, lineEnd) {
@@ -1089,24 +1055,27 @@ var WorkflowStraightLineContribution = class {
       return Number.MAX_SAFE_INTEGER;
     }
     const [start, end] = this.data.points;
-    return import_utils6.Point.getDistance(pos, projectPointOnLine(pos, start, end));
+    return import_utils7.Point.getDistance(pos, projectPointOnLine(pos, start, end));
   }
   get bounds() {
     if (!this.data) {
-      return new import_utils6.Rectangle();
+      return new import_utils7.Rectangle();
     }
     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 : import_free_layout_core9.POINT_RADIUS,
-      y: vertical ? import_free_layout_core9.POINT_RADIUS : 0
+      x: fromPos.location === "bottom" ? 0 : shrink,
+      y: fromPos.location === "bottom" ? shrink : 0
     };
     const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core9.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core9.POINT_RADIUS : 0
+      x: toPos.location === "top" ? 0 : -shrink,
+      y: toPos.location === "top" ? -shrink : 0
     };
     const points = [
       {
@@ -1118,7 +1087,7 @@ var WorkflowStraightLineContribution = class {
         y: toPos.y + targetOffset.y
       }
     ];
-    const bbox = import_utils6.Rectangle.createRectangleWithTwoPoints(points[0], points[1]);
+    const bbox = import_utils7.Rectangle.createRectangleWithTwoPoints(points[0], points[1]);
     const adjustedPoints = points.map((p) => ({
       x: p.x - bbox.x + LINE_PADDING,
       y: p.y - bbox.y + LINE_PADDING
@@ -1127,223 +1096,12 @@ var WorkflowStraightLineContribution = class {
     this.data = {
       points,
       path,
-      bbox
-    };
-  }
-};
-WorkflowStraightLineContribution.type = "WorkflowStraightLineContribution";
-
-// src/contributions/arc/index.ts
-var import_utils7 = require("@flowgram.ai/utils");
-var import_free_layout_core10 = require("@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
-    };
-    const radius = import_utils7.Point.getDistance(fromPos, center);
-    const distanceToCenter = import_utils7.Point.getDistance(pos, center);
-    return Math.abs(distanceToCenter - radius);
-  }
-  get bounds() {
-    if (!this.data) {
-      return new import_utils7.Rectangle();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core10.POINT_RADIUS,
-      y: vertical ? import_free_layout_core10.POINT_RADIUS : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core10.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core10.POINT_RADIUS : 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 import_utils7.Rectangle(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
-var import_utils8 = require("@flowgram.ai/utils");
-var import_free_layout_core11 = require("@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 import_utils8.Point.getDistance(point, start);
-    }
-    const t = ((point.x - start.x) * dx + (point.y - start.y) * dy) / (dx * dx + dy * dy);
-    if (t < 0) return import_utils8.Point.getDistance(point, start);
-    if (t > 1) return import_utils8.Point.getDistance(point, end);
-    const projectionPoint = {
-      x: start.x + t * dx,
-      y: start.y + t * dy
-    };
-    return import_utils8.Point.getDistance(point, projectionPoint);
-  }
-  get bounds() {
-    if (!this.data) {
-      return new import_utils8.Rectangle();
-    }
-    return this.data.bbox;
-  }
-  update(params) {
-    const { fromPos, toPos } = params;
-    const { vertical } = this.entity;
-    const sourceOffset = {
-      x: vertical ? 0 : import_free_layout_core11.POINT_RADIUS,
-      y: vertical ? import_free_layout_core11.POINT_RADIUS : 0
-    };
-    const targetOffset = {
-      x: vertical ? 0 : -import_free_layout_core11.POINT_RADIUS,
-      y: vertical ? -import_free_layout_core11.POINT_RADIUS : 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 = import_utils8.Rectangle.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
+      bbox,
+      center: (0, import_free_layout_core7.getLineCenter)(fromPos, toPos, bbox, LINE_PADDING)
     };
   }
-  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 = import_free_layout_core7.LineType.STRAIGHT;
 
 // src/create-free-lines-plugin.ts
 var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
@@ -1354,8 +1112,8 @@ var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
     });
   },
   onReady: (ctx, opts) => {
-    const linesManager = ctx.container.get(import_free_layout_core12.WorkflowLinesManager);
-    linesManager.registerContribution(WorkflowBezierLineContribution).registerContribution(WorkflowFoldLineContribution);
+    const linesManager = ctx.container.get(import_free_layout_core8.WorkflowLinesManager);
+    linesManager.registerContribution(WorkflowBezierLineContribution).registerContribution(WorkflowFoldLineContribution).registerContribution(WorkflowStraightLineContribution);
     if (opts.contributions) {
       opts.contributions.forEach((contribution) => {
         linesManager.registerContribution(contribution);
@@ -1368,19 +1126,14 @@ var createFreeLinesPlugin = (0, import_core3.definePluginCreator)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BezierControlType,
   LINE_OFFSET,
   LINE_PADDING,
   LinesLayer,
-  WorkflowArkLineContribution,
   WorkflowBezierLineContribution,
   WorkflowFoldLineContribution,
   WorkflowLinesLayer,
-  WorkflowManhattanLineContribution,
   WorkflowPortRender,
   WorkflowStraightLineContribution,
-  createFreeLinesPlugin,
-  getBezierHorizontalControlPoints,
-  getBezierVerticalControlPoints
+  createFreeLinesPlugin
 });
 //# sourceMappingURL=index.js.map