chore(deps): update dependencies (#1103)

Co-authored-by: pieter <pieter@interactivestudios.nl>

.eslintrc.json

@@ -13,6 +13,7 @@
     "rules": {
         "vue/no-v-html": 0,
         "vue/component-tags-order": 0,
+        "vue/no-v-text-v-html-on-component": 0,
         "vue/valid-v-slot": [
             "error",
             {

.github/workflows/test.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Install node
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: 18
 
       - name: Install dependencies
         run: npm ci
@@ -28,6 +28,6 @@ jobs:
         run: npm run build
 
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v4
         with:
-          start: npm start
+          start: npm run preview

.gitignore

@@ -14,5 +14,6 @@ package-lock.json
 *.local
 .env
 
+cypress/screenshots/
 cypress/videos/
 components.d.ts

Dockerfile

@@ -1,7 +1,7 @@
 #
 # Builder stage, builds the application in node
 #
-FROM --platform=$BUILDPLATFORM node:16-alpine as builder
+FROM --platform=$BUILDPLATFORM node:18-alpine as builder
 
 RUN apk add zip
 

cypress.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+    e2e: {
+        // We've imported your old cypress plugins here.
+        // You may want to clean this up later by importing these.
+        setupNodeEvents(on, config) {
+            // @ts-ignore
+            return require('./cypress/plugins/index.js')(on, config)
+        },
+        baseUrl: 'http://localhost:4173',
+    },
+})

package.json

@@ -16,8 +16,9 @@
         "lint:fix": "npm run lint -- --fix",
         "build.zip": "cd ./dist && zip -r mainsail.zip ./ -x '**.DS_Store' ./ && cd ..",
         "i18n-extract": "vue-i18n-extract use-config",
-        "start": "vite preview",
-        "test": "npm run build && cypress run",
+        "preview": "vite preview",
+        "start": "vite build && vite preview",
+        "test": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress run'",
         "test:ui": "cypress open",
         "changelog": "git cliff v0.0.4..$(git describe --tags $(git rev-list --tags --max-count=1)) --output CHANGELOG.md"
     },
@@ -32,9 +33,9 @@
         "@codemirror/view": "^6.0.3",
         "@lezer/highlight": "^1.0.0",
         "@sindarius/gcodeviewer": "^3.1.3",
-        "@types/node": "^16.11.22",
+        "@types/node": "^18.0.0",
         "@types/overlayscrollbars": "^1.12.1",
-        "axios": "^0.26.0",
+        "axios": "^0.27.0",
         "codemirror": "^6.0.1",
         "core-js": "^3.16.0",
         "echarts": "^5.2.2",
@@ -47,8 +48,8 @@
         "regenerator-runtime": "^0.13.9",
         "resize-observer-polyfill": "^1.5.1",
         "semver": "^7.3.5",
-        "uuid": "^8.3.2",
-        "vue": "^2.6.14",
+        "uuid": "^9.0.0",
+        "vue": "^2.7.10",
         "vue-class-component": "^7.2.6",
         "vue-echarts": "^6.0.2",
         "vue-i18n": "^8.25.0",
@@ -64,29 +65,29 @@
     },
     "devDependencies": {
         "@intlify/vite-plugin-vue-i18n": "^2.5.0",
-        "@mdi/js": "^6.5.95",
+        "@mdi/js": "^7.0.0",
         "@types/lodash.kebabcase": "^4.1.6",
         "@types/lodash.throttle": "^4.1.6",
         "@types/semver": "^7.3.8",
         "@types/uuid": "^8.3.1",
         "@typescript-eslint/eslint-plugin": "^5.11.0",
         "@typescript-eslint/parser": "^5.11.0",
-        "@vue/composition-api": "^1.4.6",
-        "@vue/eslint-config-typescript": "^10.0.0",
+        "@vue/eslint-config-typescript": "^11.0.0",
         "autoprefixer": "^10.4.2",
-        "cypress": "^9.5.0",
+        "cypress": "^10.0.0",
         "eslint": "^8.9.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-jsonc": "^2.2.1",
-        "eslint-plugin-vue": "^8.4.1",
+        "eslint-plugin-vue": "^9.0.0",
         "prettier": "^2.5.1",
         "sass": "~1.32",
+        "start-server-and-test": "^1.14.0",
         "typescript": "^4.5.5",
-        "unplugin-vue-components": "^0.18.0",
-        "vite": "^2.9.15",
-        "vite-plugin-checker": "^0.4.2",
+        "unplugin-vue-components": "^0.22.0",
+        "vite": "^3.0.0",
+        "vite-plugin-checker": "^0.5.0",
         "vite-plugin-package-version": "^1.0.2",
-        "vite-plugin-pwa": "^0.11.13",
+        "vite-plugin-pwa": "^0.13.0",
         "vite-plugin-vue2": "^2.0.1",
         "vue-debounce-decorator": "^1.0.1",
         "vue-i18n-extract": "^2.0.7",
@@ -110,6 +111,6 @@
         "last 2 edge major versions"
     ],
     "engines": {
-        "node": "^16"
+        "node": "^16 || ^18"
     }
 }

src/components/mixins/dashboard.ts

@@ -3,8 +3,6 @@ import BaseMixin from '@/components/mixins/base'
 import { allDashboardPanels } from '@/store/variables'
 import { capitalize } from '@/plugins/helpers'
 import { GuiMacrosStateMacrogroup } from '@/store/gui/macros/types'
-import kebabCase from 'lodash.kebabcase'
-import Vue from 'vue'
 
 @Component
 export default class DashboardMixin extends BaseMixin {

src/locales/de.json

@@ -181,8 +181,8 @@
         "GCodeFiles": "G-Code Dateien",
         "GcodesRootDirectoryDoesntExists": "Keinen G-Code Ordner gefunden. Bitte überprüfe die Option \"path\" im Abschnitt [virtual_sdcard] in der Klipper Konfiguration.",
         "HiddenFiles": "Versteckte Dateien",
-        "InvalidNameEmpty": "Feld darf nicht leer sein!",
         "InvalidNameAlreadyExists": "Name existiert bereits, bitte wähle einen anderen Namen.",
+        "InvalidNameEmpty": "Feld darf nicht leer sein!",
         "LastEndTime": "Letzte Endzeit",
         "LastFilamentUsed": "Letzter Filamentverbrauch",
         "LastModified": "Zuletzt geändert",

src/locales/en.json

@@ -181,8 +181,8 @@
         "GCodeFiles": "G-Code Files",
         "GcodesRootDirectoryDoesntExists": "No G-Code directory found. Please check option \"path\" in the [virtual_sdcard] section of the Klipper configuration.",
         "HiddenFiles": "Hidden files",
-        "InvalidNameEmpty": "Input must not be empty!",
         "InvalidNameAlreadyExists": "Name already exists, please choose another name.",
+        "InvalidNameEmpty": "Input must not be empty!",
         "LastEndTime": "Last End Time",
         "LastFilamentUsed": "Last Filament Used",
         "LastModified": "Last modified",

src/locales/fr.json

@@ -22,8 +22,8 @@
             "Never": "jamais",
             "NextReboot": "prochain redémarrage",
             "NoNotification": "Pas de notification(s) disponible(s)",
-            "Remind": "Rappel:",
-            "Notifications": "Notifications"
+            "Notifications": "Notifications",
+            "Remind": "Rappel:"
         },
         "NumberInput": {
             "GreaterOrEqualError": "Doit être plus grand ou égal à {min} !",
@@ -113,8 +113,8 @@
         "CheckMoonrakerLog": "Si ce message apparait régulièrement, contrôlez le fichier log à l'adresse suivante:",
         "Connecting": "Connection avec {host}",
         "Failed": "Connection échouée",
-        "TryAgain": " répétez",
-        "Initializing": "Initialisation"
+        "Initializing": "Initialisation",
+        "TryAgain": " répétez"
     },
     "Console": {
         "CommandList": "Liste des commandes",
@@ -156,7 +156,9 @@
     "Files": {
         "AddToQueue": "Ajouter à la queue",
         "AllFiles": "Tous",
+        "BedTemp": "Température plateau",
         "Cancel": "Annuler",
+        "ChamberTemp": "Température chambre",
         "Create": "Créer",
         "CreateNewDirectory": "Nouveau dossier",
         "CurrentPath": "Dossier actuel",
@@ -167,6 +169,7 @@
         "Download": "Téléchargement",
         "EditFile": "Editer Fichier",
         "Empty": "vide",
+        "ExtruderTemp": "Température extrudeur",
         "Filament": "Filament",
         "FilamentName": "Nom du filament",
         "FilamentType": "Type de filament",
@@ -177,6 +180,7 @@
         "Free": "Libre",
         "FreeDisk": "Disque libre",
         "GCodeFiles": "Fichiers G-Code",
+        "GcodesRootDirectoryDoesntExists": "Pas trouvé de dossier G-Code. Contrôlez l'option \"path\" dans la section [virtual_sdcard] de la configuration de Klipper.",
         "HiddenFiles": "Fichiers cachés",
         "LastEndTime": "Dernière heure de fin d'impression",
         "LastFilamentUsed": "Dernier filament utilisé",
@@ -208,11 +212,7 @@
         "Total": "Total",
         "UploadNewGcode": "Charger nouveau G-Code",
         "Used": "Utilisé",
-        "View3D": "Vue 3D",
-        "BedTemp": "Température plateau",
-        "ChamberTemp": "Température chambre",
-        "ExtruderTemp": "Température extrudeur",
-        "GcodesRootDirectoryDoesntExists": "Pas trouvé de dossier G-Code. Contrôlez l'option \"path\" dans la section [virtual_sdcard] de la configuration de Klipper."
+        "View3D": "Vue 3D"
     },
     "FullscreenUpload": {
         "CannotUploadFile": "Impossible de télécharger le fichier !",
@@ -262,6 +262,9 @@
         "ErrorKlipperNotReady": "Klipper pas prêt, maillage désactivé",
         "Flat": "Plat",
         "Heightmap": "Maillage de hauteur",
+        "InvalidNameAlreadyExists": "Ce profil existe déjà, choisissez-en un autre.",
+        "InvalidNameEmpty": "L'entrée ne doit pas être vide !",
+        "InvalidNameReserved": "Le nom de profil \"default\" est réservé, choisissez-en un autre.",
         "Later": "Plus tard",
         "Mesh": "Calculé",
         "Name": "Nom",
@@ -280,10 +283,7 @@
         "TitleCalibrate": "Calibrer nouveau maillage",
         "TitleClear": "Effacer maillage",
         "TitleHomeAll": "Réf. tous",
-        "Wireframe": "Maillage",
-        "InvalidNameAlreadyExists": "Ce profil existe déjà, choisissez-en un autre.",
-        "InvalidNameEmpty": "L'entrée ne doit pas être vide !",
-        "InvalidNameReserved": "Le nom de profil \"default\" est réservé, choisissez-en un autre."
+        "Wireframe": "Maillage"
     },
     "History": {
         "AddNote": "Ajouter une note",
@@ -339,8 +339,8 @@
             "in_progress": "en cours",
             "klippy_disconnect": "Klippy déconnecté",
             "klippy_shutdown": "Klippy arrêté",
-            "server_exit": "Serveur quitté",
-            "Others": "Autres"
+            "Others": "Autres",
+            "server_exit": "Serveur quitté"
         },
         "TitleExportHistory": "Exporter l'historique",
         "TitleRefreshHistory": "Rafraîchir l'historique",
@@ -365,6 +365,7 @@
             "AllFiles": "Tous",
             "Cancel": "Annuler",
             "ConfigFiles": "Fichiers de configuration",
+            "ConfigRootDirectoryDoesntExists": "Pas trouvé de dossier racine de configuration. Contr^lez l'option \"config_path\" dans la section [file_manager]  de la configuration de Moonraker.",
             "Create": "Créer",
             "CreateDirectory": "Nouveau dossier",
             "CreateFile": "Nouveau fichier",
@@ -394,8 +395,7 @@
             "Total": "Total",
             "UploadFile": "Chargement d'un fichier",
             "Uploading": "Téléchargement",
-            "Used": "Utilisé",
-            "ConfigRootDirectoryDoesntExists": "Pas trouvé de dossier racine de configuration. Contr^lez l'option \"config_path\" dans la section [file_manager]  de la configuration de Moonraker."
+            "Used": "Utilisé"
         },
         "EndstopPanel": {
             "Endstop": "Fin de course",
@@ -652,6 +652,7 @@
     },
     "SelectPrinterDialog": {
         "AddPrinter": "Nouvelle d'imprimante",
+        "AddPrintersToJson": "Veuillez ajouter les imprimantes dans le fichier config.json.",
         "CannotConnectTo": "Connection vers {host} impossible",
         "ChangePrinter": "Changement d'imprimante",
         "Connecting": "Connection vers {host}",
@@ -667,8 +668,7 @@
         "SelectPrinter": "Choisir imprimante",
         "TryAgain": "re-essayer",
         "UpdatePrinter": "Mise à jour imprimante",
-        "YouCanFindMore": "Vous pouvez trouver plus de détails ici:",
-        "AddPrintersToJson": "Veuillez ajouter les imprimantes dans le fichier config.json."
+        "YouCanFindMore": "Vous pouvez trouver plus de détails ici:"
     },
     "Settings": {
         "Cancel": "Annuler",
@@ -749,8 +749,8 @@
             "GridColor": "Couleur de la grille",
             "MaxFeed": "Débit maximum",
             "MinFeed": "Débit minimum",
-            "ShowAxes": "Affiche les axes",
-            "ProgressColor": "Couleur d'avancement"
+            "ProgressColor": "Couleur d'avancement",
+            "ShowAxes": "Affiche les axes"
         },
         "GeneralTab": {
             "Backup": "Sauvegarde",
@@ -759,6 +759,14 @@
             "CalcEstimateTimeDescription": "En cas de séléction multiple, une moyenne est calculée",
             "CalcEtaTime": "Calcul du TEA",
             "CalcEtaTimeDescription": "En cas de séléction multiple, une moyenne est calculée",
+            "CalcPrintProgress": "Calculation progression d'impression",
+            "CalcPrintProgressDescription": "Méthode pour calculer la progression d'impression",
+            "CalcPrintProgressItems": {
+                "Filament": "Filament",
+                "FileAbsolute": "Posiiton (absolue) dans le fichier",
+                "FileRelative": "Posiiton (relative) dans le fichier",
+                "Slicer": "Trancheur (M73)"
+            },
             "CannotReadJson": "Lecture/interprétation du fichier de sauvegarde impossible.",
             "DbConsoleHistory": "Historique des commandes de console",
             "DbHistoryJobs": "Historique des travaux",
@@ -779,15 +787,7 @@
             "PrinterName": "Nom de l'imprimante",
             "Reset": "réinitalisation",
             "Restore": "Restauration",
-            "RestoreDialog": "Choisissez les sections que vous désirez restaurer:",
-            "CalcPrintProgress": "Calculation progression d'impression",
-            "CalcPrintProgressDescription": "Méthode pour calculer la progression d'impression",
-            "CalcPrintProgressItems": {
-                "Filament": "Filament",
-                "FileAbsolute": "Posiiton (absolue) dans le fichier",
-                "FileRelative": "Posiiton (relative) dans le fichier",
-                "Slicer": "Trancheur (M73)"
-            }
+            "RestoreDialog": "Choisissez les sections que vous désirez restaurer:"
         },
         "InterfaceSettings": "Réglages interface",
         "MacrosTab": {
@@ -950,6 +950,7 @@
         "WebcamsTab": {
             "AddWebcam": "Nouvelle caméra",
             "CreateWebcam": "Nouvelle caméra",
+            "EditCrowsnestConf": "Edition de crowsnest.conf",
             "EditWebcam": "Editer caméra",
             "FlipHorizontally": "Miroir horizontal",
             "FlipVertically": "Miroir vertical",
@@ -967,16 +968,15 @@
             "Name": "Nom",
             "NameAlreadyExists": "Nom existe déjà",
             "Required": "requis",
+            "Rotate": "Rotation",
             "SaveWebcam": "ajouter caméra",
             "Service": "Service",
             "TargetFPS": "IPS destination",
             "UpdateWebcam": "Mise à jour caméra",
             "UrlSnapshot": "URL des instantanés",
             "UrlStream": "URL du flux",
             "Uv4lMjpeg": "UV4L-MJPEG",
-            "Webcams": "Caméras",
-            "EditCrowsnestConf": "Edition de crowsnest.conf",
-            "Rotate": "Rotation"
+            "Webcams": "Caméras"
         }
     },
     "Timelapse": {
@@ -989,6 +989,7 @@
         "Delete": "Effacer",
         "DeleteDirectory": "Effacer dossier",
         "DeleteDirectoryQuestion": "Voulez-vous vraiment effacer le dossier \"{name}\" et tout son contenu ?",
+        "DeleteSelectedQuestion": "Voulez-vous vraiment effacer les {count} fichiers sélectionnées ?",
         "Download": "Téléchargement",
         "DuplicateLastframe": "Multiplie la dernière image",
         "Empty": "Pas de fichier vidéo trouvé",
@@ -1027,8 +1028,7 @@
         "Type": "Type",
         "Used": "Utilisé",
         "Variable": "Variable",
-        "Video": "Vidéo",
-        "DeleteSelectedQuestion": "Voulez-vous vraiment effacer les {count} fichiers sélectionnées ?"
+        "Video": "Vidéo"
     },
     "title": "Français"
 }

src/store/socket/actions.ts

@@ -2,7 +2,6 @@ import Vue from 'vue'
 import { ActionTree } from 'vuex'
 import { SocketState } from '@/store/socket/types'
 import { RootState } from '@/store/types'
-import { v4 as uuidv4 } from 'uuid'
 
 export const actions: ActionTree<SocketState, RootState> = {
     reset({ commit }) {