Replace Webpack with Vite

[hanspagel]

This PR replaces Webpack with Vite.

Benefits

• Vite embraces native ECMAScript modules (and that’s the future we all strive for)
• Vite is really fast (HMR ~1,500ms vs ~50ms, build time ~45s vs. ~30s)
• Vite configuration is easier to work with (opinion)

Workarounds

1. When using the prosemirror-math module an import from katex is broken. I worked around this with patch-package which applies Git patches to npm dependencies through a npm postinstall hook.
   I’d create a PR, but the package seems to be unmaintained and I wasn’t able to solve it through configuration. If we somehow could force Vite to use the CommonJS version of prosemirror-math it would work.

2. The dependency workbox-core (used for the Service Worker) throws TypeScript exceptions and there’s no way to ignore them through the tsconfig. The only workaround I found is to enable skipLibCheck, which then skips type checking for all .d.ts files … Which is not really what we want, but solves the issue.

Tasks

• Test the Service Worker in production.
• Execute service worker code for everyone (remove the localStorage check).

Testing the Service Worker

Execute the following code in the browser console and refresh the page:

localStorage.setItem("installServiceWorker", true)

[tommoor]

A version of this is now in production, the only problem is that the paths in the sw.js do not contain the CDN host which is putting a lot of extra requests on the app servers. Looking into that now…