Add icons

package.json

@@ -6,26 +6,21 @@
   "build": {
     "appId": "dev.kruhlmann.imgfloat.overlay",
     "productName": "Imgfloat",
-    "files": [
+    "files": [ "src/main/node/app.js" ],
-      "app.js"
-    ],
     "asar": false,
-    "directories": {
+    "directories": { "output": "dist" },
-      "output": "dist"
-    },
     "linux": {
-      "target": [
+      "target": ["AppImage"],
-        "AppImage"
-      ],
       "category": "Utility"
+      "icon": "assets/icon/raw_icon.png"
     },
     "win": {
-      "target": [
+      "target": ["nsis"]
-        "nsis"
+      "icon": "assets/icon/appicon.ico"
-      ]
     },
     "mac": {
       "category": "public.app-category.productivity"
+      "icon": "assets/icon/macos.icns"
     }
   },
   "devDependencies": {

src/main/node/app.js

@@ -1,24 +1,22 @@
 const { app, BrowserWindow } = require('electron');
+const path = require('path');
 
 function createWindow() {
-    const url = process.env.ELECTRON_START_URL || "https://imgfloat.kruhlmann.dev/channels";
+    const url = "https://imgfloat.kruhlmann.dev/channels";
-    const width = Number.parseInt(process.env.ELECTRON_WINDOW_WIDTH, 10) || 960;
+    const initialWindowWidthPx = 960;
-    const height = Number.parseInt(process.env.ELECTRON_WINDOW_HEIGHT, 10) || 640;
+    const initialWindowHeightPx = 640;
-
+    const applicationWindow = new BrowserWindow({
-    const win = new BrowserWindow({
+        width: initialWindowWidthPx,
-        width: width,
+        height: initialWindowHeightPx,
-        height: height,
         transparent: true,
         frame: true,
         backgroundColor: '#00000000',
         alwaysOnTop: false,
-        webPreferences: {
+        icon: path.join(__dirname, "../resources/assets/icon/appicon.ico"),
-            backgroundThrottling: false
+        webPreferences: { backgroundThrottling: false },
-        }
     });
 
     let canvasSizeInterval;
-
     const clearCanvasSizeInterval = () => {
         if (canvasSizeInterval) {
             clearInterval(canvasSizeInterval);
@@ -27,11 +25,11 @@ function createWindow() {
     };
 
     const lockWindowToCanvas = async () => {
-        if (win.isDestroyed()) {
+        if (applicationWindow.isDestroyed()) {
             return false;
         }
         try {
-            const size = await win.webContents.executeJavaScript(`(() => {
+            const size = await applicationWindow.webContents.executeJavaScript(`(() => {
                 const canvas = document.getElementById('broadcast-canvas');
                 if (!canvas || !canvas.width || !canvas.height) {
                     return null;
@@ -40,13 +38,13 @@ function createWindow() {
             })();`);
 
             if (size?.width && size?.height) {
-                const [currentWidth, currentHeight] = win.getSize();
+                const [currentWidth, currentHeight] = applicationWindow.getSize();
                 if (currentWidth !== size.width || currentHeight !== size.height) {
-                    win.setSize(size.width, size.height, false);
+                    applicationWindow.setSize(size.width, size.height, false);
                 }
-                win.setMinimumSize(size.width, size.height);
+                applicationWindow.setMinimumSize(size.width, size.height);
-                win.setMaximumSize(size.width, size.height);
+                applicationWindow.setMaximumSize(size.width, size.height);
-                win.setResizable(false);
+                applicationWindow.setResizable(false);
                 return true;
             }
         } catch (error) {
@@ -66,27 +64,25 @@ function createWindow() {
                 lockWindowToCanvas();
             } else {
                 clearCanvasSizeInterval();
-                win.setResizable(true);
+                applicationWindow.setResizable(true);
-                win.setMinimumSize(320, 240);
+                applicationWindow.setMinimumSize(320, 240);
-                win.setMaximumSize(10000, 10000);
+                applicationWindow.setMaximumSize(10000, 10000);
-                win.setSize(width, height, false);
+                applicationWindow.setSize(initialWindowWidthPx, initialWindowHeightPx, false);
             }
         } catch {
             // Ignore malformed URLs while navigating.
         }
     };
 
-    win.loadURL(url);
+    applicationWindow.loadURL(url);
 
-    win.webContents.on('did-finish-load', () => {
+    applicationWindow.webContents.on('did-finish-load', () => {
-        handleNavigation(win.webContents.getURL());
+        handleNavigation(applicationWindow.webContents.getURL());
     });
 
-    win.webContents.on('did-navigate', (_event, navigationUrl) => handleNavigation(navigationUrl));
+    applicationWindow.webContents.on('did-navigate', (_event, navigationUrl) => handleNavigation(navigationUrl));
-    win.webContents.on('did-navigate-in-page', (_event, navigationUrl) => handleNavigation(navigationUrl));
+    applicationWindow.webContents.on('did-navigate-in-page', (_event, navigationUrl) => handleNavigation(navigationUrl));
-    win.on('closed', clearCanvasSizeInterval);
+    applicationWindow.on('closed', clearCanvasSizeInterval);
 }
 
-app.whenReady().then(() => {
+app.whenReady().then(createWindow);
-    createWindow();
-});