Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dashboard Pre-Alpha #987

Merged
merged 8 commits into from
Jul 27, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
"markdown-it-anchor": "^8.6.7",
"markdown-it-footnote": "^3.0.3",
"mocha": "^10.2.0",
"netlify-cli": "^15.0.2",
"netlify-cli": "^15.8.0",
"netlify-plugin-cache": "^1.0.3",
"nodemon": "^2.0.20",
"npm-run-all": "^4.1.5",
Expand Down
54 changes: 54 additions & 0 deletions src/blog/2023/07/dashboard-0-1-release.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: First Pre-Alpha Release of the new Node-RED Dashboard
subtitle: Introducing v0.0.1 – An Initial Glimpse at the Future of Dashboarding in Node-RED
description: The first release of the successor to the Node-RED Dashboard has arrived, marking the beginning of the pre-alpha phase.
date: 2023-07-27
authors: ["joe-pavitt", "marian-demme"]
image: /blog/2023/07/images/nr-dashboard-tile.png
tags:
- posts
- releases
---

Just weeks ago, we at FlowForge [announced our plan](../../06/dashboard-announcement) 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.

<!--more-->

## Sneak Peek into the New Node-RED Dashboard

<!-- ![](./images/placeholder.png "new Node-RED Dashboard Overview")-->

The Node-RED Dashboard successor is now available for install as an npm package under the name [@flowforge/node-red-dashboard](https://www.npmjs.com/package/@flowforge/node-red-dashboard) in your Node-RED palette manager.

This pre-alpha version includes the first set of Vue.js-based elements familiar to Node-RED Dashboard users:

![](./images/nr-dashboard-screenshot.png "new Node-RED Dashboard Elements")

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.

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 [Github page](https://github.com/flowforge/flowforge-nr-dashboard).

## Current Status and Next Steps

As of now, we've implemented the following Dashboard Widgets:

- UI Text ([ui-text Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/38))
- Text Input ([ui-text-input Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/39))
- Range Slider ([ui-slider Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/47))
- Dropdown/Select ([ui-dropdown Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/45))

We've also introduced a new widget:

- Markdown ([ui-markdown Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/62))

Not yet part of the first Pre-Alpha Release:

- Toggle Switch ([ui-switch Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/42))
- Colour Picker ([ui-color-picker Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/46))
- Number Input ([ui-numeric Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/41))
- Form ([ui-form Widget](https://github.com/flowforge/flowforge-nr-dashboard/issues/49))
- Date selector ([ui-date-picker](https://github.com/flowforge/flowforge-nr-dashboard/issues/32))

Our immediate focus is to continue adding the missing elements from the original Node-RED Dashbaord, releasing each as soon as they're fully developed. This will significantly increase the frequency of our releases in the upcoming weeks.

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.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/blog/2023/07/images/nr-dashboard-tile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading