SvelteScope empowers developers to ship more confident Svelte code by pinpointing unexpected behaviors and experiment with…
SvelteScope Extension
SvelteScope empowers developers to ship more confident Svelte code by pinpointing unexpected behaviors and experiment with components non-destructively - all within the browser!
The extension allows users to visualize their Svelte projects' components via an interactive component tree, and to live-edit their component props without altering the existing codebase.
Read more
The extension allows users to visualize their Svelte projects' components via an interactive component tree, and to live-edit their component props without altering the existing codebase.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "SvelteScope", "version": "1.0.0", "icons": { "16": "icons/sveltescope-logo.png", "48": "icons/sveltescope-logo.png", "128": "icons/sveltescope-logo.png" }, "permissions": [ "tabs", "activeTab", "scripting" ], "devtools_page": "DevtoolsPanel/devtools.html", "background": { "service_worker": "Background/background.js", "type": "module", "minimum_chrome_version": "92" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*", "" ], "js": [ "ContentScripts/import-contentScript.js" ], "run_at": "document_start" }, { "matches": [ "http://*/*", "https://*/*", "" ], "js": [ "ContentScripts/import-contentScriptIsolate.js" ], "run_at": "document_start" } ], "action": { "default_popup": "Popup/popup.html" }, "host_permissions": [ "" ], "web_accessible_resources": [ { "resources": [ "chunks/*-*.js", "ContentScripts/contentScript.js", "ContentScripts/contentScriptIsolate.js" ], "matches": [ "http://*/*", "https://*/*", "" ] } ]}
Read more