UPDATE 2021-01-19: Please note that due to problems with npm, uibuilder no longer installs vue
and bootstrap-vue
for you. You need to install these yourself now as of v3.1.3.
#cd <userDir>
npm install vue@"2.*" bootstrap-vue@"2.*"
I will try to find a way to install these or at least prompt you from within Node-RED in some future update.
npm is hopelessly broken in this respect and there doesn't appear to be any safe way to call npm install
from inside an npm install preinstall or postinstall script.
Hi all, I am pleased to announce another release of uibuilder. This time it is both a feature release as well as a bug fix.
If you make use of the file editor in uibuilder, you will certainly enjoy this release.
You can now manage any folders and files within your instances root folder. Create and delete folders and files to any depth. You get better notifications about what happened as well.
There is a new per-instance information page that should be a lot easier to read than the existing details page. Great for working out all those URL's and folder locations or other issues.
You now also have direct access to the technical docs. These have long been part of the npm package but they are now exposed as a new web app.
Of course, more bugs have been squished and there has been another round of code rationalisation. Including starting to move to a better API structure that is more consistent with fewer endpoints. That part is a work in progress.
Lots more to do of course but the release of the v3 branch made it possible to push forward much faster (if time permits!). Check out the To Do list in the WIKI along with project, milestone and issue pages if you want to see where things are headed.
Changelog
Fixed
-
Issue #106 Editor: When editing files, a filename with a leading dot did not set the filetype correctly.
-
Issue #105 Editor: Attempting to edit a hidden file (with a leading dot) resulted in an error and white screen.
New
-
Issue #108 You can now view the uibuilder package docs (the ones in this package) by going to the url
<node-red-editor-url>/uibuilder/techdocs
.The package docs use Docsify for formatting. The docs include a search feature as well.
The docs are linked to from both the uibuilder help information panel and from a new button in the configuration panel.
-
The config editor has a new button Instance Details. clicking the button will show a new page in a new tab. The page contains debug details of the exact settings for the uibuilder instance. This should help people better understand all of the settings including folders and urls.
Changed
Editor, "Edit Source Files" improvements:
-
ALL folders and files within the
<uibRoot>/<url>
folder can now be edited. -
Soft- or Hard-linked folders and files can now be used. This lets you put your front-end resources wherever you like as long as you create a soft or hard link into the
<uibRoot>/<url>
folder. -
Added better information toasts on file create/delete actions.
Pop-up notifications are now given when you create/delete folders and files.
-
Made keyboard enter button do the default action in the create dialog windows.
-
Added more information to the create/delete dialog windows. (url, folder name, file name)
-
Issue #102 Relaxed the file-type checks when editing files. Allows for use of more ACE file-types and prepares the way for the introduction of the Monaco editor in Node-RED v2.
-
Issue #107 Allowed the selection of any folder or sub-folders in the file editor.
The editor still constrains you to the folder for the instance but any folder within that root can be viewed. New sub-folders can be created and existing ones deleted.
-
Issue #109 Persist the selection of folder and file when editing.
This means that closing and reopening the editor will return to the last edited file.
Uses browser local storage and so does not work with Internet Explorer (which hasn't been supported by uibuilder since v3.0.0).
-
Improved display when no file is available to edit or if the file cannot be opened.
-
Started moving to new v3 admin API's that are more consistent with less overheads.
-
Changed "Edit Source Files" button to say "Edit Files". Recognising the additional capabilities.
-
Changed button link names in the configuration panel to clarify and accommodate the 2 extra buttons for the instance details and technical docs links.
uibuilder.js:
- Started to simplify and rationalise API checks and reporting. Deprecated
/uibfiles
,/uibnewfile
,/uibdeletefile
API's, replaced with new v3 admin API/uibuilder/admin/:url
. Simplifies the admin API's, makes them more consistent and reduces the number of URL's. - Added v3 admin API's to create new and delete files and folders
- Added
/uibuilder/instance/<url>
admin API. Is created for each instance. Calling it will show a detailed information page for the given uibuilder instance.
Other
- Updated dependencies
- Installer: Improved the post-install console message (Post Install takes a while). Also forces VueJS to v2.x (not v3 as yet which will soon be the latest version because there are currently too many breaking changes).