upgrade vite and related dependencies (#2003)

apps/client/package.json

@@ -57,20 +57,21 @@
     ]
   },
   "devDependencies": {
-    "@sentry/vite-plugin": "^2.16.1",
+    "@sentry/vite-plugin": "5.1.1",
     "@types/prismjs": "^1.26.5",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "4.5.1",
+    "@vitejs/plugin-react": "5.2.0",
     "babel-plugin-react-compiler": "1.0.0",
     "ontime-types": "workspace:*",
     "ontime-utils": "workspace:*",
     "sass": "^1.57.1",
     "typescript": "catalog:",
-    "vite": "6.3.1",
+    "vite": "7.3.1",
-    "vite-plugin-compression2": "2.2.0",
+    "vite-plugin-compression2": "2.5.1",
-    "vite-plugin-svgr": "4.3.0",
+    "vite-plugin-prismjs-plus": "1.1.0",
-    "vite-tsconfig-paths": "5.1.4",
+    "vite-plugin-svgr": "4.5.0",
+    "vite-tsconfig-paths": "6.1.1",
     "vitest": "catalog:"
   }
 }

apps/client/src/features/app-settings/panel/settings-panel/composite/StyleEditor.tsx

@@ -1,4 +1,4 @@
-import Prism from 'prismjs/components/prism-core';
+import Prism from 'virtual:prismjs';
 import { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react';
 import Editor from 'react-simple-code-editor';
 import 'prismjs/components/prism-css';

apps/client/src/features/app-settings/panel/settings-panel/composite/prismjs.d.ts

@@ -1,5 +0,0 @@
-declare module 'prismjs/components/prism-core' {
-  export * from 'prismjs';
-}
-
-declare module 'prismjs/components/prism-css';

apps/client/tsconfig.app.json

@@ -9,7 +9,8 @@
     ],
     "types": [
       "vite/client",
-      "vite-plugin-svgr/client"
+      "vite-plugin-svgr/client",
+      "vite-plugin-prismjs-plus/client",
     ],
     "module": "esnext",
     "moduleResolution": "bundler",

apps/client/vite.config.js

@@ -4,6 +4,7 @@ import { sentryVitePlugin } from '@sentry/vite-plugin';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 import { compression } from 'vite-plugin-compression2';
+import prismjsPlugin from 'vite-plugin-prismjs-plus';
 import svgrPlugin from 'vite-plugin-svgr';
 
 import { ONTIME_VERSION } from './src/ONTIME_VERSION';
@@ -48,6 +49,11 @@ export default defineConfig({
       algorithm: 'brotliCompress',
       exclude: /\.(html)$/, // Ontime cloud: Exclude HTML files from compression so we can change the base property at runtime
     }),
+    prismjsPlugin({
+      manual: true,
+      languages: ['css',],
+      css: true
+    }),
   ],
   server: {
     port: 3000,
@@ -88,16 +94,6 @@ export default defineConfig({
   build: {
     outDir: './build',
     sourcemap: true,
-    rollupOptions: {
-      output: {
-        manualChunks(id) {
-          // Split vendor code
-          if (id.includes('node_modules')) {
-            return 'vendor';
-          }
-        },
-      },
-    },
   },
   resolve: {
     alias: {