Improve annoying livereload reload behaviour for main/webview processes

meetfranz · Jan 5, 2018 · f9cb20f · f9cb20f
1 parent d375d08
commit f9cb20f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/gulpfile.babel.js b/gulpfile.babel.js
@@ -112,8 +112,6 @@ export function watch() {
 export function webserver() {
   gulp.src([
     paths.dest,
-    `!${paths.dest}/electron/**`,
-    `!${paths.dest}/webview/**`,
   ])
     .pipe(server({
       livereload: true,

diff --git a/src/index.html b/src/index.html
@@ -23,6 +23,24 @@
         s.async = true;
         s.setAttribute('src', lrHost + '/livereload.js');
         document.body.appendChild(s);
+
+        s.onload = () => {
+          console.log('livereload loaded');
+          const originalReloadBehaviour = window._onLiveReloadFileChanged;
+
+          window._onLiveReloadFileChanged = (file) => {
+            if (!file.path.includes('/build/webview/') && !file.path.includes('/build/index.js') && !file.path.includes('/build/electron/')) {
+              originalReloadBehaviour(file);
+            } else {              
+              if (file.path.includes('/build/webview/')) {
+                console.log('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');
+              }
+            }
+          }
+        }
       })();
     }
   </script>