{"id":26267534,"url":"https://github.com/oslabs-beta/solid-dev-tool","last_synced_at":"2026-03-11T14:05:55.860Z","repository":{"id":51107723,"uuid":"519335057","full_name":"oslabs-beta/solid-dev-tool","owner":"oslabs-beta","description":"A SolidJS signal tracking dependency \u0026 structural visualizer developer tool","archived":false,"fork":false,"pushed_at":"2023-05-31T23:03:33.000Z","size":690,"stargazers_count":56,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-25T14:16:54.297Z","etag":null,"topics":["debugger","devtool","solidjs","state","visualizer"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/oslabs-beta.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"open-source-labs","custom":["https://donorbox.org/donations-to-oslabs-inc"]}},"created_at":"2022-07-29T19:57:30.000Z","updated_at":"2025-02-15T22:24:24.000Z","dependencies_parsed_at":"2025-03-14T04:17:14.942Z","dependency_job_id":"1abda45a-0e1e-4cb8-a7b1-90c75000eab0","html_url":"https://github.com/oslabs-beta/solid-dev-tool","commit_stats":null,"previous_names":["oslabs-beta/solid-dev-tools"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2Fsolid-dev-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2Fsolid-dev-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2Fsolid-dev-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oslabs-beta%2Fsolid-dev-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oslabs-beta","download_url":"https://codeload.github.com/oslabs-beta/solid-dev-tool/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250831520,"owners_count":21494380,"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":["debugger","devtool","solidjs","state","visualizer"],"created_at":"2025-03-14T04:17:12.728Z","updated_at":"2026-03-11T14:05:50.836Z","avatar_url":"https://github.com/oslabs-beta.png","language":"TypeScript","readme":"# Solid JS DevTool\n Developer tool that visualizes Solid's signal architecture, including the components. It can be added to any Solid JS application.\n \n ![Screen Shot 2022-08-24 at 9 57 38 PM](https://user-images.githubusercontent.com/86940809/186578516-e514f4ab-e215-4ab7-842b-03bea696d2ca.png)\n\n## Installation\nIn your command line, go to the main folder where your application's files and package.json are being stored.\nInstall the following package:\n\n    npm i @solid-solutions/devtool\n    \n    \nScoreboard-example:\n    \n    \n![EmHk6dv](https://user-images.githubusercontent.com/86940809/186541392-6cbab926-5dbb-47e3-8c8e-ba23d98eb961.gif)\n\n\nImport { DevTool } in the highest level component, typically it is your index file where you render the App. Then wrap the App with DevTool.\n\n\n![ZSQKAiP](https://user-images.githubusercontent.com/86940809/186546044-36cf2088-5d86-40b6-a918-ac716f1640f6.gif)\n\n\nYou will then see a button appear on your Solid JS application that has the Solid JS logo. When you hover over the button, the debugger action button will show up. Click on the button to show the panel.\n\n![l5qArwF](https://user-images.githubusercontent.com/86940809/186559623-c55c0f71-c74f-42e8-a71e-0633fa630080.gif)\n\n\n\n## Meet Our Team\n\n[Hulkaroy Jouraboeva](https://www.linkedin.com/in/hulkaroy-jouraboeva/)\n\n[Candace Martin](https://www.linkedin.com/in/candace-e-martin/)  \n\n[Stanley Chen](https://www.linkedin.com/in/stanwchen/)\n\n[Lyam Hunt](https://www.linkedin.com/in/lyam-hunt-b87ba4112/)\n\n\n## Acknowledgements\n\n* https://github.com/thetarnav/solid-devtools\n* https://github.com/CM-Tech/solid-debugger\n\n\n\n","funding_links":["https://github.com/sponsors/open-source-labs","https://donorbox.org/donations-to-oslabs-inc"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fsolid-dev-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foslabs-beta%2Fsolid-dev-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foslabs-beta%2Fsolid-dev-tool/lists"}