chore: upgrade build deps (#661)

* chore: upgrade build dependencies

* chore: add bundle analysis script

* chore: upgrade sentry deps

* chore: upgrade node types

* docs: declare new engine versions

DEVELOPMENT.md

@@ -9,8 +9,8 @@ Ontime consists of 3 distinct parts
 The steps below will assume you have locally installed the necessary dependencies.
 Other dependencies will be installed as part of the setup
 
-- __node__ (>=16.16)
+- __node__ (>=18)
-- __pnpm__ (>=7)
+- __pnpm__ (>=8)
 - __docker__ (only necessary to run and build docker images)
 
 ## LOCAL DEVELOPMENT

apps/client/package.json

@@ -2,6 +2,7 @@
   "name": "ontime-ui",
   "version": "3.0.0-alpha",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@chakra-ui/react": "^2.7.0",
     "@dnd-kit/core": "^6.0.8",
@@ -10,8 +11,7 @@
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
     "@react-icons/all-files": "^4.1.0",
-    "@sentry/react": "^7.46.0",
+    "@sentry/react": "^7.88.0",
-    "@sentry/tracing": "^7.46.0",
     "@tanstack/react-query": "^5.8.4",
     "@tanstack/react-query-devtools": "^5.8.4",
     "@tanstack/react-table": "^8.9.2",
@@ -44,7 +44,8 @@
     "lint-staged": "eslint",
     "test": "vitest",
     "test:pipeline": "vitest run",
-    "cleanup": "rm -rf .turbo && rm -rf node_modules && rm -rf build"
+    "cleanup": "rm -rf .turbo && rm -rf node_modules && rm -rf build",
+    "analyse": "npx vite-bundle-visualizer"
   },
   "browserslist": {
     "production": [
@@ -59,7 +60,7 @@
     ]
   },
   "devDependencies": {
-    "@sentry/vite-plugin": "^0.4.0",
+    "@sentry/vite-plugin": "^2.10.2",
     "@tanstack/eslint-plugin-query": "^5.8.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.1.1",
@@ -70,7 +71,7 @@
     "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
-    "@vitejs/plugin-react": "^3.0.1",
+    "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jest": "^27.6.0",
@@ -85,10 +86,10 @@
     "prettier": "^3.0.3",
     "sass": "^1.57.1",
     "typescript": "^5.2.2",
-    "vite": "^4.3.1",
+    "vite": "^5.0.10",
-    "vite-plugin-compression2": "^0.9.0",
+    "vite-plugin-compression2": "^0.11.0",
-    "vite-plugin-svgr": "^2.4.0",
+    "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^4.2.0",
+    "vite-tsconfig-paths": "^4.2.2",
-    "vitest": "^0.30.1"
+    "vitest": "^1.0.4"
   }
 }

apps/client/src/common/components/state/Empty.tsx

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 
-import { ReactComponent as Emptyimage } from '@/assets/images/empty.svg';
+import EmptyImage from '../../../assets/images/empty.svg?react';
 
 import style from './Empty.module.scss';
 
@@ -13,7 +13,7 @@ export default function Empty(props: EmptyProps) {
   const { text, ...rest } = props;
   return (
     <div className={style.emptyContainer} {...rest}>
-      <Emptyimage className={style.empty} />
+      <EmptyImage className={style.empty} />
       <span className={style.text}>{text}</span>
     </div>
   );

apps/client/src/features/modals/about-modal/AboutModal.tsx

@@ -1,8 +1,7 @@
 import { Modal, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay } from '@chakra-ui/react';
 
-import { ReactComponent as OntimeLogo } from '@/assets/images/ontime-logo.svg';
-
 import { version } from '../../../../package.json';
+import OntimeLogo from '../../../assets/images/ontime-logo.svg?react';
 import { gitbookUrl, githubUrl } from '../../../externals';
 import ModalLink from '../ModalLink';
 

apps/client/src/index.tsx

@@ -2,7 +2,6 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 // skipcq: JS-C1003 - sentry does not expose itself as an ES Module.
 import * as Sentry from '@sentry/react';
-import { BrowserTracing } from '@sentry/tracing';
 
 import App from './App';
 import { ONTIME_VERSION } from './ONTIME_VERSION';
@@ -39,7 +38,7 @@ const sentryRecommendedIgnore = [
 
 Sentry.init({
   dsn: 'https://5e4d2c4b57ab409cb98d4c08b2014755@o4504288369836032.ingest.sentry.io/4504288371343360',
-  integrations: [new BrowserTracing()],
+  integrations: [new Sentry.BrowserTracing()],
   tracesSampleRate: 0.3,
   release: ONTIME_VERSION,
   enabled: import.meta.env.PROD,

apps/electron/package.json

@@ -12,8 +12,8 @@
   "license": "AGPL-3.0-only",
   "main": "main.js",
   "devDependencies": {
-    "electron": "^22.3.5",
+    "electron": "^28.0.0",
-    "electron-builder": "^23.6.0",
+    "electron-builder": "^24.9.1",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "prettier": "^3.0.3"

apps/server/package.json

@@ -25,12 +25,12 @@
   },
   "devDependencies": {
     "@types/express": "^4.17.17",
-    "@types/node": "^16.11.7",
+    "@types/node": "^18.11.18",
     "@types/node-osc": "^6.0.2",
     "@types/websocket": "^1.0.5",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
-    "esbuild": "^0.17.5",
+    "esbuild": "^0.19.10",
     "eslint": "^8.53.0",
     "eslint-plugin-prettier": "^5.0.1",
     "nodemon": "^2.0.20",
@@ -39,7 +39,7 @@
     "shx": "^0.3.4",
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
-    "vitest": "^0.30.1"
+    "vitest": "^1.0.4"
   },
   "scripts": {
     "addversion": "node -p \"'export const ONTIME_VERSION = ' + JSON.stringify(require('../../package.json').version) + ';'\" > src/ONTIME_VERSION.js",

package.json

@@ -17,7 +17,7 @@
   },
   "license": "AGPL-3.0-only",
   "engines": {
-    "node": "~16.16.0",
+    "node": ">18.18.2",
     "pnpm": ">=8"
   },
   "type": "module",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.34.3",
-    "@types/node": "^16.11.7",
+    "@types/node": "^18.11.18",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "cross-env": "^7.0.3",
@@ -50,7 +50,7 @@
     "husky": "^8.0.3",
     "lint-staged": "^15.1.0",
     "prettier": "^3.0.3",
-    "turbo": "^1.10.16",
+    "turbo": "^1.11.2",
     "typescript": "^5.2.2"
   },
   "husky": {

packages/utils/package.json

@@ -27,7 +27,7 @@
     "ontime-types": "workspace:*",
     "prettier": "^3.0.3",
     "typescript": "^5.2.2",
-    "vitest": "^0.30.1"
+    "vitest": "^1.0.4"
   },
   "sideEffects": false
 }