Javascript completion doesnt show up

v6
1

Im using the React CodeMirror component and implemented anything from the tut.


              <CodeMirror
                theme={"dark"}
                extensions={[
                    javascript(),
                    autocompletion(),
                    javascriptLanguage.data.of({
                        autocomplete: myCompletions
                    })]}
                onChange={onChange} />

But when i type something like “setTi” a javascript code suggestions doesn’t appear.

What am i doing wrong or am i missing sth?

2

That set of extensions looks reasonable. If you can create a self-contained reproduction for this without React (say, at codemirror.net/try), I can take a look.

3

ahh oh sry. I meant you can’t see the standard js functions like setTimeout or console.log already

image
image939×292 11.4 KB

4

You’ll want to include scopeCompletion for that.

5

For those interested, here’s a more complete example of getting window completions:

import {basicSetup, EditorView} from "codemirror"
import {javascript, scopeCompletionSource, javascriptLanguage} from "@codemirror/lang-javascript"

const windowCompletions = javascriptLanguage.data.of({
  autocomplete: scopeCompletionSource(window)
})

new EditorView({
  doc: "window.",
  extensions: [
    basicSetup, 
    javascript(),
    windowCompletions
  ],
  parent: document.body
});

https://codemirror.net/try/?c=aW1wb3J0IHtiYXNpY1NldHVwLCBFZGl0b3JWaWV3fSBmcm9tICJjb2RlbWlycm9yIgppbXBvcnQge2phdmFzY3JpcHQsIHNjb3BlQ29tcGxldGlvblNvdXJjZSwgamF2YXNjcmlwdExhbmd1YWdlfSBmcm9tICJAY29kZW1pcnJvci9sYW5nLWphdmFzY3JpcHQiCgpjb25zdCB3aW5kb3dDb21wbGV0aW9ucyA9IGphdmFzY3JpcHRMYW5ndWFnZS5kYXRhLm9mKHsKICBhdXRvY29tcGxldGU6IHNjb3BlQ29tcGxldGlvblNvdXJjZSh3aW5kb3cpCn0pCgpuZXcgRWRpdG9yVmlldyh7CiAgZG9jOiAid2luZG93LiIsCiAgZXh0ZW5zaW9uczogWwogICAgYmFzaWNTZXR1cCwgCiAgICBqYXZhc2NyaXB0KCksCiAgICB3aW5kb3dDb21wbGV0aW9ucwogIF0sCiAgcGFyZW50OiBkb2N1bWVudC5ib2R5Cn0pOwo=