cursor image as WS event.

src/component/internal/messages.ts

@@ -81,14 +81,9 @@ export class NekoMessages extends EventEmitter<NekoEvents> {
     // TODO: Handle.
   }
 
-  // TODO: Refactor.
-  protected ['cursor/image']({ payload }: any) {
-    console.log('cursor/image')
-    Vue.set(this.state.control, 'cursor', {
-      uri: payload.Uri,
-      hot_x: payload.Xhot,
-      hot_y: payload.Yhot,
-    })
+  protected [EVENT.CURSOR_IMAGE]({ uri, width, height, x, y }: message.CursorImage) {
+    console.log('EVENT.CURSOR_IMAGE')
+    Vue.set(this.state.control, 'cursor', { uri, width, height, x, y })
   }
 
   /////////////////////////////

src/component/overlay.vue

@@ -68,8 +68,8 @@
     get cursor(): string {
       if (!this.control.cursor) return 'auto'
 
-      const { uri, hot_x, hot_y } = this.control.cursor
-      return 'url(' + uri + ') ' + hot_x + ' ' + hot_y + ', auto'
+      const { uri, x, y } = this.control.cursor
+      return 'url(' + uri + ') ' + x + ' ' + y + ', auto'
     }
 
     mounted() {

src/component/types/events.ts

@@ -28,4 +28,6 @@ export const CLIPBOARD_SET = 'clipboard/set'
 export const KEYBOARD_MODIFIERS = 'keyboard/modifiers'
 export const KEYBOARD_LAYOUT = 'keyboard/layout'
 
+export const CURSOR_IMAGE = 'cursor/image'
+
 export const BORADCAST_STATUS = 'broadcast/status'

src/component/types/messages.ts

@@ -146,6 +146,19 @@ export interface KeyboardLayout {
   layout: string
 }
 
+/////////////////////////////
+// Cursor
+/////////////////////////////
+
+export interface CursorImage {
+  event: string | undefined
+	uri: string
+	width: number
+	height: number
+	x: number
+	y: number
+}
+
 /////////////////////////////
 // Broadcast
 /////////////////////////////

src/component/types/state.ts

@@ -48,8 +48,10 @@ export interface Scroll {
 
 export interface Cursor {
   uri: string
-  hot_x: number
-  hot_y: number
+  width: number
+  height: number
+  x: number
+  y: number
 }
 
 export interface Clipboard {