Introduction

Searches for your frontend web development made easier

Installation

Open your ~/.zshrc file and enable the frontend-search plugin:

plugins=( ... frontend-search)

Usage

You can use the frontend-search plugin in these two forms:

frontend <context> <term> [more terms if you want]
<context> <term> [more terms if you want]

For example, these two are equivalent:

$ angular dependency injection
# Will turn into ...
$ frontend angular dependency injection

Available search contexts are:

context	URL
angular	`https://angular.io/?search=`
angularjs	`https://google.com/search?as_sitesearch=angularjs.org&as_q=`
bem	`https://google.com/search?as_sitesearch=bem.info&as_q=`
bootsnipp	`https://bootsnipp.com/search?q=`
bundlephobia	`https://bundlephobia.com/result?p=`
caniuse	`https://caniuse.com/#search=`
codepen	`https://codepen.io/search?q=`
compassdoc	`http://compass-style.org/search?q=`
cssflow	`http://www.cssflow.com/search?q=`
dartlang	`https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/dart:`
emberjs	`https://www.google.com/search?as_sitesearch=emberjs.com/&as_q=`
flowtype	`https://google.com/search?as_sitesearch=flow.org/en/docs/&as_q=`
fontello	`http://fontello.com/#search=`
github	`https://github.com/search?q=`
html5please	`https://html5please.com/#`
jestjs	`https://www.google.com/search?as_sitesearch=jestjs.io&as_q=`
jquery	`https://api.jquery.com/?s=`
lodash	`https://devdocs.io/lodash/index#`
mdn	`https://developer.mozilla.org/search?q=`
nodejs	`https://www.google.com/search?as_sitesearch=nodejs.org/en/docs/&as_q=`
npmjs	`https://www.npmjs.com/search?q=`
packagephobia	`https://packagephobia.now.sh/result?p=`
qunit	`https://api.qunitjs.com/?s=`
reactjs	`https://google.com/search?as_sitesearch=facebook.github.io/react&as_q=`
smacss	`https://google.com/search?as_sitesearch=smacss.com&as_q=`
stackoverflow	`https://stackoverflow.com/search?q=`
typescript	`https://google.com/search?as_sitesearch=www.typescriptlang.org/docs&as_q=`
unheap	`http://www.unheap.com/?s=`
vuejs	`https://www.google.com/search?as_sitesearch=vuejs.org&as_q=`
nextjs	`https://www.google.com/search?as_sitesearch=nextjs.org&as_q=`

If you want to have another context, open an Issue and tell us!

Fallback search behaviour

The plugin will use Google as a fallback if the docs site for a search context does not have a search function. You can set the fallback search engine to DuckDuckGo by setting FRONTEND_SEARCH_FALLBACK='duckduckgo' in your ~/.zshrc file before Oh My Zsh is sourced.

DuckDuckGo Lucky Search

Enable DuckDuckGo's "ducky" (lucky) search feature to automatically access the top search result. This feature is optimized for DuckDuckGo, as Google redirects to an intermediate page. The FRONTEND_SEARCH_FALLBACK_LUCKY environment variable triggers the use of DuckDuckGo's lucky search, rendering the FRONTEND_SEARCH_FALLBACK setting unnecessary in this context.

Author

Wilson Mendes (willmendesneto)

Uh oh!