This version of bunnylol
does not need to be hosted on a server.
Currently, this is hosted on my GitHub Pages http://andresilva91.github.io/bunnylol. However, you can host it on any website that you would like. Since this is going to be your primary search engine for every new tab you open, I would suggest that you don't host it somewhere that may take a while to spin up the static page (like Heroku where your VM could go to sleep).
Command | Name | URL |
---|---|---|
gh | GitHub | https://github.com/ |
g | https://google.com/ | |
DEFAULT | Default - Google Search | https://google.com/ |
-
Open Chrome and click the three dots. Click
Settings
and scroll down toSearch Engines
. -
Click
Manage Search Engines
. -
Add a new search engine with the URL being
http://andresilva91.github.io/bunnylol?search=%s
. Of course, you should change theandresilva91.github.io
part to your own domain. -
Make this the default search engine.
-
Run
npm install
so thatflow
(JavaScript type checker) can run. -
Open up the
src/commands.js
file. Add your command to theCOMMANDS
object. You must include aname
andurl
attribute and you can add an additionalsearchurl
attribute if you would to be able to type a command likeyt NBA Highlights
(in which case,bunnylol
will automatically search for NBA Highlights on YouTube). -
Run
npm run build && npm run bundle && npm run minify && npm run flow
-
Push the commit
-
GitHub Pages should pick it up within a couple minutes
Since we use import
module syntax, we need to run a server to bypass CORS issues. You can setup the server by running npm install
, followed by node server.js
. The server should be up and visible at localhost:3000
.