Update color decorator debounce

Author: bradlc

package-lock.json

@@ -173,6 +173,7 @@
   },
   "devDependencies": {
     "@ctrl/tinycolor": "^3.1.0",
+    "@types/debounce": "^1.2.0",
     "@types/mocha": "^5.2.0",
     "@types/moo": "^0.5.3",
     "@types/node": "^13.9.3",
@@ -182,6 +183,7 @@
     "chokidar": "^3.3.1",
     "concurrently": "^5.1.0",
     "css.escape": "^1.5.1",
+    "debounce": "^1.2.0",
     "detect-indent": "^6.0.0",
     "dlv": "^1.1.3",
     "dset": "^2.0.1",

package.json

@@ -1,6 +1,7 @@
 import { window, workspace, ExtensionContext, TextEditor } from 'vscode'
 import { NotificationEmitter } from './emitter'
 import { LanguageClient } from 'vscode-languageclient'
+import debounce from 'debounce'
 
 const colorDecorationType = window.createTextEditorDecorationType({
   before: {
@@ -28,7 +29,6 @@ export function registerColorDecorator(
   emitter: NotificationEmitter
 ) {
   let activeEditor = window.activeTextEditor
-  let timeout: NodeJS.Timer | undefined = undefined
 
   async function updateDecorations() {
     return updateDecorationsInEditor(activeEditor)
@@ -76,13 +76,7 @@ export function registerColorDecorator(
     )
   }
 
-  function triggerUpdateDecorations() {
-    if (timeout) {
-      clearTimeout(timeout)
-      timeout = undefined
-    }
-    timeout = setTimeout(updateDecorations, 500)
-  }
+  const triggerUpdateDecorations = debounce(updateDecorations, 200)
 
   if (activeEditor) {
     triggerUpdateDecorations()