{"id":13451721,"url":"https://github.com/sveltejs/svelte-devtools","last_synced_at":"2025-05-14T14:07:56.813Z","repository":{"id":37735438,"uuid":"188643934","full_name":"sveltejs/svelte-devtools","owner":"sveltejs","description":"A browser extension to inspect Svelte application by extending your browser devtools capabilities","archived":false,"fork":false,"pushed_at":"2025-01-22T06:43:29.000Z","size":1309,"stargazers_count":1554,"open_issues_count":7,"forks_count":81,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-05-08T08:02:56.068Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff","language":"Svelte","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/sveltejs.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":"2019-05-26T05:29:24.000Z","updated_at":"2025-05-04T12:31:40.000Z","dependencies_parsed_at":"2023-10-03T10:11:31.778Z","dependency_job_id":"c14e06ef-7ec4-494e-b551-06a920688f8f","html_url":"https://github.com/sveltejs/svelte-devtools","commit_stats":{"total_commits":263,"total_committers":10,"mean_commits":26.3,"dds":0.467680608365019,"last_synced_commit":"8601c9cc1d3a99649d460f597aef90eb4656770d"},"previous_names":["redhatter/svelte-devtools"],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sveltejs%2Fsvelte-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sveltejs%2Fsvelte-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sveltejs%2Fsvelte-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sveltejs%2Fsvelte-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sveltejs","download_url":"https://codeload.github.com/sveltejs/svelte-devtools/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254045680,"owners_count":22005427,"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-31T07:01:00.437Z","updated_at":"2025-05-14T14:07:56.757Z","avatar_url":"https://github.com/sveltejs.png","language":"Svelte","funding_links":[],"categories":["HTML","Svelte","Stale"],"sub_categories":["Svelte"],"readme":"# Svelte DevTools\n\n\u003ca href=\"https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff\"\u003e\n\t\u003cpicture\u003e\n\t\t\u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png\"\u003e\n\t\t\u003cimg alt=\"Chrome Web Store\" src=\"https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/tbyBjqi7Zu733AAKA5n4.png\"\u003e\n\t\u003c/picture\u003e\n\u003c/a\u003e\n\nSvelte DevTools is a browser extension for the [Svelte](https://svelte.dev/) framework. It allows you to inspect the Svelte state and component hierarchies in the Developer Tools.\n\nAfter installing you will see a new tab in Developer Tools. This tab displays a tree of Svelte components, HTMLx blocks, and DOM elements that were rendered on the page. By selecting one of the nodes in the tree, you can inspect and edit its current state in the panel to the right.\n\n\u003e For Firefox users, you can install the [`.xpi` file of the latest version from the GitHub releases page](https://github.com/sveltejs/svelte-devtools/releases/latest). Note that if you grab the `.zip` file, you will need to load it as a temporary extension and enable \"Always Allow on localhost\" in the extension settings.\n\n![2.0.0 Screenshot](./.github/assets/screenshot-2.0.0.png '2.0.0 Screenshot')\n\n## Requirements\n\nThe `svelte-devtools` extension requires the following to be true:\n\n- Chrome or Firefox version 121 or higher\n- Application running Svelte version `^4.0.0`\n- Application compiled with `dev: true` ([SvelteKit](https://kit.svelte.dev/) does this automatically for you)\n\n## Development\n\nClone this repository and setup the environment with `pnpm`\n\n```sh\ngit clone https://github.com/sveltejs/svelte-devtools.git\ncd svelte-devtools\npnpm install\n\ncd workspace/extension\npnpm dev\n```\n\nTo work on the extension, run the `dev` script from `workspace/extension` directory\n\n```sh\ncd workspace/extension\npnpm dev\n```\n\nThis will build the extension and create a directory called `build`. Steps may vary depending on the browser you are using, but generally:\n\n1. Navigate to the extensions settings page\n2. Turn on the 'Developer mode' switch\n3. Click 'Load Unpacked' and select the `build` directory\n\n## Acknowledgements\n\n-   This extension was initially created and developed by [RedHatter](https://github.com/RedHatter)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsveltejs%2Fsvelte-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsveltejs%2Fsvelte-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsveltejs%2Fsvelte-devtools/lists"}