add shared cursor as image tag.

src/component/types/events.ts

@@ -31,6 +31,7 @@ export const KEYBOARD_MODIFIERS = 'keyboard/modifiers'
 export const KEYBOARD_MAP = 'keyboard/map'
 
 export const CURSOR_IMAGE = 'cursor/image'
+export const CURSOR_POSITION = 'cursor/position'
 
 export const BORADCAST_STATUS = 'broadcast/status'
 

src/component/types/messages.ts

@@ -172,6 +172,13 @@ export interface CursorImage {
   y: number
 }
 
+export interface CursorPosition {
+  event: string | undefined
+  member_id: string
+  x: number
+  y: number
+}
+
 /////////////////////////////
 // Broadcast
 /////////////////////////////

src/component/types/state.ts

@@ -49,7 +49,7 @@ export interface Video {
 /////////////////////////////
 export interface Control {
   scroll: Scroll
-  cursor: Cursor | null
+  cursor: Cursor
   clipboard: Clipboard | null
   host_id: string | null
   implicit_hosting: boolean
@@ -61,6 +61,11 @@ export interface Scroll {
 }
 
 export interface Cursor {
+  image: CursorImage | null
+  position: CursorPosition | null
+}
+
+export interface CursorImage {
   uri: string
   width: number
   height: number
@@ -68,6 +73,11 @@ export interface Cursor {
   y: number
 }
 
+export interface CursorPosition {
+  x: number
+  y: number
+}
+
 export interface Clipboard {
   text: string
 }