Need help with njt?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

kachkaev
193 Stars 6 Forks BSD 3-Clause "New" or "Revised" License 205 Commits 1 Opened issues

Description

njt (npm jump to): a quick navigation tool for npm packages

Services available

!
?

Need anything else?

Contributors list

# 4,855
Markdow...
mermaid
GraphQL
prettif...
155 commits
# 4,703
React
JavaScr...
repl
form-va...
3 commits
# 50,460
lodash
lantern
Sass
SQLite
1 commit
# 95,386
CSS
HTML
marketi...
serverl...
1 commit

🐸 njt 🐸

🐸 npm jump to 🐸
njt.vercel.app

Are you typing npm package names in your search engine to then manually navigate to their source, homepage, changelog, versions and so on? 🕐🕑🕒🕓🕔

Save five seconds thousands of times by quickly jumping to the right URL! Here is a magic spell to remember:

🐸✨🐸✨🐸
njt  [destination]
🐸✨🐸✨🐸

Available destinations

  • b
    → package cost estimation on bundlephobia.com
  • c
    → changelog
  • g
    → github (gitlab, etc.) repository root
  • h
    → homepage (aliased as
    w
    for website or
    d
    for docs)
  • i
    → issues
  • n
    → package info on npmjs.com
  • p
    → pull requests (aliased as
    m
    for merge requests)
  • r
    → list of github releases
  • s
    → source (often same as repository root, but can be its subdirectory in case of a monorepo)
  • t
    → list of git tags
  • u
    → package contents preview on unpkg.com
  • v
    → list of package versions with dates on npmjs.com
  • y
    → package page on yarnpkg.com (mirror registry for npmjs.com)
  • .
    → browse GitHub / GitLab code

Omitting the destination or entering an non-existing one takes you to the package page on npmjs.com as if you used

n
.

Examples

njt prettier
(no specified destination)
🐸 → https://www.npmjs.com/package/prettier

njt prettier h
(homepage)
🐸 → https://prettier.io

njt prettier s
(source)
🐸 → https://github.com/prettier/prettier

njt prettier r
(releases)
🐸 → https://github.com/prettier/prettier/releases

njt prettier y
(yarn)
🐸 → https://yarnpkg.com/package/prettier

Getting
njt

There are several environments in which you can access

njt
. Pick your favourite or use ’em all!

🟢 Command-line tool

Install

njt
globally from npm by running this command in your terminal:
npm install --global njt

You are all set. Now try executing

njt  [destination]
with some real arguments. For example, these two commands will take you to the Lodash github repo and homepage, respectively:
njt lodash g
njt lodash h

A list of supported destinations will be shown if you launch

njt
without arguments.

To uninstall, run

npm remove --global njt
. To reinstall or upgrade, run
npm install --global njt
again.

Pro tip 💡 When you specify

.
instead of a package name,
njt
takes the name from the nearest
package.json
file.

Pro tip 💡 To customise which browser you want to open, set an environment variable called

NJT_BROWSER
(or just
BROWSER
) with the app name of your choice. The value may vary based on your OS. Note that setting
BROWSER
instead of
NJT_BROWSER
can affect other tools, which may or may not be desired.

🟢 Custom search engine in Chrome

  1. Open Chrome settings, e.g. by navigating to
    chrome://settings
  2. Navigate to Manage search engines section (e.g. by typing its name in the Search settings field)
  3. Click Add next to Other search engines
  4. Fill in the Add search engine form:

    | Field | Value | | ----------------------------- | ----------------------------------------------- | | Search engine |

    njt (npm jump to)
    | | Keyword |
    njt
    | | Url with %s in place of query |
    https://njt.vercel.app/jump?from=chrome&to=%s
    |
  5. Press Add

From now on, typing

njt  [destination]
in the address bar will take you directly to a page you want. For example,
njt react h
will take you to the React.js homepage.

To uninstall, open Manage search engines section in Chrome settings, click on three dots next to Other search engines → njt and hit Remove from list.

Pro tip 💡 You can use

n
instead of
njt
as a keyword to avoid typing two extra characters each time. The command to type in Chrome address bar will become
n  [destination]
🚀

🟢 Search bookmark in Firefox

You can use

njt
right from the address bar in Firefox.
  1. Open njt.vercel.app
  2. Right-click on the search input field
  3. In the context menu, select Add Keyword for this Search...
  4. You’ll see a small form; type
    njt
    into the Keyword field
  5. Press Save

From now on, typing

njt  [destination]
in the address bar will take you directly to a page you want. For example,
njt react h
will take you to the React.js homepage.

To uninstall, open Firefox bookmarks from the main menu, search for

njt
and remove the bookmark.

Pro tip 💡 You can use

n
instead of
njt
as a search keyword to avoid typing two extra characters each time. The command to type in Firefox address bar will become
n  [destination]
🚀

🟢 Alfred web search

Want to hop directly from Alfred launcher?

  1. Open PreferencesFeaturesWeb Search
  2. Click Add Custom Search
  3. Fill in the form:

    | Field | Value | | ---------- | ---------------------------------------------------- | | Search URL |

    https://njt.vercel.app/jump?from=alfred&to={query}
    | | Title |
    Search njt for '{query}'
    | | Keyword |
    njt
    | | Icon | drag from https://njt.vercel.app/favicon-32x32.png |
  4. Press Save

Alternatively, copy and open this special Alfred link to get all the above steps done for you:

alfred://customsearch/Search%20njt%20for%20%27%7Bquery%7D%27/njt/utf8/nospace/https%3A%2F%2Fnjt.vercel.app%2Fjump%3Ffrom%3Dalfred%26to%3D%7Bquery%7D

Pro tip 💡 You can use

n
instead of
njt
as a search keyword to avoid typing two extra characters each time. The command to type in Alfred address bar will become
n  [destination]
🚀

You can also create variants with your favorite

njt
suffixes to jump to your favorite locations in even fewer characters. For example, keyword
ng
can be a shortcut to
njt {query} g
.

🟢 VSCode

If you use Visual Studio Code, you can add njt to the command palette via LaunchX extension.

  1. Install the extension

  2. Open the command palette

  3. Type

    njt
    and press Enter

    njt in VSCode command palette

  4. Type your search and press Enter again

Pro tip 💡 Use

ctrl+alt+n
to bypass the command palette.

🟢 DuckDuckGo bang

DuckDuckGo bang is awaiting approval

If you use duckduckgo.com as your primary search engine, type

!njt  [destination]
in its search field (note the leading exclamation mark). This trick is possible thanks to DuckDuckGo’s awesome bang feature.

🟢 Online search field on the
njt
’s mini-website

Open njt.vercel.app, type your query, press Enter. This method is a bit slower than the other ones because it involves opening a web page with an input form. On the plus side, it works everywhere and does not require setup.

Thanks to Vercel for hosting njt.vercel.app 💚

❓More ways

Are you a search shortcut guru? Feel free to suggest another entry point to

njt
and save people’s time around the world!

How does
njt
work

For requests like

njt 
or
njt  y
, all the tool does is navigating you to URLs like
https://www.npmjs.com/package/
or
https://yarnpkg.com/package/
.

Most other cases involve a look into

package.json
for the latest published version. This file contains the location of the repository, the homepage and some other fields, which
njt
uses to construct the destination URL.

The command line version of the tool takes you to

https://njt.vercel.app/[email protected]&to=YOUR_QUERY
, from which you are redirected to the destination.

Prior art

Shortcuts to some of the

njt
destinations are built into
npm
cli:

📦

npm home 
or
npm docs 


🐸

njt  h
(homepage)

📦

npm issues 
or
npm bugs 


🐸

njt  i
(issues)

📦

npm repo 


🐸

njt  g
(github, gitlab, etc. repo)

With

njt
, you have access to more shortcuts in multiple environments, which makes you more productive day to day.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.