From dfe8b8b57d8989378c21bb763abe41f64da59884 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sat, 28 Jan 2023 21:54:26 +0100
Subject: [PATCH] npm lint.

---
 client/src/components/about.vue          |  3 +--
 client/src/components/connect.vue        |  3 +--
 client/src/components/context.vue        |  6 +++---
 client/src/components/emoji.vue          | 10 +++++-----
 client/src/components/header.vue         |  2 +-
 client/src/components/markdown.ts        |  2 +-
 client/src/components/members.vue        |  3 +--
 client/src/components/menu.vue           |  2 +-
 client/src/components/resolution.vue     |  2 +-
 client/src/components/settings.vue       |  2 +-
 client/src/components/unsupported.vue    |  2 +-
 client/src/components/video.vue          |  6 +++---
 client/src/neko/base.ts                  | 10 +++++-----
 client/src/neko/index.ts                 |  4 +---
 client/src/plugins/swal.ts               |  2 +-
 client/src/store/chat.ts                 |  2 +-
 client/src/store/files.ts                |  4 ++--
 client/src/store/index.ts                |  6 +++---
 client/src/store/remote.ts               |  6 +++---
 client/src/store/settings.ts             |  6 +++---
 client/src/store/video.ts                |  6 +++---
 client/src/types/navigator.keyboard.d.ts |  6 +++---
 client/src/utils/index.ts                |  4 ++--
 client/vue.config.js                     |  2 +-
 24 files changed, 48 insertions(+), 53 deletions(-)

diff --git a/client/src/components/about.vue b/client/src/components/about.vue
index bd43f87..22afbde 100644
--- a/client/src/components/about.vue
+++ b/client/src/components/about.vue
@@ -132,8 +132,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
-  import md, { HtmlOutputRule } from 'simple-markdown'
+  import { Component, Vue } from 'vue-property-decorator'
 
   @Component({ name: 'neko-about' })
   export default class extends Vue {
diff --git a/client/src/components/connect.vue b/client/src/components/connect.vue
index ff39065..92d0447 100644
--- a/client/src/components/connect.vue
+++ b/client/src/components/connect.vue
@@ -147,8 +147,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
-  import { get, set } from '~/utils/localstorage'
+  import { Component, Vue } from 'vue-property-decorator'
 
   @Component({ name: 'neko-connect' })
   export default class extends Vue {
diff --git a/client/src/components/context.vue b/client/src/components/context.vue
index aa6ac3c..9b39a6a 100644
--- a/client/src/components/context.vue
+++ b/client/src/components/context.vue
@@ -132,7 +132,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Ref, Vue } from 'vue-property-decorator'
   import { Member } from '~/neko/types'
 
   // @ts-ignore
@@ -229,11 +229,11 @@
       }
     }
 
-    adminRelease(member: Member) {
+    adminRelease() {
       this.$accessor.remote.adminRelease()
     }
 
-    adminControl(member: Member) {
+    adminControl() {
       this.$accessor.remote.adminControl()
     }
 
diff --git a/client/src/components/emoji.vue b/client/src/components/emoji.vue
index a45b476..a0dd806 100644
--- a/client/src/components/emoji.vue
+++ b/client/src/components/emoji.vue
@@ -287,9 +287,9 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Ref, Vue } from 'vue-property-decorator'
   import { directive as onClickaway } from 'vue-clickaway'
-  import { get, set } from '../utils/localstorage'
+  import { get } from '../utils/localstorage'
 
   @Component({
     name: 'neko-emoji',
@@ -356,7 +356,7 @@
       this.waitingForPaint = false
       let scrollTop = this._scroll.scrollTop
       let active = 0
-      for (const [i, group] of this.groups.entries()) {
+      for (const [i] of this.groups.entries()) {
         let component = this._groups[i]
         if (component && component.offsetTop > scrollTop) {
           break
@@ -368,7 +368,7 @@
       }
     }
 
-    onMouseExit(event: MouseEvent, emoji: string) {
+    onMouseExit() {
       this.hovered = ''
     }
 
@@ -382,7 +382,7 @@
       this.$emit('picked', emoji)
     }
 
-    onClickAway(event: MouseEvent) {
+    onClickAway() {
       this.$emit('done')
     }
   }
diff --git a/client/src/components/header.vue b/client/src/components/header.vue
index 2f6506f..a072f80 100644
--- a/client/src/components/header.vue
+++ b/client/src/components/header.vue
@@ -157,7 +157,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Vue } from 'vue-property-decorator'
   import { AdminLockResource } from '~/neko/messages'
 
   @Component({ name: 'neko-settings' })
diff --git a/client/src/components/markdown.ts b/client/src/components/markdown.ts
index 984df4f..38c6c35 100644
--- a/client/src/components/markdown.ts
+++ b/client/src/components/markdown.ts
@@ -1,5 +1,5 @@
 import md, { SingleNodeParserRule, HtmlOutputRule, defaultRules, State, Rules } from 'simple-markdown'
-import { Component, Watch, Vue, Prop } from 'vue-property-decorator'
+import { Component, Vue, Prop } from 'vue-property-decorator'
 
 const { blockQuote, inlineCode, codeBlock, autolink, newline, escape, strong, text, link, url, em, u, br } =
   defaultRules
diff --git a/client/src/components/members.vue b/client/src/components/members.vue
index 45e1371..531b86d 100644
--- a/client/src/components/members.vue
+++ b/client/src/components/members.vue
@@ -157,8 +157,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
-  import { Member } from '~/neko/types'
+  import { Component, Ref, Vue } from 'vue-property-decorator'
 
   import Content from './context.vue'
   import Avatar from './avatar.vue'
diff --git a/client/src/components/menu.vue b/client/src/components/menu.vue
index a3bab27..351a99a 100644
--- a/client/src/components/menu.vue
+++ b/client/src/components/menu.vue
@@ -60,7 +60,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Vue } from 'vue-property-decorator'
   import { messages } from '~/locale'
 
   @Component({ name: 'neko-menu' })
diff --git a/client/src/components/resolution.vue b/client/src/components/resolution.vue
index b1094fc..f4bb16a 100644
--- a/client/src/components/resolution.vue
+++ b/client/src/components/resolution.vue
@@ -97,7 +97,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Ref, Vue } from 'vue-property-decorator'
   import { ScreenResolution } from '~/neko/types'
 
   // @ts-ignore
diff --git a/client/src/components/settings.vue b/client/src/components/settings.vue
index e6c991b..080aaa4 100644
--- a/client/src/components/settings.vue
+++ b/client/src/components/settings.vue
@@ -304,7 +304,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Watch, Vue } from 'vue-property-decorator'
 
   @Component({ name: 'neko-settings' })
   export default class extends Vue {
diff --git a/client/src/components/unsupported.vue b/client/src/components/unsupported.vue
index 5c240c5..317d708 100644
--- a/client/src/components/unsupported.vue
+++ b/client/src/components/unsupported.vue
@@ -68,7 +68,7 @@
 </style>
 
 <script lang="ts">
-  import { Component, Ref, Watch, Vue } from 'vue-property-decorator'
+  import { Component, Vue } from 'vue-property-decorator'
 
   @Component({ name: 'neko-unsupported' })
   export default class extends Vue {}
diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index ac3c3bc..976c062 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -339,12 +339,12 @@
     }
 
     @Watch('width')
-    onWidthChanged(width: number) {
+    onWidthChanged() {
       this.onResize()
     }
 
     @Watch('height')
-    onHeightChanged(height: number) {
+    onHeightChanged() {
       this.onResize()
     }
 
@@ -444,7 +444,7 @@
         this.$accessor.video.setPlayable(false)
       })
 
-      this._video.addEventListener('volumechange', (event) => {
+      this._video.addEventListener('volumechange', () => {
         this.$accessor.video.setMuted(this._video.muted)
         this.$accessor.video.setVolume(this._video.volume * 100)
       })
diff --git a/client/src/neko/base.ts b/client/src/neko/base.ts
index dbee55d..57baef8 100644
--- a/client/src/neko/base.ts
+++ b/client/src/neko/base.ts
@@ -66,8 +66,8 @@ export abstract class BaseClient extends EventEmitter<BaseEvents> {
       this._ws = new WebSocket(`${url}?password=${encodeURIComponent(password)}`)
       this.emit('debug', `connecting to ${this._ws.url}`)
       this._ws.onmessage = this.onMessage.bind(this)
-      this._ws.onerror = (event) => this.onError.bind(this)
-      this._ws.onclose = (event) => this.onDisconnected.bind(this, new Error('websocket closed'))
+      this._ws.onerror = () => this.onError.bind(this)
+      this._ws.onclose = () => this.onDisconnected.bind(this, new Error('websocket closed'))
       this._timeout = window.setTimeout(this.onTimeout.bind(this), 15000)
     } catch (err: any) {
       this.onDisconnected(err)
@@ -210,15 +210,15 @@ export abstract class BaseClient extends EventEmitter<BaseEvents> {
       })
     }
 
-    this._peer.onconnectionstatechange = (event) => {
+    this._peer.onconnectionstatechange = () => {
       this.emit('debug', `peer connection state changed`, this._peer ? this._peer.connectionState : undefined)
     }
 
-    this._peer.onsignalingstatechange = (event) => {
+    this._peer.onsignalingstatechange = () => {
       this.emit('debug', `peer signaling state changed`, this._peer ? this._peer.signalingState : undefined)
     }
 
-    this._peer.oniceconnectionstatechange = (event) => {
+    this._peer.oniceconnectionstatechange = () => {
       this._state = this._peer!.iceConnectionState
 
       this.emit('debug', `peer ice connection state changed: ${this._peer!.iceConnectionState}`)
diff --git a/client/src/neko/index.ts b/client/src/neko/index.ts
index f6b56d2..16ca0b6 100644
--- a/client/src/neko/index.ts
+++ b/client/src/neko/index.ts
@@ -7,7 +7,6 @@ import { accessor } from '~/store'
 
 import {
   SystemMessagePayload,
-  SignalProvidePayload,
   MemberListPayload,
   MemberDisconnectPayload,
   MemberPayload,
@@ -19,7 +18,6 @@ import {
   ScreenConfigurationsPayload,
   ScreenResolutionPayload,
   BroadcastStatusPayload,
-  AdminPayload,
   AdminTargetPayload,
   AdminLockMessage,
   SystemInitPayload,
@@ -131,7 +129,7 @@ export class NekoClient extends BaseClient implements EventEmitter<NekoEvents> {
     this.$accessor.video.setStream(0)
   }
 
-  protected [EVENT.DATA](data: any) {}
+  protected [EVENT.DATA]() {}
 
   /////////////////////////////
   // System Events
diff --git a/client/src/plugins/swal.ts b/client/src/plugins/swal.ts
index 96c6062..30601df 100644
--- a/client/src/plugins/swal.ts
+++ b/client/src/plugins/swal.ts
@@ -10,7 +10,7 @@ declare module 'vue/types/vue' {
     $swal: VueSwalInstance
   }
 
-  interface VueConstructor<V extends Vue = Vue> {
+  interface VueConstructor {
     swal: VueSwalInstance
   }
 }
diff --git a/client/src/store/chat.ts b/client/src/store/chat.ts
index 7441db7..1b52f7f 100644
--- a/client/src/store/chat.ts
+++ b/client/src/store/chat.ts
@@ -73,7 +73,7 @@ export const actions = actionTree(
       accessor.chat.addEmote({ id, emote })
     },
 
-    newMessage({ state }, message: Message) {
+    newMessage(store, message: Message) {
       if (accessor.settings.chat_sound) {
         new Audio('chat.mp3').play().catch(console.error)
       }
diff --git a/client/src/store/files.ts b/client/src/store/files.ts
index 038ec6a..1a4ca84 100644
--- a/client/src/store/files.ts
+++ b/client/src/store/files.ts
@@ -53,7 +53,7 @@ export const actions = actionTree(
       accessor.files._removeTransfer(transfer)
     },
 
-    cancelAllTransfers(store) {
+    cancelAllTransfers() {
       for (const t of accessor.files.transfers) {
         if (t.status !== 'completed') {
           t.abortController?.abort()
@@ -62,7 +62,7 @@ export const actions = actionTree(
       }
     },
 
-    refresh(store) {
+    refresh() {
       if (!accessor.connected) {
         return
       }
diff --git a/client/src/store/index.ts b/client/src/store/index.ts
index 662b005..2bc6c91 100644
--- a/client/src/store/index.ts
+++ b/client/src/store/index.ts
@@ -63,7 +63,7 @@ export const getters = getterTree(state, {
 export const actions = actionTree(
   { state, getters, mutations },
   {
-    initialise(store) {
+    initialise() {
       accessor.emoji.initialise()
       accessor.settings.initialise()
     },
@@ -92,12 +92,12 @@ export const actions = actionTree(
       }
     },
 
-    login({ state }, { displayname, password }: { displayname: string; password: string }) {
+    login(store, { displayname, password }: { displayname: string; password: string }) {
       accessor.setLogin({ displayname, password })
       $client.login(password, displayname)
     },
 
-    logout({ state }) {
+    logout() {
       accessor.setLogin({ displayname: '', password: '' })
       set('displayname', '')
       set('password', '')
diff --git a/client/src/store/remote.ts b/client/src/store/remote.ts
index ff99e1c..c8e9d28 100644
--- a/client/src/store/remote.ts
+++ b/client/src/store/remote.ts
@@ -21,7 +21,7 @@ export const getters = getterTree(state, {
   hosting: (state, getters, root) => {
     return root.user.id === state.id || state.implicitHosting
   },
-  hosted: (state, getters, root) => {
+  hosted: (state) => {
     return state.id !== '' || state.implicitHosting
   },
   host: (state, getters, root) => {
@@ -136,7 +136,7 @@ export const actions = actionTree(
       $client.sendMessage(EVENT.ADMIN.RELEASE)
     },
 
-    adminGive({ getters }, member: string | Member) {
+    adminGive(store, member: string | Member) {
       if (!accessor.connected) {
         return
       }
@@ -160,7 +160,7 @@ export const actions = actionTree(
       $client.sendMessage(EVENT.CONTROL.KEYBOARD, { layout: accessor.settings.keyboard_layout })
     },
 
-    syncKeyboardModifierState({ state, getters }, { capsLock, numLock, scrollLock }) {
+    syncKeyboardModifierState({ state }, { capsLock, numLock, scrollLock }) {
       if (state.keyboardModifierState === keyboardModifierState(capsLock, numLock, scrollLock)) {
         return
       }
diff --git a/client/src/store/settings.ts b/client/src/store/settings.ts
index 3d99fad..2870734 100644
--- a/client/src/store/settings.ts
+++ b/client/src/store/settings.ts
@@ -79,13 +79,13 @@ export const actions = actionTree(
       }
     },
 
-    broadcastStatus({ getters }, { url, isActive }) {
+    broadcastStatus(store, { url, isActive }) {
       accessor.settings.setBroadcastStatus({ url, isActive })
     },
-    broadcastCreate({ getters }, url: string) {
+    broadcastCreate(store, url: string) {
       $client.sendMessage(EVENT.BROADCAST.CREATE, { url })
     },
-    broadcastDestroy({ getters }) {
+    broadcastDestroy() {
       $client.sendMessage(EVENT.BROADCAST.DESTROY)
     },
   },
diff --git a/client/src/store/video.ts b/client/src/store/video.ts
index 23583fd..9959500 100644
--- a/client/src/store/video.ts
+++ b/client/src/store/video.ts
@@ -169,7 +169,7 @@ export const mutations = mutationTree(state, {
 export const actions = actionTree(
   { state, getters, mutations },
   {
-    screenConfiguations({ state }) {
+    screenConfiguations() {
       if (!accessor.connected || !accessor.user.admin) {
         return
       }
@@ -177,7 +177,7 @@ export const actions = actionTree(
       $client.sendMessage(EVENT.SCREEN.CONFIGURATIONS)
     },
 
-    screenGet({ state }) {
+    screenGet() {
       if (!accessor.connected) {
         return
       }
@@ -185,7 +185,7 @@ export const actions = actionTree(
       $client.sendMessage(EVENT.SCREEN.RESOLUTION)
     },
 
-    screenSet({ state }, resolution: ScreenResolution) {
+    screenSet(store, resolution: ScreenResolution) {
       if (!accessor.connected || !accessor.user.admin) {
         return
       }
diff --git a/client/src/types/navigator.keyboard.d.ts b/client/src/types/navigator.keyboard.d.ts
index 9d98c86..e2300f1 100644
--- a/client/src/types/navigator.keyboard.d.ts
+++ b/client/src/types/navigator.keyboard.d.ts
@@ -3,13 +3,13 @@
 // Type declarations for Keyboard API
 // https://developer.mozilla.org/en-US/docs/Web/API/Keyboard_API
 interface Keyboard {
-  lock(keyCodes?: array<string>): Promise<void>;
-  unlock(): void;
+  lock(keyCodes?: array<string>): Promise<void>
+  unlock(): void
 }
 
 interface NavigatorKeyboard {
   // Only available in a secure context.
-  readonly keyboard?: Keyboard;
+  readonly keyboard?: Keyboard
 }
 
 interface Navigator extends NavigatorKeyboard {}
diff --git a/client/src/utils/index.ts b/client/src/utils/index.ts
index c7a5693..7f60294 100644
--- a/client/src/utils/index.ts
+++ b/client/src/utils/index.ts
@@ -10,13 +10,13 @@ export function makeid(length: number) {
 
 export function lockKeyboard() {
   if (navigator && navigator.keyboard) {
-    navigator.keyboard.lock();
+    navigator.keyboard.lock()
   }
 }
 
 export function unlockKeyboard() {
   if (navigator && navigator.keyboard) {
-    navigator.keyboard.unlock();
+    navigator.keyboard.unlock()
   }
 }
 
diff --git a/client/vue.config.js b/client/vue.config.js
index ed2f5ff..cb21db9 100644
--- a/client/vue.config.js
+++ b/client/vue.config.js
@@ -22,6 +22,6 @@ module.exports = {
     },
   },
   devServer: {
-    allowedHosts: "all",
+    allowedHosts: 'all',
   },
 }