Composable behaviors

[intellild]

Currently all drag drop behaviors are hardcoded.
We can't describe a node that are not resizable while draggable natively.
Some nodes may have different drag behavior, such as align to flex/grid layout.

The API should be like

const nodeConfig = graphConfig.getEntityDescription(shape)
const behaviors = nodeConfig.getBehaviors();

while

behaviors = [
  new DragBehavior(),
  new ResizeBehavior(),
]

Notice these APIs are not final, just a draft.

[intellild]

some pseudo code of the idea

class NodeConfig {
  shape = "flow-chart-node"

  behaviors = [
    DraggableBehavior,
    ResizableBehavior,
    PortsBehavior,
    RenderBehavior
  ]
}

const config = new GraphConfigBuilder()
  .registerNode(new NodeConfig())
  .withBehavior(DragMove)
  .withBehavior(UndoRedo)
  .build();

const [state, dispatch] = useReducer(config.getReducer())

<Editor state={state} dispatch={dispatch} config={config}>
  <Graph />
</Editor>