Update 0.0.2

CHANGELOG.md

@@ -8,5 +8,8 @@
 
 ---
 
+### 0.0.2
+- Added a delay before highlight
+
 ### 0.0.1
 - Initial release

README.md

@@ -45,6 +45,7 @@ Spaced has 2 command available right now. `Spaced: Toggle Hightlight` that turn
 	"spaced.borderSize": 1, // Border size of the highlight
 	"spaced.borderColor": "#ff0000", // Border color of the highlight
 	"spaced.backgroundColor": "#ff000050", // Background color of the highlight
+	"spaced.delay": 900, // The time to wait before highlight is triggered
 }
 ~~~
 

package.json

@@ -52,6 +52,11 @@
                     "default": 1,
                     "description": "Whitespaces border size.",
                     "type": "integer"
+                },
+                "spaced.delay": {
+                    "default": 900,
+                    "description": "The time to wait before highlight is triggered.",
+                    "type": "integer"
                 }
             },
             "title": "Spaced Configuration",
@@ -109,5 +114,5 @@
         "package": "vsce package -o build",
         "publish": "vsce publish"
     },
-    "version": "0.0.1"
+    "version": "0.0.2"
 }

src/extension.js

@@ -5,6 +5,7 @@
 const vscode = require('vscode');
 
 let decorationType = null;
+let timeout = null;
 
 let highlight = true;
 let backgroundColor = "#ff000050";
@@ -13,6 +14,7 @@ let borderColor = "#ff0000";
 let borderSize = 1;
 let maxFileSize = 1000000;
 let maxLineCount = 10000;
+let delay = 900;
 
 // ----------------------------------------------------
 
@@ -47,6 +49,7 @@ function loadConfiguration() {
     borderSize = config.inspect('borderSize').globalValue || config.get('borderSize');
     maxFileSize = config.inspect('maxFileSize').globalValue || config.get('maxFileSize');
     maxLineCount = config.inspect('maxLineCount').globalValue || config.get('maxLineCount');
+    delay = config.inspect('delay').globalValue || config.get('delay');
 }
 
 function createDecorationType() {
@@ -74,10 +77,15 @@ function onDidChangeActiveTextEditor() {
 }
 
 function onDidChangeTextDocument(event) {
-    if (!vscode.window.activeTextEditor) return;
+    const activeTextEditor = vscode.window.activeTextEditor;
+    if (!activeTextEditor) return;
 
-    if (event.document === vscode.window.activeTextEditor.document) {
-        updateDecorations();
+    if (event.document === activeTextEditor.document) {
+        if (timeout) clearTimeout(timeout);
+
+        timeout = setTimeout(() => {
+            updateDecorations();
+        }, delay);
     }
 }
 
@@ -117,7 +125,7 @@ function updateDecorations() {
 
 function clearDecorations() {
     const activeTextEditor = vscode.window.activeTextEditor;
-    if (!activeTextEditor) return;
+    if (!activeTextEditor && !decorationType) return;
 
     activeTextEditor.setDecorations(decorationType, []);
 }