deleting all console logs that werent needed

Author: neyser zana

build/backgroundScript.js

@@ -1,4 +1,3 @@
-console.log("Background script running");
 var _DevtoolPort;
 var _ContentscriptPort;
 
@@ -8,17 +7,13 @@ const connections = {};
 // * listens to ports being connected
 chrome.runtime.onConnect.addListener(port => {
   if (port.name === 'devtool-background-port') {
-    console.log('background script connected to devtools port', port);
-
     _DevtoolPort = port;
 
     // * receive message from devtools to trigger reactTraverse
     let extensionListener = (message, sender, res) => {
       if (message.name === 'connect' && message.tabId) {
-        // console.log('backgroundscript received connect request from devtools; message:', message)
         chrome.tabs.sendMessage(message.tabId, message);
         connections[message.tabId] = port;
-        console.log('connections obj: ', connections)
         return;
       }
     }
@@ -45,15 +40,13 @@ chrome.runtime.onMessage.addListener(function (req, sender, res) {
 
 //Remove tabId/port from connection object after tab is closed. 
 chrome.tabs.onRemoved.addListener(function(tabId) {
-  console.log('Tab: ' + tabId + 'is closed');
   delete connections[tabId];     
 });
 
 //* When react router is invoked a tab change happens and the traverser is lost. This sends a message to the content script so it can check if the traverser needs to be reinjected.
 chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
   if(!connections[tabId]){return;}
   if(changeInfo.status === 'complete' && _DevtoolPort){
-    console.log('changeInfo', changeInfo, tabId);
     chrome.tabs.sendMessage(tabId, {type: 'tabChange'});
   }
 });

build/contentScript.js

@@ -1,5 +1,3 @@
-console.log('content script running!');
-
 // * opens new port to connect to our backendscript
 let contentScriptPort;
 
@@ -24,7 +22,6 @@ chrome.runtime.onMessage.addListener((message, sender, res) => {
   // * receives message about tab update
   // TODO: change message.type to message.name 
   if(message.type && message.type === 'tabChange'){
-    console.log('--MESSAGEUPDATE--', message);
     if(!document.getElementById('traverser')){
       injectScript(chrome.extension.getURL('reactTraverser.js'));
     }
@@ -41,8 +38,7 @@ window.addEventListener('message', e => {
       {
         type: "content-script",
         message: reactDocObj
-      }, 
-      () => {console.log('send the reactDocObj from contentScript to chrome.extension.sendMessage')}
+      }
     )
   } else {
     return;

build/manifest.json

@@ -1,14 +1,10 @@
 {
   "manifest_version": 2,
   "name": "react-lucid",
-  "description": "A devtool for react developers.",
+  "description": "A React-GraphQL developer tool.",
   "version": "1.0",
   "permissions": [
-    "*://*/*",
-    "tabs",
-    "http://*/*",
-    "https://*/*",
-    "file:///*"
+    "activeTab"
   ],
   "devtools_page": "devtools.html",
   "homepage_url": "https://github.com/Gossamer-React/React-Lucid",

src/devtools.js

@@ -123,7 +123,6 @@ class App extends Component {
 
   // * Handles the tab click for tree and req/res window
   handleWindowChange(target) {
-    console.log(target);
     if (this.state.window === 'Graphql' && target.dataset.btn === 'React') {
       this.setState({ window: 'React' });
       document.querySelector('#reactbtn').classList.add('active');
@@ -186,7 +185,6 @@ class App extends Component {
   handleLogChange(reqId) {
     let req = this.state.logs[reqId];
     req.id = reqId;
-    console.log('HandleChange: ', req)
     this.setState({ logView: req });
   }