Vite

[trillium]

What changes did you make and why did you make them ?

This PR lets VRMS use node 18+. It touches many files mostly due to the need for Vite to use .jsx extensions

• Switch to vite build system
• Update github actions to use modern versions of node
• Change .js file extension to .jsx for jsx files

Dev environment changes

Vite requires .env variables to have a VITE_ prefix, so in order for this to work properly we'll need to update some of the .env variable names

CLIENT_PORT=
CLIENT_URL=
BACKEND_HOST=
BACKEND_PORT=
REACT_APP_PROXY=
REACT_APP_CUSTOM_REQUEST_HEADER=
VITE_CLIENT_PORT=
VITE_CLIENT_URL=
VITE_BACKEND_HOST=
VITE_BACKEND_PORT=
VITE_REACT_APP_PROXY=
VITE_REACT_APP_CUSTOM_REQUEST_HEADER=

This change also requries devs to install packages again in /client

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b Spiteless-vite development
git pull https://github.com/Spiteless/VRMS.git vite