Extract completion function

packages/builder/src/components/common/CodeEditor/CodeEditor.svelte

@@ -244,26 +244,12 @@
     ]
   }
 
-  // None of this is reactive, but it never has been, so we just assume most
+  function handleCompletions(
-  // config flags aren't changed at runtime
+    view: EditorView,
-  // TODO: work out type for base
+    from: number,
-  const buildExtensions = (base: any[]) => {
+    to: number,
-    let complete = [...base]
+    insert: string
-
+  ) {
-    if (autocompleteEnabled) {
-      complete.push(
-        autocompletion({
-          override: [...completions],
-          closeOnBlur: true,
-          icons: false,
-          optionClass: completion =>
-            "simple" in completion && completion.simple
-              ? "autocomplete-option-simple"
-              : "autocomplete-option",
-        })
-      )
-      complete.push(
-        EditorView.inputHandler.of((view, from, to, insert) => {
     if (jsBindingWrapping && insert === "$") {
       let { text } = view.state.doc.lineAt(from)
 
@@ -286,8 +272,27 @@
       return true
     }
     return false
+  }
+
+  // None of this is reactive, but it never has been, so we just assume most
+  // config flags aren't changed at runtime
+  // TODO: work out type for base
+  const buildExtensions = (base: any[]) => {
+    let complete = [...base]
+
+    if (autocompleteEnabled) {
+      complete.push(
+        autocompletion({
+          override: [...completions],
+          closeOnBlur: true,
+          icons: false,
+          optionClass: completion =>
+            "simple" in completion && completion.simple
+              ? "autocomplete-option-simple"
+              : "autocomplete-option",
         })
       )
+      complete.push(EditorView.inputHandler.of(handleCompletions))
     }
 
     // JS only plugins