@flowfuse/node-red-dashboard 1.4.1 → 1.4.2-603b043-202403211300.0

package/nodes/config/locales/en-US/ui_base.json

@@ -10,6 +10,7 @@
             "openDashboard": "Open Dashboard",
             "layout": "Layout",
             "layoutMessage": "Here you can re-order and move your widgets, groups and pages.",
+            "unattachedMessage": "The following Groups have do not have a parent page defined.",
             "theming": "Theming",
             "themingMessage": "Here you can can get quick access to your UI Themes, defined on your Dashboard.",
             "page": "Page",
@@ -26,13 +27,17 @@
         },
         "layout": {
             "pages": "Pages",
+            "page": "Page",
+            "group": "Group",
             "edit": "Edit",
             "focus": "Focus",
             "collapse": "Collapse",
-            "expand": "Expand"
+            "expand": "Expand",
+            "unattachedGroups": "Unattached Groups"
         },
         "themes": {
-            "header": "Themes"
+            "header": "Themes",
+            "theme": "Theme"
         },
         "colors": {
             "light": "var(--nrdb-node-light)",

package/nodes/config/ui_base.html

@@ -57,6 +57,10 @@
         background-color: #e3f2fd;
     }
     /* Dashboard 2.0 Sidebar */
+    .nrdb2-sb-list-button-group {
+        display: flex;
+        gap: 4px;
+    }
     .nrdb2-sidebar-tab-content {
         padding: 8px 10px;
         height: 100%;
@@ -81,6 +85,11 @@
         padding: 0;
         border-bottom: 0;
     }
+    .nrdb2-sb-unattached-groups-list li {
+        padding: 0;
+        border-bottom: 0;
+        background-color: #ffefef;
+    }
     .nrdb2-sb-list-header {
         display: flex;
         gap: 6px;
@@ -312,7 +321,7 @@
      * Add Custom Dashboard Side Menu
      * */
 
-    function uiLink (id, name, path) {
+    function dashboardLink (id, name, path) {
         const base = RED.settings.httpNodeRoot || '/'
         const basePart = base.endsWith('/') ? base : `${base}/`
         const dashPart = path.startsWith('/') ? path.slice(1) : path
@@ -465,6 +474,128 @@
         }
     }
 
+    function addConfigNode (node) {
+        if (!node.user) {
+            node.users = []
+        }
+        node.dirty = true
+        RED.nodes.add(node)
+        RED.editor.validateNode(node)
+        RED.history.push({
+            t: 'add',
+            nodes: [node.id],
+            dirty: RED.nodes.dirty()
+        })
+        RED.nodes.dirty(true)
+    }
+
+    function mapDefaults (defaults) {
+        const values = {}
+        for (const key in defaults) {
+            if (Object.prototype.hasOwnProperty.call(defaults, key)) {
+                values[key] = defaults[key].value
+            }
+        }
+        return values
+    }
+
+    function addDefaultPage (baseId, themeId) {
+        const page = RED.nodes.getType('ui-page')
+        const pageNode = {
+            _def: page,
+            id: RED.nodes.id(),
+            type: 'ui-page',
+            ...mapDefaults(page.defaults),
+            path: '/pageN', // TODO: generate a unique path
+            name: 'Page N',
+            ui: baseId,
+            theme: themeId,
+            layout: 'grid'
+        }
+
+        addConfigNode(pageNode)
+        return pageNode
+    }
+
+    function addDefaultGroup (pageId) {
+        const group = RED.nodes.getType('ui-group')
+        const groupNode = {
+            _def: group,
+            id: RED.nodes.id(),
+            type: 'ui-group',
+            ...mapDefaults(group.defaults),
+            name: 'My Group',
+            page: pageId
+        }
+
+        addConfigNode(groupNode)
+        return groupNode
+    }
+
+    function addDefaultTheme () {
+        const theme = RED.nodes.getType('ui-theme')
+        const themeNode = {
+            _def: theme,
+            id: RED.nodes.id(),
+            type: 'ui-theme',
+            ...mapDefaults(theme.defaults),
+            name: 'Default Theme'
+        }
+
+        addConfigNode(themeNode)
+        return themeNode
+    }
+
+    function addLayoutsDefaults () {
+        const cNodes = ['ui-base', 'ui-page', 'ui-group', 'ui-theme']
+        let exists = false
+        RED.nodes.eachConfig((n) => {
+            if (cNodes.includes(n.type)) {
+                exists = true
+            }
+        })
+
+        // check if we haven't got any of these yet
+        if (!exists) {
+            // Add Single Base Node
+            const base = RED.nodes.getType('ui-base')
+            const baseNode = {
+                _def: base,
+                id: RED.nodes.id(),
+                type: 'ui-base',
+                ...mapDefaults(base.defaults),
+                name: 'My Dashboard'
+            }
+
+            addConfigNode(baseNode)
+
+            const theme = addDefaultTheme()
+            const page = addDefaultPage(base.id, theme.id)
+            const group = addDefaultGroup(page.id)
+
+            // update existing `ui-` nodes to use the new base/page/theme/group
+            RED.nodes.eachNode((node) => {
+                if (node.type.startsWith('ui-')) {
+                    // if node has a group property
+                    if (hasProperty(node._def.defaults, 'group') && !node.group) {
+                        // group-scoped widgets - which is most of them
+                        node.group = group.id
+                    } else if (hasProperty(node._def.defaults, 'page') && !node.page) {
+                        // page-scoped widgets
+                        node.page = page.id
+                    } else if (hasProperty(node._def.defaults, 'ui') && !node.ui) {
+                        // base-scoped widgets, e.g. ui-notification/control
+                        node.ui = baseNode.id
+                    }
+                    RED.editor.validateNode(node)
+                }
+            })
+
+            RED.view.redraw()
+            RED.sidebar.config.refresh()
+        }
+    }
+
     // watch for nodes changed, added, removed - use this to refresh the sidebar
     let refreshBusy = false // this is set/reset inside refreshSidebarEditors
     const refreshSidebarEditorDebounced = debounce(refreshSidebarEditors, 300)
@@ -478,7 +609,6 @@
     const conditionalSidebarRefresh = function (node, eventName) {
         // if the layout editor is not in view, don't refresh
         if ($('#ff-node-red-dashboard').parent().css('display') === 'none') { return }
-        if ($('#dashboard-2-pages').css('display') === 'none') { return }
         // if a refresh is in progress, don't refresh
         if (refreshBusy) { return }
         if (RED._db2debug) { console.log('dashboard 2: conditionalSidebarRefresh (node, eventName)', node, eventName) }
@@ -514,6 +644,7 @@
         conditionalSidebarRefresh(event, 'nodes:change')
     })
 
+    const addLayoutsDefaultsDebounced = debounce(addLayoutsDefaults, 25)
     const checkDuplicateUiBasesDebounced = debounce(checkDuplicateUiBases, 25)
     RED.events.on('nodes:add', function (node) {
         if (RED._db2debug) { console.log('nodes:add', node) }
@@ -527,6 +658,7 @@
         if (node.type.startsWith('ui-')) {
             // action on all ui- elements to ensure we've remapped (now) missing ui-base nodes
             checkDuplicateUiBasesDebounced()
+            addLayoutsDefaultsDebounced()
         }
     })
     RED.events.on('nodes:remove', function (event) {
@@ -538,7 +670,7 @@
      * @param {Object} parent - jQuery object to add this button group as a child element to
      * @param {DashboardItem} item - The page/group/widget that these actions are bound to
      */
-    function addRowActions (parent, item) {
+    function addRowActions (parent, item, list) {
         const configNodes = ['ui-base', 'ui-page', 'ui-group', 'ui-theme']
         const btnGroup = $('<div>', { class: 'nrdb2-sb-list-header-button-group', id: item.id }).appendTo(parent)
         if (!configNodes.includes(item.type)) {
@@ -559,6 +691,15 @@
             evt.stopPropagation()
             evt.preventDefault()
         })
+        if (item.type === 'ui-page') {
+            // add the "+ group" button
+            $('<a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-plus"></i> ' + c_('layout.group') + '</a>')
+                .click(function (evt) {
+                    list.editableList('addItem')
+                    evt.preventDefault()
+                })
+                .appendTo(btnGroup)
+        }
     }
 
     /**
@@ -660,26 +801,34 @@
      * @param {DashboardItemLookup} widgetsByGroup - The lookup of widgets by group
      */
     function addGroupOrderingList (pageId, container, groups, widgetsByGroup) {
-        // ordered list of groupss to live within a container (e.g. page list item)
+        // ordered list of groups to live within a container (e.g. page list item)
         const groupsOL = $('<ol>', { class: 'nrdb2-sb-group-list' }).appendTo(container).editableList({
             sortable: '.nrdb2-sb-groups-list-header',
             addButton: false,
             height: 'auto',
             connectWith: '.nrdb2-sb-group-list',
             addItem: function (container, i, group) {
+                if (!group || !group.id) {
+                    console.log('add group', group, 'to', pageId)
+                    // this is a new page that's been added and we need to setup the basics
+                    group = addDefaultGroup(pageId)
+                    RED.editor.editConfig('', group.type, group.id)
+                }
+
+                const widgets = widgetsByGroup[group.id] || []
                 const titleRow = $('<div>', { class: 'nrdb2-sb-list-header nrdb2-sb-groups-list-header' }).appendTo(container)
                 $('<i class="nrdb2-sb-list-handle nrdb2-sb-group-list-handle fa fa-bars"></i>').appendTo(titleRow)
                 const chevron = $('<i class="fa fa-angle-down nrdb2-sb-list-chevron">', { style: 'width:10px;' }).appendTo(titleRow)
                 const groupicon = 'fa-table'
                 $('<i>', { class: 'nrdb2-sb-icon nrdb2-sb-group-icon fa ' + groupicon }).appendTo(titleRow)
                 $('<span>', { class: 'nrdb2-sb-title' }).text(group.name || group.id).appendTo(titleRow)
+                $('<span>', { class: 'nrdb2-sb-info' }).text(`${widgets.length} Widgets`).appendTo(titleRow)
 
                 const actions = $('<div>', { class: 'nrdb2-sb-list-header-actions' }).appendTo(titleRow)
                 addRowActions(actions, group)
                 addRowStateOptions(actions, group)
 
                 // adds widgets within this group
-                const widgets = widgetsByGroup[group.id] || []
                 const widgetsList = $('<div>', { class: 'nrdb2-sb-widget-list-container' }).appendTo(container)
 
                 // add chevron/list toggle
@@ -724,6 +873,8 @@
             if (RED._db2debug) { if (RED._db2debug) { console.log('dashboard 2: ui_base.html: addGroupOrderingList: adding group', group) } }
             groupsOL.editableList('addItem', group)
         })
+
+        return groupsOL
     }
 
     /**
@@ -869,12 +1020,21 @@
             .appendTo(buttonGroup)
         RED.popover.tooltip(buttonExpand, c_('layout.expand'))
 
+        // add page button
+        $('<a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-plus"></i> ' + c_('layout.page') + '</a>')
+            .click(function (evt) {
+                pagesOL.editableList('addItem')
+                evt.preventDefault()
+            })
+            .appendTo(buttonGroup)
+
         divTabs.append('<div class="nrdb2-layout-helptext">' + c_('label.layoutMessage') + '</div>')
 
         /** @type {DashboardItemLookup} */
         const pages = {}
         /** @type {DashboardItemLookup} */
         const groupsByPage = {}
+        const unattachedGroups = []
         /** @type {DashboardItemLookup} */
         const widgetsByGroup = {}
         const subflowDefinitions = new Map()
@@ -883,11 +1043,16 @@
             if (n.type === 'ui-page' && !!n.ui) {
                 pages[n.id] = toDashboardItem(n)
             }
-            if (n.type === 'ui-group' && !!n.page) {
-                if (!groupsByPage[n.page]) {
-                    groupsByPage[n.page] = []
+            if (n.type === 'ui-group') {
+                const p = n.page
+                if (!p) {
+                    unattachedGroups.push(toDashboardItem(n))
+                } else {
+                    if (!groupsByPage[p]) {
+                        groupsByPage[p] = []
+                    }
+                    groupsByPage[p].push(toDashboardItem(n))
                 }
-                groupsByPage[n.page].push(toDashboardItem(n))
             }
         })
 
@@ -951,27 +1116,34 @@
             sortable: '.nrdb2-sb-pages-list-header',
             addButton: false,
             addItem: function (container, i, page) {
+                if (!page || !page.id) {
+                    // this is a new page that's been added and we need to setup the basics
+                    page = addDefaultPage()
+                    RED.editor.editConfig('', page.type, page.id)
+                }
+                const groups = groupsByPage[page.id] || []
+
                 container.addClass('nrdb2-sb-pages-list-item')
 
                 const titleRow = $('<div>', { class: 'nrdb2-sb-list-header nrdb2-sb-pages-list-header' }).appendTo(container)
+                const groupsList = $('<div>', { class: 'nrdb2-sb-group-list-container' }).appendTo(container)
+
+                // build title row
                 $('<i class="nrdb2-sb-list-handle nrdb2-sb-page-list-handle fa fa-bars"></i>').appendTo(titleRow)
                 const chevron = $('<i class="fa fa-angle-down nrdb2-sb-list-chevron">', { style: 'width:10px;' }).appendTo(titleRow)
                 const tabicon = 'fa-object-group'
                 $('<i>', { class: 'nrdb2-sb-icon nrdb2-sb-tab-icon fa ' + tabicon }).appendTo(titleRow)
                 $('<span>', { class: 'nrdb2-sb-title' }).text(page.name || page.id).appendTo(titleRow)
-
-                // page - actions
-                const actions = $('<div>', { class: 'nrdb2-sb-list-header-actions' }).appendTo(titleRow)
-                addRowActions(actions, page)
-                addRowStateOptions(actions, page)
+                $('<span>', { class: 'nrdb2-sb-info' }).text(`${groups.length} Groups`).appendTo(titleRow)
 
                 // adds groups within this page
-                const groups = groupsByPage[page.id] || []
-                const groupsList = $('<div>', { class: 'nrdb2-sb-group-list-container' }).appendTo(container)
-
                 titleRow.click(titleToggle(page.id, groupsList, chevron))
+                const groupsOL = addGroupOrderingList(page.id, groupsList, groups, widgetsByGroup)
 
-                addGroupOrderingList(page.id, groupsList, groups, widgetsByGroup)
+                // page - actions
+                const actions = $('<div>', { class: 'nrdb2-sb-list-header-actions' }).appendTo(titleRow)
+                addRowActions(actions, page, groupsOL)
+                addRowStateOptions(actions, page)
             },
             sortItems: function (items) {
                 // track any changes
@@ -986,9 +1158,9 @@
             }
         })
 
-        Object.values(groupsByPage).sort((a, b) => a.order - b.order).forEach(function (groups) {
+        Object.values(pages).sort((a, b) => a.order - b.order).forEach(function (page) {
+            const groups = groupsByPage[page.id] || []
             if (RED._db2debug) { console.log('dashboard 2: ui_base.html: buildLayoutOrderEditor: adding groups', groups) }
-            const page = pages[groups[0].page]
             if (page) {
                 pagesOL.editableList('addItem', page)
             }
@@ -997,6 +1169,41 @@
             // })
         })
 
+        // add Unattached Groups to the bottom
+        if (unattachedGroups.length > 0) {
+            const unattachedGroupsSection = $('<div>', { class: 'nrdb2-sidebar-header', style: 'padding-top: 12px;' }).appendTo(divTabs)
+            $('<b>').html(c_('layout.unattachedGroups')).appendTo(unattachedGroupsSection)
+            divTabs.append('<div class="nrdb2-layout-helptext">' + c_('label.unattachedMessage') + '</div>')
+
+            // we have some groups bound to a page that no longer exists
+            const unattachedGroupsOL = $('<ol>', { class: 'nrdb2-sb-unattached-groups-list' }).appendTo(divTabs).editableList({
+                sortable: '.nrdb2-sb-unattached-groups-list-header',
+                addButton: false,
+                addItem: function (container, i, group) {
+                    if (!group || !group.id) {
+                        // this is a new group that's been added and we need to setup the basics
+                        group = addDefaultGroup()
+                        RED.editor.editConfig('', group.type, group.id)
+                    }
+                    container.addClass('nrdb2-sb-unattached-groups-list-item')
+
+                    const titleRow = $('<div>', { class: 'nrdb2-sb-list-header nrdb2-sb-unattached-groups-list-header' }).appendTo(container)
+                    const tabicon = 'fa-table'
+                    $('<i>', { class: 'nrdb2-sb-icon nrdb2-sb-tab-icon fa ' + tabicon }).appendTo(titleRow)
+                    $('<span>', { class: 'nrdb2-sb-title' }).text(group.name || group.id).appendTo(titleRow)
+                    $('<span>', { class: 'nrdb2-sb-info' }).text('No Page Assigned').appendTo(titleRow)
+
+                    // group - actions
+                    const actions = $('<div>', { class: 'nrdb2-sb-list-header-actions' }).appendTo(titleRow)
+                    addRowActions(actions, group)
+                }
+            })
+
+            unattachedGroups.forEach(function (group) {
+                unattachedGroupsOL.editableList('addItem', group)
+            })
+        }
+
         // call updateLayoutVisibility to sync display level
         updateLayoutVisibility(layoutDisplayLevel)
     }
@@ -1009,6 +1216,17 @@
         const themeHeader = $('<div>', { class: 'nrdb2-sidebar-header' }).appendTo(divTabs)
         $('<b>').html(c_('themes.header')).appendTo(themeHeader)
 
+        // button group
+        const buttonGroup = $('<div>', { class: 'nrdb2-sb-list-button-group' }).appendTo(themeHeader)
+
+        // add theme button
+        $('<a href="#" class="editor-button editor-button-small nr-db-sb-list-header-button"><i class="fa fa-plus"></i> ' + c_('themes.theme') + '</a>')
+            .click(function (evt) {
+                themesOL.editableList('addItem')
+                evt.preventDefault()
+            })
+            .appendTo(buttonGroup)
+
         divTabs.append('<div class="nrdb2-layout-helptext">' + c_('label.themingMessage') + '</div>')
 
         const themes = {}
@@ -1024,6 +1242,11 @@
             sortable: '.nrdb2-sb-pages-list-header',
             addButton: false,
             addItem: function (container, i, theme) {
+                if (!theme || !theme.id) {
+                    // this is a new theme that's been added and we need to setup the basics
+                    theme = addDefaultTheme()
+                    RED.editor.editConfig('', theme.type, theme.id)
+                }
                 container.addClass('nrdb2-sb-pages-list-item')
 
                 const titleRow = $('<div>', { class: 'nrdb2-sb-list-header nrdb2-sb-themes-list-header' }).appendTo(container)
@@ -1108,7 +1331,7 @@
                 RED.nodes.eachConfig(function (n) {
                     if (n.type === 'ui-base') {
                         const base = n
-                        sidebar.append(uiLink(base.id, base.name, base.path))
+                        sidebar.append(dashboardLink(base.id, base.name, base.path))
                         const divTab = $('<div class="red-ui-tabs">').appendTo(sidebar)
 
                         const ulDashboardTabs = $('<ul id="dashboard-tabs-list"></ul>').appendTo(divTab)

package/nodes/config/ui_theme.html

@@ -8,11 +8,22 @@
             },
             // colors
             colors: {
-                value: null
+                value: {
+                    surface: '#ffffff',
+                    primary: '#0094CE',
+                    bgPage: '#eeeeee',
+                    groupBg: '#ffffff',
+                    groupOutline: '#cccccc'
+                }
             },
             // sizes
             sizes: {
-                value: null
+                value: {
+                    pagePadding: '12px',
+                    groupGap: '12px',
+                    groupBorderRadius: '4px',
+                    widgetGap: '12px'
+                }
             }
         },
         oneditprepare: function () {

package/nodes/widgets/locales/en-US/ui_table.json

@@ -8,7 +8,13 @@
             "autoCalculateColumns": "Auto Calculate Columns",
             "key": "Key",
             "label": "Label",
-            "column": "column"
+            "column": "column",
+            "selection": "Interaction"
+        },
+        "selection": {
+            "none": "None",
+            "checkbox": "Checkboxes",
+            "click": "Click"
         }
     }
 }

package/nodes/widgets/ui_table.html

@@ -21,13 +21,15 @@
                 },
                 height: { value: 0 },
                 maxrows: { value: 0, validate: RED.validators.number() },
+                passthru: { value: false },
                 autocols: { value: true },
+                selectionType: { value: 'none' },
                 columns: {
                     value: null
                 }
             },
             inputs: 1,
-            outputs: 0,
+            outputs: 1,
             outputLabels: function () { return this.mode },
             icon: 'font-awesome/fa-table',
             paletteLabel: 'table',
@@ -35,6 +37,12 @@
                 return this.name || 'table'
             },
             oneditprepare: function () {
+                // handle backward compatibility
+                const validSelectionTypes = ['none', 'checkbox', 'click']
+                if (!validSelectionTypes.includes(this.selectionType)) {
+                    $('#node-input-selectionType').val('none')
+                }
+    
                 $('#node-input-size').elementSizer({
                     width: '#node-input-width',
                     height: '#node-input-height',
@@ -62,7 +70,7 @@
                     $('<i style="color: var(--red-ui-form-text-color, #eee); cursor:move; margin-left:3px;" class="node-input-column-handle fa fa-bars"></i>').appendTo(row)
 
                     $('<input/>', { class: 'node-input-column-key', type: 'text', style: 'margin-left:7px; width:calc(50% - 32px);', placeholder: RED._('@flowfuse/node-red-dashboard/ui-table:ui-table.label.key'), value: col.key }).appendTo(row)
-                    $('<input/>', { class: 'node-input-column-label', type: 'text', style: 'margin-left:7px; width:calc(50% - 32px);', placeholder: RED._('@flowfuse/node-red-dashboard/ui-table:ui-table.label.label'), value: col.label }).appendTo(row)
+                    $('<input/>', { class: 'node-input-column-label', type: 'text', style: 'margin-left:7px; width:calc(50% - 32px);', placeholder: RED._('@flowfuse/node-red-dashboard/ui-table:ui-table.label.label'), value: col.title }).appendTo(row)
 
                     const finalSpan = $('<span/>', { style: 'float:right; margin-right:8px;' }).appendTo(row)
                     const deleteButton = $('<a/>', { href: '#', class: 'editor-button editor-button-small', style: 'margin-top:7px; margin-left:5px;' }).appendTo(finalSpan)
@@ -80,7 +88,7 @@
 
                 $('#node-input-add-column').click(function () {
                     generateColumn($('#node-input-column-container').children().length + 1, {})
-                    $('#node-input-column-container-div').scrollTop($('#node-input-column-column-div').get(0).scrollHeight)
+                    $('#node-input-column-container-div').scrollTop($('#node-input-column-container-div').get(0).scrollHeight)
                 })
 
                 for (let i = 0; i < this.columns?.length; i++) {
@@ -130,6 +138,14 @@
         <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-selectionType"><i class="fa fa-crosshairs"></i> <span data-i18n="ui-table.label.selection"></span></label>
+        <select id="node-input-selectionType">
+            <option value="none" data-i18n="ui-table.selection.none"></option>
+            <option value="click" data-i18n="ui-table.selection.click"></option>
+            <option value="checkbox" data-i18n="ui-table.selection.checkbox"></option>
+        </select>
+    </div>
     <div class="form-row" style="display:flex;">
         <label for="node-input-width" style="vertical-align:top"><i class="fa fa-list-alt"></i> <span data-i18n="ui-table.label.columns"></label>
         <div class="form-row node-input-column-container-row" style="margin-bottom: 0px; width:calc(70% + 15px);">

package/nodes/widgets/ui_table.js

@@ -1,3 +1,5 @@
+const datastore = require('../store/data.js')
+
 module.exports = function (RED) {
     function TableNode (config) {
         const node = this
@@ -21,7 +23,14 @@ module.exports = function (RED) {
         }
 
         // inform the dashboard UI that we are adding this node
-        group.register(node, config)
+        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
+            }
+        })
     }
 
     RED.nodes.registerType('ui-table', TableNode)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@flowfuse/node-red-dashboard",
-    "version": "1.4.1",
+    "version": "1.4.2-603b043-202403211300.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"

package/dist/assets/array-Nw74a44z.js

@@ -1 +0,0 @@
-function t(r){return typeof r=="object"&&"length"in r?r:Array.from(r)}export{t as a};