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

Merge pull request #477 from getmaxun/pre-release-11

Browse Source 
feat: browser perf log cleanup
This commit is contained in:
Karishma Shukla
2025-03-13 00:22:51 +05:30
committed by GitHub
parent 17a4fdfac6 c9c21fd47e
commit a047733e37
1 changed files with 0 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/recorder/canvas.tsx
View File

@@ -6,7 +6,6 @@ import DatePicker from '../pickers/DatePicker';
import Dropdown from '../pickers/Dropdown'; import Dropdown from '../pickers/Dropdown';
import TimePicker from '../pickers/TimePicker'; import TimePicker from '../pickers/TimePicker';
import DateTimeLocalPicker from '../pickers/DateTimeLocalPicker'; import DateTimeLocalPicker from '../pickers/DateTimeLocalPicker';
import { EnhancedPerformanceMonitor } from '../../../perf/performance';
interface CreateRefCallback { interface CreateRefCallback {
(ref: React.RefObject<HTMLCanvasElement>): void; (ref: React.RefObject<HTMLCanvasElement>): void;
@@ -28,9 +27,6 @@ export interface Coordinates {
const Canvas = ({ width, height, onCreateRef }: CanvasProps) => { const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
const performanceMonitor = useRef(new EnhancedPerformanceMonitor());
console.log('Frontend Performance Report:', performanceMonitor.current.getPerformanceReport());
const canvasRef = useRef<HTMLCanvasElement>(null); const canvasRef = useRef<HTMLCanvasElement>(null);
const { socket } = useSocketStore(); const { socket } = useSocketStore();
const { setLastAction, lastAction } = useGlobalInfoStore(); const { setLastAction, lastAction } = useGlobalInfoStore();
@@ -117,7 +113,6 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
}, [socket]); }, [socket]);
const onMouseEvent = useCallback((event: MouseEvent) => { const onMouseEvent = useCallback((event: MouseEvent) => {
performanceMonitor.current.measureEventLatency(event);
if (socket && canvasRef.current) { if (socket && canvasRef.current) {
// Get the canvas bounding rectangle // Get the canvas bounding rectangle
const rect = canvasRef.current.getBoundingClientRect(); const rect = canvasRef.current.getBoundingClientRect();
@@ -176,16 +171,6 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
} }
}, [socket]); }, [socket]);
// performance logging
useEffect(() => {
const intervalId = setInterval(() => {
const report = performanceMonitor.current.getPerformanceReport();
console.log('Frontend Performance Report:', report);
}, 5000);
return () => clearInterval(intervalId);
}, []);
const onKeyboardEvent = useCallback((event: KeyboardEvent) => { const onKeyboardEvent = useCallback((event: KeyboardEvent) => {
if (socket) { if (socket) {
switch (event.type) { switch (event.type) {