Shortcut for search

[blenderskool]

As the entire site is mainly built for developers with an amazing design resembling an editor, how about adding a shortcut that can open the search window? Something like CTRL+SHIFT+P would be super helpful when browsing the site through keyboard 🙂

[codediodeio]

I like this and it would be easy to implement in the algolia-button component. We should also bind the the esc key to close the search.

[blenderskool]

@codediodeio Can I try working on this?

[codediodeio]

Yes, please do. I think the best approach is to setup hostlisteners here https://github.com/fireship-io/fireship.io/blob/master/components/src/app/algolia/algolia-search/algolia-search.component.ts. Something like:

@HostListener('document:keydown.escape', ['$event']) onSearchClose(event: KeyboardEvent) {
    this.toggle(false)
}

Also, there are existing cypress tests that you can use to validate the integration.