|
|
|
@ -19,6 +19,11 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps> |
|
|
|
this.componentDidUpdate({ |
|
|
|
conn: null! |
|
|
|
}, this.state); |
|
|
|
|
|
|
|
this.handleMouseDown = this.handleMouseDown.bind(this); |
|
|
|
this.handleMouseUp = this.handleMouseUp.bind(this); |
|
|
|
this.handleMouseMove = this.handleMouseMove.bind(this); |
|
|
|
this.handleWheel = this.handleWheel.bind(this); |
|
|
|
} |
|
|
|
|
|
|
|
componentDidMount(): void { |
|
|
|
@ -56,16 +61,19 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps> |
|
|
|
} |
|
|
|
|
|
|
|
handleMouseDown(e: React.MouseEvent) { |
|
|
|
e.preventDefault(); |
|
|
|
const pointerPressedEventMessage = new PointerPressedEventMessage(e); |
|
|
|
this.props.conn.sendMouseEvent(pointerPressedEventMessage); |
|
|
|
} |
|
|
|
|
|
|
|
handleMouseUp(e: React.MouseEvent) { |
|
|
|
e.preventDefault(); |
|
|
|
const pointerReleasedEventMessage = new PointerReleasedEventMessage(e); |
|
|
|
this.props.conn.sendMouseEvent(pointerReleasedEventMessage); |
|
|
|
} |
|
|
|
|
|
|
|
handleMouseMove(e: React.MouseEvent) { |
|
|
|
e.preventDefault(); |
|
|
|
const pointerMovedEventMessage = new PointerMovedEventMessage(e); |
|
|
|
this.props.conn.sendMouseEvent(pointerMovedEventMessage); |
|
|
|
} |
|
|
|
@ -78,9 +86,9 @@ export class PreviewerPresenter extends React.Component<PreviewerPresenterProps> |
|
|
|
|
|
|
|
render() { |
|
|
|
return <canvas ref={this.canvasRef} |
|
|
|
onMouseDown={this.handleMouseDown.bind(this)} |
|
|
|
onMouseUp={this.handleMouseUp.bind(this)} |
|
|
|
onMouseMove={this.handleMouseMove.bind(this)} |
|
|
|
onWheel={this.handleWheel.bind(this)} /> |
|
|
|
onMouseDown={this.handleMouseDown} |
|
|
|
onMouseUp={this.handleMouseUp} |
|
|
|
onMouseMove={this.handleMouseMove} |
|
|
|
onWheel={this.handleWheel} /> |
|
|
|
} |
|
|
|
} |
|
|
|
|