[{"data":1,"prerenderedAt":199},["ShallowReactive",2],{"blog-\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release":3,"blog-all-for-related":198},{"id":4,"title":5,"authors":6,"body":9,"cta":175,"date":176,"description":177,"extension":178,"image":179,"lastUpdated":175,"meta":180,"navigation":187,"path":188,"seo":189,"sitemap":190,"stem":191,"subtitle":192,"tags":193,"tldr":175,"video":175,"__hash__":197},"blog\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release.md","First Pre-Alpha Release of the new Node-RED Dashboard",[7,8],"joe-pavitt","marian-demme",{"type":10,"value":11,"toc":168},"minimark",[12,22,27,37,40,48,51,60,64,67,104,107,117,120,162,165],[13,14,15,16,21],"p",{},"Just weeks ago, we at FlowFuse ",[17,18,20],"a",{"href":19},"\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.",[23,24,26],"h2",{"id":25},"sneak-peek-into-the-new-node-red-dashboard","Sneak Peek into the New Node-RED Dashboard",[13,28,29,30,36],{},"The Node-RED Dashboard successor is now available for install as an npm package under the name ",[17,31,35],{"href":32,"rel":33},"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@flowforge\u002Fnode-red-dashboard",[34],"nofollow","@flowforge\u002Fnode-red-dashboard"," in your Node-RED palette manager.",[13,38,39],{},"This pre-alpha version includes the first set of Vue.js-based elements familiar to Node-RED Dashboard users:",[13,41,42],{},[43,44],"img",{"alt":45,"src":46,"title":47},"\"new Node-RED Dashboard Elements\"","\u002Fblog\u002F2023\u002F07\u002Fimages\u002Fnr-dashboard-screenshot.png","new Node-RED Dashboard Elements",[13,49,50],{},"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.",[13,52,53,54,59],{},"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 ",[17,55,58],{"href":56,"rel":57},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard",[34],"Github page",".",[23,61,63],{"id":62},"current-status-and-next-steps","Current Status and Next Steps",[13,65,66],{},"As of now, we've implemented the following Dashboard Widgets:",[68,69,70,80,88,96],"ul",{},[71,72,73,74,79],"li",{},"UI Text (",[17,75,78],{"href":76,"rel":77},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F38",[34],"ui-text Widget",")",[71,81,82,83,79],{},"Text Input (",[17,84,87],{"href":85,"rel":86},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F39",[34],"ui-text-input Widget",[71,89,90,91,79],{},"Range Slider (",[17,92,95],{"href":93,"rel":94},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F47",[34],"ui-slider Widget",[71,97,98,99,79],{},"Dropdown\u002FSelect (",[17,100,103],{"href":101,"rel":102},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F45",[34],"ui-dropdown Widget",[13,105,106],{},"We've also introduced a new widget:",[68,108,109],{},[71,110,111,112,79],{},"Markdown (",[17,113,116],{"href":114,"rel":115},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F62",[34],"ui-markdown Widget",[13,118,119],{},"Not yet part of the first Pre-Alpha Release:",[68,121,122,130,138,146,154],{},[71,123,124,125,79],{},"Toggle Switch (",[17,126,129],{"href":127,"rel":128},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F42",[34],"ui-switch Widget",[71,131,132,133,79],{},"Color Picker (",[17,134,137],{"href":135,"rel":136},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F46",[34],"ui-color-picker Widget",[71,139,140,141,79],{},"Number Input (",[17,142,145],{"href":143,"rel":144},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F41",[34],"ui-numeric Widget",[71,147,148,149,79],{},"Form (",[17,150,153],{"href":151,"rel":152},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F49",[34],"ui-form Widget",[71,155,156,157,79],{},"Date selector (",[17,158,161],{"href":159,"rel":160},"https:\u002F\u002Fgithub.com\u002FFlowFuse\u002Fnode-red-dashboard\u002Fissues\u002F32",[34],"ui-date-picker",[13,163,164],{},"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.",[13,166,167],{},"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":169,"searchDepth":170,"depth":170,"links":171},"",4,[172,174],{"id":25,"depth":173,"text":26},2,{"id":62,"depth":173,"text":63},null,"2023-07-27","The first release of the successor to the Node-RED Dashboard has arrived, marking the beginning of the pre-alpha phase.","md","\u002Fblog\u002F2023\u002F07\u002Fimages\u002Fnr-dashboard-tile.png",{"excerpt":181},{"type":10,"value":182},[183],[13,184,15,185,21],{},[17,186,20],{"href":19},true,"\u002Fblog\u002F2023\u002F07\u002Fdashboard-0-1-release",{"title":5,"description":177},{"loc":188},"blog\u002F2023\u002F07\u002Fdashboard-0-1-release","Introducing v0.0.1 – An Initial Glimpse at the Future of Dashboarding in Node-RED",[194,195,196],"posts","releases","dashboard","TRQka9nz4i5NfX96JGrliGWel82iCxbUM7EBwXh8oVs",[],1785528685912]