Hi There! I have the same question as @rko [image] "Stand-alone" Flow File Viewer General Has anybody worked on or at least thought about creating a flow file viewer? This might be (or is already?) a feature in flow forge. However, my idea of this viewer is more or less …

Thanks! Here's a hello world for those who want to try: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolic…

[image] rko: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" integ thanks for taking google for the jquery stuff :slight_smile: [image] rko: <script src="https://blog.openmindmap.org/embed/helpers-v7.js" crossorigin="anonymous" referrerpolicy="no-referrer…

Thanks, I changed the example. Maybe you'll publish a hello world here or on your page? Then I can delete the sloppy one up there :stuck_out_tongue_winking_eye: How can I get the default Node-RED view btw?

[image] rko: How can I get the default Node-RED view btw? if you're using the -v7. js and css files then you can't, need to be using the flowviewer.js and css. Then its the default noderedjson language that is as close as possible to the editor.

[image] rko: Thanks, I changed the example. Maybe you'll publish a hello world here or on your page? Done - https://blog.openmindmap.org/embed/example.html that's the hello world page in action, source code is over here .

Another update with better handling of rendering options: order is no longer a requirement, i.e. noderedjson-with-arrows-no-gridlines is the same as noderedjson-no-gridlines-with-arrows. There is new option with-zoom which makes the image zoomable and pannable. Your mileage might vary on mobile but…

Btw, this forum would be a candidate for the viewer too :nerd_face:

[image] rko: would be a candidate for the viewer too That thought never, ever, not-even-once, really-never crossed my mind :wink: Btw2: Here is another thought I might (or might not) have had: a diff viewer - obviously a very contrived example. Use the slider to blend between two versions of…

Cool! Would be interesting to work on some definitions regarding "flow differences" and then use your flow viewer to highlight those differences. [image] gregorius: That thought never, ever, not-even-once, really-never crossed my mind :wink: So you have or you have not thought about it?? …

[image] rko: So you have or you have not thought about it?? That thought had not really crossed my mind yet, but I'll give it some thought :thinking: Full disclosure: it was exactly what I was thinking when I started! Where else does one find long lines of json flow data ... :wink:

Standalone Flow Viewer Plugin

General

gregorius 5 July 2023 07:02 60

That thought never, ever, not-even-once, really-never crossed my mind

Btw2: Here is another thought I might (or might not) have had: a diff viewer - obviously a very contrived example. Use the slider to blend between two versions of the same flow. Obviously this won't help with function nodes or anything that had content changes but visual changes can easily be identified.

3 Likes

Topic		Replies	Views
Sharing flows on the forum just get prettier News	53	628	8 September 2025
Standalone visual comparison of flows - in browser Share Your Projects	6	465	10 August 2023
FlowHub.org - Gists for Node-RED Share Your Projects	19	825	2 February 2024
Vertical flow view Feature Requests	88	8553	29 May 2021
Is there a way to modify the editor UI or to provide an alternative one Feature Requests	28	1647	5 August 2021

Standalone Flow Viewer Plugin

Related topics