imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 03:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor event listeners

Browse Source
This commit is contained in:
Andreas Krühlmann
2026-01-05 16:56:04 +01:00
parent 52e3dce888
commit 057069e33e
1 changed files with 57 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/main/node/app.js
View File

@@ -1,12 +1,21 @@
const { app, BrowserWindow } = require("electron"); const { app, BrowserWindow } = require("electron");
const path = require("path"); const path = require("path");
let broadcastRect = { width: 0, height: 0 }; const initialWindowWidthPx = 960;
const initialWindowHeightPx = 640;
async function autoResizeWindow(window, lastSize) { let canvasSizeInterval;
if (window.isDestroyed()) { function clearCanvasSizeInterval() {
if (canvasSizeInterval) {
clearInterval(canvasSizeInterval);
canvasSizeInterval = undefined;
}
}
async function autoResizeWindow(win, lastSize) {
if (win.isDestroyed()) {
return lastSize; return lastSize;
} }
const newSize = await window.webContents.executeJavaScript(`(() => { const newSize = await win.webContents.executeJavaScript(`(() => {
const canvas = document.getElementById('broadcast-canvas'); const canvas = document.getElementById('broadcast-canvas');
if (!canvas) { if (!canvas) {
return null; return null;
@@ -24,19 +33,45 @@ async function autoResizeWindow(window, lastSize) {
if (lastSize.width === newSize.width && lastSize.height === newSize.height) { if (lastSize.width === newSize.width && lastSize.height === newSize.height) {
return lastSize; return lastSize;
} }
console.log( console.info(
`Window size did not match canvas old: ${lastSize.width}x${lastSize.height} new: ${newSize.width}x${newSize.height}. Resizing.`, `Window size did not match canvas old: ${lastSize.width}x${lastSize.height} new: ${newSize.width}x${newSize.height}. Resizing.`,
); );
window.setContentSize(newSize.width, newSize.height, false); win.setContentSize(newSize.width, newSize.height, false);
window.setResizable(false); win.setResizable(false);
return newSize; return newSize;
} }
function onPostNavigationLoad(win, url, broadcastRect) {
url = url || win.webContents.getURL();
let pathname;
try {
pathname = new URL(url).pathname;
} catch (e) {
console.error(`Failed to parse URL: ${url}`, e);
return;
}
const isBroadcast = /\/view\/[^/]+\/broadcast\/?$/.test(pathname);
console.info(`Navigation to ${url} detected. Is broadcast: ${isBroadcast}`);
if (isBroadcast) {
clearCanvasSizeInterval();
console.info("Setting up auto-resize for broadcast window.");
canvasSizeInterval = setInterval(() => {
autoResizeWindow(win, broadcastRect).then((newSize) => {
broadcastRect = newSize;
});
}, 750);
autoResizeWindow(win, broadcastRect).then((newSize) => {
broadcastRect = newSize;
});
} else {
clearCanvasSizeInterval();
win.setSize(initialWindowWidthPx, initialWindowHeightPx, false);
}
}
function createWindow() { function createWindow() {
const url = process.env["IMGFLOAT_CHANNELS_URL"] || "https://imgfloat.kruhlmann.dev/channels"; const win = new BrowserWindow({
const initialWindowWidthPx = 960;
const initialWindowHeightPx = 640;
const applicationWindow = new BrowserWindow({
width: initialWindowWidthPx, width: initialWindowWidthPx,
height: initialWindowHeightPx, height: initialWindowHeightPx,
transparent: true, transparent: true,
@@ -46,51 +81,17 @@ function createWindow() {
icon: path.join(__dirname, "../resources/assets/icon/appicon.ico"), icon: path.join(__dirname, "../resources/assets/icon/appicon.ico"),
webPreferences: { backgroundThrottling: false }, webPreferences: { backgroundThrottling: false },
}); });
applicationWindow.setMenu(null); win.setMenu(null);
let canvasSizeInterval; return win;
const clearCanvasSizeInterval = () => {
if (canvasSizeInterval) {
clearInterval(canvasSizeInterval);
canvasSizeInterval = undefined;
}
};
const handleNavigation = (navigationUrl) => {
try {
const { pathname } = new URL(navigationUrl);
const isBroadcast = /\/view\/[^/]+\/broadcast\/?$/.test(pathname);
if (isBroadcast) {
clearCanvasSizeInterval();
canvasSizeInterval = setInterval(() => {
autoResizeWindow(applicationWindow, broadcastRect).then((newSize) => {
broadcastRect = newSize;
});
}, 750);
autoResizeWindow(applicationWindow, broadcastRect).then((newSize) => {
broadcastRect = newSize;
});
} else {
clearCanvasSizeInterval();
applicationWindow.setSize(initialWindowWidthPx, initialWindowHeightPx, false);
}
} catch {
// Ignore malformed URLs while navigating.
}
};
applicationWindow.loadURL(url);
applicationWindow.webContents.on("did-finish-load", () => {
handleNavigation(applicationWindow.webContents.getURL());
});
applicationWindow.webContents.on("did-navigate", (_event, navigationUrl) => handleNavigation(navigationUrl));
applicationWindow.webContents.on("did-navigate-in-page", (_event, navigationUrl) =>
handleNavigation(navigationUrl),
);
applicationWindow.on("closed", clearCanvasSizeInterval);
} }
app.whenReady().then(createWindow); app.whenReady().then(() => {
let broadcastRect = { width: 0, height: 0 };
const win = createWindow();
win.loadURL(process.env["IMGFLOAT_CHANNELS_URL"] || "https://imgfloat.kruhlmann.dev/channels");
win.webContents.on("did-finish-load", () => onPostNavigationLoad(win, undefined, broadcastRect));
win.webContents.on("did-navigate", (_, url) => onPostNavigationLoad(win, url, broadcastRect));
win.webContents.on("did-navigate-in-page", (_, url) => onPostNavigationLoad(win, url, broadcastRect));
win.on("closed", clearCanvasSizeInterval);
});