🌐 UIBUILDER New Release, v7.7.2 - New features and bug fixes (+ extra bugfixes)

Share Your Nodes
12

And another bug fix I'm afraid. v7.7.2:

Code commits since last release.

(Mostly) A bug fix release.

New features

  • A new --syntax-highlight-height CSS variable has been added to allow the maximum height of syntax-highlighted blocks to be set. If the content exceeds this height, it becomes scrollable. This is useful for preventing very large blocks of content from taking up too much space on the page. The default value is 22em, but you can set it to whatever you like in your CSS. You can check out its use on the Variables page in the Markweb demo where the height is reduced to 9em.

  • For Markweb:

    • There is a new uibuilder.markwebEvent variable. Currently, this is only set/updated on page-navigation. It shows the old and new URL's. The Variables page in the Markweb demo has been updated to show how to use this.
    • The main text section of the page now shows collapse twisties (as requested by @colin :smiley: ) So I've tweaked the layout very slightly.
      If you don't want to see the markers, simply add style="--collapsible-marker: none;" to the <body> tag of the page template.

image
image2498×928 244 KB

Bug fixes & tweaks

  • When the runtime plugin is loaded by Node-RED, the uibRoot folder should be in 1 of 3 possible places. An overridden location (uibuilder.uibRoot in settings.js if provided), <userDir>/<uib.moduleName> (e.g. commonly ~/.node-red/uibuilder), or <userDir>/projects/<currProject>/<uib.moduleName> if Node-RED projects are being used. The last of these was not working correctly. This is now fixed. In addition, the logic for determining the uibRoot location has been tidied up and made more robust. Reference.

  • Markweb:

    • Various demo page content clarified and tidied up.
    • The navigation menu shows a left-hand border for the current page. This was appearing outside a folder twisty icon which looked odd. Now improved, the border is inside the icon.
    • Navigation and index lists were showing folders that had no index.md file and so clicking on the folder would result in a 404 not found page. Now fixed, folders with no index page are hidden as per the design requirements.
    • Navigating with the back button to a URL containing an anchor hash link was not working consistently. Now fixed.
    • The main content prose now has a collapsible twisty marker by default (as requested by Colin in the forum). To remove it, simply add a style of --collapsible-marker: none; to the page template or as a stylesheet. You can also set it to any text or emoji you like. Just remember that the marker is rotated by 90 degrees when the content is expanded so it should look right in either orientation.
    • For some users, the Markweb was reporting 0 files to be indexed. This appears to be due to the ignore parameter passed to fgSync (which uses fast-glob). Ref. Fixed.