# Uibuilder v2: Now published to npm under the @next tag

**URL:** https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998
**Category:** Share Your Nodes
**Created:** [4 August 2019 16:47 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998 "2019-08-04T16:47:49Z")
**Posts on this page:** 8
**Page:** 2

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [5 August 2019 15:35 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/21 "2019-08-05T15:35:21Z")

</div>

When I install beta3.2, npm gives me the warning  
`npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself`  
Is that something I need take notice of or is it just npm being verbose about nothing important?

---

<div class="post-metadata">

### Author: ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)
#### Post date: [5 August 2019 15:47 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/22 "2019-08-05T15:47:11Z")

</div>

@Colin If you've worked with bootstrap-vue before, you'll know the answer but for new users it's not as clear. You can ignore this message basically, but it has to be documented somewhere (@TotallyInformation). The idea is that `bootstrap` normally depends on jquery to handle interactive parts of the interface, but Uibuilder v2 comes with `bootstrap-vue` to ease creating interfaces with bootstrap. `bootstrap-vue` in return uses `bootstrap` internally, but the jquery requirements have been completely replaced by ES6 style javascript. Citing the `bootstrap-vue` documentation:

> If Bootstrap is the only thing relying on `jQuery` , you can safely remove it — BootstrapVue **does not** depend on `jQuery`

I got confused early on as well, but it helps I've been using BootstrapVue since give or take v2-rc3.

---

<div class="post-metadata">

### Author: ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)
#### Post date: [5 August 2019 15:49 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/23 "2019-08-05T15:49:26Z")

</div>

@TotallyInformation And another one, interface this time:  
The source file editor comes with a couple buttons, two of them resulting into pop-up views with a form. The "new file" form has a confirmation button to create a file but it says "new" on the button text. If it said "Create" or "Create file" any potential confusion (like it was for me) is gone, and it lines up with the other pop-up for Delete where the button says "Delete".  
 ![25](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/4a8f1d70f80a83103a8362e0d4b96b671095b2b1.png)

---

<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: [5 August 2019 16:07 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/24 "2019-08-05T16:07:00Z")

</div>

> [@afelix](#):
>
> v2.0 does not allow `.vue` component files

No, as mentioned, you need the http-vue-loader package for that. But if you use that package then you can absolutely load them without a separate build step.

> [@afelix](#):
>

The problem with that is that support is currently extremely limited in browsers right now. Use the loader though, that should do what you want.

> [@afelix](#):
>
> builtin editor for source files does not allow you to see any files that are not at top level in the `src` folder, nor can you create any folders

Yes, those are on the roadmap for v2.1. Creation/deletion of folders and editing of files anywhere under the instance's root folder. Good news is that uibuilderfe does support files in sub-folders - in fact you can even serve up a uibuilder front-end from a different web server if you like (and a future uibuilder option may be to have an instance hosted on its own web server - creating a new ExpressJS instance).

Once v2.0 is live, it opens up sooo many possibilities for further advancement. The real aim of 2.0 was to try to get as many breaking changes out of the way in one go & to create a much stronger and more flexible platform for future development.

> [@Colin](#):
>
> When I install beta3.2, npm gives me the warning  
> `npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself`  
> Is that something I need take notice of or is it just npm being verbose about nothing important?

As Lena says, you don't need to worry about that and it isn't even really true so the warning is annoying. I'm using it quite happily without.

Good point about documenting the issue though. Sigh!

> [@afelix](#):
>
> The "new file" form has a confirmation button to create a file but it says "new" on the button text. If it said "Create" or "Create file" any potential confusion (like it was for me) is gone, and it lines up with the other pop-up for Delete where the button says "Delete".

OK, I can do that.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [5 August 2019 16:33 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/25 "2019-08-05T16:33:05Z")

</div>

> [@afelix](#):
>
> You can ignore this message basically,

Understood, thanks.

---

<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: [5 August 2019 20:32 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/26 "2019-08-05T20:32:34Z")

</div>

> [@TotallyInformation](#):
>
> That should be fairly easy to fix as I know how to handle the ACE editor.

Hmm, seems I was rather over optimistic about that ☹

Turns out that the function I'm using isn't an ACE function at all but rather a Node-RED one. `RED.editor.editJavaScript` is a high-level function that dynamically builds the edit panel. I'm going to need to re-engineer that part of the code and do it myself. :sigh:

Might take a few days - I probably won't get to it until at least this weekend.

What do people think? I can fix the other issues but should I publish v2.0.0 with this known limitation or should I wait? I will go with the consensus.

---

<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: [5 August 2019 21:49 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/27 "2019-08-05T21:49:48Z")

</div>

Version 2.0.0-beta3.3 pushed to GitHub and published as @next on npm.

Contains all of the fixes/enhancements from this thread except for the issue with the full-screen editor which is going to take a little longer to fix.

---

<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: [6 August 2019 23:17 UTC](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998/28 "2019-08-06T23:17:56Z")

</div>

v2.0.0-beta3.4 pushed to GitHub and published to npm with `@next` tag.

Text editor now automatically uses the full available height.

The full-screen edit really is full-screen now - press Esc to exit.

Still a couple of tweaks to finish off the new full-screen mode but pretty much done now.

[Previous page](https://discourse.nodered.org/t/uibuilder-v2-now-published-to-npm-under-the-next-tag/13998.md?page=1)
