Update dev dependencies, Nodejs 20 (lts) support

[aindlq]

Why

Because currently recommended node 12 is not supported anymore.

What

We need to enable node js legacy mode because our dependencies are quite old. So this can be considered a quickfix. Proper fix would involve updating some dependencies, like React etc.

This PR depends on researchspace/YASGUI.YASR#1 . So you merge that one I would update package.json to point to the updated version. Right now it points to my fork.

Also this PR uses sass package instead of node-sass. Which is also deprecated, requires python2 and for me it was not working reliably with the latest node.

How To Test

Try to run the build with the latest node js LTS release.

[aindlq]

@dianat
I've updated all major dev dependencies like webpack, typescript and sass to the latest versions so now the whole thing can be used with the latest node without "hacks".

Potentially there can be some subtle issues because new node resolves dependencies slightly differently.

[dianat]

@dianat I've updated all major dev dependencies like webpack, typescript and sass to the latest versions so now the whole thing can be used with the latest node without "hacks".

Potentially there can be some subtle issues because new node resolves dependencies slightly differently.

Hi Artem,
I've just tried it and the big issues are see are when creating entities of any type and the Resource configuration section in the admin page. Maybe I missed something in what you wrote in terms of testing (I will checked out the PR):

Please see attached. Thank you!

[aindlq]

Hi @dianat. Thank you for looking into the PR. I fixed the issue with styles. But I can't reproduce the issue with forms, I tried with clean checkout and everything seems to be working.

[aindlq]

@dianat try to remove node_modules folder before starting the system, latest node is using slightly different dependencies resolution

[dianat]

I've just tried it with the changes and it's looking fine now. I had some test custom-app in my runtime-data. We will do a bit more testing, but this is great!

[aindlq]

@dianat thanks for merging! 🎉

[giancrys84]

@aindlq There's a problem in the css used in the header and I think it's related to this PR.

In the example you can see the .form-control class has style from _table.scss and _forms.scss (from bootstrap-sass) but it's not using at all the style from the component in form.scss (image below)