add new WS keyboard event

client/src/neko/events.ts

@@ -27,6 +27,7 @@ export const EVENT = {
     REQUESTING: 'control/requesting',
     CLIPBOARD: 'control/clipboard',
     GIVE: 'control/give',
+    KEYBOARD: 'control/keyboard'
   },
   CHAT: {
     MESSAGE: 'chat/message',
@@ -67,6 +68,7 @@ export type ControlEvents =
   | typeof EVENT.CONTROL.REQUEST
   | typeof EVENT.CONTROL.GIVE
   | typeof EVENT.CONTROL.CLIPBOARD
+  | typeof EVENT.CONTROL.KEYBOARD
 
 export type SystemEvents = typeof EVENT.SYSTEM.DISCONNECT
 export type MemberEvents = typeof EVENT.MEMBER.LIST | typeof EVENT.MEMBER.CONNECTED | typeof EVENT.MEMBER.DISCONNECTED

client/src/neko/messages.ts

@@ -31,6 +31,7 @@ export type WebSocketPayloads =
   | ControlPayload
   | ControlRequestPayload
   | ControlClipboardPayload
+  | ControlKeyboardPayload
   | ChatPayload
   | ChatSendPayload
   | EmojiSendPayload
@@ -125,6 +126,10 @@ export interface ControlClipboardPayload {
   text: string
 }
 
+export interface ControlKeyboardPayload {
+  layout: string
+}
+
 /*
   CHAT PAYLOADS
 */

client/src/store/remote.ts

@@ -133,5 +133,13 @@ export const actions = actionTree(
 
       $client.sendMessage(EVENT.ADMIN.GIVE, { id: member.id })
     },
+
+    changeKeyboard({ getters }) {
+      if (!accessor.connected || !getters.hosting) {
+        return
+      }
+
+      $client.sendMessage(EVENT.CONTROL.KEYBOARD, { layout: accessor.settings.keyboard_layout })
+    }
   },
 )