Skip to content

feat: Add flow renderer support for certified nodes - #121

Merged
Steve-Mcl merged 1 commit into
mainfrom
119-ffcn-support
Oct 6, 2026
Merged

Steve-Mcl merged 1 commit into
mainfrom
119-ffcn-support

Conversation

@Steve-Mcl

Copy link
Copy Markdown
Contributor

Description

Adds icons and colours for the FlowFuse certified node packages that were missing, so they no longer render as plain white boxes.

Changes

  • CIP Suite: 11 types, #999999, the package's own cip.svg
  • OPC UA: 10 OpcUa-Client2-* types, #C0DEED, arrow-in.svg. The icon files the package points at aren't in its tarball, so the editor falls back to its default arrow. This matches what users see.
  • Modbus: icon for all 13 flow types (the package's modbus.png, metadata stripped). Also adds the missing colours for modbus-server and modbus-queue-info
  • Redis: 5 types, a new redis.svg (1.4 KB). The package PNG carries about 8 KB of EXIF, and the existing redis.png is a white glyph that disappears on these white nodes
  • RTSP: ff-rtsp, #DEB887 (BurlyWood), video camera icon
  • Kafka: 7 types, #ddd, which is what the editor draws when a node sets no colour (checked in the editor)
  • Font Awesome icons: the renderer has no Font Awesome support, so I added white 40x60 SVGs built from the Font Awesome 4.7 glyphs Node-RED ships (video-camera, cogs, thumbs-up, thumbs-down, inbox, shopping-basket, info, paper-plane). They match the style of the renderer's own icons

Not included: config nodes (not drawn), and cip-file, cip-io-scanner, cip-motion, cip-param, cip-security, which are in the cip-suite repo but not in its package.json, so they don't load.

Testing

  • Rendered a flow containing all 49 new types from the rebuilt index.min.js: every node has its icon and colour, no console errors
  • npm run lint: 36 problems, same as main (none in the new lines)
  • index.min.js rebuilt

Related Issue(s)

closes #119

Checklist

  • I have read the contribution guidelines
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
    • Upgrade instructions
    • Configuration details
    • Concepts
  • Changes flowforge.yml?
    • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
    • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production
  • Link to Changelog Entry PR, or note why one is not needed.

Labels

  • Includes a DB migration? -> add the area:migration label

@Steve-Mcl Steve-Mcl changed the title Update the bundled flow renderer for certified node support feat: Add flow renderer support for certified nodes Oct 6, 2026
@Steve-Mcl

Copy link
Copy Markdown
Contributor Author

demo:

image

@Steve-Mcl
Steve-Mcl requested a review from hardillb October 6, 2026 15:41
@Steve-Mcl
Steve-Mcl merged commit d34355b into main Oct 6, 2026
3 of 4 checks passed
@Steve-Mcl
Steve-Mcl deleted the 119-ffcn-support branch October 6, 2026 15:47
@ff-gh-actions-bot ff-gh-actions-bot Bot mentioned this pull request Oct 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add the remaining FlowFuse certified nodes (ffcn) to the renderer

2 participants