Add debug flags to render process

1 files changed, 8 insertions, 3 deletions

diff --git a/src/index.html b/src/index.html
index 6c259e5be..5ce7f6a96 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,6 +15,11 @@
 
     const { isDevMode } = require('./environment');
     if (isDevMode) {
+      const debugging = require('debug');
+      debugging.enable(process.env.DEBUG);
+      
+      const debug = debugging('Index');
+
       document.querySelector('body').classList.add('isDevMode');
 
       (function() {
@@ -25,7 +30,7 @@
         document.body.appendChild(s);
 
         s.onload = () => {
-          console.log('livereload loaded');
+          debug('livereload loaded');
           const originalReloadBehaviour = window._onLiveReloadFileChanged;
 
           window._onLiveReloadFileChanged = (file) => {
@@ -33,10 +38,10 @@
               originalReloadBehaviour(file);
             } else {              
               if (file.path.includes('/build/webview/')) {
-                console.log('Livereload: Reloading all webvies');
+                debug('Livereload: Reloading all webvies');
                 const webviews = document.querySelectorAll('webview').forEach(webview => webview.reload());
               } else {
-                console.log('Livereload: skip reload as only main process files have changed');
+                debug('Livereload: skip reload as only main process files have changed');
               }
             }
           }