@flowfuse/node-red-dashboard 1.16.1-ee4508a-202409161000.0 → 1.17.0

package/nodes/widgets/ui_table.html

@@ -86,7 +86,8 @@
                     value: null
                 },
                 mobileBreakpoint: { value: 'sm' },
-                mobileBreakpointType: { value: 'defaults' }
+                mobileBreakpointType: { value: 'defaults' },
+                action: { value: 'append' }
             },
             inputs: 1,
             outputs: 1,
@@ -102,6 +103,10 @@
                 if (!validSelectionTypes.includes(this.selectionType)) {
                     $('#node-input-selectionType').val('none')
                 }
+                const validActionTypes = ['append', 'replace']
+                if (!validActionTypes.includes(this.action)) {
+                    $('#node-input-action').val('append')
+                }
                 // if this groups parent is a subflow template, set the node-config-input-width and node-config-input-height up
                 // as typedInputs and hide the elementSizer (as it doesn't make sense for subflow templates)
                 if (RED.nodes.subflow(this.z)) {
@@ -315,6 +320,13 @@
         <label for="node-input-maxrows"><i class="fa fa-tag"></i> <span data-i18n="ui-table.label.maxRows"></label>
         <input type="number" id="node-input-maxrows">
     </div>
+    <div class="form-row">
+        <label for="node-input-action" data-i18n="ui-table.label.action"></label></label>
+        <select id="node-input-action">
+            <option value="append" data-i18n="ui-table.label.append"></option>
+            <option value="replace" data-i18n="ui-table.label.replace"></option>
+        </select>
+    </div>
     <div class="form-row">
         <label for="node-input-mobileBreakpoint"><i class="fa fa-mobile"></i> <span data-i18n="ui-table.label.mobileBreakpoint"></label>
         <input type="text" id="node-input-mobileBreakpoint">

package/nodes/widgets/ui_table.js

@@ -9,6 +9,7 @@ module.exports = function (RED) {
 
         // which group are we rendering this widget
         const group = RED.nodes.getNode(config.group)
+        const base = group.getBase() // Used for datastore
 
         config.maxrows = parseInt(config.maxrows) || 0
 
@@ -29,9 +30,26 @@ module.exports = function (RED) {
         group.register(node, config, {
             onAction: true,
             onInput: function (msg) {
-                // store the latest msg passed to node
-                datastore.save(group.getBase(), node, msg)
-                // do nothing else - do not pass the message on
+                const existingData = datastore.get(node.id) || []
+                const formatPayload = (value) => {
+                    if (value !== null && typeof value !== 'undefined') {
+                        // push object into array if user sends object instead of array
+                        if (typeof value === 'object' && !Array.isArray(value)) {
+                            return [value]
+                        }
+                    }
+                    return value
+                }
+                let payload = formatPayload(msg?.payload)
+                // check if the action is to append records
+                if (config.action === 'append') {
+                    payload = payload && payload.length > 0 ? [...existingData.payload || [], ...payload || []] : payload
+                }
+
+                datastore.save(base, node, {
+                    ...msg,
+                    payload
+                })
             }
         })
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flowfuse/node-red-dashboard",
-    "version": "1.16.1-ee4508a-202409161000.0",
+    "version": "1.17.0",
     "description": "Dashboard 2.0 - A collection of Node-RED nodes that provide functionality to build your own UI applications (inc. forms, buttons, charts).",
     "keywords": [
         "node-red"
@@ -31,11 +31,11 @@
     ],
     "scripts": {
         "build": "vite build",
-        "build:dev": "NODE_ENV=development npm run build",
+        "build:dev": "cross-env NODE_ENV=development vite build --mode development",
         "cy:open": "cypress open",
         "cy:run": "cypress run",
         "cy:server": "node-red -u ./cypress/fixtures/user-dir/ -p 1881",
-        "dev": "NODE_ENV=development vite build --watch",
+        "dev": "cross-env NODE_ENV=development vite build --mode development --watch",
         "dev:prod": "vite build --watch",
         "docs:build": "vitepress build docs",
         "docs:dev": "vitepress dev docs",
@@ -69,6 +69,7 @@
         "@vite-pwa/assets-generator": "^0.2.4",
         "@vitejs/plugin-vue": "^5.0.4",
         "chart.js": "^4.4.0",
+        "cross-env": "^7.0.3",
         "cypress": "^13.12.0",
         "dompurify": "^3.0.5",
         "eslint": "^8.53.0",
@@ -89,7 +90,7 @@
         "medium-zoom": "^1.0.8",
         "mermaid": "^10.4.0",
         "mocha": "^10.2.0",
-        "node-red": "^3.1.9",
+        "node-red": "^3.1.12",
         "node-red-node-test-helper": "^0.3.3",
         "npm-run-all": "^4.1.5",
         "sass": "^1.77.8",