vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
karishmas6
2024-06-14 23:17:32 +05:30
parent 165de97446
commit c444cfc00f
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/organisms/BrowserWindow.tsx
View File

@@ -8,14 +8,14 @@ export const BrowserWindow = () => {
const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined); const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);
const [screenShot, setScreenShot] = useState<string>(""); const [screenShot, setScreenShot] = useState<string>("");
const [highlighterData, setHighlighterData] = useState<{rect: DOMRect, selector: string} | null>(null); const [highlighterData, setHighlighterData] = useState<{ rect: DOMRect, selector: string } | null>(null);
const { socket } = useSocketStore(); const { socket } = useSocketStore();
const { width, height } = useBrowserDimensionsStore(); const { width, height } = useBrowserDimensionsStore();
console.log('Use browser dimensions:', width, height) console.log('Use browser dimensions:', width, height)
const onMouseMove = (e: MouseEvent) =>{ const onMouseMove = (e: MouseEvent) => {
if (canvasRef && canvasRef.current && highlighterData) { if (canvasRef && canvasRef.current && highlighterData) {
const canvasRect = canvasRef.current.getBoundingClientRect(); const canvasRect = canvasRef.current.getBoundingClientRect();
// mousemove outside the browser window // mousemove outside the browser window
@@ -24,7 +24,7 @@ export const BrowserWindow = () => {
|| e.pageX > canvasRect.right || e.pageX > canvasRect.right
|| e.pageY < canvasRect.top || e.pageY < canvasRect.top
|| e.pageY > canvasRect.bottom || e.pageY > canvasRect.bottom
){ ) {
setHighlighterData(null); setHighlighterData(null);
} }
} }
@@ -50,7 +50,7 @@ export const BrowserWindow = () => {
}, [screenShot, canvasRef, socket, screencastHandler]); }, [screenShot, canvasRef, socket, screencastHandler]);
const highlighterHandler = useCallback((data: {rect: DOMRect, selector: string}) => { const highlighterHandler = useCallback((data: { rect: DOMRect, selector: string }) => {
setHighlighterData(data); setHighlighterData(data);
console.log('Highlighter Rect via socket:', data.rect) console.log('Highlighter Rect via socket:', data.rect)
}, [highlighterData]) }, [highlighterData])
@@ -77,7 +77,7 @@ export const BrowserWindow = () => {
height={height} height={height}
canvasRect={canvasRef.current.getBoundingClientRect()} canvasRect={canvasRef.current.getBoundingClientRect()}
/> />
: null } : null}
<Canvas <Canvas
onCreateRef={setCanvasReference} onCreateRef={setCanvasReference}
width={width} width={width}
@@ -87,7 +87,7 @@ export const BrowserWindow = () => {
); );
}; };
const drawImage = (image: string, canvas: HTMLCanvasElement) :void => { const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
const ctx = canvas.getContext('2d'); const ctx = canvas.getContext('2d');