question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UIBuilder & node-red projects

See original GitHub issue

The uibuilder node seems to have issues with enabled node-red projects. When switching between two projects which both have a uibuilder node in place the path where the source files are stored are wrong.

For example if I have the following projects: projectA - with uibuilder path /projectA projectB - with uibuilder path /projectB

When I have projectA open and switch to projectB, uibuilder creates the projectB folder inside projectA/uibuilder instead of switching to projectB/uibuilder/projectB. If I restart node-red after switching the project uibuilder uses the correct project folder. It seems like uibuilder stores the project path and does not refresh it when the project changes.

node-red version: 1.1.2 uibuilder version: 2.0.8 nodejs version: 12.18.2

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
knollearycommented, Jul 31, 2020

Ah yes…

RED.events.on("runtime-event", function(event) {
   if (event.id === "project-update" && event.payload.action === "loaded") {
      // A new project has been loaded
   }
});
1reaction
knollearycommented, Jul 31, 2020

That’s right @NoFr1ends - runtime-event event can be listened to on the RED.events object. It gets triggered lots of different ways, but the key thing to look for is the action property of the event payload - it will have the value "loaded"

RED.events.on("runtime-event", function(payload) {
   if (payload.action === "loaded") {
      // A new project has been loaded
   }
});
Read more comments on GitHub >

github_iconTop Results From Across the Web

node-red-contrib-uibuilder (node)
A Node-RED web user interface builder. uibuilder aims to provide an easy to use way to create dynamic web interfaces using any (or...
Read more >
uibuilder Technical Documentation - Totally Information
uibuilder is a low-code solution for easily building data-driven web sites and web apps in conjunction with Node-RED.
Read more >
Manage Node-RED and UIbuilder through GitHub - Qbee.io
For this project we use the UIbuilder UI instead of the standard one. This will create an additional directory called uibuilder with some...
Read more >
Getting Started with Node-RED Dashboard on Raspberry Pi
We'll cover how to install Node-RED Dashboard and exemplify how to build a graphical user interface for your IoT and Home Automation projects....
Read more >
Uibuilder Node-Red Node for custom Dashboard with Example
With uibuilder, you can build a custom Dashboard in node-red. ... Bussolini.com / Dashboard UI Kit • Download Link on Behance Dashboard Reports,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found