From 9f6389845af2f10e387bf75bdafd1d33f9beb690 Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Tue, 26 Feb 2019 22:24:05 +0200
Subject: [PATCH] add live update 5 seconds after last change

---
 core/src/modules/editor.js |  3 ++-
 editor/src/Editor.vue      | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/core/src/modules/editor.js b/core/src/modules/editor.js
index be690bf1..66e7ec03 100644
--- a/core/src/modules/editor.js
+++ b/core/src/modules/editor.js
@@ -53,7 +53,8 @@ export default class Editor extends Module {
                     mode: 'scss',
                     content: userscss,
                     savedContent: userscss,
-                    hoisted: true
+                    hoisted: true,
+                    liveUpdate: true
                 });
 
                 event.reply(constructFiles);
diff --git a/editor/src/Editor.vue b/editor/src/Editor.vue
index 6f5dde82..0617bb74 100644
--- a/editor/src/Editor.vue
+++ b/editor/src/Editor.vue
@@ -23,7 +23,8 @@
                 :saveFile="saveFile"
                 :newSnippet="newSnippet"
                 :saveSnippet="saveSnippet"
-                :injectStyle="injectStyle"/>
+                :injectStyle="injectStyle"
+                :toggleLiveUpdate="toggleLiveUpdate"/>
     </div>
 </template>
 
@@ -71,6 +72,7 @@
                 this.snippets = await ClientIPC.send('bd-editor-getSnippets');
 
                 this.loading = false;
+                this.liveUpdateInternal = setInterval(this.liveUpdate, 1000);
             })();
         },
         methods: {
@@ -82,6 +84,13 @@
             updateContent(item, content) {
                 item.content = content;
                 item.saved = item.content === item.savedContent;
+
+                if (this.liveUpdateTimeout) clearTimeout(this.liveUpdateTimeout);
+                if (item.liveUpdateEnabled) {
+                    this.liveUpdateTimeout = setTimeout(() => {
+                        this.injectStyle(item);
+                    }, 5000);
+                }
             },
 
             async runScript(script) {
@@ -138,10 +147,16 @@
             },
 
             async injectStyle(item) {
+                if (item.content === '') return;
                 const result = await ClientIPC.send('bd-editor-injectStyle', { id: item.name.split('.')[0], style: item.content, mode: item.mode });
                 return result;
             },
 
+            toggleLiveUpdate(item) {
+                item.liveUpdateEnabled = !item.liveUpdateEnabled;
+                return item;
+            },
+
             toggleaot() {
                 this.alwaysOnTop = !this.alwaysOnTop;
                 remote.getCurrentWindow().setAlwaysOnTop(this.alwaysOnTop);