All Projects → ChrisPenner → btt-quicknav

ChrisPenner / btt-quicknav

Licence: other
HTML overlay for quickly navigating your computer

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to btt-quicknav

awesome-btt-config
An curated list of awesome BetterTouchTool configs.
Stars: ✭ 38 (+90%)
Mutual labels:  bettertouchtool
btt-presets
A robust BetterTouchTool preset for developer power users.
Stars: ✭ 25 (+25%)
Mutual labels:  bettertouchtool
btt-touchbar-preset
🧰 My TouchBar BTT preset
Stars: ✭ 18 (-10%)
Mutual labels:  bettertouchtool
btt
Low level MacOS management in JavaScript via BetterTouchTool
Stars: ✭ 92 (+360%)
Mutual labels:  bettertouchtool

Better Touch Tool Quick-navigator

NOTE: Requires latest alpha of Better Touch Tool

A quick navigator to automate your workflow;

Currently has commands to help you:

  • Jump to bookmarks
  • Open browser sessions (or presets)
  • Open slack channels
  • Run bash commands

quicknav demo

Installation

  • git clone https://github.com/ChrisPenner/btt-quicknav.git
  • cd btt-quicknav
  • npm install

Setup

In order to use quick-nav you'll need to set it up with whatever commands or configuration you like. Edit src/config.js to configure any commands you like!

** NOTE ** the default src/config.js is configured to show off how certain commands work, but certain commands (e.g. pivotal, slack, project) won't work properly until you configure them for your computer, or set YOUR API tokens/IDs in place.

Running

  • npm run build: You'll need to set up your config files for this to succeed
  • Add a new html overlay on some keyboard shortcut inside BTT

Basic settings: basic settings

Advanced settings: advanced settings

Writing your own commands

Writing your own commands is easy! A command is simply a javascript object with the following fields; OR a javascript Promise that resolves to an object with these fields (for doing API calls as part of your command)

{
    title: 'My Command'
    options: [{
        label: "My first option's label",
        value: "some-value"
    }],
    onSelect: ({label, value}) => {
        // Here you can do whatever you want when someone selects an option
        console.log('you ran the command with a label and value of:', label, value);
    },
}

I've already written a few helpers; see src/commands/web-link-command.js for a simple 'open browser' command, or src/commands/bash-command.js for a command which helps you run bash commands on your computer. Each of these expose a function which accepts an object with a title and options and build the appropriate command for you. Add each command to your src/command-config.js and then npm run build for your new commands to show up.

See config.js for examples!

Troubleshooting

If nothing shows up when you hit your shortcut, it's possible the javascript has crashed. Try right-clicking where the overlay should be and see if you get an option to Inspect Element; this will help you see what's going on. You can also open the build/index.html in any normal browser to see what's happening.

A common mistake is to forget that BTT caches the overlay and

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].