add new api internal class.

src/component/internal/api.ts

@@ -0,0 +1,30 @@
+import * as Api from '../api'
+
+export class NekoApi {
+  api_configuration = new Api.Configuration()
+
+  public connect(url: string, id: string, secret: string) {
+    this.api_configuration = new Api.Configuration({
+      basePath: url,
+      headers: {
+        Authorization: 'Basic ' + btoa(id + ':' + secret),
+      },
+    })
+  }
+
+  public disconnect() {
+    this.api_configuration = new Api.Configuration()
+  }
+
+  get admin(): Api.AdminsApi {
+    return new Api.AdminsApi(this.api_configuration)
+  }
+
+  get user(): Api.UsersApi {
+    return new Api.UsersApi(this.api_configuration)
+  }
+
+  get host(): Api.HostsApi {
+    return new Api.HostsApi(this.api_configuration)
+  }
+}

src/component/internal/websocket.ts

@@ -32,8 +32,7 @@ export class NekoWebSocket extends EventEmitter<NekoWebSocketEvents> {
 
     this.emit('connecting')
 
-    const ws_url = url.replace(/^http/, 'ws').replace(/\/$|\/ws$/, '')
-    this._ws = new WebSocket(`${ws_url}/ws?id=${encodeURIComponent(id)}&secret=${encodeURIComponent(secret)}`)
+    this._ws = new WebSocket(`${url}/ws?id=${encodeURIComponent(id)}&secret=${encodeURIComponent(secret)}`)
     this._log.debug(`connecting to ${this._ws.url}`)
 
     this._ws.onopen = this.onConnected.bind(this)

src/component/main.vue

@@ -44,6 +44,7 @@
   import ResizeObserver from 'resize-observer-polyfill'
   import EventEmitter from 'eventemitter3'
 
+  import { NekoApi } from './internal/api'
   import { NekoWebSocket } from './internal/websocket'
   import { NekoWebRTC } from './internal/webrtc'
   import { NekoMessages } from './internal/messages'
@@ -63,6 +64,7 @@
     @Ref('container') readonly _container!: HTMLElement
     @Ref('video') readonly _video!: HTMLVideoElement
 
+    api = new NekoApi()
     websocket = new NekoWebSocket()
     webrtc = new NekoWebRTC()
     observer = new ResizeObserver(this.onResize.bind(this))
@@ -138,7 +140,11 @@
         throw new Error('client already connected')
       }
 
-      this.websocket.connect(url, id, secret)
+      const wsURL = url.replace(/^http/, 'ws').replace(/\/$|\/ws\/?$/, '')
+      this.websocket.connect(wsURL, id, secret)
+
+      const httpURL = url.replace(/^ws/, 'http').replace(/\/$|\/ws\/?$/, '')
+      this.api.connect(httpURL, id, secret)
     }
 
     public disconnect() {
@@ -147,6 +153,7 @@
       }
 
       this.websocket.disconnect()
+      this.api.disconnect()
     }
 
     public play() {