svelteslicer.io

Browser devtools extension for time traveling and visualizing Svelte applications.

Latest Version

Version

0.0.0.1

Update

February 17, 2022

Size

213KiB

Developer

svelteslicer.io

Svelte Slicer Extension

Svelte Slicer is an open-source Chrome Developer Tool that allows the user to view and traverse graphical and textual representations throughout its lifecycle, helping developers to more efficiently identify state-related bugs.

Key Features Include:
-Visualization of component relationships
-Moment-by-moment tracking of state variables
-Snapshot diffing to identify specific state changes
-Dynamic time travel through past state snapshots

To read more on Svelte Slicer, head over to our article on Medium.com at:

https://svelteslicer.medium.com/svelte-slicer-df5263a8e76f

Svelte Slicer is currently a work in progress and undergoing continual improvements. Please feel free to contribute at https://github.com/oslabs-beta/SvelteSlicer or contact one of our authors listed on GitHub.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Svelte Slicer", "version": "0.0.0.1", "minimum_chrome_version": "88", "description": "Browser devtools extension for time traveling and visualizing Svelte applications.", "devtools_page": "devtools/index.html", "background": { "service_worker": "devtools/background.js" }, "content_scripts": [ { "matches": [ "*://localhost/*" ], "js": [ "devtools/listener.js" ], "run_at": "document_start" } ], "action": { "default_icon": { "16": "devtools/public/images/icon16.png", "128": "devtools/public/images/icon128.png" } }, "icons": { "16": "devtools/public/images/icon16.png", "128": "devtools/public/images/icon128.png" }}

Download CRX(213KiB)