From f553b0faa01e3a9c1882442dcb3a8ee4230a530e Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Thu, 29 Sep 2022 10:57:21 +0200
Subject: [PATCH] fix: duplicate port when reloading page, fix #1954

---
 packages/shell-chrome/src/devtools.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/shell-chrome/src/devtools.js b/packages/shell-chrome/src/devtools.js
index 88ce82d27..294c93b93 100644
--- a/packages/shell-chrome/src/devtools.js
+++ b/packages/shell-chrome/src/devtools.js
@@ -3,6 +3,10 @@
 import { initDevTools, setAppConnected } from '@front'
 import { Bridge, BridgeEvents } from '@vue-devtools/shared-utils'
 
+let disconnected = false
+let connectCount = 0
+let retryConnectTimer
+
 initDevTools({
 
   /**
@@ -16,15 +20,12 @@ initDevTools({
     injectScript(chrome.runtime.getURL('build/backend.js'), () => {
       // 2. connect to background to setup proxy
       let port
-      let disconnected = false
-      let connectCount = 0
-      let timer
 
       const onMessageHandlers = []
 
       function connect () {
         try {
-          clearTimeout(timer)
+          clearTimeout(retryConnectTimer)
           connectCount++
           port = chrome.runtime.connect({
             name: '' + chrome.devtools.inspectedWindow.tabId,
@@ -35,7 +36,7 @@ initDevTools({
             setAppConnected(false)
 
             // Retry
-            timer = setTimeout(connect, 1000)
+            retryConnectTimer = setTimeout(connect, 1000)
           })
 
           if (connectCount > 1) {
@@ -47,7 +48,7 @@ initDevTools({
           setAppConnected(false)
 
           // Retry
-          timer = setTimeout(connect, 5000)
+          retryConnectTimer = setTimeout(connect, 5000)
         }
       }
       connect()