Convert to pnpm to fix autocompletions #442
Conversation
Adds a patch so that we can don't get directive autocompletions on the line after a directive. Instead, we get the field autocompletion that the user was expecting.
|
To note: we get these warnings on install, but they can be fixed in a future pr: |
Can you say more about the problems here and why we needed to switch? |
Reference: https://stackoverflow.com/a/73713976 So we now use only |
experiments/browser_based_querying/patches/graphql-language-service@5.1.7.patch
Show resolved
Hide resolved
experiments/browser_based_querying/patches/graphql-language-service@5.1.7.patch
Outdated
Show resolved
Hide resolved
| invariant(lines.length >= location.line, 'Query text must have more lines than where the error happened'); | ||
| let stream = null; | ||
| - for (let i = 0; i < location.line; i++) { | ||
| + for (let i = 0; i <= location.line; i++) { | ||
| stream = new CharacterStream(lines[i]); |
There was a problem hiding this comment.
This doesn't seem quite right to me. The invariant above only asserts that lines[i] is valid if i < location.line, not if i == location.line. Either the invariant needs to change as well, or this is not the right change to make.
There was a problem hiding this comment.
You're right, I had to change the invariant in the pr: graphql/graphiql#3397
This isn't a huge problem for us, we can just get rid of this patch and wait until that pr is merged.
There was a problem hiding this comment.
(it does work in it's current form too though...)
experiments/browser_based_querying/patches/monaco-editor@0.20.0.patch
Outdated
Show resolved
Hide resolved
By converting to pnpm we can now patch our dependencies which is amazing since most of our meaningful code lies in our dependencies.
Changes made in this pr:
Started depending on a bunch of new packages.
Explanation: We already depended on them, our package manager just wasn't aware of that since npm probably has some tricks pnpm doesn't, or something along those lines.
Update
react-router-domExplanation: It was causing some issues with pnpm, but I also don't think it causes any issues to update it in this pr.
Use
react-router-dominexperiments/browser_based_querying/src/QueryFragmentAdapter.tsxExplanation: We used
react-router-domandreact-routertogether, which caused problems for pnpm, so we had to pick one according to SO, and it was easier to move toreact-router-dom.Patches I've added:
experiments/browser_based_querying/patches/graphql-language-service@5.1.7.patch=> The change toesm/interface/getAutocompleteSuggestions.jswill fix autocompletions giving a directive when you wanted to autocomplete a field. Should still allow autocompleting directives after fields.The change to
esm/interface/getDiagnostics.jswill close #285.experiments/browser_based_querying/patches/monaco-editor@0.20.0.patch=> Stop randomly logging from the lexer.