feat(desktop): bundled renderer, modules and instance accounts (#3254)

fluxer_app/src/features/window/state/LiveResize.ts

@@ -0,0 +1,49 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import {getElectronAPI} from '@app/features/ui/utils/NativeUtils';
+
+const LIVE_RESIZE_CLASS = 'window-live-resizing';
+
+type Listener = () => void;
+
+let resizing = false;
+let started = false;
+const listeners = new Set<Listener>();
+
+function applyClass(active: boolean): void {
+	if (typeof document === 'undefined') return;
+	document.documentElement.classList.toggle(LIVE_RESIZE_CLASS, active);
+}
+
+function setResizing(active: boolean): void {
+	if (resizing === active) return;
+	resizing = active;
+	applyClass(active);
+	for (const listener of listeners) listener();
+}
+
+function start(): void {
+	if (started) return;
+	started = true;
+	const electronApi = getElectronAPI();
+	if (electronApi?.onWindowLiveResizeChange == null) return;
+	electronApi.onWindowLiveResizeChange((active) => {
+		setResizing(active);
+	});
+}
+
+export function startLiveResizeTracking(): void {
+	start();
+}
+
+export function subscribeToLiveResize(listener: Listener): () => void {
+	start();
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+
+export function getLiveResizeSnapshot(): boolean {
+	return resizing;
+}

fluxer_app/src/features/window/state/Window.ts

@@ -31,16 +31,6 @@ class Window {
 
 	constructor() {
 		makeAutoObservable(this, {}, {autoBind: true});
-		this.initListeners();
-	}
-
-	private initListeners(): void {
-		window.addEventListener('focus', () => this.setFocused(true));
-		window.addEventListener('blur', () => this.setFocused(false));
-		document.addEventListener('visibilitychange', () => {
-			this.setVisible(!document.hidden);
-		});
-		window.addEventListener('resize', () => this.updateWindowSize());
 	}
 
 	setFocused(focused: boolean): void {
@@ -61,8 +51,12 @@ class Window {
 	}
 
 	updateWindowSize(): void {
-		this.windowSize = getWindowSize();
-		logger.debug(`Window resized: ${this.windowSize.width}x${this.windowSize.height}`);
+		const next = getWindowSize();
+		if (next.width === this.windowSize.width && next.height === this.windowSize.height) {
+			return;
+		}
+		this.windowSize = next;
+		logger.debug(`Window resized: ${next.width}x${next.height}`);
 	}
 
 	isFocused(): boolean {