[{"data":1,"prerenderedAt":185},["ShallowReactive",2],{"blog-\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release":3},{"id":4,"title":5,"body":6,"description":171,"extension":172,"meta":173,"navigation":180,"path":181,"seo":182,"stem":183,"__hash__":184},"blog\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release.md","First Pre-Alpha Release of the new Node-RED Dashboard",{"type":7,"value":8,"toc":165},"minimark",[9,19,24,34,37,45,48,57,61,64,101,104,114,117,159,162],[10,11,12,13,18],"p",{},"Just weeks ago, we at FlowFuse ",[14,15,17],"a",{"href":16},"\u002Fblog\u002F2023\u002F06\u002Fdashboard-announcement\u002F","announced our plan"," to develop a successor to the Node-RED Dashboard. Today, we're excited to reveal the pre-alpha release of this highly anticipated project, bringing us one step closer to a new era of data visualization in Node-RED.",[20,21,23],"h2",{"id":22},"sneak-peek-into-the-new-node-red-dashboard","Sneak Peek into the New Node-RED Dashboard",[10,25,26,27,33],{},"The Node-RED Dashboard successor is now available for install as an npm package under the name ",[14,28,32],{"href":29,"rel":30},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@flowforge\u002Fnode-red-dashboard",[31],"nofollow","@flowforge\u002Fnode-red-dashboard"," in your Node-RED palette manager.",[10,35,36],{},"This pre-alpha version includes the first set of Vue.js-based elements familiar to Node-RED Dashboard users:",[10,38,39],{},[40,41],"img",{"alt":42,"src":43,"title":44},"\"new Node-RED Dashboard Elements\"","\u002Fblog\u002F2023\u002F07\u002Fimages\u002Fnr-dashboard-screenshot.png","new Node-RED Dashboard Elements",[10,46,47],{},"This is but a hint of what's to come. The objective of these pre-alpha releases is to provide early access to the current status.",[10,49,50,51,56],{},"The strength of the project comes from the community. Your insights, suggestions and contributions play a significant role in shaping the future of this dashboard. Keep them coming through our ",[14,52,55],{"href":53,"rel":54},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard",[31],"Github page",".",[20,58,60],{"id":59},"current-status-and-next-steps","Current Status and Next Steps",[10,62,63],{},"As of now, we've implemented the following Dashboard Widgets:",[65,66,67,77,85,93],"ul",{},[68,69,70,71,76],"li",{},"UI Text (",[14,72,75],{"href":73,"rel":74},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F38",[31],"ui-text Widget",")",[68,78,79,80,76],{},"Text Input (",[14,81,84],{"href":82,"rel":83},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F39",[31],"ui-text-input Widget",[68,86,87,88,76],{},"Range Slider (",[14,89,92],{"href":90,"rel":91},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F47",[31],"ui-slider Widget",[68,94,95,96,76],{},"Dropdown\u002FSelect (",[14,97,100],{"href":98,"rel":99},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F45",[31],"ui-dropdown Widget",[10,102,103],{},"We've also introduced a new widget:",[65,105,106],{},[68,107,108,109,76],{},"Markdown (",[14,110,113],{"href":111,"rel":112},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F62",[31],"ui-markdown Widget",[10,115,116],{},"Not yet part of the first Pre-Alpha Release:",[65,118,119,127,135,143,151],{},[68,120,121,122,76],{},"Toggle Switch (",[14,123,126],{"href":124,"rel":125},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F42",[31],"ui-switch Widget",[68,128,129,130,76],{},"Color Picker (",[14,131,134],{"href":132,"rel":133},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F46",[31],"ui-color-picker Widget",[68,136,137,138,76],{},"Number Input (",[14,139,142],{"href":140,"rel":141},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F41",[31],"ui-numeric Widget",[68,144,145,146,76],{},"Form (",[14,147,150],{"href":148,"rel":149},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F49",[31],"ui-form Widget",[68,152,153,154,76],{},"Date selector (",[14,155,158],{"href":156,"rel":157},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F32",[31],"ui-date-picker",[10,160,161],{},"Our immediate focus is to continue adding the missing elements from the original Node-RED Dashboard, releasing each as soon as they're fully developed. This will significantly increase the frequency of our releases in the upcoming weeks.",[10,163,164],{},"In addition to these releases, we plan to publish regular blog posts titled \"What's New in Node-RED Dashboard\". These posts will keep you informed of all the latest features, updates, and improvements.",{"title":166,"searchDepth":167,"depth":167,"links":168},"",2,[169,170],{"id":22,"depth":167,"text":23},{"id":59,"depth":167,"text":60},"Just weeks ago, we at FlowFuse announced our plan to develop a successor to the Node-RED Dashboard. Today, we're excited to reveal the pre-alpha release of this highly anticipated project, bringing us one step closer to a new era of data visualization in Node-RED.","md",{"navTitle":5,"excerpt":174},{"type":7,"value":175},[176],[10,177,12,178,18],{},[14,179,17],{"href":16},true,"\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release",{"title":5,"description":171},"blog\u002F2023\u002F07\u002Fdashboard-0-1-release","IK2UdybpuyEKIVO3IWv5JVxhIJ-rMOJggYoT5oeSkw4",1780070550597]