Browser extension for inspection Preact applications
MIT License
Bot releases are hidden (Show)
Published by marvinhagemeister almost 4 years ago
options._hook
were present (#279, thanks @marvinhagemeister)pagehide
instead of unload
(#277, thanks @marvinhagemeister)Published by marvinhagemeister almost 4 years ago
Published by marvinhagemeister about 4 years ago
This release contains a much improved integration for the Suspense
component. The sidebar contains a new button when a node or a parent is a Suspense
component and clicking it will suspend the sub-tree.
The sidebar will now show the full key of the selected element.
In code bases that make extensive use of the HOC-Component pattern, the elements panel could become overly noisy. Inspired by other devtools extension, we've added a filter that flattens HOC-Components. It's not enabled by default yet, because there are some last remaining bugs to shake out. You can give it a go by checking "Experimental Filters" in the Settings panel.
92d7801
#255 Thanks @marvinhagemeister! - Add support for filtering HOC-Components#259 Thanks @bz2! - Add .editorconfig
to match prettier config.
#250 Thanks @bz2! - Fix TypeError dom is null in updateHighlight.
#258 Thanks @bz2! - Refine types on vnode utility functions.
#267 Thanks @marvinhagemeister! - Fix Fragments not being filtered with Preact versions other than the devtools was built with.
8f361f3
#265 Thanks @bz2 and @marvinhagemeister! - Fix Suspense nodes not being detected.
d1581c7
#253 Thanks @marvinhagemeister! - Elements panel: Fix key value hard to read in light theme3fb4d2a
#252 Thanks @marvinhagemeister! - Display Component key in the sidebar72b7964
#257 Thanks @marvinhagemeister! - Fix horizontal sidebar scroll on low depth elements6e79d7b
#266 Thanks @marvinhagemeister! - Add support for suspending Suspense components53b3e20
#261 Thanks @marvinhagemeister! - Upgrade dependenciesaac0914
#262 Thanks @marvinhagemeister! - Remove vendored "hook" Preact versionPublished by marvinhagemeister about 4 years ago
f292f4c
#247 Thanks @marvinhagemeister! - Save component filters in browser settings and restore them upon opening the devtools panel081c8e3
#243 Thanks @marvinhagemeister! - Fix inconsistent wrong size in name input5489540
#244 Thanks @marvinhagemeister! - Use more robust Text
node checksPublished by marvinhagemeister about 4 years ago
6e5ebba
#238 Thanks @marvinhagemeister! - Align font-sizes with native browser devtools and fix component name "pushing" sidebar layout.74e7edc
#242 Thanks @marvinhagemeister! - Improve Tree view performance by using virtualization. This way the Tree view stays smooth, regardless of how many components are rendered of the page. This was tested with 7.000 components in a real world app.Published by marvinhagemeister over 4 years ago
Published by marvinhagemeister over 4 years ago
Published by marvinhagemeister over 4 years ago
I think it's time to finally make the 1.0.0
release. From all feedback that I got over Slack, Twitter and GitHub it's very stable and many users are happily using it in production. Looking at the feature set it includes everything I originally had envisioned when starting down this path, so the 1.0.0
number is long overdue!
undefined
component with prefresh (#222, thanks @marvinhagemeister)options._hook
arguments not forwarded (#221, thanks @marvinhagemeister)Published by marvinhagemeister over 4 years ago
This release is packed with features!
The star of the show is the "highlight updates" option in the settings page, which when enabled will visualize updates via on overlay on top of the page.
This release ships with full support for debugging Preact apps that live inside iframes
. Extra care was done to make the integration with codesandbox seamless 🎉
Hovering a node in the Profiler will highlight it in the DOM if it is still present.
Published by marvinhagemeister over 4 years ago
This release completes the Profiler rewrite. The flamegraph can now display memoized trees and displays timings in a lot more polished way 🎉
symbol
values not supported (#196, thanks @marvinhagemeister)Published by marvinhagemeister over 4 years ago
This release contains no new features and all time was spent on polishing the existing ones and a bit of housekeeping. Most notably the Profiler will be a lot faster on weak GPUs (like the one in my Dell XPS 13 laptop).
Published by marvinhagemeister over 4 years ago
This release hardens the recently introduced hooks inspection and fixes several edge cases. Apart from that it's now possible to properly debug Preact applications that are rendered inside an iframe
. The highlight overlay will adapt to the iframe
's position accordingly 🎉
Despite this being mostly a maintenance release, there is one new feature: "Reload and profile". This allows to capture the very first render of any application and inspect the render performance!
Published by marvinhagemeister over 4 years ago
This release finally brings support for hooks inspection to preact devtools! It allows you to fully debug all hooks of a component, including custom ones. This is big for me as it took me a few tries to get it right. If you find any issues with it, please reach out!
Apart from that there have been some minor visual changes to improve readability.
Published by marvinhagemeister over 4 years ago
This release improves a lot of little UX interactions and contains a lot of house cleaning in preparation for hooks inspection.
We couldn't resist adding a major feature too as it turned out to be easier to implement than initially assumed. The profiler is now able to inspect why a node rendered! The full support for this feature required a change in Preact. But don't worry we'll cut a new release over there in the coming days!
undefined
prop value in preview (#134, thanks @marvinhagemeister)Published by marvinhagemeister over 4 years ago
This release brings a few new features and many usability improvements. Thanks to everyone who reported bugs and helped make preact-devtools even more awesome!
Screenshot of collected user timings in the native Performance
-Tab:
displayName
(#119, thanks @marvinhagemeister)Published by marvinhagemeister over 4 years ago
With the introduction of a proper end-to-end (e2e) testing framework, we managed to quickly find and fix many bugs related to the element picker or highlighting of nodes on the inspected page 🎉
The extension is pretty stable by now and we expect to cut a proper 1.0.0 release in the not so distant future.
Published by marvinhagemeister over 4 years ago
With this release the whole message passing between the extension and the page was rewritten from scratch. It's more robust now and rebuilds state whenever they are re-opened on the same page.
The filters also received a nice upgrade with an improved UX 🎉
Published by marvinhagemeister over 4 years ago
Published by marvinhagemeister over 4 years ago
Published by marvinhagemeister almost 5 years ago