{
+ const point = scalePoint(event.clientX, event.clientY);
+ if (!point) {
+ return;
+ }
+ withSession((session) => session.moveMouse(point.x, point.y));
+ }}
+ onMouseDown={(event) => {
+ event.preventDefault();
+ const point = scalePoint(event.clientX, event.clientY);
+ withSession((session) =>
+ session.mouseDown(buttonFromMouseEvent(event), point?.x, point?.y),
+ );
+ }}
+ onMouseUp={(event) => {
+ const point = scalePoint(event.clientX, event.clientY);
+ withSession((session) => session.mouseUp(buttonFromMouseEvent(event), point?.x, point?.y));
+ }}
+ onWheel={(event: WheelEvent
) => {
+ event.preventDefault();
+ const point = scalePoint(event.clientX, event.clientY);
+ if (!point) {
+ return;
+ }
+ withSession((session) => session.scroll(point.x, point.y, Math.round(event.deltaX), Math.round(event.deltaY)));
+ }}
+ onKeyDown={(event) => {
+ withSession((session) => session.keyDown(event.key));
+ }}
+ onKeyUp={(event) => {
+ withSession((session) => session.keyUp(event.key));
+ }}
+ >
+ {frameUrl ? (
+
+ ) : null}
+