JavaScript Package Inspector

• Package Viewer — Browse package files at any version.
• Package Diff — Compare packages across versions.
• Deep Links — Link to specific lines in files and diffs.
• Download Contents — Download any directory or file.

Motivations

Published packages don't always include a link to their source on GitHub.

The linked repository is not necessarily representative of published package.

Usage

Package root provides links to all available versions, and highlights the one tagged as latest.

            https://npmfs.com/<name>
            https://npmfs.com/package/<name>
        

When viewing a package on npm, it is conveniently accessible with a one-char edit to the page url.

             https://www.npmjs.com/package/<name>
             https://www.npmfs.com/package/<name>
        

Examples

https://npmfs.com/lodash
https://npmfs.com/package/lodash
https://npmfs.com/request
https://npmfs.com/package/request

---

Specific package versions can be accessed directly.

            https://npmfs.com/package/<name>/<version>
        

Examples

https://npmfs.com/package/chalk/2.4.2
https://npmfs.com/package/chalk/1.0.0
https://npmfs.com/package/commander/2.20.0
https://npmfs.com/package/commander/1.0.0

---

Directories and files inside the package are viewed by appending the path.

            https://npmfs.com/package/<name>/<version>/<path>
            https://npmfs.com/package/<name>/<version>/example/
            https://npmfs.com/package/<name>/<version>/example/index.js
        

Examples

https://npmfs.com/package/async/3.0.1/internal/
https://npmfs.com/package/async/3.0.1/internal/once.js
https://npmfs.com/package/react/16.8.6/umd/
https://npmfs.com/package/react/16.8.6/package.json

---

Package diffs (version-0 .. version-1) are viewed by navigating to the root directory of version-0, clicking on the diff link in the top right, and selecting version-1 in the version list.

            https://npmfs.com/compare/<name>/<version-0>/<version-1>
        

In this compare view, line numbers are a shortcut to their respective file's source.

Examples

https://npmfs.com/compare/debug/4.1.0/4.1.1
https://npmfs.com/compare/debug/3.0.0/4.0.0
https://npmfs.com/compare/underscore/1.9.0/1.9.1
https://npmfs.com/compare/underscore/1.6.0/1.7.0

---

Deep links are found on the right side of lines in both the file and diff views. These links will add a hash to the url which scrolls the browser to the selected line, and highlights it.

            https://npmfs.com/package/<name>/<version>/index.js#<line>
            https://npmfs.com/compare/<name>/<version-0>/<version-1>#<line>
        

Examples

https://npmfs.com/package/bluebird/3.5.5/js/release/race.js#L32
https://npmfs.com/compare/bluebird/3.5.4/3.5.5#D0L35
https://npmfs.com/package/moment/2.24.0/locale/ca.js#L81
https://npmfs.com/compare/moment/2.23.0/2.24.0#D19L0

More precise selections can be created by editing the URL's hash. These can link to line ranges and highlight specific substrings within a line.

Examples

https://npmfs.com/package/bluebird/3.5.5/js/release/race.js#L15-L21
https://npmfs.com/compare/bluebird/3.5.4/3.5.5/#D0L24:12-L24:36
https://npmfs.com/package/moment/2.24.0/locale/ca.js#L53-L66
https://npmfs.com/compare/moment/2.23.0/2.24.0/#D15L0:1337-L0:1440

---

The sticky header sections contain useful links to navigate between pages.