# UIBUILDER v7 development update

**URL:** <https://discourse.nodered.org/t/uibuilder-v7-development-update/88431>\
**Category:** Share Your Nodes\
**Tags:** uibuilder\
**Created:** [1 June 2024 21:11 UTC](https://discourse.nodered.org/t/uibuilder-v7-development-update/88431 "2024-06-01T21:11:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [1 June 2024 21:11 UTC](https://discourse.nodered.org/t/uibuilder-v7-development-update/88431/1 "2024-06-01T21:11:22Z")

</div>

Hi all, just to let you know that I am still working on the next major release of UIBUILDER which I hope to release shortly after Node-RED v4 is released. It will have the same baseline node.js v18 requirement.

Had a bit of a break (mostly) for a few weeks to refresh and deal with some personal and work things. But will be trying to get back into it again now.

To that end, I've added another feature today that allows you to query the current page size and created/modified timestamps. It also includes a new `<uib-meta>` web component to display these without the need for any JavaScript code.

### 📌 Current list of highlights

- Some tweaks to the documentation should make it a little easier to get started with.

- You can now add a `uib-topic="mytopic"` attribute to _ANY_ HTML element. Doing so makes that element responsive to messages from Node-RED.

- The new node `uib-file-list` will produce a list of files from a uibuilder instance. It automatically adjusts to the currently served sub-folder and allows filtering. Use this for producing indexes and menus.

- The new built in `<uib-meta>` web component can be used in your HTML to display facts about the current page such as its file size, when it was created and when it was last updated.

- Lots of extensions and improvements to the `uibrouter` front-end routing library in this release:

- Markdown improvements.

- Wherever you can use no-/low-code features that accept HTML, you can now include `<script>` tags that will be executed on load.

- Handling of forms and inputs continue to improve.

- Security of the UIBUILDER repository on GitHub has been improved.

- On the `uibuilder` node's "Core" tab, the info buttons bar has changed slightly.

- For front-end developers, there are many new functions added to the `uibuilder` front-end library. Some are standard utility functions such as fast but accurate number rounding or conversion of primitives into objects. Others simplify the use of the DOM.

And a number of bugs fixed and code improvements as always of course.

Still quite a bit to do but getting to that boring tidy up and documentation part now ☹ Not exciting but must be done. The occasional new feature thrown in keeps me interested. 🙂

As always, please feel free to install direct from GitHub into your test environment to see the latest features and, more importantly, to check whether any of the potential breaking changes impact you. It try to keep UIBUILDER as backwards compatible as possible and most of the changes will not impact the majority of users.

### ⚠ Potentially Breaking Changes

Note that potentially breaking changes are only introduced in major version releases such as this one. It has been a couple of years now since the last, v6, major version.

Most of these changes will _not_ impact most people but you should check through them just in case.

- If using uibuilder's custom ExpressJS server feature, **URL's are now case sensitive**

- **Minimum node.js now v18** - in line with the release of Node-RED v4, the minimum node.js version has moved from v14 to v18.

- **Rewrite of the `uibuilder.eventSend(event)` function** in the client library.

- **Removal of the uibuilderfe library**

- **Removal of the `uib-list` node**

- **Moved socket.io-client from dependencies to dev-dependencies**

- **Removed the _css auto-load_ from the client library**

- `jsdom` (using in the `uib-html` node) now tracks the latest releases again

- `ejs` package removed

- Removed Pollyfills from uibuilder editor code - shouldn't impact anyone using a browser from the last 5 years or so.

- A `uibuilder` node cannot be given a URL name of `common` as this would clash with the built-in folder of the same name that holds resources that can be shared with all instances. This was an oversight in previous releases I'm afraid, now fixed.

- The `uibuilder` node, no longer has the "_Show web view of source files (deploy before you can use it)_" option. The supporting external library was also removed. It never looked that good anyway. Please use the new `uib-file-list` node to produce a custom folder/file list and send to your own custom page.