Feat/slash command

[avitorio]

Bug

• Related issues linked using fixes #number
• Integration tests added
• Errors have a helpful link attached, see contributing.md

Feature

• Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
• Related issues linked using fixes #number
• Integration tests added
• Documentation added

[changeset-bot]

🦋 Changeset detected

Latest commit: f85de60

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
outstatic-canary	🔄 Building (Inspect)	Visit Preview	💬 Add feedback	Oct 23, 2023 1:54pm
outstatic-dev-blog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 23, 2023 1:54pm
outstatic-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 23, 2023 1:54pm

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 2 hours (more than 100, code: "api-deployments-free-per-day").

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 1 hour (more than 100, code: "api-deployments-free-per-day").

[ZiyadBoshima]

Hey Andre,
once again, the slash command is a really nice feature.

The problem with it at the moment is that using the keyboard to access the add image url option does not work. Pressing "Enter" on "Image from URL" does not work from the first try. It seems like pressing arrow down, or up, will cycle through the original list of commands rather than the two commands "Image Upload" and "Image from URL".

Also, onKeyDown property in the "button" element (see ImageCommandList) is never triggered. The onKeyDown function is scoped inside of useEffect, so you cannot use it outside of the scope. And speaking of useEffect, the if conditions for "Enter" is not triggered in SlashCommand for normal commands inspite of the commands working.

I have tested this with the Brave browser (similar to chrome) and Firefox. Both have the same problem.

I am providing you with a video showing how to reproduce the problem. You have to press arrow down for about 10 times to actually have the Image URL tab work. If you press down twice, ending up back in Image Upload, and press enter, image upload wont work because you cycled to the next item (one of the normal commands outside of the Image command).

outstatic-slash-command-bug.mp4

[avitorio]

@ZiyadBoshima I think this is fixed with the last commit. Thank you so much for going over this. I was testing the slash command option by typing /image and that seemed to work properly. The new commit takes care of the issue you were facing and also adds "Esc" support to go back to the main slash command menu.

I still need to update our documentation to use the slash command.