chore(deps): update packages (#78)

* chore(deps): update packages

* chore(deps): correct node types in frontend

README.md

@@ -486,6 +486,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md) for more info on how to contribute +
 - [COST.md](docs/COST.md)
 - [DEMO-TRAFFIC.md](docs/DEMO-TRAFFIC.md)
 - [EJECTING_FROM_PROJEN.md](docs/EJECTING_FROM_PROJEN.md)
+- [DEPENDENCIES.md](docs/DEPENDENCIES.md)
 
 ## Roadmap
 

application/src/frontend/package.json

@@ -3,8 +3,11 @@
   "version": "0.0.0",
   "private": true,
   "engines": {
-    "npm": ">=9.0.0",
-    "node": ">=18.0.0"
+    "node": ">=18.*",
+    "npm": ">=9.*"
+  },
+  "volta": {
+    "node": "18.19.1"
   },
   "scripts": {
     "dev": "vite",
@@ -15,23 +18,23 @@
     "install-swa-construct-npm": "npm uninstall serverless-website-analytics-client && npm install serverless-website-analytics-client"
   },
   "dependencies": {
-    "@fontsource/nunito": "^4.5.12",
-    "@types/node": "^18.14.2",
-    "@types/plotly.js-dist-min": "^2.3.1",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/tsconfig": "^0.1.3",
-    "@vueuse/core": "^9.13.0",
-    "element-plus": "^2.2.33",
+    "@fontsource/nunito": "^5.0.16",
+    "@types/node": "^18.19.1",
+    "@types/plotly.js-dist-min": "^2.3.4",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/tsconfig": "^0.5.1",
+    "@vueuse/core": "^10.9.0",
+    "element-plus": "^2.6.0",
     "npm-run-all": "^4.1.5",
-    "pinia": "^2.0.32",
-    "plotly.js-dist-min": "^2.21.0",
-    "serverless-website-analytics-client": "^1.6.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.1.4",
-    "esbuild": "^0.18.2",
-    "vue": "^3.2.47",
-    "vue-material-design-icons": "^5.2.0",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.8.27"
+    "pinia": "^2.1.7",
+    "plotly.js-dist-min": "^2.29.1",
+    "serverless-website-analytics-client": "^1.6.1",
+    "typescript": "^5.3.3",
+    "vite": "^5.1.4",
+    "esbuild": "^0.20.1",
+    "vue": "^3.4.21",
+    "vue-material-design-icons": "^5.3.0",
+    "vue-router": "^4.3.0",
+    "vue-tsc": "^2.0.2"
   }
 }

docs/DEPENDENCIES.md

@@ -0,0 +1,44 @@
+# Dependencies
+
+Dependencies are being updated manually until automated tests have been set up.
+
+```shell
+npm install -g npm-check-updates
+ncu
+ncu - u
+```
+
+## Pinned dependencies
+
+- `execa` use v5, needs to stay CJS
+- `p-limit` use v3, need to stay CJS
+- `@types/node` keep same as Node Engine `v18.19.1`
+- `semantic-release` keep on v22 because we need to support Node Engine > v18
+- `chai` use v4, needs to stay CJS, else we get an error when mocha runs, complains about ESM, not obvious
+
+## How to update dependencies
+
+### Project `pakcage.json`
+1. Run `ncu` and have a look at what can be updated, pay attention to major versions
+2. Run `ncu -u` to update `package.json`
+3. Change the pinned versions above back to what they were
+4. Run
+  ```shell
+  npm run lint-fix
+  npm run build
+  npm run validate
+  ```
+5. Run a few tests to see if everything still works
+
+### Frontend `application/src/frontend/pakcage.json`
+3. Run
+  ```shell
+  cd application/src/frontend/
+  ```
+1. Run `ncu` and have a look at what can be updated, pay attention to major versions
+2. Run `ncu -u` to update `package.json`
+3. Run and manually verify if the frontend still seems fine
+  ```shell
+  npm run build
+  npm run dev
+  ```