Update icon for APPIMAGE

Merge branch 'master' of github.com:imgfloat/client
Update domain and bump version
2026-02-05 12:09:27 +00:00 · 2026-01-15 14:32:29 +01:00 · 2026-01-15 14:29:43 +01:00 · 2026-01-15 14:29:39 +01:00 · 2026-01-14 02:00:38 +01:00 · 2026-01-13 23:48:10 +01:00
7 changed files with 28 additions and 98 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "imgfloat-client",
-  "version": "1.0.2",
+  "version": "1.0.5",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "imgfloat-client",
-      "version": "1.0.2",
+      "version": "1.0.5",
      "dependencies": {
        "electron-updater": "^6.7.3"
      },
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "imgfloat-client",
-  "version": "1.0.3",
+  "version": "1.0.5",
  "description": "Electron wrapper for the Imgfloat overlay",
  "main": "src/main.js",
  "build": {
--- a/res/browser_api_test.html
+++ b/res/browser_api_test.html
@@ -1,90 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <title>OBS Browser API Check</title>
-        <style>
-            body {
-                background: #111;
-                color: #eee;
-                font-family: monospace;
-                padding: 16px;
-            }
-            h1 {
-                color: #6cf;
-            }
-            .fail {
-                color: #f66;
-            }
-            .ok {
-                color: #6f6;
-            }
-            pre {
-                white-space: pre-wrap;
-            }
-        </style>
-    </head>
-    <body>
-        <h1>OBS Browser Source – Missing API Report</h1>
-        <pre id="log"></pre>
-
-        <script>
-            const logEl = document.getElementById("log");
-
-            function log(line, cls = "") {
-                const span = document.createElement("div");
-                if (cls) span.className = cls;
-                span.textContent = line;
-                logEl.appendChild(span);
-            }
-
-            const apiChecks = {
-                "window.chrome": () => window.chrome,
-                "navigator.mediaDevices": () => navigator.mediaDevices,
-                "navigator.mediaDevices.getUserMedia": () => navigator.mediaDevices?.getUserMedia,
-                RTCPeerConnection: () => window.RTCPeerConnection,
-                WebSocket: () => window.WebSocket,
-                Notification: () => window.Notification,
-                PaymentRequest: () => window.PaymentRequest,
-                SharedArrayBuffer: () => SharedArrayBuffer,
-                ServiceWorker: () => navigator.serviceWorker,
-                "Clipboard API": () => navigator.clipboard,
-                WebGL2: () => {
-                    const c = document.createElement("canvas");
-                    return c.getContext("webgl2");
-                },
-                AudioWorklet: () => window.AudioWorklet,
-                "Gamepad API": () => navigator.getGamepads,
-                "Screen Orientation API": () => screen.orientation,
-                "Permissions API": () => navigator.permissions,
-                "File System Access API": () => window.showOpenFilePicker,
-                "WebRTC DataChannel": () => window.RTCPeerConnection && RTCPeerConnection.prototype.createDataChannel,
-                IndexedDB: () => window.indexedDB,
-                BroadcastChannel: () => window.BroadcastChannel,
-                "Web MIDI": () => navigator.requestMIDIAccess,
-            };
-
-            log("Running API availability check...\n");
-
-            let missing = 0;
-
-            for (const [name, test] of Object.entries(apiChecks)) {
-                let result;
-                try {
-                    result = test();
-                } catch (e) {
-                    result = undefined;
-                }
-
-                if (result === undefined || result === null) {
-                    log(`${name} → undefined / unavailable`, "fail");
-                    missing++;
-                } else {
-                    log(`${name} → OK`, "ok");
-                }
-            }
-
-            log(`\nSummary: ${missing} APIs missing or unavailable.`);
-        </script>
-    </body>
-</html>
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -5,6 +5,7 @@

 :root {
    --window-frame-height: 36px;
+    --window-control-size: 28px;
 }

 p {
@@ -64,15 +65,17 @@ body {
 }

 .window-control {
-    width: 30px;
-    height: 24px;
+    width: var(--window-control-size);
+    height: var(--window-control-size);
    padding: 0;
    border-radius: 6px;
    background: rgba(148, 163, 184, 0.2);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #e2e8f0;
-    font-size: 16px;
+    font-size: 14px;
    line-height: 1;
+    display: grid;
+    place-items: center;
    box-shadow: none;
 }

--- a/src/index.html
+++ b/src/index.html
@@ -12,6 +12,9 @@
                <button class="window-control" type="button" data-window-action="minimize" aria-label="Minimize">
                    &minus;
                </button>
+                <button class="window-control" type="button" data-window-action="devtools" aria-label="Toggle dev tools">
+                    &#9881;
+                </button>
                <button
                    class="window-control window-control-close"
                    type="button"
@@ -113,6 +116,9 @@
                    if (action === "minimize") {
                        window.store.minimizeWindow();
                    }
+                    if (action === "devtools") {
+                        window.store.toggleDevTools();
+                    }
                    if (action === "close") {
                        window.store.closeWindow();
                    }
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,7 @@ const STORE_PATH = path.join(app.getPath("userData"), "settings.json");
 const INITIAL_WINDOW_WIDTH_PX = 960;
 const INITIAL_WINDOW_HEIGHT_PX = 640;
 const LOCAL_DOMAIN = "http://localhost:8080";
-const DEFAULT_DOMAIN = "https://imgfloat.kruhlmann.dev";
+const DEFAULT_DOMAIN = "https://imgflo.at";
 const RUNTIME_DOMAIN = resolveDefaultDomain();
 let ELECTRON_WINDOW;

@@ -32,7 +32,7 @@ function createWindowOptions() {
        frame: false,
        backgroundColor: "#00000000",
        alwaysOnTop: false,
-        icon: path.join(__dirname, "../res/icon/appicon.ico"),
+        icon: path.join(__dirname, "../res/icon/brand.png"),
        webPreferences: {
            backgroundThrottling: false,
            preload: path.join(__dirname, "preload.js"),
@@ -70,6 +70,16 @@ ipcMain.handle("close-window", () => {
    }
 });

+ipcMain.handle("toggle-devtools", () => {
+    if (ELECTRON_WINDOW && !ELECTRON_WINDOW.isDestroyed()) {
+        if (ELECTRON_WINDOW.webContents.isDevToolsOpened()) {
+            ELECTRON_WINDOW.webContents.closeDevTools();
+        } else {
+            ELECTRON_WINDOW.webContents.openDevTools({ mode: "detach" });
+        }
+    }
+});
+
 ipcMain.handle("save-broadcaster", (_, broadcaster) => {
    const store = readStore(STORE_PATH);
    store.lastBroadcaster = broadcaster;
--- a/src/preload.js
+++ b/src/preload.js
@@ -9,4 +9,5 @@ contextBridge.exposeInMainWorld("store", {
    setWindowSize: (width, height) => ipcRenderer.invoke("set-window-size", width, height),
    minimizeWindow: () => ipcRenderer.invoke("minimize-window"),
    closeWindow: () => ipcRenderer.invoke("close-window"),
+    toggleDevTools: () => ipcRenderer.invoke("toggle-devtools"),
 });
Author	SHA1	Message	Date
Andreas Krühlmann	2de091567c	Update icon for APPIMAGE	2026-01-15 14:32:29 +01:00
Andreas Krühlmann	dc19fb7c14	Merge branch 'master' of github.com:imgfloat/client	2026-01-15 14:29:43 +01:00
Andreas Krühlmann	941ac7ee19	Update domain and bump version	2026-01-15 14:29:39 +01:00
Andreas Krühlmann	38aa8acf03	Remove API test page	2026-01-14 02:00:38 +01:00
Andreas Krühlmann	516f991ae8	Add dev console button	2026-01-13 23:48:10 +01:00