Mine usage information about your JavaScript/TypeScript package from dependent repositories and display them right in VS Code.
| Survey downstream dependent projects | Explore usage samples of package members from downstream dependencies | CodeLens annotations for member references from downstream dependencies |
 |
 |
 |
After installing the extension, you need to fill in some access tokens. To do so, navigate to the settings of the extension and enter each a valid token for the settings "githubOAuthToken" and "sourcegraphToken".
After configuring the extension, open a folder in VS Code that contains a node module, i.e., a package.json file.
(As an example, you could download the npm package jsonschema or graphql.)
Open the downstream dependencies view from the activity bar (
) and press "Refresh downstream data" (you can also invoke this command via the command palette).
Dependencies are now searched, downloaded, analyzed, and displayed in the view.
Hover, click, or right-click any item to see additional details.
You can also enable the extension setting "Enable CodeLens" to display links to downstream dependencies right in the regular editor of VS Code while browsing the source code of the package.
Also, make sure to check out all functionalities by searching for "Downstream Dependencies" in the command palette. You can configure the extension in the settings by navigating to the Downstream Dependencies extension there.
- Currently, the UI might be unresponsible while fetching downstream data. You could either wait until all data have been loaded or reduce the dependency limit from the settings and run the command "fetch more downstream data" on-demand.
See Contributing.
- Die icon (
./assets/die-{dark,light}.svg) by Ben Davis from the Noun Project, edited.