69 lines
2.2 KiB
TypeScript
69 lines
2.2 KiB
TypeScript
import React, { useContext, useEffect, useState } from 'react';
|
|
import Channels, { DEFAULT_APP_PRESET, Dimensions } from '../electron/constants';
|
|
|
|
interface IElectronProvider {
|
|
// pass handlers and current dimensions?
|
|
desktopMode: DesktopMode;
|
|
}
|
|
|
|
type DesktopMode = 'overlayOnly' | 'mainApp';
|
|
|
|
const ElectronContext = React.createContext<IElectronProvider>({
|
|
desktopMode: 'mainApp',
|
|
});
|
|
|
|
export function ElectronProvider({ children }: { children: React.ReactNode }) {
|
|
const [desktopMode, setDesktopMode] = useState<DesktopMode>('mainApp');
|
|
|
|
// handle all window resizing logic
|
|
useEffect(() => {
|
|
// add dimensions if it's not overlay only mode
|
|
let finalDimensions: Dimensions = { height: 0, width: 0 };
|
|
let finalPosition: 'center' | 'topRight';
|
|
let stayOnTop: boolean;
|
|
|
|
if (desktopMode === 'mainApp') {
|
|
stayOnTop = false;
|
|
finalDimensions = DEFAULT_APP_PRESET;
|
|
} else if (desktopMode === 'overlayOnly') {
|
|
stayOnTop = true;
|
|
finalDimensions = {
|
|
height: 668,
|
|
width: 360,
|
|
};
|
|
}
|
|
|
|
// send the final dimensions to main process
|
|
window.electronAPI.window.resizeWindow({
|
|
setAlwaysOnTop: stayOnTop,
|
|
dimensions: {
|
|
height: finalDimensions.height,
|
|
width: finalDimensions.width,
|
|
},
|
|
setPosition: finalPosition,
|
|
addDimensions: false,
|
|
});
|
|
}, [desktopMode]);
|
|
|
|
// handle window focus and unfocus
|
|
useEffect(() => {
|
|
window.electronAPI.on(Channels.ON_WINDOW_BLUR, () => {
|
|
console.log(
|
|
'window blurring now, should be always on top and then ill tell main process to change dimensions',
|
|
);
|
|
// TODO: testing mode... uncomment both instructions below
|
|
// setDesktopMode("overlayOnly");
|
|
|
|
// todo: make sure that if I am toggle broadcasted into a line, then don't deselect selected line
|
|
// the overlay should be showing selected line if I am broadcasting toggled into it as well as of course all other toggle tuned ones
|
|
// setSelectedLineId(null);
|
|
});
|
|
}, [setDesktopMode]);
|
|
|
|
return <ElectronContext.Provider value={{ desktopMode }}>{children}</ElectronContext.Provider>;
|
|
}
|
|
|
|
export default function useElectron() {
|
|
return useContext(ElectronContext);
|
|
}
|