# Making flow wiring easier to track

**URL:** <https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695>\
**Category:** General\
**Created:** [13 November 2021 17:45 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695 "2021-11-13T17:45:41Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [13 November 2021 17:45 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695/1 "2021-11-13T17:45:41Z")

</div>

Wow - well, at the risk of having my baby called ugly... imo, this is not only very useful, but fairly nice looking! ;\*)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/be9ffbdbd65c3b655f8fd2eb3df6d081f379067b.png)

The `debug` node clearly has a wire attached (as denoted by the arrowhead), while the wire is routed behind the `subflow` node and not connected (an empty input port defaults to a diamond shape).

Frankly, I could take it or leave it - but the people paying my salary LOVE the arrowheads. And since I don't want to continue to be in the business of maintaining custom editor code just to draw some arrowheads, I have a proposal: **pluggable functions for common editor svg drawing tasks**.

That way, the core team would not have to deal with requests for:

- alternate wire routing paths (iirc, discussed in google groups in 2018)
- input/output port shapes (see Nick's [suggested](https://discourse.nodered.org/t/vertical-flow-view/5487/49) implementation)
- extra canvas background elements (e.g. [swimlanes](https://discourse.nodered.org/t/basic-drawing-tools-in-nr-editor/3924/5) anyone?)
- alternate displays for the grid (i.e. major/minor tics, as requested recently)

Users would be free to add their own SVG "styling" to the editor without changing the flow file format. I could imagine installing contributed "themes" from the flows library, similar to applying different CSS styles/themes for the dashboard. And since it would get me out of custom NR editor maintenance, I'd be willing to put together a PR to get the ball rolling...

Can I get an "Amen", anyone? Or is this just a bunch of faff? Inquiring minds want to know...

---

<div class="post-metadata">

**Author:** ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Post date:** [13 November 2021 18:05 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695/2 "2021-11-13T18:05:02Z")

</div>

This moving quite away from simplee node alignment 🙂

Could I suggest splitting the topic to talk about other UI feature requests

---

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [13 November 2021 18:08 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695/3 "2021-11-13T18:08:43Z")

</div>

Yes, of course -- good call. I don't see a way to do that myself, so I've flagged it for admin attention.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [13 November 2021 18:45 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695/4 "2021-11-13T18:45:00Z")

</div>

I'm stated many times a desire to make the editor appearance more customizable. Buts it's an incredibly broad topic that has, so far, eluded the required light ulb moment to see how it would work in practise.

What's needed at this point isn't a PR but a design discussion. You've described a very broad range of possible customisations. there needs to be a proper discussion over scope of the feature, what APIs are required and how it would work.

This forum isn't the place for that level of discussion. So please start a discussion in the designs repo here: [Discussions · node-red/designs · GitHub](https://github.com/node-red/designs/discussions) with an outline of what you're proposing.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [12 January 2022 18:53 UTC](https://discourse.nodered.org/t/making-flow-wiring-easier-to-track/53695/5 "2022-01-12T18:53:37Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.