chore(deps): upgrade all dependencies, toolchains and images (#2825)

fluxer_app/src/features/ui/action_menu/UserContextMenu.tsx

@@ -348,7 +348,7 @@ export const UserContextMenu: React.FC<UserContextMenuProps> = observer(
 			);
 		}, [channel, onClose, user.id, userDisplayName, i18n]);
 		const handleCloseDM = useCallback(() => {
-			if (!channel || !channel.isDM()) return;
+			if (!channel?.isDM()) return;
 			onClose();
 			const displayName = dmPartner ? NicknameUtils.getNickname(dmPartner) : NicknameUtils.getNickname(user);
 			ModalCommands.push(

fluxer_app/src/features/ui/hooks/useTextInputContextMenu.tsx

@@ -172,7 +172,7 @@ export const useTextInputContextMenu = () => {
 	useEffect(() => {
 		if (!nativeShim) return;
 		const electronAPI = getElectronAPI();
-		if (!electronAPI || !electronAPI.onTextareaContextMenu) return;
+		if (!electronAPI?.onTextareaContextMenu) return;
 		let recentTarget: RecentContextMenuTarget | null = null;
 		const onContextMenuCapture = (event: MouseEvent) => {
 			const editable = getEditableTarget(event.target as Element | null);

fluxer_app/src/features/ui/popover/PopoverFocusManagerUtils.ts

@@ -8,7 +8,7 @@ export function getPopoutFocusManagerInsideElements(
 ): Array<Element> {
 	const insideElements: Array<Element> = [];
 	const addElement = (element: Element | null | undefined): void => {
-		if (!element || !element.isConnected || insideElements.includes(element)) {
+		if (!element?.isConnected || insideElements.includes(element)) {
 			return;
 		}
 		insideElements.push(element);

fluxer_app/src/features/ui/state/ContextMenu.ts

@@ -3,7 +3,7 @@
 import {Logger} from '@app/features/platform/utils/AppLogger';
 import KeyboardMode from '@app/features/ui/state/KeyboardMode';
 import {shouldRestoreFocusToTarget} from '@app/features/ui/utils/PointerActivationFocus';
-import {makeAutoObservable, observable} from 'mobx';
+import {makeAutoObservable, observableRef} from 'mobx';
 import type React from 'react';
 
 const logger = new Logger('ContextMenu');
@@ -74,7 +74,7 @@ class ContextMenuState {
 	private currentEntry: StackEntry | null = null;
 
 	constructor() {
-		makeAutoObservable<this, 'currentEntry'>(this, {currentEntry: observable.ref}, {autoBind: true});
+		makeAutoObservable<this, 'currentEntry'>(this, {currentEntry: observableRef}, {autoBind: true});
 	}
 
 	get contextMenu(): ContextMenu | null {

fluxer_app/src/features/ui/state/MediaViewer.ts

@@ -2,7 +2,7 @@
 
 import type {Channel} from '@app/features/channel/models/Channel';
 import type {Message} from '@app/features/messaging/models/MessagingMessage';
-import {makeAutoObservable, observable} from 'mobx';
+import {makeAutoObservable, observableRef} from 'mobx';
 
 export type MediaViewerItem = Readonly<{
 	src: string;
@@ -42,9 +42,9 @@ class MediaViewer {
 		makeAutoObservable(
 			this,
 			{
-				items: observable.ref,
-				message: observable.ref,
-				sourceChannel: observable.ref,
+				items: observableRef,
+				message: observableRef,
+				sourceChannel: observableRef,
 			},
 			{autoBind: true},
 		);

fluxer_app/src/features/ui/state/PiP.ts

@@ -131,7 +131,7 @@ class PiP {
 	}
 }
 
-export {PIP_DEFAULT_WIDTH};
 export type {PiPContent, PiPContentType, PiPCorner};
+export {PIP_DEFAULT_WIDTH};
 
 export default new PiP();

fluxer_app/src/features/ui/state/Popout.ts

@@ -310,7 +310,7 @@ class Popout {
 		logger.debug(
 			`Popout.scheduleFocus target=${meta?.target ? meta.target.tagName : 'null'} keyboardMode=${meta?.keyboardModeEnabled ?? false}`,
 		);
-		if (!meta || !meta.restoreFocus || !meta.target) return;
+		if (!meta?.restoreFocus || !meta.target) return;
 		const {target, keyboardModeEnabled} = meta;
 		queueMicrotask(() => {
 			const hasHiddenAncestor = (element: HTMLElement): boolean =>

fluxer_app/src/features/ui/state/SettingsSidebar.ts

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
-import {makeAutoObservable, observable} from 'mobx';
+import {makeAutoObservable, observableRef} from 'mobx';
 import type React from 'react';
 
 class SettingsSidebar {
@@ -10,7 +10,7 @@ class SettingsSidebar {
 	dismissedOwnerId: string | null = null;
 
 	constructor() {
-		makeAutoObservable(this, {overrideContent: observable.ref}, {autoBind: true});
+		makeAutoObservable(this, {overrideContent: observableRef}, {autoBind: true});
 	}
 
 	get hasOverride(): boolean {

fluxer_app/src/features/ui/state/Toast.ts

@@ -2,7 +2,7 @@
 
 import {Logger} from '@app/features/platform/utils/AppLogger';
 import type {ToastProps} from '@app/features/ui/toast';
-import {makeAutoObservable, observable} from 'mobx';
+import {makeAutoObservable, observableRef} from 'mobx';
 
 const logger = new Logger('Toast');
 
@@ -18,7 +18,7 @@ class Toast {
 		makeAutoObservable(
 			this,
 			{
-				currentToast: observable.ref,
+				currentToast: observableRef,
 			},
 			{autoBind: true},
 		);

fluxer_app/src/features/ui/tooltip/Tooltip.tsx

@@ -643,7 +643,7 @@ export const Tooltip = observer(
 		useEffect(() => {
 			if (!openOnMountHover || !hasChild || mobileLayout.enabled || isDisabled) return;
 			const target = targetRef.current;
-			if (!target || !target.matches(':hover')) return;
+			if (!target?.matches(':hover')) return;
 			beginVisibilityDriver('hover');
 		}, [beginVisibilityDriver, hasChild, isDisabled, mobileLayout.enabled, openOnMountHover]);
 		useEffect(() => {
@@ -679,7 +679,7 @@ export const Tooltip = observer(
 			let frameId: number | null = null;
 			const verifyTargetHover = () => {
 				const target = targetRef.current;
-				if (!target || !target.matches(':hover')) {
+				if (!target?.matches(':hover')) {
 					endVisibilityDriver('hover');
 					frameId = null;
 					return;

fluxer_app/src/features/ui/utils/NativeUtils.ts

@@ -109,7 +109,7 @@ export async function getNativePlatform(): Promise<NativePlatform> {
 
 export async function isLinuxWaylandDesktopSession(): Promise<boolean> {
 	const electronApi = getElectronAPI();
-	if (!electronApi || electronApi.platform !== 'linux') {
+	if (electronApi?.platform !== 'linux') {
 		return false;
 	}
 	try {