Merge pull request #1419 from shockey/ft/1311-autocomplete-performanc…

…e-switching

Implement 100ms cutoff point for Live Autocomplete

src/plugins/editor-autosuggest/helpers.js

@@ -0,0 +1,40 @@
+export function wrapCompleters(completers, cutoff = 100) {
+  let isLiveCompletionDisabled = false
+  let lastSpeeds = []
+  let isPerformant = () => lastSpeeds.every(speed => speed < cutoff)
+
+  if(cutoff === 0 || cutoff === "0") {
+    // never disable live autocomplete
+    return completers
+  }
+
+  return completers.map((completer, i) => {
+    let ori = completer.getCompletions
+    completer.getCompletions = function(editor, session, pos, prefix, callback) {
+      let startTime = Date.now()
+      ori(editor, session, pos, prefix, (...args) => {
+        let msElapsed = Date.now() - startTime
+        lastSpeeds[i] = msElapsed
+
+        if(isLiveCompletionDisabled && isPerformant()) {
+          console.warn("Manual autocomplete was performant - re-enabling live autocomplete")
+          editor.setOptions({
+            enableLiveAutocompletion: true
+          })
+          isLiveCompletionDisabled = false
+        }
+
+        if(msElapsed > cutoff && editor.getOption("enableLiveAutocompletion")) {
+          console.warn("Live autocomplete is slow - disabling it")
+          editor.setOptions({
+            enableLiveAutocompletion: false
+          })
+          isLiveCompletionDisabled = true
+        }
+
+        callback(...args)
+      })
+    }
+    return completer
+  })
+}

src/plugins/editor-autosuggest/index.js

@@ -1,6 +1,7 @@
 import * as actions from "./actions"
 import * as fn from "./fn"
 import * as specSelectors from "./spec-selectors"
+import { wrapCompleters } from "./helpers"
 
 export default function EditorAutosuggestPlugin() {
   return {
@@ -22,7 +23,10 @@ export default function EditorAutosuggestPlugin() {
             sys.editorActions.enableAutocompletions(context)
 
             // Add completers ( for autosuggestions )
-            editor.completers = sys.editorActions.addAutosuggestionCompleters(context)
+            const completers = sys.editorActions.addAutosuggestionCompleters(context)
+            const cutoff = sys.getConfigs().liveAutocompleteCutoff
+            const wrappedCompleters = wrapCompleters(completers || [], cutoff)
+            editor.completers = wrappedCompleters
             return
           }
         }