Hide long wires links in your flow to avoid cluttering

Share Your Nodes
1

New plugin: node-red-contrib-short-circuit

Hi all,

I made a small editor plugin called node-red-contrib-short-circuit.

It hides very long wires in the editor and replaces them with short endpoints, which helps keep larger flows a bit cleaner.

You can:

  • Hover an endpoint to see which node it connects to
  • Click the preview to jump to that node
  • Click the endpoint or node to temporarily show the full connection as a dashed wire
  • Change the distance threshold in the plugin configuration file

Nothing in the flow itself is changed or saved differently. It is only a visual editor feature.

Package: node-red-contrib-short-circuit

I made this after I made the node-red-contrib-quick-link which made me think. I might merge these and others into a single one at one point.

Feedback, bugs and ideas are welcome!

2

That sounds terrific.

Some of those are what the link nodes should have.
Like jumping to the other end.

I'm going to give t a go.

I'm using 4.0.9
The click on the preview to jump to that node doesn't seem to be working.
Does it scroll the screen?

Ok, note to people:
It only kinda works if the other node is NOT visible. Then the screen scrolls/puts the other end in the middle of the screen.
So it doesn't work if one node is at one side and the other is at the opposite side.

3

Hi,

Have not tested it on lower versions, but good to hear it works.
The node is indeed not being centered when clicking and only works when its outside your FOV.

I am using the native Node Red Go To function. This function can be seen for example when you expand a flow in your explorer and click on any node.

In that example, it won't center if the node is in your FOV.
I will see if I can adjust that gimmick. For this plugin or in general.

Let me know if you like to see anything else added.

4

4.0.9 works ok. I just messed up with the distance between and both being visible.

I like it.

Big hugs for it.

Though, now I may actually get/use your other one as it is more related to the existing link node/s.

And I use them a fair bit.

5

Good to hear,

I use it too for my projects. Let me know if you encounter something.
In the future I might depreciate this one and merge both into 1.

6

For me, the nominal value is more like 1200. Maybe even 1600

800 seems a bit too short.

But to each their own.

7

It completely depends on your monitor size too. I made this on a laptop screen, while I work on a desktop with a larger monitor.

On my desktop, it feels less cluttered so I dont mind a larger value.

8

Very nice!