@antv/x6/src/registry/connection-point/bbox.ts

JavaScript diagramming library that uses SVG and HTML for rendering

import type {
  ConnectionPointDefinition,
  ConnectionPointStrokedOptions,
} from './index'
import { getStrokeWidth, offset } from './util'

export interface BBoxOptions extends ConnectionPointStrokedOptions {}

/**
 * Places the connection point at the intersection between the edge
 * path end segment and the target node bbox.
 */
export const bbox: ConnectionPointDefinition<BBoxOptions> = (
  line,
  view,
  magnet,
  options,
) => {
  const bbox = view.getBBoxOfElement(magnet)
  if (options.stroked) {
    bbox.inflate(getStrokeWidth(magnet) / 2)
  }
  const intersections = line.intersect(bbox)
  const p =
    intersections && intersections.length
      ? line.start.closest(intersections)!
      : line.end
  return offset(p, line.start, options.offset)
}