diff --git a/web/package.json b/web/package.json
index 7c0dd078d..e2fda536f 100644
--- a/web/package.json
+++ b/web/package.json
@@ -19,7 +19,7 @@
     "lowdb": "^1.0.0",
     "moment": "^2.29.4",
     "monaco-editor": "^0.25.2",
-    "mqtt": "4.2.1",
+    "mqtt": "4.3.7",
     "vue": "~2.6.10",
     "vue-class-component": "^7.0.2",
     "vue-click-outside": "^1.1.0",
@@ -41,6 +41,7 @@
     "@types/lowdb": "^1.0.9",
     "@types/mocha": "^5.2.7",
     "@types/node": "14.0.27",
+    "@types/ws": "^8.5.3",
     "@typescript-eslint/eslint-plugin": "^3.8.0",
     "@typescript-eslint/parser": "^3.8.0",
     "@vue/cli-plugin-babel": "^3.12.1",
diff --git a/web/src/components/MyDialog.vue b/web/src/components/MyDialog.vue
index 0431e0722..c1b42f028 100644
--- a/web/src/components/MyDialog.vue
+++ b/web/src/components/MyDialog.vue
@@ -8,7 +8,6 @@
     @keyup.enter.native="handleEnterEvent"
   >
     <slot></slot>
-
     <div slot="footer" class="dialog-footer">
       <el-button class="cancel" type="text" size="small" @click="hideDialog">
         {{ $t('common.cancel') }}
@@ -40,11 +39,13 @@ export default class MyDialog extends Vue {
   @Prop({ default: false }) public confirmLoading!: boolean
   // Confirm button disabled status
   @Prop({ default: false }) public btnDisabled!: boolean
+  // Dialog margin-top value
+  @Prop({ default: '15vh' }) public top!: string
 
   private showDialog: boolean = this.visible
 
   @Watch('visible')
-  private onChildChanged(val: boolean, oldVal: boolean) {
+  private onVisibleChanged(val: boolean) {
     this.showDialog = val
   }
 
@@ -105,6 +106,9 @@ export default class MyDialog extends Vue {
         color: var(--color-minor-green);
       }
     }
+    .el-button.is-loading:before {
+      background-color: transparent;
+    }
   }
 }
 </style>
diff --git a/web/src/components/SubscriptionsList.vue b/web/src/components/SubscriptionsList.vue
index 6052fcd65..6052bc1aa 100644
--- a/web/src/components/SubscriptionsList.vue
+++ b/web/src/components/SubscriptionsList.vue
@@ -6,7 +6,7 @@
         shadow="never"
         class="subscriptions-list-view"
         :style="{
-          top: top,
+          top,
         }"
       >
         <div slot="header" class="clearfix">
@@ -25,6 +25,7 @@
             background: `${sub.color}10`,
           }"
           @click="handleClickTopic(sub, index)"
+          @contextmenu="handleContextMenu(sub, $event)"
         >
           <div
             :style="{
@@ -32,13 +33,14 @@
             }"
             class="topics-color-line"
           ></div>
-          <el-tooltip
-            :effect="theme !== 'light' ? 'light' : 'dark'"
-            :content="copySuccess ? $t('connections.topicCopied') : sub.topic"
-            :open-delay="!copySuccess ? 0 : 500"
+          <el-popover
             placement="top"
+            trigger="hover"
+            popper-class="topic-tooltip"
+            :content="getPopoverContent(copySuccess, sub)"
           >
             <a
+              slot="reference"
               v-clipboard:copy="sub.topic"
               v-clipboard:success="onCopySuccess"
               href="javascript:;"
@@ -50,20 +52,38 @@
             >
               {{ sub.alias || sub.topic }}
             </a>
-          </el-tooltip>
+          </el-popover>
           <span class="qos">QoS {{ sub.qos }}</span>
-          <a href="javascript:;" class="close" @click.stop="removeSubs(sub)">
-            <i class="el-icon-close"></i>
+          <a href="javascript:;" class="close" @click.stop="unsubscribe(sub)">
+            <i :class="unsubLoading ? 'el-icon-loading' : 'el-icon-close'"></i>
           </a>
         </div>
       </el-card>
     </left-panel>
+    <contextmenu :visible.sync="showContextmenu" v-bind="contextmenuConfig">
+      <a href="javascript:;" class="context-menu__item" @click="handleTopicEdit">
+        <i class="iconfont icon-edit"></i>{{ $t('common.edit') }}
+      </a>
+      <a
+        v-if="!getTopicDisabled()"
+        href="javascript:;"
+        class="context-menu__item danger"
+        @click="setTopicDisabled(true)"
+      >
+        <i class="el-icon-remove-outline"></i>{{ $t('common.disable') }}
+      </a>
+      <a v-else href="javascript:;" class="context-menu__item" @click="setTopicDisabled(false)">
+        <i class="el-icon-circle-check"></i>{{ $t('common.enable') }}
+      </a>
+    </contextmenu>
 
     <!-- New subscription dialog -->
     <my-dialog
-      :title="$t('connections.newSubscription')"
+      :title="isEdit ? $t('connections.editSubscription') : $t('connections.newSubscription')"
       :visible.sync="showDialog"
-      width="500px"
+      :confirmLoading="subLoading"
+      :top="record.mqttVersion === '5.0' ? '60px' : '15vh'"
+      width="530px"
       class="topic-dialog"
       @confirm="saveSubs"
       @close="resetSubs"
@@ -73,13 +93,29 @@
         <el-form ref="form" :model="subRecord" :rules="rules">
           <el-col :span="24">
             <el-form-item label="Topic" prop="topic">
-              <el-input v-model="subRecord.topic" placeholder="testtopic/#" size="small"> </el-input>
+              <el-tooltip
+                v-if="!isEdit && multiTopics"
+                class="subinfo-tooltip"
+                placement="top-start"
+                :effect="theme !== 'light' ? 'light' : 'dark'"
+                :content="$t('connections.topicTips')"
+              >
+                <a href="javascript:;" class="icon-oper">
+                  <i class="el-icon-warning-outline"></i>
+                </a>
+              </el-tooltip>
+              <el-input v-model.trim="subRecord.topic" type="textarea" placeholder="testtopic/#" size="small">
+              </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="QoS" prop="qos">
-              <el-select v-model="subRecord.qos" size="small">
-                <el-option v-for="qos in qosOption" :key="qos" :label="qos" :value="qos"> </el-option>
+              <span class="qos-tip">{{ $t(`connections.qos${subRecord.qos}`) }}</span>
+              <el-select class="qos-select" v-model="subRecord.qos" size="small">
+                <el-option v-for="qos in qosOption" :key="qos" :label="qos" :value="qos">
+                  <span style="float: left">{{ qos }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px">{{ $t(`connections.qos${qos}`) }}</span>
+                </el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -87,16 +123,70 @@
             <el-form-item :label="$t('connections.color')">
               <el-color-picker v-model="topicColor" size="mini" color-format="hex" :predefine="predefineColors">
               </el-color-picker>
-              <el-input v-model="topicColor" size="small" placeholder="#34C388">
+              <el-input v-model="topicColor" size="small" placeholder="#34c388">
                 <i slot="suffix" title="Refresh" class="el-icon-refresh" @click="setColor"> </i>
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item :label="$t('connections.alias')">
-              <el-input v-model="subRecord.alias" size="small"> </el-input>
+              <el-tooltip
+                v-if="!isEdit && multiTopics"
+                class="subinfo-tooltip"
+                placement="top-start"
+                :effect="theme !== 'light' ? 'light' : 'dark'"
+                :content="$t('connections.aliasTip')"
+              >
+                <a href="javascript:;" class="icon-oper">
+                  <i class="el-icon-warning-outline"></i>
+                </a>
+              </el-tooltip>
+              <el-input v-model.trim="subRecord.alias" type="textarea" size="small"> </el-input>
             </el-form-item>
           </el-col>
+          <!-- MQTT 5.0 -->
+          <template v-if="record.mqttVersion === '5.0'">
+            <div class="topic-mqtt5">
+              <el-col :span="24">
+                <el-form-item
+                  label-width="180px"
+                  :label="$t('connections.subscriptionIdentifier')"
+                  prop="subscriptionIdentifier"
+                >
+                  <el-input size="small" type="number" v-model.number="subRecord.subscriptionIdentifier"> </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label-width="180px" label="No Local flag" prop="nl">
+                  <el-radio-group v-model="subRecord.nl">
+                    <el-radio :label="true">true</el-radio>
+                    <el-radio :label="false">false</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label-width="180px" label="Retain as Published flag" prop="rap">
+                  <el-radio-group v-model="subRecord.rap">
+                    <el-radio :label="true">true</el-radio>
+                    <el-radio :label="false">false</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label-width="180px" label="Retain Handling" prop="rh">
+                  <el-select v-model="subRecord.rh" size="small">
+                    <el-option
+                      v-for="retainOps in retainHandling"
+                      :key="retainOps"
+                      :label="retainOps"
+                      :value="retainOps"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </div>
+          </template>
         </el-form>
       </el-row>
     </my-dialog>
@@ -105,16 +195,30 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator'
+import { MqttClient } from 'mqtt'
 import { Getter, Action } from 'vuex-class'
-import { updateConnection } from '@/utils/api/connection'
+import VueI18n from 'vue-i18n'
+import _ from 'lodash'
 import { defineColors, getRandomColor } from '@/utils/colors'
 import LeftPanel from '@/components/LeftPanel.vue'
 import MyDialog from '@/components/MyDialog.vue'
+import Contextmenu from '@/components/Contextmenu.vue'
+import { updateConnection } from '@/utils/api/connection'
+import time from '@/utils/time'
+import { getSubscriptionId } from '@/utils/idGenerator'
+
+enum SubscribeErrorReason {
+  normal,
+  qosSubFailed, // qos is abnormal
+  qosSubSysFailed, // qos is abnormal becauseof $SYS subscribe
+  emptySubFailed, // subscription returns empty array
+}
 
 @Component({
   components: {
     LeftPanel,
     MyDialog,
+    Contextmenu,
   },
 })
 export default class SubscriptionsList extends Vue {
@@ -125,20 +229,44 @@ export default class SubscriptionsList extends Vue {
 
   @Action('SHOW_SUBSCRIPTIONS') private changeShowSubscriptions!: (payload: SubscriptionsVisible) => void
   @Action('CHANGE_SUBSCRIPTIONS') private changeSubs!: (payload: Subscriptions) => void
-  @Getter('activeConnection') private activeConnection: $TSFixed
+
   @Getter('currentTheme') private theme!: Theme
+  // TODO: support multi topics subscribe
+  // @Getter('multiTopics') private multiTopics!: boolean
+  private multiTopics = false
+  @Getter('activeConnection') private activeConnection!: ActiveConnection
 
   private topicColor = ''
-  private currentConnection: $TSFixed = {}
+  private client: Partial<MqttClient> = {
+    connected: false,
+  }
   private showDialog: boolean = false
   private subRecord: SubscriptionModel = {
+    id: getSubscriptionId(),
     topic: 'testtopic/#',
     qos: 0,
+    disabled: false,
+    createAt: time.getNowDate(),
+    alias: '',
+    nl: undefined,
+    rap: undefined,
+    rh: undefined,
+    subscriptionIdentifier: undefined,
   }
+  private retainHandling: RetainHandlingList = [0, 1, 2]
   private qosOption: QoSList = [0, 1, 2]
   private subsList: SubscriptionModel[] = []
   private copySuccess = false
   private topicActiveIndex: number | null = null
+  private subLoading = false
+  private unsubLoading = false
+  private showContextmenu = false
+  private contextmenuConfig: ContextmenuModel = {
+    top: 0,
+    left: 0,
+  }
+  private isEdit = false
+  private selectedTopic: SubscriptionModel | null = null
 
   get rules() {
     return {
@@ -158,12 +286,20 @@ export default class SubscriptionsList extends Vue {
   @Watch('record')
   private handleRecordChanged(val: ConnectionModel) {
     this.topicActiveIndex = null
-    this.getCurrentConnection(val.id as string)
+    if (val.id) {
+      this.getCurrentConnection(val.id)
+      this.subsList = val.subscriptions
+    }
   }
 
   private setColor() {
     this.topicColor = getRandomColor()
   }
+
+  private setNewSubscribeId() {
+    this.subRecord.id = getSubscriptionId()
+  }
+
   private getBorderColor(): string {
     let $index: number = this.subsList.length
     const lastSubs: SubscriptionModel = this.subsList[$index - 1]
@@ -187,100 +323,247 @@ export default class SubscriptionsList extends Vue {
 
   private openDialog() {
     this.showDialog = true
+    this.isEdit = false
     this.setColor()
+    this.setNewSubscribeId()
   }
 
   private saveSubs(): void | boolean {
     this.getCurrentConnection(this.connectionId)
-    if (!this.currentConnection.client || !this.currentConnection.client.connected) {
-      this.$message.warning(this.$t('connections.notConnect') as string)
+    if (!this.client || !this.client.connected) {
+      this.$message.warning(this.$tc('connections.notConnect'))
       return false
     }
-    this.subForm.validate((valid: boolean) => {
+    this.subForm.validate(async (valid: boolean) => {
       if (!valid) {
         return false
       }
-      const { topic, qos } = this.subRecord
+      this.subLoading = true
       this.subRecord.color = this.topicColor || this.getBorderColor()
+      if (!this.isEdit) {
+        await this.subscribe(this.subRecord)
+      } else {
+        this.updateSub()
+      }
+    })
+  }
+
+  /**
+   * Get the error reason message corresponding to the enumeration.
+   * Check that errorReason not equal `SubscribeErrorReason.normal` before using.
+   * @return Return the message of failure subscribe
+   * @param errorReason - Type:enum, The reason cause the failed subscription
+   */
+  private getErrorReasonMsg(errorReason: SubscribeErrorReason): VueI18n.TranslateResult {
+    if (errorReason === SubscribeErrorReason.normal) return ''
+    switch (errorReason) {
+      case errorReason & SubscribeErrorReason.qosSubFailed: {
+        return this.$t('connections.qosSubFailed')
+      }
+      case errorReason & SubscribeErrorReason.qosSubSysFailed: {
+        return this.$t('connections.qosSubSysFailed')
+      }
+      case errorReason & SubscribeErrorReason.emptySubFailed: {
+        return this.$t('connections.emptySubFailed')
+      }
+    }
+    return this.$t('connections.unknowSubFailed')
+  }
+
+  public async resubscribe() {
+    this.getCurrentConnection(this.connectionId)
+    for (let sub of this.subsList) {
+      this.subRecord = { ...sub }
+      if (this.subRecord.disabled === false) {
+        await this.subscribe(this.subRecord)
+      }
+    }
+  }
 
-      this.currentConnection.client.subscribe(topic, { qos }, (error: string, res: SubscriptionModel[]) => {
+  private saveTopicToSubList(topic: string, qos: QoS, index?: number, aliasArr?: string[]): void {
+    const existTopicIndex: number = this.subsList.findIndex((item: SubscriptionModel) => item.topic === topic)
+    if (existTopicIndex !== -1) {
+      this.subsList[existTopicIndex].qos = qos
+    } else {
+      let { topic: unuseTopic, color, alias, id, ...others } = this.subRecord
+      if (index !== undefined && aliasArr !== undefined) {
+        alias = aliasArr ? aliasArr[index] : alias
+        if (index > 0) {
+          color = getRandomColor()
+          id = getSubscriptionId()
+        }
+      }
+      this.subsList.push({
+        topic,
+        id,
+        color,
+        alias,
+        ...others,
+      })
+    }
+  }
+
+  public async subscribe(
+    { topic, alias, qos, nl, rap, rh, subscriptionIdentifier, disabled }: SubscriptionModel,
+    isAuto?: boolean,
+    enable?: boolean,
+  ) {
+    if (isAuto) {
+      this.subRecord.nl = nl
+      this.subRecord.rap = rap
+      this.subRecord.rh = rh
+      this.subRecord.topic = topic
+      this.subRecord.qos = qos
+      this.subRecord.subscriptionIdentifier = subscriptionIdentifier
+      this.subRecord.disabled = disabled
+      this.subRecord.color = getRandomColor()
+    }
+    let isFinshed = false
+    if (this.client.subscribe) {
+      const topicsArr = this.multiTopics ? topic.split(',') : topic
+      const aliasArr = this.multiTopics ? alias?.split(',') : alias
+      let properties: { subscriptionIdentifier: number } | undefined = undefined
+      if (this.record.mqttVersion === '5.0' && subscriptionIdentifier) {
+        properties = {
+          subscriptionIdentifier,
+        }
+      }
+      this.client.subscribe(topicsArr, { qos, nl, rap, rh, properties }, async (error, granted) => {
+        this.subLoading = false
         if (error) {
           this.$message.error(error)
           return false
         }
-
-        if (!res || res.length < 1 || ![0, 1, 2].includes(res[0].qos)) {
-          this.$message.error(this.$t('connections.subFailed') as string)
+        let errorReason = SubscribeErrorReason.normal
+        if (!granted || (Array.isArray(granted) && granted.length < 1)) {
+        } else if (![0, 1, 2].includes(granted[0].qos) && topic.match(/^(\$SYS)/i)) {
+          errorReason = SubscribeErrorReason.qosSubSysFailed
+        } else if (![0, 1, 2].includes(granted[0].qos)) {
+          errorReason = SubscribeErrorReason.qosSubFailed
+        }
+        if (errorReason !== SubscribeErrorReason.normal) {
+          const errorReasonMsg: VueI18n.TranslateResult = this.getErrorReasonMsg(errorReason)
+          const errorMsg: string = `${this.$t('connections.subFailed')} ${errorReasonMsg}`
+          this.$message.error(errorMsg)
           return false
         }
-
-        const subscriptions: SubscriptionModel[] = this.currentConnection.subscriptions || []
-        const existTopicIndex: number = subscriptions.findIndex((item: SubscriptionModel) => item.topic === topic)
-        if (existTopicIndex !== -1) {
-          subscriptions[existTopicIndex].qos = qos
+        if (enable) {
+          this.subsList = this.setSubsDisable(topic, disabled)
         } else {
-          subscriptions.push({ ...this.subRecord })
+          if (!Array.isArray(topicsArr)) {
+            this.saveTopicToSubList(topic, qos)
+          } else {
+            topicsArr.forEach((topic, index) => {
+              this.saveTopicToSubList(topic, qos, index, aliasArr as string[])
+            })
+          }
+        }
+        this.record.subscriptions = this.subsList
+        if (this.record.id) {
+          updateConnection(this.record.id, this.record)
+          this.changeSubs({ id: this.connectionId, subscriptions: this.subsList })
+          this.showDialog = false
         }
-        this.record.subscriptions = subscriptions
-        updateConnection(this.record.id as string, this.record)
-        this.changeSubs({ id: this.connectionId, subscriptions })
-        this.subsList = subscriptions
-        this.showDialog = false
-        return true
+        isFinshed = true
       })
+    }
+    const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
+
+    // TODO: maybe we should replace mqtt.js to mqtt-async.js
+    await new Promise(async (resolve) => {
+      // long pool query base on sleep
+      while (!isFinshed) {
+        await sleep(100)
+      }
+      resolve(isFinshed)
     })
   }
 
-  private removeSubs(row: SubscriptionModel): void | boolean {
-    if (!this.currentConnection.client || !this.currentConnection.client.connected) {
-      this.$notify({
-        title: this.$tc('connections.notConnect'),
-        message: '',
-        type: 'error',
-        duration: 3000,
-        offset: 30,
-      })
-      return false
+  private async updateSub() {
+    if (this.selectedTopic) {
+      const res = await this.unsubscribe(this.selectedTopic)
+      if (res) {
+        this.subscribe(this.subRecord)
+      }
     }
-    const { topic, qos } = row
-    this.currentConnection.client.unsubscribe(topic, { qos }, (error: string) => {
-      if (error) {
-        this.$message.error(error)
+  }
+
+  private unsubscribe(row: SubscriptionModel, disable?: boolean): Promise<boolean> {
+    return new Promise((resolve, reject) => {
+      if (!this.client || !this.client.connected) {
+        this.$notify({
+          title: this.$tc('connections.notConnect'),
+          message: '',
+          type: 'error',
+          duration: 3000,
+          offset: 30,
+        })
+        resolve(false)
         return false
       }
-      const payload: {
-        id: string
-        subscriptions: SubscriptionModel[]
-      } = {
-        id: this.record.id as string,
-        subscriptions: this.subsList.filter(($: SubscriptionModel) => $.topic !== topic),
+      this.unsubLoading = true
+      const { topic, qos, disabled } = row
+      if (this.client.unsubscribe) {
+        this.client.unsubscribe(topic, { qos }, async (error) => {
+          this.unsubLoading = false
+          if (error) {
+            this.$message.error(error)
+            resolve(false)
+            return false
+          }
+          if (this.record.id) {
+            let payload: {
+              id: string
+              subscriptions: SubscriptionModel[]
+            } = {
+              id: this.record.id,
+              subscriptions: [],
+            }
+            if (disable) {
+              payload.subscriptions = this.setSubsDisable(topic, disabled)
+            } else {
+              payload.subscriptions = this.subsList.filter((sub: SubscriptionModel) => sub.topic !== topic)
+            }
+            this.record.subscriptions = payload.subscriptions
+            updateConnection(this.record.id, this.record)
+            this.changeSubs(payload)
+            this.$emit('deleteTopic')
+            this.subsList = payload.subscriptions
+            resolve(true)
+            return true
+          }
+        })
       }
-      this.record.subscriptions = payload.subscriptions
-      updateConnection(this.record.id as string, this.record)
-      this.changeSubs(payload)
-      this.subsList = payload.subscriptions
-      return true
     })
   }
 
   private resetSubs() {
     this.subForm.clearValidate()
     this.subForm.resetFields()
+    this.subRecord.topic = 'testtopic/#'
+    this.subRecord.qos = 0
+    this.subRecord.alias = ''
+    this.subRecord.nl = undefined
+    this.subRecord.rap = undefined
+    this.subRecord.rh = undefined
+    this.subRecord.subscriptionIdentifier = undefined
+    this.subRecord.disabled = false
+    this.selectedTopic = null
+  }
+
+  private setSubsDisable(topic: string, disabled: boolean) {
+    return this.subsList.map((sub: SubscriptionModel) => {
+      if (sub.topic === topic) {
+        sub.disabled = disabled
+      }
+      return sub
+    })
   }
 
   private getCurrentConnection(id: string) {
     const $activeConnection = this.activeConnection[id]
-    const { clean } = this.record
     if ($activeConnection) {
-      this.currentConnection = $activeConnection
-      if (clean) {
-        this.subsList = $activeConnection.subscriptions || []
-      } else {
-        this.subsList = this.record.subscriptions
-      }
-    } else {
-      this.currentConnection = {}
-      this.subsList = this.record.subscriptions
+      this.client = $activeConnection.client
     }
   }
 
@@ -288,13 +571,17 @@ export default class SubscriptionsList extends Vue {
     this.copySuccess = true
     setTimeout(() => {
       this.copySuccess = false
-    }, 1000)
+    }, 1500)
   }
+
   private stopClick(): boolean {
-    return false
+    return true
   }
 
   private handleClickTopic(item: SubscriptionModel, index: number) {
+    if (item.disabled) {
+      return
+    }
     if (this.topicActiveIndex === null || this.topicActiveIndex !== index) {
       this.topicActiveIndex = index
       this.$emit('onClickTopic', item, false)
@@ -304,6 +591,71 @@ export default class SubscriptionsList extends Vue {
     }
   }
 
+  private handleContextMenu(row: SubscriptionModel, event: MouseEvent) {
+    if (!this.showContextmenu) {
+      const { clientX, clientY } = event
+      this.contextmenuConfig.top = clientY
+      this.contextmenuConfig.left = clientX
+      this.showContextmenu = true
+      this.selectedTopic = row
+    } else {
+      this.showContextmenu = false
+    }
+  }
+
+  private handleTopicEdit() {
+    this.isEdit = true
+    this.showContextmenu = false
+    this.showDialog = true
+    this.setColor()
+    this.setNewSubscribeId()
+    if (this.selectedTopic) {
+      this.subRecord = _.cloneDeep(this.selectedTopic)
+      this.topicColor = this.selectedTopic.color || getRandomColor()
+    }
+  }
+
+  private getPopoverContent(copied: boolean, sub: SubscriptionModel): string {
+    if (copied) {
+      return this.$tc('connections.topicCopied')
+    }
+    let topicString = sub.topic
+    if (sub.subscriptionIdentifier) {
+      topicString = `
+        Topic: ${topicString},
+        ${this.$tc('connections.subscriptionIdentifier')}: ${sub.subscriptionIdentifier}
+      `
+    }
+    return topicString
+  }
+
+  private getTopicDisabled() {
+    return this.selectedTopic?.disabled
+  }
+
+  private async setTopicDisabled(disable: boolean) {
+    this.showContextmenu = false
+    if (!this.client || !this.client.connected) {
+      this.$notify({
+        title: this.$tc('connections.notConnect'),
+        message: '',
+        type: 'error',
+        duration: 3000,
+        offset: 30,
+      })
+      return
+    }
+    if (!this.selectedTopic) {
+      return
+    }
+    this.selectedTopic.disabled = disable
+    if (disable) {
+      await this.unsubscribe(this.selectedTopic, true)
+    } else {
+      await this.subscribe(this.selectedTopic, false, true)
+    }
+  }
+
   private created() {
     this.getCurrentConnection(this.connectionId)
   }
@@ -311,6 +663,9 @@ export default class SubscriptionsList extends Vue {
 </script>
 
 <style lang="scss">
+@import '~@/assets/scss/variable.scss';
+@import '~@/assets/scss/mixins.scss';
+
 .subscriptions-list-view {
   &.el-card {
     border-top: 0px;
@@ -334,9 +689,9 @@ export default class SubscriptionsList extends Vue {
     }
   }
   .el-card__body {
-    padding: 16px;
+    padding: 16px 16px 0 16px;
     height: 100%;
-    overflow: scroll;
+    overflow: auto;
     .topics-item {
       cursor: pointer;
       color: var(--color-text-title);
@@ -431,11 +786,59 @@ export default class SubscriptionsList extends Vue {
 .topic-dialog {
   .el-dialog__body {
     padding: 20px 20px 0 20px;
+    .qos-tip {
+      position: absolute;
+      top: 40px;
+      right: 36px;
+    }
+    .qos-select {
+      .el-input .el-input__inner {
+        background: transparent;
+      }
+    }
     .el-color-picker {
       position: absolute;
       right: 0;
       top: 6px;
     }
+    .topic-mqtt5-title {
+      margin: 0 0 10px 10px;
+    }
+    .topic-mqtt5 {
+      .el-form-item {
+        margin-bottom: 8px;
+        .el-form-item__label {
+          text-align: left;
+        }
+      }
+    }
+    a.collapse-btn {
+      color: var(--color-text-light);
+      font-size: 1rem;
+      position: relative;
+      top: 1px;
+    }
+    @include collapse-btn-transform(0deg, 180deg);
+    .icon-oper {
+      color: var(--color-text-default);
+      float: right;
+      &:hover {
+        color: var(--color-main-green);
+      }
+    }
+  }
+}
+.topic-tooltip {
+  color: var(--color-bg-normal);
+  padding: 8px;
+  font-size: $font-size--tips;
+  background: var(--color-bg-popover);
+  text-align: center;
+  min-width: 120px;
+  border-radius: 4px;
+  .popper__arrow::after {
+    bottom: 0px !important;
+    border-top-color: var(--color-bg-popover) !important;
   }
 }
 </style>
diff --git a/web/src/lang/common.ts b/web/src/lang/common.ts
index 479eda94a..e00430d61 100644
--- a/web/src/lang/common.ts
+++ b/web/src/lang/common.ts
@@ -29,6 +29,21 @@ export default {
     en: 'Save',
     ja: '保存',
   },
+  reset: {
+    zh: '重置',
+    en: 'Reset',
+    ja: 'リセット',
+  },
+  disable: {
+    zh: '禁用',
+    en: 'Disable',
+    ja: '無効にする',
+  },
+  enable: {
+    zh: '启用',
+    en: 'Enable',
+    ja: '有効',
+  },
   noData: {
     zh: '暂无数据',
     en: 'No Data',
diff --git a/web/src/lang/connections.ts b/web/src/lang/connections.ts
index 8dbca1e60..7e9ca93d7 100644
--- a/web/src/lang/connections.ts
+++ b/web/src/lang/connections.ts
@@ -84,11 +84,36 @@ export default {
     en: 'New Subscription',
     ja: 'サブスクリプション追加',
   },
+  editSubscription: {
+    zh: '编辑订阅',
+    en: 'Edit Subscription',
+    ja: 'サブスクリプションの編集',
+  },
   subFailed: {
     zh: '订阅失败',
     en: 'Subscribe Failed',
     ja: 'サブスクリプションが失敗しました',
   },
+  qosSubSysFailed: {
+    zh: '拒绝了 $SYS 主题，错误的 QoS，MQTT Broker 拒绝了订阅。请检查 ACL 配置',
+    en: 'Rejected the $SYS topic,Unexpected QoS, MQTT Broker declined the subscription. Please check ACL configuration',
+    ja: '$SYSトピックを拒否しま。した予期しないQoS、MQTT Brokerはサブスクリプションを拒否しました。ACL構成を確認してください',
+  },
+  qosSubFailed: {
+    zh: '错误的 QoS, SubACK 失败, 请检查 MQTT broker ACL 设置',
+    en: 'Unexpected QoS, SubACK failed, Please check MQTT broker ACL configuration',
+    ja: '予期しないQoS, SubACK失敗、MQTT Broker ACL構成を確認してください',
+  },
+  emptySubFailed: {
+    zh: '订阅为空',
+    en: 'Subscription is empty',
+    ja: 'サブスクリプションは空です',
+  },
+  unknowSubFailed: {
+    zh: '未知的订阅错误',
+    en: 'Unknown subscription error',
+    ja: '不明なサブスクリプションエラー',
+  },
   connected: {
     zh: '已连接',
     en: 'Connected',
@@ -234,6 +259,11 @@ export default {
     en: 'You cannot publish the message to a Topic that contains wildcards characters #, +',
     ja: 'ワイルドカード文字 #、+ を含むトピックにメッセージを送信できません',
   },
+  topicTips: {
+    zh: '可订阅单个或多个主题，订阅多主题时，请使用逗号分隔（,）',
+    en: 'You can subscribe to single or multiple topics, please use comma separation to subscribe to multiple topics (,)',
+    ja: '複数のトピックを購読する場合は、カンマで区切ってください（,）。',
+  },
   payloadReuired: {
     zh: '请输入 Payload',
     en: 'Payload is required',
@@ -324,6 +354,11 @@ export default {
     en: 'Alias',
     ja: '別名',
   },
+  aliasTip: {
+    zh: '为多主题设置别名时，也使用逗号分隔符（,）',
+    en: 'Comma separator (,) is also used when setting aliases for multiple topics',
+    ja: '複数のトピックにエイリアスを設定する場合は、カンマ区切り（,）も使用されます。',
+  },
   metaTips: {
     zh: '仅在 MQTT 5.0 中启用',
     en: 'Enabled only with MQTT 5.0',
diff --git a/web/src/types/global.d.ts b/web/src/types/global.d.ts
index 21782b0df..3c07fe412 100644
--- a/web/src/types/global.d.ts
+++ b/web/src/types/global.d.ts
@@ -11,9 +11,15 @@ declare global {
 
   type Protocol = 'ws' | 'wss'
 
+  type PayloadType = 'Plaintext' | 'Base64' | 'JSON' | 'Hex'
+
   type QoS = 0 | 1 | 2
 
-  type PayloadType = 'Plaintext' | 'Base64' | 'JSON' | 'Hex'
+  type QoSList = [0, 1, 2]
+
+  type RetainHandling = 0 | 1 | 2
+
+  type RetainHandlingList = [0, 1, 2]
 
   type MessageType = 'all' | 'received' | 'publish'
 
@@ -57,28 +63,39 @@ declare global {
     editorLayout: () => void
   }
 
+  // Vuex state
   interface ActiveConnection {
-    readonly id: string
+    [id: string]: {
+      client: MqttClient
+      messages: MessageModel[]
+      subscriptions?: SubscriptionModel[]
+    }
   }
 
-  interface Client extends ActiveConnection {
-    client: MqttClient | {}
+  // Connections
+  interface Client {
+    readonly id: string
+    client: Partial<MqttClient>
     messages: MessageModel[]
   }
 
-  interface Message extends ActiveConnection {
+  interface Message {
+    readonly id: string
     message: MessageModel
   }
 
-  interface ClientInfo extends ActiveConnection {
+  interface ClientInfo {
+    readonly id: string
     showClientInfo: boolean
   }
 
-  interface Subscriptions extends ActiveConnection {
+  interface Subscriptions {
+    readonly id: string
     subscriptions: SubscriptionModel[]
   }
 
-  interface UnreadMessage extends ActiveConnection {
+  interface UnreadMessage {
+    readonly id: string
     unreadMessageCount?: 0
   }
 
@@ -140,14 +157,20 @@ declare global {
 
   type NameCallBack = (name: string) => string
 
-  type QoSList = [0, 1, 2]
-
   interface SubscriptionModel {
+    id?: string
     topic: string
+    qos: QoS
+    disabled: boolean
     alias?: string
-    qos: 0 | 1 | 2
     retain?: boolean
     color?: string
+    createAt: string
+    // MQTT 5.0 only
+    nl?: boolean
+    rap?: boolean
+    rh?: RetainHandling
+    subscriptionIdentifier?: number | null
   }
 
   interface MessageModel {
diff --git a/web/src/views/connections/ConnectionsDetail.vue b/web/src/views/connections/ConnectionsDetail.vue
index 6da7905a0..38935acec 100644
--- a/web/src/views/connections/ConnectionsDetail.vue
+++ b/web/src/views/connections/ConnectionsDetail.vue
@@ -148,11 +148,14 @@
           </div>
         </div>
         <SubscriptionsList
+          v-if="$route.params.id"
+          ref="subList"
           :subsVisible.sync="showSubs"
           :connectionId="$route.params.id"
           :record="record"
           :top="showClientInfo ? bodyTop.open : bodyTop.close"
           @onClickTopic="handleTopicClick"
+          @deleteTopic="handleTopicDelete"
         />
         <MessageList
           ref="messagesDisplay"
@@ -242,7 +245,7 @@ export default class ConnectionsDetail extends Vue {
 
   @Action('CHANGE_SUBSCRIPTIONS') private changeSubs!: (payload: Subscriptions) => void
   @Action('CHANGE_ACTIVE_CONNECTION') private changeActiveConnection!: (payload: Client) => void
-  @Action('REMOVE_ACTIVE_CONNECTION') private removeActiveConnection!: (payload: ActiveConnection) => void
+  @Action('REMOVE_ACTIVE_CONNECTION') private removeActiveConnection!: (payload: { readonly id: string }) => void
   @Action('SHOW_CLIENT_INFO') private changeShowClientInfo!: (payload: ClientInfo) => void
   @Action('SHOW_SUBSCRIPTIONS') private changeShowSubscriptions!: (payload: SubscriptionsVisible) => void
   @Action('UNREAD_MESSAGE_COUNT_INCREMENT') private unreadMessageIncrement!: (payload: UnreadMessage) => void
@@ -529,11 +532,14 @@ export default class ConnectionsDetail extends Vue {
     })
   }
 
+  // Return messages
   private getMessages() {
     this.messagesAddedNewItem = false
     this.msgType = 'all'
     this.messages = _.cloneDeep(this.record.messages)
   }
+
+  // Clear messages
   private handleMsgClear() {
     this.messages = []
     this.record.messages = []
@@ -544,6 +550,8 @@ export default class ConnectionsDetail extends Vue {
     })
     updateConnection(this.record.id as string, this.record)
   }
+
+  // Message type changed
   private async handleMsgTypeChanged(type: MessageType) {
     this.messagesAddedNewItem = false
     const setChangedMessages = (changedType: MessageType, msgData: MessageModel[]) => {
@@ -566,6 +574,8 @@ export default class ConnectionsDetail extends Vue {
       setChangedMessages(type, this.record.messages)
     }
   }
+
+  // Search messages
   private async searchByTopic() {
     this.searchLoading = true
     setTimeout(() => {
@@ -582,6 +592,14 @@ export default class ConnectionsDetail extends Vue {
       }
     }
   }
+
+  // Delete topic item
+  private handleTopicDelete() {
+    this.getMessages()
+    this.scrollToBottom()
+  }
+
+  // Click topic item
   private async handleTopicClick(sub: SubscriptionModel, reset: boolean) {
     this.getMessages()
     if (reset) {
diff --git a/web/yarn.lock b/web/yarn.lock
index fbf7115e6..bdab0ba22 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -948,6 +948,13 @@
   resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.17.0.tgz#f99ce359f1bfd87da90cc4a57cab0a18f34a48d0"
   integrity sha512-eHSaNYEyxRA5IAG0Ym/yCyf86niZUIF/TpWKofQI/CVfh5HsMEUyfE2kwFxha4ow0s5g0LfISQxpDKjbRDrizw==
 
+"@types/ws@^8.5.3":
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.3.tgz#7d25a1ffbecd3c4f2d35068d0b283c037003274d"
+  integrity sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w==
+  dependencies:
+    "@types/node" "*"
+
 "@typescript-eslint/eslint-plugin@^3.8.0":
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.10.1.tgz#7e061338a1383f59edc204c605899f93dc2e2c8f"
@@ -1871,7 +1878,7 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-js@^1.0.2, base64-js@^1.3.0, base64-js@^1.3.1:
+base64-js@^1.0.2, base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
@@ -2269,14 +2276,6 @@ call-me-maybe@^1.0.1:
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
   integrity sha512-wCyFsDQkKPwwF8BDwOiWNx/9K45L/hvggQiDbve+viMNMQnWhrlYIuBk09offfwCRtCO9P6XwUttufzU11WCVw==
 
-callback-stream@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/callback-stream/-/callback-stream-1.1.0.tgz#4701a51266f06e06eaa71fc17233822d875f4908"
-  integrity sha512-sAZ9kODla+mGACBZ1IpTCAisKoGnv6PykW7fPk1LrM+mMepE18Yz0515yoVcrZy7dQsTUp3uZLQ/9Sx1RnLoHw==
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "> 1.0.0 < 3.0.0"
-
 caller-callsite@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
@@ -2728,7 +2727,7 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concat-stream@1.6.2, concat-stream@^1.5.0, concat-stream@^1.6.2:
+concat-stream@1.6.2, concat-stream@^1.5.0:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -2738,6 +2737,16 @@ concat-stream@1.6.2, concat-stream@^1.5.0, concat-stream@^1.6.2:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
+concat-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1"
+  integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.0.2"
+    typedarray "^0.0.6"
+
 connect-history-api-fallback@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
@@ -3167,14 +3176,6 @@ cypress@^3.2.0:
     url "0.11.0"
     yauzl "2.10.0"
 
-d@1, d@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
-  dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
-
 dashdash@^1.12.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
@@ -3229,7 +3230,7 @@ debug@^3.1.0, debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -3538,6 +3539,16 @@ duplexify@^3.4.2, duplexify@^3.6.0:
     readable-stream "^2.0.0"
     stream-shift "^1.0.0"
 
+duplexify@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-4.1.2.tgz#18b4f8d28289132fa0b9573c898d9f903f81c7b0"
+  integrity sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==
+  dependencies:
+    end-of-stream "^1.4.1"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+    stream-shift "^1.0.0"
+
 easy-stack@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/easy-stack/-/easy-stack-1.0.1.tgz#8afe4264626988cabb11f3c704ccd0c835411066"
@@ -3706,63 +3717,6 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.50, es5-ext@~0.10.14:
-  version "0.10.62"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.62.tgz#5e6adc19a6da524bf3d1e02bbc8960e5eb49a9a5"
-  integrity sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==
-  dependencies:
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.3"
-    next-tick "^1.1.0"
-
-es6-iterator@^2.0.3, es6-iterator@~2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-map@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
-  integrity sha512-mz3UqCh0uPCIqsw1SSAkB/p0rOzF/M0V++vyN7JqlPtSW/VsYgQBvVvqMLmfBuyMzTpLnNqi6JmcSizs4jy19A==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-set "~0.1.5"
-    es6-symbol "~3.1.1"
-    event-emitter "~0.3.5"
-
-es6-set@~0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
-  integrity sha512-7S8YXIcUfPMOr3rqJBVMePAbRsD1nWeSMQ86K/lDI76S3WKXz+KWILvTIPbTroubOkZTGh+b+7/xIIphZXNYbA==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-symbol "3.1.1"
-    event-emitter "~0.3.5"
-
-es6-symbol@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
-  integrity sha512-exfuQY8UGtn/N+gL1iKkH8fpNd5sJ760nJq6mmZAHldfxMD5kX07lbQuYlspoXsuknXNv9Fb7y2GsPOnQIbxHg==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
-es6-symbol@^3.1.1, es6-symbol@^3.1.3, es6-symbol@~3.1.1:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
-  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
-  dependencies:
-    d "^1.0.1"
-    ext "^1.1.2"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -3937,14 +3891,6 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
-event-emitter@~0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
-  integrity sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
 event-pubsub@4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/event-pubsub/-/event-pubsub-4.3.0.tgz#f68d816bc29f1ec02c539dc58c8dd40ce72cb36e"
@@ -4095,13 +4041,6 @@ express@^4.16.3, express@^4.17.1:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-ext@^1.1.2:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.6.0.tgz#3871d50641e874cc172e2b53f919842d19db4c52"
-  integrity sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==
-  dependencies:
-    type "^2.5.0"
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4117,7 +4056,7 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
-extend@^3.0.0, extend@~3.0.2:
+extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
@@ -4613,22 +4552,6 @@ glob-parent@^5.0.0, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-stream@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-6.1.0.tgz#7045c99413b3eb94888d83ab46d0b404cc7bdde4"
-  integrity sha512-uMbLGAP3S2aDOHUDfdoYcdIePUCfysbAd0IAoWVZbeGU/oNQ8asHVSshLDJUPWxfzj8zsCG7/XeHPHTtow0nsw==
-  dependencies:
-    extend "^3.0.0"
-    glob "^7.1.1"
-    glob-parent "^3.1.0"
-    is-negated-glob "^1.0.0"
-    ordered-read-streams "^1.0.0"
-    pumpify "^1.3.5"
-    readable-stream "^2.1.5"
-    remove-trailing-separator "^1.0.1"
-    to-absolute-glob "^2.0.0"
-    unique-stream "^2.0.2"
-
 glob-to-regexp@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
@@ -4861,15 +4784,13 @@ he@1.2.x, he@^1.1.0, he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-help-me@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/help-me/-/help-me-1.1.0.tgz#8f2d508d0600b4a456da2f086556e7e5c056a3c6"
-  integrity sha512-P/IZ8yOMne3SCTHbVY429NZ67B/2bVQlcYGZh2iPPbdLrEQ/qY5aGChn0YTDmt7Sb4IKRI51fypItav+lNl76w==
+help-me@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/help-me/-/help-me-3.0.0.tgz#9803c81b5f346ad2bce2c6a0ba01b82257d319e8"
+  integrity sha512-hx73jClhyk910sidBB7ERlnhMlFsJJIBqSVMFDwPN8o2v9nmp5KgLq1Xz1Bf1fCMMZ6mPrX159iG0VLy/fPMtQ==
   dependencies:
-    callback-stream "^1.0.2"
-    glob-stream "^6.1.0"
-    through2 "^2.0.1"
-    xtend "^4.0.0"
+    glob "^7.1.6"
+    readable-stream "^3.6.0"
 
 hex-color-regex@^1.1.0:
   version "1.1.0"
@@ -5285,14 +5206,6 @@ is-absolute-url@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
   integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
 
-is-absolute@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-1.0.0.tgz#395e1ae84b11f26ad1795e73c17378e48a301576"
-  integrity sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==
-  dependencies:
-    is-relative "^1.0.0"
-    is-windows "^1.0.1"
-
 is-accessor-descriptor@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
@@ -5500,11 +5413,6 @@ is-installed-globally@0.1.0:
     global-dirs "^0.1.0"
     is-path-inside "^1.0.0"
 
-is-negated-glob@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
-  integrity sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==
-
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -5585,13 +5493,6 @@ is-regex@^1.0.4, is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-relative@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d"
-  integrity sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==
-  dependencies:
-    is-unc-path "^1.0.0"
-
 is-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
@@ -5633,13 +5534,6 @@ is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
 
-is-unc-path@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-1.0.0.tgz#d731e8898ed090a12c352ad2eaed5095ad322c9d"
-  integrity sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==
-  dependencies:
-    unc-path-regex "^0.1.2"
-
 is-weakref@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
@@ -5647,7 +5541,7 @@ is-weakref@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
-is-windows@^1.0.1, is-windows@^1.0.2:
+is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
   integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
@@ -5713,6 +5607,11 @@ js-queue@2.0.2:
   dependencies:
     easy-stack "^1.0.1"
 
+js-sdsl@^2.1.2:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-2.1.4.tgz#16f31a56cc09ec57723e0c477fdc07e1d2522627"
+  integrity sha512-/Ew+CJWHNddr7sjwgxaVeIORIH4AMVC9dy0hPf540ZGMVgS9d3ajwuVdyhDt6/QUvT8ATjR3yuYBKsS79F+H4A==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -6525,7 +6424,7 @@ move-concurrently@^1.0.1:
     rimraf "^2.5.4"
     run-queue "^1.0.3"
 
-mqtt-packet@^6.3.2:
+mqtt-packet@^6.8.0:
   version "6.10.0"
   resolved "https://registry.yarnpkg.com/mqtt-packet/-/mqtt-packet-6.10.0.tgz#c8b507832c4152e3e511c0efa104ae4a64cd418f"
   integrity sha512-ja8+mFKIHdB1Tpl6vac+sktqy3gA8t9Mduom1BA75cI+R9AHnZOiaBQwpGiWnaVJLDGRdNhQmFaAqd7tkKSMGA==
@@ -6534,27 +6433,28 @@ mqtt-packet@^6.3.2:
     debug "^4.1.1"
     process-nextick-args "^2.0.1"
 
-mqtt@4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/mqtt/-/mqtt-4.2.1.tgz#7dbc4a01b5188186db90919c6fce318692c77004"
-  integrity sha512-Iv893r+jWlo5GkNcPOfCGwW8M49IixwHiKLFFYTociEymSibUVCORVEjPXWPGzSxhn7BdlUeHicbRmWiv0Crkg==
+mqtt@4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/mqtt/-/mqtt-4.3.7.tgz#42985ca490ea25d2c12c119d83c632db6dc9d589"
+  integrity sha512-ew3qwG/TJRorTz47eW46vZ5oBw5MEYbQZVaEji44j5lAUSQSqIEoul7Kua/BatBW0H0kKQcC9kwUHa1qzaWHSw==
   dependencies:
-    base64-js "^1.3.0"
     commist "^1.0.0"
-    concat-stream "^1.6.2"
+    concat-stream "^2.0.0"
     debug "^4.1.1"
-    end-of-stream "^1.4.1"
-    es6-map "^0.1.5"
-    help-me "^1.0.1"
+    duplexify "^4.1.1"
+    help-me "^3.0.0"
     inherits "^2.0.3"
+    lru-cache "^6.0.0"
     minimist "^1.2.5"
-    mqtt-packet "^6.3.2"
+    mqtt-packet "^6.8.0"
+    number-allocator "^1.0.9"
     pump "^3.0.0"
-    readable-stream "^2.3.6"
+    readable-stream "^3.6.0"
     reinterval "^1.1.0"
+    rfdc "^1.3.0"
     split2 "^3.1.0"
-    ws "^7.3.1"
-    xtend "^4.0.1"
+    ws "^7.5.5"
+    xtend "^4.0.2"
 
 ms@2.0.0:
   version "2.0.0"
@@ -6635,11 +6535,6 @@ neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1, neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-next-tick@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
-  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
-
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -6790,6 +6685,14 @@ num2fraction@^1.2.2:
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
   integrity sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==
 
+number-allocator@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/number-allocator/-/number-allocator-1.0.10.tgz#efc4c665e45bf60f0ad172aca1540e093b5292e8"
+  integrity sha512-K4AvNGKo9lP6HqsZyfSr9KDaqnwFzW203inhQEOwFrmFaYevpdX4VNwdOLk197aHujzbT//z6pCBrCOUYSM5iw==
+  dependencies:
+    debug "^4.3.1"
+    js-sdsl "^2.1.2"
+
 number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
@@ -6976,13 +6879,6 @@ ora@^3.4.0:
     strip-ansi "^5.2.0"
     wcwidth "^1.0.1"
 
-ordered-read-streams@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz#77c0cb37c41525d64166d990ffad7ec6a0e1363e"
-  integrity sha512-Z87aSjx3r5c0ZB7bcJqIgIRX5bxR7A4aSzvIbaxd0oTkWBCOoKfuGHiKj60CHVUgg1Phm5yMZzBdt8XqRs73Mw==
-  dependencies:
-    readable-stream "^2.0.1"
-
 os-browserify@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
@@ -7799,7 +7695,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3, pumpify@^1.3.5:
+pumpify@^1.3.3:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
   integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
@@ -7925,7 +7821,7 @@ read-pkg@^5.0.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", "readable-stream@> 1.0.0 < 3.0.0", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -7938,7 +7834,7 @@ read-pkg@^5.0.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.0.0, readable-stream@^3.0.6, readable-stream@^3.4.0, readable-stream@^3.6.0:
+readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
   integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
@@ -8248,6 +8144,11 @@ retry@^0.12.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
 
+rfdc@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
+  integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
+
 rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
@@ -9166,15 +9067,7 @@ throttleit@^1.0.0:
   resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.0.tgz#9e785836daf46743145a5984b6268d828528ac6c"
   integrity sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==
 
-through2-filter@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-3.0.0.tgz#700e786df2367c2c88cd8aa5be4cf9c1e7831254"
-  integrity sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==
-  dependencies:
-    through2 "~2.0.0"
-    xtend "~4.0.0"
-
-through2@^2.0.0, through2@^2.0.1, through2@~2.0.0:
+through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -9223,14 +9116,6 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
-to-absolute-glob@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1865f43d9e74b0822db9f145b78cff7d0f7c849b"
-  integrity sha512-rtwLUQEwT8ZeKQbyFJyomBRYXyE16U5VKuy0ftxLMK/PZb2fkOsg5r9kHdauuVDbsNdIBoC/HCthpidamQFXYA==
-  dependencies:
-    is-absolute "^1.0.0"
-    is-negated-glob "^1.0.0"
-
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -9402,16 +9287,6 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-type@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
-  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
-
-type@^2.5.0:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
-  integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==
-
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -9440,11 +9315,6 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
-unc-path-regex@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
-  integrity sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==
-
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -9509,14 +9379,6 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
-unique-stream@^2.0.2:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-2.3.1.tgz#c65d110e9a4adf9a6c5948b28053d9a8d04cbeac"
-  integrity sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==
-  dependencies:
-    json-stable-stringify-without-jsonify "^1.0.1"
-    through2-filter "^3.0.0"
-
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
@@ -10125,7 +9987,7 @@ ws@^6.0.0, ws@^6.1.2, ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
-ws@^7.3.1:
+ws@^7.5.5:
   version "7.5.9"
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
   integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
@@ -10140,7 +10002,7 @@ xmlchars@^2.1.1:
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
+xtend@^4.0.0, xtend@^4.0.2, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==