{"id":13406067,"url":"https://github.com/npmgraph/npmgraph","last_synced_at":"2025-03-14T10:32:20.856Z","repository":{"id":41530035,"uuid":"106899574","full_name":"npmgraph/npmgraph","owner":"npmgraph","description":"A tool for exploring NPM modules and dependencies","archived":false,"fork":false,"pushed_at":"2024-04-08T17:47:37.000Z","size":5213,"stargazers_count":439,"open_issues_count":22,"forks_count":38,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-04-14T09:09:30.929Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://npmgraph.js.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/npmgraph.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"github":["broofa","fregante"]}},"created_at":"2017-10-14T04:59:27.000Z","updated_at":"2024-04-15T15:21:00.600Z","dependencies_parsed_at":"2023-12-30T16:39:09.859Z","dependency_job_id":"ac43941e-fdf0-4021-922d-9c3ad8f3f17f","html_url":"https://github.com/npmgraph/npmgraph","commit_stats":{"total_commits":369,"total_committers":6,"mean_commits":61.5,"dds":"0.12195121951219512","last_synced_commit":"517d9fc953e18bf06ed54ddf2aa77cfd56238117"},"previous_names":[],"tags_count":36,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/npmgraph%2Fnpmgraph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/npmgraph%2Fnpmgraph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/npmgraph%2Fnpmgraph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/npmgraph%2Fnpmgraph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/npmgraph","download_url":"https://codeload.github.com/npmgraph/npmgraph/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243562186,"owners_count":20311235,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T19:02:19.993Z","updated_at":"2025-03-14T10:32:20.850Z","avatar_url":"https://github.com/npmgraph.png","language":"TypeScript","readme":"# npmgraph\n\nA tool for exploring npm modules and dependencies. Available online at https://npmgraph.js.org/.\n\n**Be sure to check out [the new npmgraph CLI](https://github.com/npmgraph/npmgraph-cli).**\n\n## URL API\n\n`npmgraph` diagrams can be configured using the URL parameters below.\n\nNOTE: With the exception of the `q` (query) parameter, these are **not** search parameters. These parameters are stored in the location _`hash`_, using normal URL query param encoding.\n\n### `q` (search param)\n\nComma-separated list of module names or URLs.\n\n**Example**: Graph the `send` module (official NPM registry):\n\nhttps://npmgraph.js.org/?q=send\n\n### `color` (hash param)\n\n\"Colorization\" mode (a.k.a \"Colorize by...\" field in UI). Currently supports the following values:\n\n| `color=...`   | Graph nodes colored by...                                                         |\n| ------------- | --------------------------------------------------------------------------------- |\n| `moduleType`  | `package.json#type` value                                                         |\n| `bus`         | # of maintainers (\"bus\" = [bus factor](https://en.wikipedia.org/wiki/Bus_factor)) |\n| `outdated`    | Degree of `version` outdated-ness                                                 |\n| `maintenance` | npms.io score                                                                     |\n\n**Example**: Graph `send`, colorize by module type:\n\nhttps://npmgraph.js.org/?q=send#color=moduleType\n\n### `deps` (hash param)\n\nComma-separated list of the _types_ dependencies to include for modules at the top-level of the graph. (Lower-level modules only ever show `dependencies`).\n\n`dependencies` is always included.\n\n**Example**: Graph `send`, include `devDependencies`:\n\nhttps://npmgraph.js.org/?q=send#deps=devDependencies\n\n### `packages` (hash param, **JSON-encoded**)\n\nJSON-encoded array of user-supplied `package.json` contents.\n\nTo graph a custom package.json module, provide the package contents here (in the `packages` param), and set the module \"name@version\" in the `q` param.\n\n**Example**: Graph a custom \"my_package@0.0.1\" module\n\nhttps://npmgraph.js.org/?q=my_package%400.0.1#packages=%5B%7B%22name%22%3A%22my_package%22%2C%22version%22%3A%220.0.1%22%2C%22dependencies%22%3A%7B%22send%22%3A%220.18.0%22%7D%7D%5D\n\n```js\n`https://npmgraph.js.org/?q=my_package#${new URLSearchParams([\n  ['packages', JSON.stringify([packageJson])],\n]).toString()}`;\n```\n\n\u003e [!IMPORTANT]\n\u003e The name provided in `q` must match the `name` in the package.json, at least until [#195](https://github.com/npmgraph/npmgraph/issues/195) is resolved.\n\n### `select` (hash param)\n\nSelect a module or category of modules.\n\nValues should have one of the following forms:\n| | |\n|---|---|\n| `exact:\u003cmodule key\u003e` | Select a specific module |\n| `name:\u003cmodule name\u003e` | Select modules by name, all versions |\n| `license:\u003clicense string\u003e` | Select modules by license |\n| `maintainer:\u003cmaintainer name\u003e` | Select modules by maintainer name |\n\n**Example**: Graph `send`, selecting `fresh@0.5.2`\n\nhttps://npmgraph.js.org/?q=send@0.18.0#select=exact%3Afresh%400.5.2\n\n### `hide` (hash param)\n\nIf defined (e.g. `...#hide`), hides the inspector.\n\n**Example**: Graph `send`, close the inspector\n\nhttps://npmgraph.js.org/?q=send@0.18.0#view=closed\n\n### `zoom` (hash param)\n\nSpecify zoom mode.\n\n|     |                 |\n| --- | --------------- |\n| `w` | Fit view width  |\n| `h` | Fit view height |\n\n**Example**: Graph `send`, fit view width\n\nhttps://npmgraph.js.org/?q=send@0.18.0#zoom=w\n\n## Running locally\n\n`NPMGraph` is built with `parcel`. To run in your local dev environment:\n\n```shell\n$ git clone https://github.com/npmgraph/npmgraph.git\n$ cd npmgraph\n$ npm install\n$ npm start\n```\n","funding_links":["https://github.com/sponsors/broofa","https://github.com/sponsors/fregante"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnpmgraph%2Fnpmgraph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnpmgraph%2Fnpmgraph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnpmgraph%2Fnpmgraph/lists"}