add overlay events.

src/component/internal/messages.ts

@@ -39,6 +39,10 @@ export interface NekoEvents {
   ['room.screen.updated']: (width: number, height: number, rate: number) => void
   ['room.clipboard.updated']: (text: string) => void
   ['room.broadcast.status']: (isActive: boolean, url?: string) => void
+
+  // overlay events
+  ['overlay.click']: () => void
+  ['overlay.contextmenu']: () => void
 }
 
 export class NekoMessages extends EventEmitter<NekoEvents> {

src/component/main.vue

@@ -28,6 +28,7 @@
         @implicitControlRelease="connection.websocket.send('control/release')"
         @updateKeyboardModifiers="updateKeyboardModifiers($event)"
         @uploadDrop="uploadDrop($event)"
+        @onAction="events.emit('overlay.' + $event)"
       />
     </div>
   </div>

src/component/overlay.vue

@@ -4,8 +4,8 @@
     class="neko-overlay"
     tabindex="0"
     :style="{ cursor }"
-    @click.stop.prevent
-    @contextmenu.stop.prevent
+    @click.stop.prevent="$emit('onAction', 'click')"
+    @contextmenu.stop.prevent="$emit('onAction', 'contextmenu')"
     @wheel.stop.prevent="onWheel"
     @mousemove.stop.prevent="onMouseMove"
     @mousedown.stop.prevent="onMouseDown"