Bump dependencies with Vite 5 & prevent some more type errors (#2238)

Author: QuentiumYT

app/Actions/Diagnostics/Pipes/Checks/IniSettingsCheck.php

@@ -69,7 +69,7 @@ public function handle(array &$data, \Closure $next): array
 		if (extension_loaded('xdebug')) {
 			// @codeCoverageIgnoreStart
 			$msg = config('app.debug') !== true
-			? 'Errror: xdebug is enabled although Lychee is not in debug mode. Outside of debugging, xdebug will generate significant slowdown on your application.'
+			? 'Error: xdebug is enabled although Lychee is not in debug mode. Outside of debugging, xdebug will generate significant slowdown on your application.'
 			: 'Warning: xdebug is enabled. This will generate significant slowdown on your application.';
 			$data[] = $msg;
 			// @codeCoverageIgnoreEnd

package-lock.json

@@ -10,7 +10,7 @@
     },
     "devDependencies": {
         "@lychee-org/leaflet.photo": "^1.0.0",
-        "@types/alpinejs": "^3.13.5",
+        "@types/alpinejs": "^3.13.6",
         "@types/leaflet": "^1.9.8",
         "@types/leaflet-rotatedmarker": "^0.2.5",
         "@types/leaflet.markercluster": "^1.5.4",
@@ -21,23 +21,23 @@
     "dependencies": {
         "@fortawesome/fontawesome-free": "^6.5.1",
         "@types/justified-layout": "^4.1.4",
-        "autoprefixer": "^10.4.16",
+        "autoprefixer": "^10.4.17",
         "justified-layout": "^4.1.0",
-        "laravel-vite-plugin": "^0.8.1",
+        "laravel-vite-plugin": "^1.0.1",
         "lazysizes": "^5.3.2",
         "leaflet": "^1.9.4",
         "leaflet-gpx": "^1.7.0",
         "leaflet-rotatedmarker": "^0.2.0",
-        "leaflet.markercluster": "^1.4.1",
-        "postcss": "^8.4.32",
-        "prettier": "^3.1.1",
+        "leaflet.markercluster": "^1.5.3",
+        "postcss": "^8.4.33",
+        "prettier": "^3.2.4",
         "qrcode": "^1.5.3",
-        "tailwindcss": "^3.3.6",
+        "tailwindcss": "^3.4.1",
         "ts-loader": "^9.5.1",
         "typescript": "^5.3.3",
-        "vite": "^4.5.2",
+        "vite": "^5.0.12",
         "vite-plugin-checker": "^0.6.2",
-        "vite-plugin-commonjs": "^0.10.0"
+        "vite-plugin-commonjs": "^0.10.1"
     },
     "browserslist": [
         "defaults and fully supports es6-module"

package.json

@@ -1,3 +1,4 @@
+/** @type {import('postcss-load-config').Config} */
 export default {
   plugins: {
     tailwindcss: {},

postcss.config.js

@@ -3,8 +3,8 @@ import Selection from "@/lycheeOrg/actions/selection";
 import { Photo } from "@/lycheeOrg/backend";
 
 export type PhotoListingPanel = AlpineComponent<{
-	select: Selection;
 	photos: Photo[];
+	select: Selection;
 }>;
 
 /**
@@ -14,7 +14,6 @@ export type PhotoListingPanel = AlpineComponent<{
 export const photoListingPanel = (Alpine: Alpine) =>
 	Alpine.data(
 		"photoListingPanel",
-		// @ts-expect-error
 		(photos: Photo[], select: Selection): PhotoListingPanel => ({
 			photos: photos,
 			select: select,

resources/js/data/panel/photoListingPanel.ts

@@ -13,7 +13,6 @@ export type SearchPanel = AlpineComponent<{
 export const searchPanel = (Alpine: Alpine) =>
 	Alpine.data(
 		"searchPanel",
-		// @ts-expect-error
 		(searchQuery: string, minLength: number, select: Selection): SearchPanel => ({
 			searchQuery: searchQuery,
 			hideMessage: false,

resources/js/data/panel/searchPanel.ts

@@ -11,7 +11,6 @@ import PhotoLayout from "@/lycheeOrg/layouts/PhotoLayout";
 export const albumView = (Alpine: Alpine) =>
 	Alpine.data(
 		"albumView",
-		// @ts-expect-error
 		(
 			base_url: string,
 			nsfwAlbumsVisible: boolean,
@@ -87,14 +86,17 @@ export const albumView = (Alpine: Alpine) =>
 			},
 
 			handleContextPhoto(event: MouseEvent) {
+				// @ts-expect-error
 				this.actions.handleContextPhoto(event, this);
 			},
 
 			handleClickPhoto(event: MouseEvent) {
+				// @ts-expect-error
 				this.actions.handleClickPhoto(event, this);
 			},
 
 			handleContextAlbum(event: MouseEvent) {
+				// @ts-expect-error
 				this.actions.handleContextAlbum(event, this);
 			},
 
@@ -121,6 +123,7 @@ export const albumView = (Alpine: Alpine) =>
 				// [l] login
 				// [?] keybinds
 				// [esc] back
+				// @ts-expect-error
 				if (this.keybinds.handleGlobalKeydown(event, this)) {
 					return;
 				}
@@ -135,6 +138,7 @@ export const albumView = (Alpine: Alpine) =>
 				// [s] Star
 				// [ctrl + ->] rotate CW
 				// [ctrl + <-] rotate CCW
+				// @ts-expect-error
 				if (this.photo_id !== null && this.keybinds.handlePhotoKeyDown(event, this)) {
 					return;
 				}
@@ -152,6 +156,7 @@ export const albumView = (Alpine: Alpine) =>
 				// [i] info
 				// [m] move (without select)
 				// [r] rename (without select)
+				// @ts-expect-error
 				this.keybinds.handleAlbumKeydown(event, this);
 			},
 

resources/js/data/views/albumView.ts

@@ -15,7 +15,6 @@ type DropboxFile = {
 export const dropboxView = (Alpine: Alpine) =>
 	Alpine.data(
 		"dropboxView",
-		// @ts-expect-error
 		(urlArea_: string, progress_: string): DropboxView => ({
 			urlArea: urlArea_,
 			progress: progress_,

resources/js/data/views/dropboxView.ts

@@ -27,7 +27,6 @@ export type PhotoView = AlpineComponent<{
 export const photoView = (Alpine: Alpine) =>
 	Alpine.data(
 		"photoView",
-		// @ts-expect-error
 		(
 			// photo_id: string,
 			photoFlags: PhotoFlagsView,
@@ -42,7 +41,6 @@ export const photoView = (Alpine: Alpine) =>
 			mode: 0,
 
 			init() {
-				// @ts-expect-errror
 				console.log("init photoView!");
 
 				const photo = Alpine.store("photo") as Photo | undefined;

resources/js/data/views/photoView.ts

@@ -4,7 +4,6 @@ import { UploadView, Livewire, UploadEvent } from "./types";
 export const uploadView = (Alpine: Alpine) =>
 	Alpine.data(
 		"upload",
-		// @ts-expect-error
 		(chunkSize_val: number, parallelism_val: number = 3): UploadView => ({
 			isDropping: false,
 			chunkSize: chunkSize_val,