Fixes #2671: Add vite to dashboard

[Andrewnt219]

Issue This PR Addresses

Closes #2671

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

Bundle client-side javascript with Vite. This also allows mixing .cjs and .js.

Changelog

• Setup vite.config.js
• Update build script and dev script
• Remove global "toast.js" import
• Update path to the entry js file of each page
• Use logger for server errors
• Stop page render on server's failures

Test plan

• Run pnpm dev
• Everything should work as before

Checklist

• Quality: This PR builds and passes our npm test and works locally
• Tests: This PR includes thorough tests or an explanation of why it does not
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)

[gitpod-io]

[humphd]

Fantastic work! I'm so excited to see this coming along.

[Kevan-Y]

Very nice feature.

[Kevan-Y]

LGTM

[humphd]

Fantastic

[Andrewnt219]

I was expecting the staging to break, too bad.

[Andrewnt219]

Just realize if something goes wrong, the logger will bring down the whole server

telescope/src/api/status/src/server.js

Line 127 in ed156ac

logger({ error }, 'Fail to fetch data');

[humphd]

Why will that bring down the whole server?

[Andrewnt219]

Shouldn't it be logger.warn() instead? Sending a patch now.

[humphd]

Ah, yes. Can you fix in a follow-up?