/Surfingkeys_config

🏄‍♀️ A SurfingKeys configuration which adds 130+ key mappings for 20+ sites & OmniBar search suggestions for 50+ sites

Primary LanguageJavaScriptMIT LicenseMIT

Table of Contents

Maddy's SurfingKeys Configuration

This is my configuration for the SurfingKeys browser extension.

Its primary features include

Table of Contents

  1. Site-Specific Key Mappings
  2. Search Suggestion Engines
  3. Installation Instructions
  4. Screenshots
  5. Todo
  6. License

Features

Site-Specific Key Mappings

139 key mappings for 22 unique sites have been included which can help you perform some common actions:

global
MappingDescription
FOpen a link in non-active new tab
zfOpen link URL in vim editor
wScroll up
sScroll down
KScroll half page up
JScroll half page down
ghScroll to element targeted by URL hash
giEdit current URL with vim editor
giEdit current URL with vim editor
gIView image in new tab
ypCopy URL path of current page
yICopy Image URL
yOCopy page URL/Title as Org-mode link
yMCopy page URL/Title as Markdown link
yTDuplicate current tab (non-active new tab)
;seEdit Settings
gSOpen Chrome settings
=wLookup whois information for domain
=dLookup dns information for domain
=DLookup all information for domain
=cShow Google's cached version of page
=aShow Archive.org Wayback Machine for page
=oShow outline.com version of page
=rSubscribe to RSS feed for page
=sSpeed read page
;pdToggle PDF viewer from SurfingKeys
gxEClose tab to left
gxRClose tab to right
\cghOpen clipboard string as GitHub path (e.g. 'torvalds/linux')
algolia.com
MappingDescription
<Space>aOpen search result
amazon.com
MappingDescription
<Space>fsFakespot
<Space>aView product
<Space>cAdd to Cart
<Space>RView Product Reviews
<Space>QView Product Q&A
<Space>AOpen Account page
<Space>COpen Cart page
<Space>OOpen Orders page
aur.archlinux.org
MappingDescription
<Space>aView package
behance.net
MappingDescription
<Space>sAppreciate project
<Space>bAdd project to collection
<Space>aView project
<Space>AView project (non-active new tab)
craigslist.org
MappingDescription
<Space>aView listing
dribbble.com
MappingDescription
<Space>sHeart Shot
<Space>aView shot
<Space>AView shot (non-active new tab)
<Space>vView attachment image
<Space>VYank attachment image source URL
<Space>zZoom shot
duckduckgo.com
MappingDescription
<Space>aOpen search result
<Space>AOpen search result (non-active new tab)
]]Show more results
<Space>gOpen search in Google
fonts.adobe.com
MappingDescription
<Space>aActivate font
<Space>sFavorite font
github.com
MappingDescription
<Space>AOpen repository Actions page
<Space>COpen repository Commits page
<Space>IOpen repository Issues page
<Space>POpen repository Pull Requests page
<Space>ROpen Repository page
<Space>SOpen repository Settings page
<Space>WOpen repository Wiki page
<Space>XOpen repository Security page
<Space>OOpen repository Owner's profile page
<Space>MOpen your profile page ('Me')
<Space>aView Repository
<Space>uView User
<Space>fView File
<Space>cView Commit
<Space>iView Issue
<Space>pView Pull Request
<Space>eView external link
guGo up one path in the URL (GitHub)
<Space>sToggle Star
<Space>yCopy Project Path
<Space>YCopy Project Path (including domain)
<Space>lToggle repo language stats
<Space>DView GoDoc for Project
<Space>GView on SourceGraph
<Space>raView live raw version of file
<Space>gcpOpen clipboard string as file path in repo
gitlab.com
MappingDescription
<Space>sToggle Star
<Space>yCopy Project Path
<Space>YCopy Project Path (including domain)
<Space>DView GoDoc for Project
home.nest.com
MappingDescription
=Increment temperature
-Decrement temperature
<Space>hSwitch mode to Heat
<Space>cSwitch mode to Cool
<Space>rSwitch mode to Heat/Cool
<Space>oSwitch mode to Off
<Space>fSwitch fan On
<Space>FSwitch fan Off
news.ycombinator.com
MappingDescription
<Space>xCollapse comment
<Space>XCollapse next comment
<Space>sUpvote
<Space>SDownvote
<Space>aView post (link)
<Space>AView post (link and comments)
<Space>cView post (comments)
<Space>CView post (comments) (non-active new tab)
<Space>eView external link
gpGo to parent
]]Next page
[[Prev page
producthunt.com
MappingDescription
<Space>aView product (external)
<Space>vView product
<Space>sUpvote product
reddit.com
MappingDescription
<Space>xCollapse comment
<Space>XCollapse next comment
<Space>sUpvote
<Space>SDownvote
<Space>eExpand expando
<Space>aView post (link)
<Space>AView post (link) (non-active new tab)
<Space>cView post (comments)
<Space>CView post (comments) (non-active new tab)
stackoverflow.com
MappingDescription
<Space>aView question
twitter.com
MappingDescription
<Space>fFollow user
<Space>sLike tweet
<Space>RRetweet
<Space>cComment/Reply
<Space>TNew tweet
<Space>uGoto user
<Space>tGoto tweet
vimeo.com
MappingDescription
<Space>FToggle fullscreen
wikipedia.org
MappingDescription
<Space>sToggle simple version of current article
<Space>aView page
<Space>eView external link
<Space>RView WikiRank for current article
www.google.com
MappingDescription
<Space>aOpen search result
<Space>AOpen search result (new tab)
<Space>dOpen search in DuckDuckGo
yelp.com
MappingDescription
<Space>fsFakespot
youtube.com
MappingDescription
AOpen video
COpen channel
gHGoto homepage
FToggle fullscreen

Search Suggestion Engines

There are currently 55 search suggestion engines.

You can access a search suggestion prompt by pressing the search leader key, which is a by default, followed by the search engine alias.

For example, to open the Wikipedia suggestion engine, you would type awp while in normal mode.

Alias Name Domain Screenshots
D duckduckgo-lucky duckduckgo.com
G google-lucky www.google.com
af archforums bbs.archlinux.org
al archlinux www.archlinux.org
at alternativeTo alternativeto.net
au AUR aur.archlinux.org
aw archwiki wiki.archlinux.org
az amazon smile.amazon.com
cl craigslist www.craigslist.org
co crunchbase-orgs www.crunchbase.com
cp crunchbase-people www.crunchbase.com 🖼️
cs chromestore chrome.google.com
dd duckduckgo duckduckgo.com
de define onelook.com 🖼️
dh dockerhub hub.docker.com 🖼️
di duckduckgo-images duckduckgo.com
dm duckduckgo-maps duckduckgo.com
dn duckduckgo-news duckduckgo.com
do domainr domainr.com 🖼️
dv duckduckgo-videos duckduckgo.com
eb ebay www.ebay.com
ex exdocs hex.pm
fa firefox-addons addons.mozilla.org
fe firefox-extensions addons.mozilla.org
ft firefox-themes addons.mozilla.org
gI google-reverse-image www.google.com
gd godoc godoc.org
gg golang golang.org
gh github github.com 🖼️
gi google-images www.google.com
go google www.google.com
gs google-scholar scholar.google.com
gw gowalker gowalker.org
ha hackage hackage.haskell.org
hd hexdocs hex.pm
hn hackernews news.ycombinator.com 🖼️
ho hoogle www.haskell.org 🖼️
hw haskellwiki wiki.haskell.org
hx hex hex.pm
jq jquery jquery.com
md mdn developer.mozilla.org 🖼️
no node nodejs.org
np npm www.npmjs.com 🖼️
ow owasp www.owasp.org
re reddit www.reddit.com
se stackexchange stackexchange.com
so stackoverflow stackoverflow.com
th thesaurus www.onelook.com 🖼️
vw vimwiki vim.fandom.com
wa wolframalpha www.wolframalpha.com 🖼️🖼️
wp wikipedia en.wikipedia.org
ws wikipedia-simple simple.wikipedia.org
wt wiktionary en.wiktionary.org
yp yelp www.yelp.com
yt youtube www.youtube.com 🖼️

Installation

Dependencies

Building surfingkeys-conf requires a few dependencies to be installed:

  • Surfingkeys ^0.9.40
  • git
  • node
  • gulp

Building & Installing

  1. Clone this repository

  2. Install the NodeJS build dependencies

    $ npm install
  3. Install gulp-notify dependencies (steps required on WSL)

    $ sudo apt-get update
    $ sudo apt-get install libnotify-bin
  4. (Optional) Private API Key Configuration

    Some search suggestion engines require private API keys for access. These keys are defined in conf.priv.js, which is not itself included in this repository. An example configuration containing instructions on how to generate each API key can be found in conf.priv.example.js.

    Copy the example private configuration:

    $ cp ./conf.priv.example.js ./conf.priv.js

    Open ./conf.priv.js in your favorite editor and follow the instructions inside:

    $ vim ./conf.priv.js
  5. Gulp Build/Install

    $ gulp install # OR "gulp build" to build to ./build/surfingkeys.js without installing

Alternatively, you can use temporary gulp if you don't want to / can't install gulp: '''shell $ npx gulp install '''

This will build the final configuration file and place it at `~/.config/surfingkeys.js`.
If you already have a file in that location, make sure you back it up first!
  1. Load your configuration into the SurfingKeys Extension

    Option A (recommended): Configure SurfingKeys to automatically load the configuration file
    Local File Access (Chrome/Chromium only)
    • I. Visit chrome://extensions/ and enable Allow access to file URLs for the Surfingkeys extension.

    • II. Open the SurfingKeys configuration page: chrome-extension://mffcegbjcdejldmihkogmcnkgbbhioid/pages/options.html.

    • III. Set the Load settings from option to point to the configuration file.

      Note: you must specify the full, absolute path; environment variables like $HOME or the tilde ~ won't work:

      • Linux: file:///home/{USERNAME}/.config/surfingkeys.js (replace {USERNAME} with your username)
      • macOS: file:///Users/{USERNAME}/.config/surfingkeys.js (replace {USERNAME} with your username)
      • Windows: file://%Homedrive%%Homepath%/surfingkeys.js (This is a guess, please correct me if I'm wrong)
    • IV. Hack Away! If you ever make a change to any of your configuration files in the future, simply run gulp install again and your new configuration will automatically be loaded by SurfingKeys.

    Local Web Server (Chrome, Chromium, and Firefox)
    • I. Run the configuration file server:

       $ gulp serve-simple

      Alternatively, you can use the gulp serve task, which automatically rebuilds the configuration file whenever a source file is modified.

    • II. Open the SurfingKeys configuration page:

      Chrome: chrome-extension://mffcegbjcdejldmihkogmcnkgbbhioid/pages/options.html

      Firefox: moz-extension://7b04efeb-0b36-47f6-9f57-70293e5ee7b2/pages/options.html

    • III. Set the Load settings from option to http://localhost:9919

    • IV. You will want to configure your system to automatically run gulp serve-simple from the repository directory on boot, otherwise SurfingKeys will lose the settings as soon as the local web server is down.

      If you run Linux with systemd, an example user service is provided in this repo. You will need to modify it to contain the proper path to your surfingkeys-conf repo.

    • V. Hack Away! If you ever make a change to any of your configuration files in the future, simply run gulp build again and your new configuration will automatically be loaded by SurfingKeys.

    • Note: This method starts a web server on localhost:9919. Depending on your firewall configuration, other devices on your local network (or the internet at large in the case of misconfigured router firewall) may be able to read your configuration file, including any private API keys or other secrets you have configured in conf.priv.js. Proceed with caution.

    Option B: Manually copy/paste into the SurfingKeys configuration form
    • I. Copy the contents of ./build/surfingkeys.js (or $HOME/.config/surfingkeys.js if you ran gulp install)

    • II. Open the SurfingKeys configuration page:

      Chrome: chrome-extension://mffcegbjcdejldmihkogmcnkgbbhioid/pages/options.html

      Firefox: moz-extension://7b04efeb-0b36-47f6-9f57-70293e5ee7b2/pages/options.html

    • III. Paste into the text box, then press save

    • IV. Repeat steps 4 - 5 after any changes you make to any of your configuration files.

Screenshots

crunchbase-people

crunchbase-people screenshot

define

define screenshot

dockerhub

dockerhub screenshot

domainr

domainr screenshot

github

github screenshot

hackernews

hackernews screenshot

hoogle

hoogle screenshot

mdn

mdn screenshot

npm

npm screenshot

thesaurus

thesaurus screenshot

wolframalpha

wolframalpha screenshot

wolframalpha 2

wolframalpha screenshot

youtube

youtube screenshot

Todo

  • Include aliased sites in README
  • Add CHANGELOG.md using conventional-changelog
  • Improve code organization
  • Ensure screenshots have a plain white background
  • Add additional screenshots
  • Simplify installation process
  • Feed the kittens

Copyright

Author

© 2017-2021 Maddison Hellstrom

License

Released under the MIT License