Autocomplete++

[peilingjiang]

Fixes #99 and extends #1873

Changes: Extending the current dropdown hinter solution by adding a Copilot-style inline completion preview, which includes argument previews for the functions.

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• 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

[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-ted3a10.release.editor.p5js.org/
  • preview-ted3a10.release.editor.p5js.org/

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

[peilingjiang]

Another update that I hope would boost utility - reserved keywords and namespace objects in JavaScript -

[raclim]

Thanks for these updates, I think the altogether the autocomplete, argument previews, and link to references make this really helpful and amazing!

[Atcold]

Wow, impressive, @peilingjiang!
I *really* like the computational literacy idea behind P5.js, but the lack of autocompletion and hints in the online editor made the whole thing still rather hard for newcomers.
I truly believe your contribution is a major step forward towards easing the getting-started process!
Thank you *very* much!

Side question (perhaps for @raclim).
How do I enable these functionalities?
I see the PR has been merged into the develop branch.
How does a user check it out for the online editor?
Thanks!

[raclim]

@Atcold The PR has been merged, but we haven't pushed it out live to production yet due to some bug fixes and additional testing we'd like to perform before distributing it to everyone, which we're planning to complete by the end of June. I'm hoping to provide a more consistent way to communicate when these releases will happen, but for now I'll definitely send an update when it's out live!

[raclim]

Hi, just wanted to update that this is out live on production! :)

I made one minor change, where I set the initial preference for the Autocomplete and Hinter to 'Off' instead of 'On', since I felt this feature might be a little confusing when a new user is encountering the editor for the very first time. However, please let me know if you feel like this should be changed or have a different suggestion, thanks again for all of your work/input on this!

[asukaminato0721]

or have a different suggestion

I have some thoughts:

for those who have an account and some works, they may be familiar with the online editor. Then they may not be so confusing. So making this option on for them is a boost.

For newbies: since now there are a lot of web editors based on https://github.com/microsoft/monaco-editor, and it has auto-complete out of the box. (See https://swc.rs/playground for example). I guess even a newbie can handle it.

[Atcold]

I agree with @wuyudi.

New users would benefit from having suggestions out of the box.
They may not know such a utility exists and that it can be activated.
So, setting it initially on would help feature discoverability.

On the other side, if one dislikes the functionality (for whatever reason), one can look for ways to stop it.

In short, one doesn't know one doesn't know.
Hence, awareness should be prioritised.