build: Migrate to Vite

[ShGKme]

🚫 Blockers

• Allow to specify an output prefix and load app id from appinfo nextcloud-libraries/nextcloud-vite-config#207
• feat: Add CSSEntryPointsPlugin to fix vite for creating one CSS entry per JS entry point nextcloud-libraries/nextcloud-vite-config#204

☑️ Resolves

• Fix Decrease the bundle size and the build time #9406

⏱️ Stats

TODO

🚧 Tasks

• Replace Webpack with Vite and create basic config and scripts
• Rename npm package to spreed. it must be the same as appInfo.id
  • Alternative - make it configurable in @nextcloud/vite-config
  • Done via Add tests for Admin settings #207
• Migrate minor unsupported features
  • Remove <docs> in SFC
  • Refactor single-line comments in text interpolation to HTML comments
  • Remove __webpack_nonce__ and __webpack_public_path__
  • Globals without window (seems to work fine)
• Extract CSS from JS
  • Not really required, but much more optimal and source-maps are broken with injected CSS in Vite
  • Was also possible with Webpack using MiniCssExtractPlugin
• Fix WebWorker support (virtual background is broken)
  • Add support into upstream?
• Migrate files-sidebar into a single entrypoint
• Migrate Leaflet icons
• Make sure everything still works
  • Calls
    • In Chromium and Firefox
    • In Safari
  • HPB
  • Recordings
  • Integrations
    • Files sidebar
    • Public share sidebar
    • Deck
    • Collections
    • Maps
    • Search
• Add a bundle analyzer for Vite (Rollup) to replace WebpackBundleAnalyzer
  • Also add to @nextcloud/vite-config?
• Add Vite support to Talk Desktop

Current issues

• 🐌 Works slower than Webpack + ESBuild on both development and production builds
• 🍴 Requires more RAM than Webpack + ESBuild on both development and production builds
• 🔄️ HMR with npm run serve is not supported anymore
• 💅 Chunk file names look very random

Follow-ups

• Get rid of tiny chunks in Vite bundling
• Use global Talk CSS as a module in bundling
• Get rid of CSS chunks, bundle to a single CSS per entrypoint

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not required
• 📘 API documentation in docs/ has been updated or is not required
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required
• 🔖 Capability is added or not needed