{"id":27917402,"url":"https://github.com/kjinengineer/decode-deps","last_synced_at":"2025-08-14T19:29:24.002Z","repository":{"id":259271455,"uuid":"857400928","full_name":"kjinengineer/decode-deps","owner":"kjinengineer","description":"🧩 Debug Tool: a Dependency Graph, visualizing module dependencies in js, jsx, ts, tsx projects.","archived":false,"fork":false,"pushed_at":"2025-02-26T07:54:55.000Z","size":437,"stargazers_count":19,"open_issues_count":2,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-07-17T15:06:33.302Z","etag":null,"topics":["dependency-analysis","dependency-debugging","dependency-graphs","javascript","jsx","tsx","typescript"],"latest_commit_sha":null,"homepage":"https://decode-deps.vercel.app","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/kjinengineer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-09-14T15:01:36.000Z","updated_at":"2025-07-14T07:44:25.000Z","dependencies_parsed_at":"2024-10-25T06:53:16.047Z","dependency_job_id":"2e56f403-94e9-41d8-b2fc-7ce28a3e30c0","html_url":"https://github.com/kjinengineer/decode-deps","commit_stats":null,"previous_names":["devznzn/dep-track","engineerzn/dep-track","oneparticle/dep-scope","jnoncode/dep-scope","jnoncode/decode-deps","vectordxy/decode-deps","vectordxdy/decode-deps","kjinengineer/decode-deps"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/kjinengineer/decode-deps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fdecode-deps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fdecode-deps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fdecode-deps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fdecode-deps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kjinengineer","download_url":"https://codeload.github.com/kjinengineer/decode-deps/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjinengineer%2Fdecode-deps/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267678448,"owners_count":24126333,"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-07-29T02:00:12.549Z","response_time":2574,"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-analysis","dependency-debugging","dependency-graphs","javascript","jsx","tsx","typescript"],"created_at":"2025-05-06T17:45:49.682Z","updated_at":"2025-07-29T11:32:16.990Z","avatar_url":"https://github.com/kjinengineer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![banner](https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2\u0026fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbnHLsQ%2FbtsKyo3HE7O%2FX0GKHoOT4yuMqMFLRsQAC1%2Fimg.png)\n\n**DecodeDeps** is a dev-tool that analyzes and visualizes module dependencies in js, jsx, ts, tsx projects. It identifies modules using `import` and `require` statements and generates a graph to illustrate these relationships. By providing a visualization of module dependencies, it offers insights for building a more structured codebase.\n\n## 🚀 Last Update v.1.2.2 (Feb 22, 2025)\n\n- Bug Fix (Graph wasn't shown but now it's fixed)\n\n## 🌟 Key Features\n\n- **For js, jsx, ts and tsx files**: Visualizes module dependencies by analyzing `import` and `require` statements, providing a graph view.\n- **Multiple folders**: Make it easy to analyze entire projects or specific subfolders.\n- **Detect circular dependencies**: Automatically identifies circular dependencies within your modules.\n- **Various Node Color**: Node colors vary based on module size, offering a quick visual indication.\n- **Interactive Graph**: Navigate and explore the dependency graph with zoom and pan features, as well as adjustable node sizes and link distances, providing a fully interactive visualization\n\n## 👀 Preview\n\nPrepare your project.\n\n![project](https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2\u0026fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmPiRZ%2FbtsKHsR7bWb%2FkQuP3vEWbYG0UrMIdTxKG1%2Fimg.png \"project\")\n\nEnter the command.\n\n![command](https://blog.kakaocdn.net/dn/kOvD5/btsKw0tGTDb/wMqKSgaUXKEWht5YlCNkLK/img.gif \"command\")\n\nCheck the results on port 5001.\n\n![result](https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2\u0026fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcYzM1S%2FbtsKHNaym4D%2Fil4Q7ouMj3tjScoCVg6N20%2Fimg.png \"result\")\n\n## 📥 Installation\n\n```bash\nnpm install decode-deps\n```\n\nor\n\n```bash\nyarn add decode-deps\n```\n\n## 💡 How to use\n\n**Step 1.** Install `decode-deps`.\n\n**Step 2.** Run the command, `npx decode-deps` with input array. You can put folder names that you want to scan. For example, to analyze files within the `./src` folder, use:\n\n```bash\nnpx decode-deps '[\"./src\"]'\n```\n\nTo explore multiple folders, specify them as follows:\n\n```bash\nnpx decode-deps '[\"./src\", \"./dist\"]'\n```\n\n**Step 3.** After running the command, you can see the results at `localhost:5001`.\n\n## 🔍 Who Should Use This Library?\n\n- **Refactoring Teams.** Easily identify optimization points during routine refactoring.\n- **Large Codebase Managers.** Efficiently handle complex module dependencies.\n- **Junior Developers.** Quickly understand the overall code structure.\n- **Performance-Critical Project Teams.** Optimize build performance with improved bundling.\n\n## 💬 Contributing\n\nIf you'd like to contribute, feel free to submit a pull request or open an issue. Feedback to improve the project is always welcome!\n\n## 📚 Docs\n\nFind detailed documentation and updates in the [Docs](https://decode-deps.vercel.app/).\n\n## 📝 License\n\nThis project is licensed under the **MIT License**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjinengineer%2Fdecode-deps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkjinengineer%2Fdecode-deps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjinengineer%2Fdecode-deps/lists"}