svelte-devtools

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.2.1...v2.2.2

Built from 673b6a21572f6011257bc24ac2a356ed7542296b at https://github.com/sveltejs/svelte-devtools/actions/runs/9268442136

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
• Firefox Signed Add-on: https://github.com/sveltejs/svelte-devtools/releases/download/v2.2.2/svelte-devtools.xpi

Minimum Chrome Version Enforcement

The extension now enforces a minimum Chrome version of 121. Users with a Chrome version lower than 121 will need to update their browser to continue receiving automatic updates from the Chrome Web Store.

What's Changed

• fix: adjust node colors in light mode by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/216
• fix: add "minimum_chrome_version" key by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/217
• docs: update extension requirements by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/220

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.2.0...v2.2.1

Built from 7cb11aee9051333995a553a65acb321b79eb5f58 at https://github.com/sveltejs/svelte-devtools/actions/runs/8937127544

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
• Firefox Signed Add-on: https://github.com/sveltejs/svelte-devtools/releases/download/v2.2.1/svelte-devtools.xpi

This time for real, the official Firefox support is here! You can now grab the .xpi file and directly install the extension (also backported and signed the previous v2.2.0 release). This patch release includes many fixes and QoL improvements that would make the experience of using the devtools just a little bit nicer. The app should also feel much faster and snappier thanks to Svelte v5-next (not that it wasn't fast to begin with).

What's Changed

• feat: specify add-on id by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/192
• meta: build with Svelte 5 by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/200
• fix: turn off button after inspecting by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/202
• fix: always reveal selected node by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/203
• fix: seamless automatic reconnection by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/201
• chore: prepare client for svelte v5 by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/204
• fix: rework props editing by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/205
• meta: setup monorepo by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/208
• fix: pass current keys to update objects by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/210
• chore: clarify officially supported version by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/212
• fix: individual expanded state by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/211
• feat: fine-grained readonly markers by @davidjayb in https://github.com/sveltejs/svelte-devtools/pull/195
• feat: improve editable props UX by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/206

New Contributors

• @davidjayb made their first contribution in https://github.com/sveltejs/svelte-devtools/pull/195

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.1.0...v2.2.0

Built from fb8a72d6eb67deecb2f44cd932ee1fabd4f43927 at https://github.com/sveltejs/svelte-devtools/actions/runs/8449759185

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff

Firefox support is here! Simply download and load the .zip file as a temporary add-on, make sure to enable "Always Allow on localhost", and voila! Also, make sure to upgrade your browsers to the latest versions, or at least to version 121 for both Chrome and Firefox.

What's Changed

• chore: update dependencies by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/186
• feat: add firefox support by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/185
• fix: ignore inspect toggle events by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/188

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.0.2...v2.1.0

Built from 14ac16b2dbcc149ee7c77a944a4be707d3f94a11 at https://github.com/sveltejs/svelte-devtools/actions/runs/7639730605

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff

Happy new year! We're starting off the Svelte DevTools extension with a new minor update that includes the much-requested inspector button, which allows you to click on any element on your page and automatically expands the hierarchy tree in the Svelte devtools panel until it reaches the selected element.

What's Changed

• chore: single dev script and updates by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/183
• feat: add inspector button by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/182

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.0.1...v2.0.2

Built from 60563bfb75828f5bc6116f00e74910c908e54c70 at https://github.com/sveltejs/svelte-devtools/actions/runs/7270686449

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff

The final patch release for 2023. This update addresses some minor DX issues when using the left arrow key to navigate from nested elements, and also improves the detection of websites using Svelte 4 on initial page load.

Thank you for your continued support and positive reviews on the Chrome Web Store, see you in 2024!

What's Changed

• refactor: standardize messaging format by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/173
• feat: left jump to parent by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/174
• chore: upgrade dependencies to latest minor by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/179
• fix: execute sensor script on unloaded by @ignatiusmb in https://github.com/sveltejs/svelte-devtools/pull/180

Full Changelog: https://github.com/sveltejs/svelte-devtools/compare/v2.0.0...v2.0.1

Built from 57ccb049a140e1290c15d7a6e3af7c69b3b452ee at https://github.com/sveltejs/svelte-devtools/actions/runs/6730728714

• Chrome Web Store: https://chrome.google.com/webstore/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff

What's Changed

• The extension is now built from GitHub

We're excited to announce the release of Svelte DevTools v2.0.0, now available in the Chrome Web Store!

This release marks a significant milestone as the extension has been transferred to our organization. It represents a major overhaul of the previous version, featuring modernization and a transition to Vite + Svelte 4. Here's what you can expect in this release:

Key Highlights:

• Manifest V3, embracing the Chrome extension platform's Manifest V3
• Zero External Dependencies, ensuring a lighter bundle and faster performance
• SvelteKit Compatibility, seamless integration with SvelteKit and standalone bundlers
• Native DevTools Behavior, improvements to mimic the behavior of native devtools and enhanced keyboard navigation
• Enhanced UX, addressing the font and element scaling issues and various other user experience improvements
• Detect Svelte 4 Sites, easily identify websites built with Svelte 4 with the colorful badge icon

For a detailed list of changes and updates, please refer to the Full Changelog (https://github.com/sveltejs/svelte-devtools/compare/1.3.0...v2.0.0).

Thank you for your patience, support and feedback. We hope that Svelte DevTools enhances your Svelte development experience. Happy coding!

• Keyboard navigation
• Zoom fix in Firefox
• Edge support

Fixed a critical bug

• Support for Svelte 3.19.2 and above.
• Bug fixes

• Bug fixes

• New basic flame graph style profiler
• Svelte 3.15.0 support
• Element picker
• Bug fixes

• Bug fixes
• Dark mode style improvements
• Chrome specific style improvements

• Dark mode
• More advanced search
• Highlight on page element bounding rects on node hover

• Many stability improvements
• Updated each block nodes
• Slot nodes
• Style improvements

This release has some exciting new features. These include

• "Inspect" style view of objects and arrays in the side panel.
• Search for text in state, DOM, attributes, etc.
• Flashes tree nodes when a child is inserted or removed, or when attributes change.

In addition to bug fixes, sensibility/performance improvements, and general polish.