chore: Use vite

[jonathonherbert]

NB: depends on #209 – please review that first 🙏

What does this change?

Swaps out rollup in favour of vite to handle our dev and production builds. (Vite uses rollup under the hood for the build process.)

Why?

Working with this library locally, the current, rollup-based workflow takes a very long time to reflect your changes in a development environment (between 10-20s) Once the build is ready, you must refresh your browser to see changes.

Vite's built to improve that experience:

• the build system uses ESM directly, rebuilding single files on the fly and serving them directly to the browser
• Vite will swap out the smallest portion of code possible when changes are made, statelessly altering your app on the fly to reflect changes to your app:

Vite doesn't provide on-the-fly typechecking out of the box, so we've added it by forking the server process and running tsc in watch mode in parallel via run-p.

How to test

NB: As our dev-nginx config has had to change to enable Vite to talk to the site over websockets, I've taken the opportunity to change the local domain for consistency with other services. Update your dev-nginx configuration with dev-nginx setup-app ./nginx/nginx-mapping.yaml before running these changes. The app now runs at https://prosemirror-typerighter.local.dev-gutools.co.uk.

• Run the application locally and make a few changes to exercise the HMR and typechecking. Does the application behave as expected?
• Build prosemirror-typerighter locally, and use it in a consuming project, e.g. flexible-content, linking it via yalc (or similar).. It should continue to work as normal. (Very happy to pair on this!)
• Todo: I'll issue a beta release for this build to verify this over npm, too.

[rhystmills]

N.b. I had to increase my dev-nginx hash bucket size for the new URL to work, following the instructions here.

[rhystmills]

Have run locally - builds are dreamily fast (feels instant) - I'd be keen to use vite in other projects having seen it in action here.

Have run in Composer and all is working as expected, though we'll need to update the expected name of the stylesheet which is now style.css rather than index.css.

[github-actions]

🎉 This PR is included in version 5.13.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀