Webserver Auswertung

. This allows you to directly bind to nested properties of reactive variables without needing to replace the entire variable.` ```auto Watt Watt Watt ``` 1st: shows nothing 2nd: shows nothing 3rd: shows whole object ... ok this works: `` ---

**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:** [24 April 2026 22:33 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/32 "2026-04-24T22:33:50Z")

> [@Becker](#): > Oops! There is a typo there! The topic attribute only accepts a topic string by its very nature. Only the variable attribute can accept a sub-property. So this will work: ```html

Watt

``` BUT, of course, every msg received by your clients will change the entry. So you should use a `uibuilder.onChange('msg', (msg) => {...})` function to set another uibuilder managed variable: ```javascript uibuilder.onTopic('Home', (msg) => { uibuilder.set('myVar', msg.payload) }) ``` and then in your HTML: ```html

``` ---

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\ **Post date:** [24 April 2026 23:02 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/33 "2026-04-24T23:02:25Z")

> [@TotallyInformation](#): > > Arguably, the better way is to switch to loading index.js as a module (ES Module) and then importing the uibuilder library into it. This is the more modern approach and you will see if in the new Markweb as well as the ESM template Is there a write-up on how to do this. All the ESM labelled templates still use the `iife` library? ---

**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:** [25 April 2026 01:33 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/34 "2026-04-25T01:33:06Z")

> [@Buckskin](#): > > All the ESM labelled templates still use the `iife` library? Not at all - though I do need to do a small update to their repo's, that is just for the latest favicon release. They use the .esm.min.js version of the library imported in the index.js file which is, itself loaded as a module. I deliberately compile most of the front-end libraries to both IIFE and ESM versions for this reason. The only exception being the new markweb client library which is _only_ currently delivered as an ESM library. But that library hasn't been compiled yet either and is only provided in its raw format. Markweb _is_ after all, only in its first release 🙂 ESM is the future of JavaScript so we can expect the defaults to go that way eventually. However, it can be slightly more complex to use in some cases due to its native isolation. Something which is both a benefit and, occasionally, a bit of a pain. ---

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\ **Post date:** [25 April 2026 17:56 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/35 "2026-04-25T17:56:50Z")

OK, so I loaded index.js as a module ```auto ``` and then imported the uibuilder library `import * as uibuilder from "../uibuilder/uibuilder.iife.min.js"` and I get these error messages ```auto Uncaught TypeError: Cannot read properties of undefined (reading 'replace') Uncaught NotSupportedError: Failed to execute 'define' on 'CustomElementRegistry': the name "uib-var" has already been used with this registry uibuilder.module.mjs:4254 Uncaught NotSupportedError: Failed to execute 'define' on 'CustomElementRegistry': the name "uib-var" has already been used with this registry uibuilder.module.mjs:2710 ⚠ warn [Uib:ioSetup:uiBuilderControl] Server version (7.6.1) not the same as the client version (7.6.0-src) ``` so, fairly obviously, I have not got this right. Would you explain what I need to do to get this working? Yours Hopefully ---

**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:** [25 April 2026 18:25 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/36 "2026-04-25T18:25:30Z")

> [@Buckskin](#): > > ```auto > > > > ``` > > and then imported the uibuilder library > > `import * as uibuilder from "../uibuilder/uibuilder.iife.min.js"` But that means you've loaded 2 different versions of the client library. Take out the IIFE one. Leave the ESM one in you index.js If in doubt, add a new instance of the uibuilder node, give it a random url. Deploy and then change the Template to "Simple ES Module Template (external). This will overwrite any existing code (hence using a separate instance of the uibuilder node) and will have exactly what you need to be using the ESM version of the uibuilder client. ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/b/3b5d70e44ed5a179fa06c62d756d41e56afaaa7b.png) Alternatively, you can see that template here: > ---

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\ **Post date:** [25 April 2026 22:14 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/37 "2026-04-25T22:14:11Z")

Thank you, thank you. That worked. For anyone following this, to make it simple; In the idex.html file the relevant bit of the`

` is ```auto /* Your custom code + Imports uibuilder */ ``` and at the top of index.js ```auto import { uibuilder } from '../uibuilder/uibuilder.esm.min.js' ``` A few more questions (sorry) I couldn't get the ESM template to load. Any ideas? ```auto uibuilder:adminapi:POST:replaceTemplate] Replace template error. Failed to copy template from 'totallyinformation/uib-template-test' to '/home/pi/.node-red/uibuilder/ESM-Test'. url=ESM-Test, cmd=replaceTemplate, ERR=could not find commit hash for HEAD [UibFs:replaceTemplate]. url=ESM-Test. ext-simple-esmundefined ``` So I went straight to github. I noticed in the index.js file there that it had a cryptic comment. I couldn't see anything that looked relevant in the html file. I am intrigued? ```auto // See import map in index.html for import shortcuts ``` Finally, the javascript index file has `.mjs` as a file extension, does this make any difference? and do I have to do anything special to load additional `*.js` (`.mjs`) files into my index.js file? P.S. Hope the weather is as good down there as it is up here, have a great Sunday. ---

**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:** [26 April 2026 00:28 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/38 "2026-04-26T00:28:18Z")

> [@Buckskin](#): > > I couldn't get the ESM template to load. Any ideas? Sometimes it fails for people if they don't have `git` installed, I'd check that first. > [@Buckskin](#): > > So I went straight to github. I noticed in the index.js file there that it had a cryptic comment. I couldn't see anything that looked relevant in the html file. I am intrigued? You can look that up yourself, I think I took it out at some point. Import maps simplify the naming of imports, [https://search.brave.com/search?q=javascript+import+maps&summary=1&conversation=090364f04d35f23e0bfd0f26ff7d1058637a](https://search.brave.com/search?q=javascript+import+maps&summary=1&conversation=090364f04d35f23e0bfd0f26ff7d1058637a) > [@Buckskin](#): > > he javascript index file has `.mjs` as a file extension, does this make any difference? For modern JavaScript, you have the option to use different extensions that help you know whether a file is using ESM or some other scheme. `/mjs` tells the browser or node.js that the file uses ESM specifically. I started trying to be explicit since we are in the middle of a time period where JavaScript use is slowly transitioning to ESM for both the browser an dnode.js. Node-RED itself is also in that transition period, at present some things work as ESM but not everything. In terms of the browser, you can use both .js and .mjs if the file will be loaded as an ESM. > [@Buckskin](#): > > weather is as good down there Ha, actually, you are "down", we are "up"! And yes, as it happens, the weather has been great in the UK for a while now thanks. In fact, I published a video the other day of photo's from our garden - I've just started playing with DaVinci Resolve and the great weather prompted me to go into the garden, I was also trying out a new tripod and remote shutter release for the camera.4 ![](https://us1.discourse-cdn.com/flex026/uploads/nodered/optimized/3X/8/e/8ef2f2485dab89ba2bbfed13dcf13f207948ae66_2_690x388.jpeg)https://www.youtube.com/embed/Xq2LTImKfL8?feature=oembed&wmode=opaque&list=PL9IEADRqAal2DHRBhguW6TKDop7ZlhGrb ---

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\ **Post date:** [26 April 2026 11:41 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/39 "2026-04-26T11:41:26Z")

Well unless you are in the North of Scotland, I am pretty sure I am definately 'up'. Good looking garden. Your plants seem to be a bit more foreward than ours. Here the bluebells are just coming into flower. ---

**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:** [26 April 2026 13:53 UTC](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813/40 "2026-04-26T13:53:02Z")

> [@Buckskin](#): > > North of Scotland Oops, thought you were in Oz! 😃 > [@Buckskin](#): > > Here the bluebells are just coming into flower. Wow, quite a way's behind us then I think. > [@Buckskin](#): > > Good looking garden Thanks. Well, I didn't show the lawn which is in a horrid state just now. Between the Badger digging holes, the winter moss and some very large Dandelions that have sprung from nowhere, it needs a lot of work. Done some aeration, a feed and some lawn weedkiller but still need to scarify and reseed some areas. [Previous page](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813.md?page=1) [Next page](https://discourse.nodered.org/t/uibuilder-new-release-v7-6-1-bug-fix-introducing-markweb-and-other-enhancements/100813.md?page=3)