Patternfly topology for Kiali graph

[jshaughn]

One goal of OpenShift plugins is to offer consistent UX (user experience) with both native console and other plugins. This consistent UX may end up being an acceptance criteria for acceptance as an official plugin for RHOS (and not just a community plugin, or tech preview). The Kiali graph offer a very different look and feel from other topology views in OS, such as dev console, netobserv, and others. If feasible it could be a beneficial for Kiali to offer a PF topology option.

POC / Initial Impl

• Research PFTopology as a POC (Summary Here)
• Initial PFT Graph #100
• add mechanism to show/hide PFT graph option (done as part of OSSMC-100)

Things needed for OSSMC GA

• Adjust graph-tour in a few places the text needs an update for PF graph #202
• [PFT graph] Solve problem with node badging kiali#6370
• Add legend to the PF topology #183
• Focus selector support in PF graph #203
• this is a placeholder for GA review issues (no issues blocking OSSMC GA)

Improvements (removing code customizations and contributions to PF)

• Remove customizations done in PF edges #223
• Remove customizations done in PF nodes #224
• Remove customizations done in PF groups #225
• Hide tags when details level is low, except when hovering on the edge patternfly/react-topology#122
• Add support to DefaultGroup to support rectangular shape patternfly/react-topology#113

Additional Issues
Things that are still a delta between the Cy graph and the PF graph impls. Some may not be doable or may require a contribution to PFT. Note that even some of the earlier work may be better supported with a PFT contribution.

• support for rectangular boxing (PFT5 see Add support to DefaultGroup to support rectangular shape patternfly/react-topology#113)
• solution for node label overlap (PFT5 see DefaultGroupExpanded doesn't allow separate padding setting for top, left, bottom, and right. patternfly/react-topology#126)
• support for wizard context menu items (PFT5, see Topology - withContextMenu support for Promise patternfly/react-topology#15)
• support for scaled-label-on-hover
• support for node "focus"
• support for region-zoom (i.e. shift-drag)
• support "box-specific" layout options (i.e. always use Dagre for namespace boxes)
• support vertical ControlBar (in-graph menu)
• support "active" styling for a ControlBar entry. (better edge option handling)
• maybe enhance animation styling?
• Spacing problem in layouts other than Dagre  patternfly/react-topology#131

Optional PFT-specific features we may want to add

• Collapsible boxes (groups)