Autocomplete Hinter Parity

[raclim]

Description:

This PR makes progress towards parity with the current autocomplete hinter (styling, context-awareness, ast analyzer) through the following changes:

• Adding back kind labels and ghost text previews to hinter (update-p5-hinter.js, p5-hinter.js, p5CompletionPreview.js)
• Refactor contextaware and analyzer utils to adapt to CM6 and reattach them to hinter (contextAwareHinter.js, getContext.js, p5CodeAstAnalyzer.js, stateUtils,js, p5JavaScript.js)
• Adding in custom keyboard behavior and UI for the hinter dropdown (stateUtils,js, _hints.scss)

Demo:

CM6 Autocomplete Hinter

CM5 Autocomplete Hinter

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• has no typecheck errors (npm run typecheck)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123
• meets the standards outlined in the accessibility guidelines

[raclim]

Sorry it's a bit late! I tried to add back in most of the main features in the current hinter—I might've missed a few, but I think it could potentially be added in a follow up?

[khanniie]

Yay!! This is incredible thank you so much!

[release-com]

Release Environments

This Environment is provided by Release, learn more!
To see the status of the Environment click on Environment Status below.

• p5.js-web-editor
  • app-teda126.release.editor.p5js.org/
  • preview-teda126.release.editor.p5js.org/

🔧Environment Status : https://app.release.com/public/Processing%20Foundation/env-7c4ec7e2fb