uibuilder cannot use packages that are part of an npm @ scope

[TotallyInformation]

tilib.findPackage() expects to find a simple package name and it doesn't cope with @ scoped names. These are always installed in a sub-folder.

I think that this is a bit more of an important one than this issue and I will raise a different issue for it.

While probably not that urgent to fix, it will need fixing at some point.

Software	Version
uibuilder node	v2.0.3

See Also Issue #69 - that issue is mainly about meta-packages (packages that install other packages) rather than this issue which is why I've created this one separately.

As a workaround, you can use one of the workarounds listed in issue 69. It may take me some while to get around to fixing this. In the meantime, if anyone fancies fixing it in a PR, please feel free to do so.

[github-actions]

Stale issue message

[github-actions]

Stale issue message

[github-actions]

Stale issue message

[github-actions]

Stale issue message

[TotallyInformation]

Many thanks to Steve in the forum for the following:

Steve-Mcl

Julian, I suspect there is a bug in tilib.js loading packages with a / (like this one).

I tried to add @riophae/vue-treeselect via the "manage libraries"

It installed the library into node_modules but never showed the entry in the library list.

I debug stepped the uibuilder code in tilib.js and found this part...

let pathSplit = packagePath.split(path.sep)
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageName) ) pathSplit.pop()
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageName) ) pathSplit.pop()
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageName) ) pathSplit.pop()
packagePath = pathSplit.join(path.sep)

ends up with the path to .node-red/node-modules in packagePath

whats happening is packageName contains "@riophae/vue-treeselect" but the path parts contain

[ ".node-red", "node-modules", "@riophae", "vue-treeselect", "dist"

... so none of them match the package name ("@riophae/vue-treeselect") and the path gets popped three times leaving .node-red/node-modules

To work around this I did the following...

//handle user/package package names by getting only the last part
let packageSplit = packageName.split("/"); 
let packageNameLast = packageSplit.pop();
let pathSplit = packagePath.split(path.sep)
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageNameLast) ) pathSplit.pop()
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageNameLast) ) pathSplit.pop()
if ( (pathSplit.length > 1) && (pathSplit[pathSplit.length - 1] !== packageNameLast) ) pathSplit.pop()
packagePath = pathSplit.join(path.sep)

and it seems to work (i.e. the package name no longer gets deleted from packageList.json and the server serves the files.

Hope that helps?