Feature Request: Focus window only when debugger is paused #93 (#95)

Looks good.

Author: aaliyahw

_locales/en/messages.json

@@ -263,5 +263,8 @@
     },
     "no_detected_remote_connections": {
         "message": "No detected remote connections"
+    },
+    "focusOnBreakpoint": {
+        "message": "Focus on Debugger Paused"
     }
 }

background.js

@@ -184,7 +184,7 @@ ngApp
             return promise;
         }
         tasks(socket, options) {
-            return new Promise(resolve => {
+            let t1 = new Promise(resolve => {
                 let autoResume = options && options.autoResume ? options.autoResume : false;
                 if (autoResume) {
                     this.autoResumeInspectBrk(socket)
@@ -195,6 +195,15 @@ ngApp
                     resolve(socket);
                 }
             });
+            let t2 = new Promise(resolve => {
+                let focusOnBreakpoint = options && options.focusOnBreakpoint ? options.focusOnBreakpoint : false;
+                if (focusOnBreakpoint) this.focusOnBreakpoint(socket);
+                resolve(socket);
+            });
+            return Promise.all([t1, t2])
+            .then(() => {
+                return Promise.resolve(socket);
+            });
         }
         autoResumeInspectBrk(socket) {
             let parsedData = {};
@@ -227,6 +236,25 @@ ngApp
                 resolve(socket);
             });
         }
+        focusOnBreakpoint(socket) {
+            socket.ws.onmessage = event => {
+                let parsed = JSON.parse(event.data),
+                    ws,
+                    id;
+                switch(parsed.method) {
+                    case 'Debugger.paused':
+                        ws = event.currentTarget.url.split('ws://')[1];
+                        id = $scope.devToolsSessions.find(session => session.url.includes(ws)).id;
+                        chrome.tabs.update(id, { active: true }, tab => {
+                            chrome.windows.update(tab.windowId, { focused: true }, window => {
+                                if ($scope.settings.debugVerbosity >= 4) console.log(`focusOnBreakpoint(): window: ${window.id} tab: ${tab.id}`);
+                            });
+                        });
+                        break;
+                }
+                if ($scope.settings.debugVerbosity >= 1) console.log(event);
+            }
+        }
     }
     class PubSub {
         constructor() {
@@ -730,7 +758,8 @@ ngApp
             enabled: true,
             maxMessages: 10
         },
-        autoResumeInspectBrk: false
+        autoResumeInspectBrk: false,
+        focusOnBreakpoint: false
     };
     $scope.remoteConnectionSettings = {};
     $scope.Auth = new Auth();
@@ -1565,7 +1594,10 @@ ngApp
             } else {
                 inspectorURL = nodeInspectMetadataJSON.webSocketDebuggerUrl;
             }
-            let dtpSocketPromise = $scope.devToolsProtocolClient.setSocket(websocketId, inspectorURL, { autoResume: $scope.settings.autoResumeInspectBrk });
+            let dtpSocketPromise = $scope.devToolsProtocolClient.setSocket(websocketId, inspectorURL, {
+                autoResume: $scope.settings.autoResumeInspectBrk,
+                focusOnBreakpoint: $scope.settings.focusOnBreakpoint
+            });
             if ($scope.settings.newWindow) {
                 $window._gaq.push(['_trackEvent', 'Program Event', 'createWindow', 'focused', + $scope.settings.windowFocused, true]);
                 chrome.windows.create({
@@ -1637,13 +1669,17 @@ ngApp
 
         if (existingSession) {
             existingSession.websocketId = websocketId;
-            $scope.devToolsProtocolClient.updateSocket(websocketId, socketUrl, { autoResume: $scope.settings.autoResumeInspectBrk })
+            $scope.devToolsProtocolClient.updateSocket(websocketId, socketUrl, { autoResume: $scope.settings.autoResumeInspectBrk,
+                focusOnBreakpoint: $scope.settings.focusOnBreakpoint
+            })
             .then(dtpSocket => {
                 existingSession.dtpSocket = dtpSocket;
             });
         } else {
             /** A session will not exist if the tab is reused during a node restart */
-            $scope.devToolsProtocolClient.setSocket(websocketId, socketUrl, { autoResume: $scope.settings.autoResumeInspectBrk })
+            $scope.devToolsProtocolClient.setSocket(websocketId, socketUrl, { autoResume: $scope.settings.autoResumeInspectBrk,
+                focusOnBreakpoint: $scope.settings.focusOnBreakpoint
+            })
             .then(dtpSocket => {
                 $scope.devToolsSessions.push({
                     url: url,

options.html

@@ -82,6 +82,15 @@
                         </div>
                         <span class="i18n">makeInspectorTabActive</span>
                     </li>
+                    <li class="collection-item">
+                        <div class="switch right">
+                            <label><span class="i18n">off</span>
+                                <input type="checkbox" ng-model="bg.settings.focusOnBreakpoint" id="Focus on Breakpoint" class="ga-track">
+                                <span class="lever"></span><span class="i18n">on</span>
+                            </label>
+                        </div>
+                        <span class="i18n">focusOnBreakpoint</span>
+                    </li>
                     <li class="collection-item">
                         <div class="switch right">
                             <label><span class="i18n">off</span>