Typing fixes and updates from the BindingPanel

packages/builder/src/components/common/bindings/CodeEditorField.svelte

@@ -13,18 +13,18 @@
     snippetAutoComplete,
     EditorModes,
     bindingsToCompletions,
+    jsHelperAutocomplete,
   } from "../CodeEditor"
   import { JsonFormatter } from "@budibase/frontend-core"
   import { licensing } from "@/stores/portal"
   import type {
     EnrichedBinding,
-    BindingCompletion,
     Snippet,
     CaretPositionFn,
     InsertAtPositionFn,
     JSONValue,
   } from "@budibase/types"
-  import type { CompletionContext } from "@codemirror/autocomplete"
+  import type { BindingCompletion, BindingCompletionOption } from "@/types"
   import { snippets } from "@/stores/builder"
 
   const dispatch = createEventDispatcher()
@@ -48,27 +48,31 @@
   $: enrichedBindings = enrichBindings(bindings, context, $snippets)
   $: editorMode = EditorModes.JS
   $: bindingCompletions = bindingsToCompletions(enrichedBindings, editorMode)
-  $: jsCompletions = getJSCompletions(
+  $: jsCompletions = getJSCompletions(bindingCompletions, $snippets, {
-    bindingCompletions,
+    useHelpers: allowHelpers,
-    $snippets,
+    useSnippets,
-    useSnippets
+  })
-  )
 
   const getJSCompletions = (
-    bindingCompletions: BindingCompletion[],
+    bindingCompletions: BindingCompletionOption[],
     snippets: Snippet[] | null,
-    useSnippets?: boolean
+    config: {
+      useHelpers: boolean
+      useSnippets: boolean
+    }
   ) => {
-    const completions: ((_: CompletionContext) => any)[] = [
+    const completions: BindingCompletion[] = []
-      jsAutocomplete([
+    if (bindingCompletions.length) {
-        ...bindingCompletions,
+      completions.push(jsAutocomplete([...bindingCompletions]))
-        ...(allowHelpers ? getHelperCompletions(EditorModes.JS) : []),
+    }
-      ]),
+    if (config.useHelpers) {
-    ]
+      completions.push(
-    if (useSnippets && snippets) {
+        jsHelperAutocomplete([...getHelperCompletions(EditorModes.JS)])
+      )
+    }
+    if (config.useSnippets && snippets) {
       completions.push(snippetAutoComplete(snippets))
     }
-
     return completions
   }