FlowChart.Types

type alias Vector2 =

{ x : Float

, y : Float

}

Vector2 which can represent position or dimension of node, canvas, etc.

    pos = Vector2 10 10

type alias FCNode =

{ id : String

, position : Vector2

, dim : Vector2

, nodeType : String

, ports : List FCPort

}

Represent the data of a single node in flowchart

id = unique identifier for node
position = position of node wrt to position of canvas
dim = width and height of node
nodeType = string identifier used to render html from node map
port = List of ports


    node = FCNode "node-1" (Vector2 20 20) (Vector2 100 100) "default"
        [ FCPort "port-1" Vector2 0 0.42
        , FCPort "port-2" Vector2 0.85 0.42
        ]

type alias FCPort =

{ id : String

, position : Vector2

}

Nodes are connected through links via Ports. Use a value between [0, 1] for port position

    port = FCPort "port-1" Vector2 0 0.42

type alias FCLink =

{ id : String

, from :

{ nodeId : String

, portId : String

}

, to :

{ nodeId : String

, portId : String

}

Link data to connect nodes through ports

id = Id of the link, should be unique
from = NodeId, portId of the start of link
to = NodeId, portId of the end of link

type alias FCCanvas =

{ nodes : List FCNode

, position : Vector2

, links : List FCLink

, portConfig :

{ portSize : Vector2

, portColor : String

}

, linkConfig :

{ linkSize : Int

, linkColor : String

}

Canvas data to initialize the flowchart

vernacular-ai/elm-flow-chart/3.0.0

Defination

Modules