{"id":21362104,"url":"https://github.com/j2l/walk-and-graph-svelte-components","last_synced_at":"2025-07-20T21:32:56.714Z","repository":{"id":66734698,"uuid":"455237278","full_name":"j2l/walk-and-graph-svelte-components","owner":"j2l","description":"CLI node script to walk svelte and js files, to draw a beautiful JPG of your dependencies aka \"imports\". No external dependency, only FS (Node).","archived":false,"fork":false,"pushed_at":"2022-03-16T07:55:22.000Z","size":52,"stargazers_count":10,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T04:23:42.290Z","etag":null,"topics":["cli","dependencies","diagram","graph","graphviz-dot-language","import","no-dependencies","nodejs","svelte","svelte-components","walk"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/j2l.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":"2022-02-03T16:17:44.000Z","updated_at":"2023-08-27T10:44:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"3a972001-1803-45b9-8807-f21279b3f94d","html_url":"https://github.com/j2l/walk-and-graph-svelte-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/j2l/walk-and-graph-svelte-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j2l%2Fwalk-and-graph-svelte-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j2l%2Fwalk-and-graph-svelte-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j2l%2Fwalk-and-graph-svelte-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j2l%2Fwalk-and-graph-svelte-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/j2l","download_url":"https://codeload.github.com/j2l/walk-and-graph-svelte-components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/j2l%2Fwalk-and-graph-svelte-components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266204515,"owners_count":23892362,"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":["cli","dependencies","diagram","graph","graphviz-dot-language","import","no-dependencies","nodejs","svelte","svelte-components","walk"],"created_at":"2024-11-22T06:13:43.107Z","updated_at":"2025-07-20T21:32:56.707Z","avatar_url":"https://github.com/j2l.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Don't forget to **STAR** this project after you downloaded and made it work!\n\n# Svelte project?\nThe partially present svelte project here is just for you to test the `walk.js` script. \nThis svelte project is just filled with `mport` statements.\nSimply  `git clone –-depth 1 https://github.com/j2l/walk-and-graph-svelte-components.git` or npx degit this project and use it to test (see below).\n\n# Very simple usage\n`node walk.js src/main.js`\n\nIt's verbose (console logs) to help you if it breaks.\nIt results in a `dot.dot` file and a `dot.dot.jpg` JPG image showing your components and other imports:\n\n![dot.dot.jpg](dot.dot.jpg)\n\nNow, you simply copy walk.js to another project, maybe `grep -R import` to check for format of your import lines and `node walk.js src/main.js`\nagain.\nI intentionally left many comments in the code and a simple dot.dot file for you to study.\n\n# Side Notes\nIf you want to use in svelte project to help you visualize the dependencies, keep in mind a few things:\n- `import` statements must be after at least one line (like `\u003cscript\u003e` or an empty line in js files) and must end with `;` (for regex).\n- Add an empty line after the imports.\n- Not tested with SvelteKit, only tested with Svelte SPA, on Ubuntu with `src/`, the parent folder and one child folder (lib/).\n- It's very hacky, full of regex (faster for me than learning libraries that mostly use regex in the end).\n- If it breaks, it's your fault :smile: but it's easy to fix, don't hesitate to PR!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj2l%2Fwalk-and-graph-svelte-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj2l%2Fwalk-and-graph-svelte-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj2l%2Fwalk-and-graph-svelte-components/lists"}