imgfloat/client
1
0
Fork 0
mirror of https://github.com/imgfloat/client.git synced 2026-02-05 12:09:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: imgfloat:v1.0.3
Branches Tags
imgfloat:master
imgfloat:v1.0.5 imgfloat:v1.0.4 imgfloat:v1.0.3 imgfloat:v1.0.2 imgfloat:v1.0.1 imgfloat:v1.0.0
...
compare: imgfloat:v1.0.4
Branches Tags
imgfloat:master
imgfloat:v1.0.5 imgfloat:v1.0.4 imgfloat:v1.0.3 imgfloat:v1.0.2 imgfloat:v1.0.1 imgfloat:v1.0.0

5 Commits
v1.0.3 ... v1.0.4

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
7 changed files with 28 additions and 98 deletions
Expand all files Collapse all files

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "imgfloat-client", "name": "imgfloat-client",
"version": "1.0.2", "version": "1.0.5",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "imgfloat-client", "name": "imgfloat-client",
"version": "1.0.2", "version": "1.0.5",
"dependencies": { "dependencies": {
"electron-updater": "^6.7.3" "electron-updater": "^6.7.3"
}, },

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "imgfloat-client", "name": "imgfloat-client",
"version": "1.0.3", "version": "1.0.5",
"description": "Electron wrapper for the Imgfloat overlay", "description": "Electron wrapper for the Imgfloat overlay",
"main": "src/main.js", "main": "src/main.js",
"build": { "build": {

90
res/browser_api_test.html
View File

@@ -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>

9
src/css/index.css
View File

@@ -5,6 +5,7 @@
:root { :root {
--window-frame-height: 36px; --window-frame-height: 36px;
--window-control-size: 28px;
} }
p { p {
@@ -64,15 +65,17 @@ body {
} }
.window-control { .window-control {
width: 30px; width: var(--window-control-size);
height: 24px; height: var(--window-control-size);
padding: 0; padding: 0;
border-radius: 6px; border-radius: 6px;
background: rgba(148, 163, 184, 0.2); background: rgba(148, 163, 184, 0.2);
border: 1px solid rgba(148, 163, 184, 0.25); border: 1px solid rgba(148, 163, 184, 0.25);
color: #e2e8f0; color: #e2e8f0;
font-size: 16px; font-size: 14px;
line-height: 1; line-height: 1;
display: grid;
place-items: center;
box-shadow: none; box-shadow: none;
} }

6
src/index.html
View File

@@ -12,6 +12,9 @@
<button class="window-control" type="button" data-window-action="minimize" aria-label="Minimize"> <button class="window-control" type="button" data-window-action="minimize" aria-label="Minimize">
&minus; &minus;
</button> </button>
<button class="window-control" type="button" data-window-action="devtools" aria-label="Toggle dev tools">
&#9881;
</button>
<button <button
class="window-control window-control-close" class="window-control window-control-close"
type="button" type="button"
@@ -113,6 +116,9 @@
if (action === "minimize") { if (action === "minimize") {
window.store.minimizeWindow(); window.store.minimizeWindow();
} }
if (action === "devtools") {
window.store.toggleDevTools();
}
if (action === "close") { if (action === "close") {
window.store.closeWindow(); window.store.closeWindow();
} }

14
src/main.js
View File

@@ -8,7 +8,7 @@ const STORE_PATH = path.join(app.getPath("userData"), "settings.json");
const INITIAL_WINDOW_WIDTH_PX = 960; const INITIAL_WINDOW_WIDTH_PX = 960;
const INITIAL_WINDOW_HEIGHT_PX = 640; const INITIAL_WINDOW_HEIGHT_PX = 640;
const LOCAL_DOMAIN = "http://localhost:8080"; const LOCAL_DOMAIN = "http://localhost:8080";
const DEFAULT_DOMAIN = "https://imgfloat.kruhlmann.dev"; const DEFAULT_DOMAIN = "https://imgflo.at";
const RUNTIME_DOMAIN = resolveDefaultDomain(); const RUNTIME_DOMAIN = resolveDefaultDomain();
let ELECTRON_WINDOW; let ELECTRON_WINDOW;
@@ -32,7 +32,7 @@ function createWindowOptions() {
frame: false, frame: false,
backgroundColor: "#00000000", backgroundColor: "#00000000",
alwaysOnTop: false, alwaysOnTop: false,
icon: path.join(__dirname, "../res/icon/appicon.ico"), icon: path.join(__dirname, "../res/icon/brand.png"),
webPreferences: { webPreferences: {
backgroundThrottling: false, backgroundThrottling: false,
preload: path.join(__dirname, "preload.js"), 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) => { ipcMain.handle("save-broadcaster", (_, broadcaster) => {
const store = readStore(STORE_PATH); const store = readStore(STORE_PATH);
store.lastBroadcaster = broadcaster; store.lastBroadcaster = broadcaster;

1
src/preload.js
View File

@@ -9,4 +9,5 @@ contextBridge.exposeInMainWorld("store", {
setWindowSize: (width, height) => ipcRenderer.invoke("set-window-size", width, height), setWindowSize: (width, height) => ipcRenderer.invoke("set-window-size", width, height),
minimizeWindow: () => ipcRenderer.invoke("minimize-window"), minimizeWindow: () => ipcRenderer.invoke("minimize-window"),
closeWindow: () => ipcRenderer.invoke("close-window"), closeWindow: () => ipcRenderer.invoke("close-window"),
toggleDevTools: () => ipcRenderer.invoke("toggle-devtools"),
}); });