switch to new API.

src/component/internal/api.ts

@@ -6,8 +6,11 @@ export class NekoApi {
   public connect(url: string, id: string, secret: string) {
     this.api_configuration = new Api.Configuration({
       basePath: url,
-      headers: {
+      baseOptions: {
-        Authorization: 'Basic ' + btoa(id + ':' + secret),
+        auth: {
+          username: id,
+          password: secret,
+        },
       },
     })
   }

src/component/main.vue

@@ -12,7 +12,7 @@
         :implicitControl="state.control.implicit_hosting && state.members[state.member_id].profile.can_host"
         @implicit-control-request="websocket.send('control/request')"
         @implicit-control-release="websocket.send('control/release')"
-        @drop-files="api.room.uploadDrop($event)"
+        @drop-files="uploadDrop($event)"
       />
     </div>
   </div>
@@ -227,15 +227,6 @@
       this.websocket.send('screen/set', { width, height, rate })
     }
 
-    public async initBrowser() {
-      const tabs = await this.api.browser.tabsGetAll()
-
-      Vue.set(this.state, 'browser', {
-        connected: true,
-        tabs,
-      })
-    }
-
     public get room(): RoomApi {
       return this.api.room
     }
@@ -244,6 +235,10 @@
       return this.api.members
     }
 
+    uploadDrop({ x, y, files }: { x: number; y: number; files: Array<Blob> }) {
+      this.api.room.uploadDrop(x, y, files)
+    }
+
     /////////////////////////////
     // Component lifecycle
     /////////////////////////////