Create dynamic actions based on user's query input

[jferrettiboke]

I'd like to add some actions based on user's query input. Example:

1. User starts typing in “tesl”.
2. Kbar renders “tesla.com” and “twitter.com/tesla”. This can be whatever the developer wants to be actually. It just needs creativity.
3. User selects the appropriate one.

Spotlight has support for this. GitHub as well. Having the primitives that allow us to build something similar would be great.

My questions are:

• Is there any way to access what the user is typing in?
• Can we create actions after users type something in? Or, can we only create actions before users start typing something in?
• Can we edit the action name dynamically so that we can add fallbacks like "Search for [query] on the web"?

[Cygnusfear]

I'm digging around in the source, maybe this helps as a starting point:

• You can access the current searchQuery and your actions with the useKBar hook:

  const { search, actions } = useKBar(state => ({
    search: state.searchQuery,
    actions: state.actions
  }))

• The docs describe a useRegisterActions hook, which can be used to dynamically add actions

[stale[bot]]

Hey! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

Hey! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

Hey! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

Hey! This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.