IPort

const graph = graphComponent.graph
const node = graph.createNodeAt(new Point(0, 0))

// add a port to the node: at the center with default style (invisible)
const port = graph.addPort(node, FreeNodePortLocationModel.CENTER)

// the newly created port is part of the graph
console.log(graph.contains(port)) // true
console.log(graph.ports.size) // 1

// the port belongs to its owner
console.log(port.owner === node) // true
console.log(node.ports.size) // 1
console.log(node.ports.get(0) === port) // true

// removing the port removes it from the graph
graph.remove(port)
console.log(graph.contains(port)) // false
console.log(graph.ports.size) // 0
// and from its owner
console.log(node.ports.size) // 0
console.log(port.owner === null) // throws Error!!

console.log(graph.contains(port)) // true
graph.remove(port.owner)
console.log(graph.contains(port)) // false

const node1 = graph.createNode()
const node2 = graph.createNode()
const port1_1 = graph.addPort(node1)
const port1_2 = graph.addPort(node1)
const port2 = graph.addPort(node2)
const edge1 = graph.createEdge(port1_1, port2)
const edge2 = graph.createEdge(port1_2, port2)

// enable auto cleanup
graph.nodeDefaults.ports.autoCleanUp = true
graph.remove(edge1)
// port1_1 is removed with the edge
console.log(graph.contains(port1_1)) // false
// port2 is not removed since edge2 still is linked to it
console.log(graph.contains(port2))
// disable auto cleanup
graph.nodeDefaults.ports.autoCleanUp = false
graph.remove(edge2)
// no port is removed with the edge now
console.log(graph.contains(port1_2)) // true
console.log(graph.contains(port2)) // true