{"id":34751425,"url":"https://github.com/tone-row/ffdeptree","last_synced_at":"2025-12-25T05:19:42.258Z","repository":{"id":49251521,"uuid":"378184204","full_name":"tone-row/ffdeptree","owner":"tone-row","description":"Fast import graph visualizer for Typescript or Javscript projects","archived":false,"fork":false,"pushed_at":"2021-06-21T22:31:19.000Z","size":3032,"stargazers_count":20,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-29T18:41:57.404Z","etag":null,"topics":["dependency-graph","import-graph","visualizer"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tone-row.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-18T14:56:54.000Z","updated_at":"2025-06-29T22:13:24.000Z","dependencies_parsed_at":"2022-09-21T13:02:10.294Z","dependency_job_id":null,"html_url":"https://github.com/tone-row/ffdeptree","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tone-row/ffdeptree","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fffdeptree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fffdeptree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fffdeptree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fffdeptree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tone-row","download_url":"https://codeload.github.com/tone-row/ffdeptree/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fffdeptree/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28020382,"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","status":"online","status_checked_at":"2025-12-25T02:00:05.988Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["dependency-graph","import-graph","visualizer"],"created_at":"2025-12-25T05:19:39.153Z","updated_at":"2025-12-25T05:19:42.251Z","avatar_url":"https://github.com/tone-row.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# ffdeptree\n\n\u003c!-- prettier-ignore-start --\u003e\n[![version][version-badge]][package]\n[![downloads][downloads-badge]][npmtrends]\n[![MIT License][license-badge]][license]\n[![PRs Welcome][prs-badge]][prs]\n\u003c!-- prettier-ignore-end --\u003e\n\nVisualize the structure of file imports in typescript or javascript projects with one command.\n\n![Demo of using ffdeptree in watch mode](https://github.com/tone-row/ffdeptree/blob/main/demo.gif?raw=true)\n\n\u003c/div\u003e\n\n## How to Use\n\nRun this command inside your codebase:\n\n```\nnpx ffdeptree --filename src/index.ts --directory src/\n```\n\n- `--filename` is the path to the file whose import graph will be visualized.\n- `--directory` is where the source code lives.\n\n## How It Works\n\nThe package uses [node-dependency-tree] to parse the files and create the graph, and [flowchart-fun](https://flowchart.fun/) to make the visualization.\n\nIn watch mode, it uses [express](https://github.com/expressjs/express) and [socket.io](https://github.com/socketio/socket.io) open the group and dynamically update the page.\n\nThis package was inspired by [madge](https://github.com/pahen/madge)\n\n## Options\n\nAll arguments excluding the ones listed below are parsed and passed to [node-dependency-tree]. You can view the arguments for that [here](https://github.com/dependents/node-dependency-tree#usage).\n\n| Argument       | Value              | Description                                             |\n| -------------- | ------------------ | ------------------------------------------------------- |\n| `--watch`      | 0 or 1 (default 0) | Whether to watch files and sync changes in browser      |\n| `--port`       | (default 3040)     | Which port to use in watch mode                         |\n| `--fullscreen` | 0 or 1 (default 1) | Whether to show visualization using full browser window |\n\n## Contributions\n\nContributions of any kind welcome!\n\n## License\n\nMIT\n\n\u003c!-- prettier-ignore-start --\u003e\n[version-badge]: https://img.shields.io/npm/v/ffdeptree.svg?style=flat-square\n[package]: https://www.npmjs.com/package/ffdeptree\n[downloads-badge]: https://img.shields.io/npm/dm/ffdeptree.svg?style=flat-square\n[npmtrends]: https://www.npmtrends.com/ffdeptree\n[license-badge]: https://img.shields.io/npm/l/ffdeptree.svg?style=flat-square\n[license]: https://github.com/tone-row/ffdeptree/blob/main/LICENSE\n[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square\n[prs]: https://makeapullrequest.com\n[node-dependency-tree]: https://github.com/dependents/node-dependency-tree\n\u003c!-- prettier-ignore-end --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftone-row%2Fffdeptree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftone-row%2Fffdeptree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftone-row%2Fffdeptree/lists"}