5fe7bc71ef
- After 5 min of no touch/motion, dashboard hides behind a fullscreen photo slideshow with centered time and date overlay - Photos loaded from PHOTOS_PATH env var (defaults to ~/Pictures/dashboard) via IPC + file:// URLs; traversal-guarded, recursive up to 2 levels - Motion or touch exits idle back to dashboard - Theme repainted warm cream / sage / stone ink with Nunito font and rounded cards; dark tokens kept so component classes still resolve - Adds PHOTO_FRAME.md with Samba cifs mount + systemd env instructions
95 lines
3.1 KiB
TypeScript
95 lines
3.1 KiB
TypeScript
import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron';
|
|
|
|
export interface ElectronAPI {
|
|
screen: {
|
|
wake: () => Promise<boolean>;
|
|
sleep: () => Promise<boolean>;
|
|
setIdleTimeout: (timeout: number) => Promise<boolean>;
|
|
activity: () => Promise<boolean>;
|
|
};
|
|
presence: {
|
|
start: () => Promise<boolean>;
|
|
stop: () => Promise<boolean>;
|
|
onDetected: (callback: () => void) => () => void;
|
|
onCleared: (callback: () => void) => () => void;
|
|
};
|
|
frigate: {
|
|
startStream: (rtspUrl: string) => Promise<boolean>;
|
|
stopStream: () => Promise<boolean>;
|
|
};
|
|
motion: {
|
|
onDetected: (callback: () => void) => () => void;
|
|
};
|
|
app: {
|
|
quit: () => void;
|
|
toggleFullscreen: () => void;
|
|
toggleDevTools: () => void;
|
|
};
|
|
config: {
|
|
getStoredToken: () => Promise<string | null>;
|
|
getJellyfinApiKey: () => Promise<string | null>;
|
|
};
|
|
photos: {
|
|
list: () => Promise<string[]>;
|
|
getDir: () => Promise<string>;
|
|
getUrl: (relative: string) => Promise<string | null>;
|
|
};
|
|
}
|
|
|
|
const electronAPI: ElectronAPI = {
|
|
screen: {
|
|
wake: () => ipcRenderer.invoke('screen:wake'),
|
|
sleep: () => ipcRenderer.invoke('screen:sleep'),
|
|
setIdleTimeout: (timeout: number) => ipcRenderer.invoke('screen:setIdleTimeout', timeout),
|
|
activity: () => ipcRenderer.invoke('screen:activity'),
|
|
},
|
|
presence: {
|
|
start: () => ipcRenderer.invoke('presence:start'),
|
|
stop: () => ipcRenderer.invoke('presence:stop'),
|
|
onDetected: (callback: () => void) => {
|
|
const handler = (_event: IpcRendererEvent) => callback();
|
|
ipcRenderer.on('presence:detected', handler);
|
|
return () => ipcRenderer.removeListener('presence:detected', handler);
|
|
},
|
|
onCleared: (callback: () => void) => {
|
|
const handler = (_event: IpcRendererEvent) => callback();
|
|
ipcRenderer.on('presence:cleared', handler);
|
|
return () => ipcRenderer.removeListener('presence:cleared', handler);
|
|
},
|
|
},
|
|
frigate: {
|
|
startStream: (rtspUrl: string) => ipcRenderer.invoke('frigate:startStream', rtspUrl),
|
|
stopStream: () => ipcRenderer.invoke('frigate:stopStream'),
|
|
},
|
|
motion: {
|
|
onDetected: (callback: () => void) => {
|
|
const handler = (_event: IpcRendererEvent) => callback();
|
|
ipcRenderer.on('motion:detected', handler);
|
|
return () => ipcRenderer.removeListener('motion:detected', handler);
|
|
},
|
|
},
|
|
app: {
|
|
quit: () => ipcRenderer.invoke('app:quit'),
|
|
toggleFullscreen: () => ipcRenderer.invoke('app:toggleFullscreen'),
|
|
toggleDevTools: () => ipcRenderer.invoke('app:toggleDevTools'),
|
|
},
|
|
config: {
|
|
getStoredToken: () => ipcRenderer.invoke('config:getStoredToken'),
|
|
getJellyfinApiKey: () => ipcRenderer.invoke('config:getJellyfinApiKey'),
|
|
},
|
|
photos: {
|
|
list: () => ipcRenderer.invoke('photos:list'),
|
|
getDir: () => ipcRenderer.invoke('photos:getDir'),
|
|
getUrl: (relative: string) => ipcRenderer.invoke('photos:getUrl', relative),
|
|
},
|
|
};
|
|
|
|
contextBridge.exposeInMainWorld('electronAPI', electronAPI);
|
|
|
|
// Type declaration for renderer
|
|
declare global {
|
|
interface Window {
|
|
electronAPI: ElectronAPI;
|
|
}
|
|
}
|