1.3.0

• Add support for custom hook names via addHookName from preact/devtools. This is supported in Preact >= 10.5.12 (#281, thanks @marvinhagemeister)

1.2.2

• Fix only first hooks shown if multiple listeners to options._hook were present (#279, thanks @marvinhagemeister)
• Use pagehide instead of unload (#277, thanks @marvinhagemeister)

Maintenance

• Upgrade web-ext (#276, thanks @andrewiggins)
• Bump ini from 1.3.5 to 1.3.7 (#274, thanks @dependabot)

1.2.1

• Fix Firefox description (#273, thanks @rschristian)
• Show usage info in the disabled popup (#272, thanks @danieldiekmeier)

Maintenance

• Upgrade dependencies (#271, thanks @marvinhagemeister)
• Remove changeset bot (#269, thanks @marvinhagemeister)

1.2.0 - Suspense

Better Suspense integration

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.

Key displayed in sidebar

The sidebar will now show the full key of the selected element.

HOC-Component filtering (Preview)

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.

Minor Changes

• 92d7801 #255 Thanks @marvinhagemeister! - Add support for filtering HOC-Components

Patch Changes

• #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 theme

• 3fb4d2a #252 Thanks @marvinhagemeister! - Display Component key in the sidebar

• 72b7964 #257 Thanks @marvinhagemeister! - Fix horizontal sidebar scroll on low depth elements

• 6e79d7b #266 Thanks @marvinhagemeister! - Add support for suspending Suspense components

• 53b3e20 #261 Thanks @marvinhagemeister! - Upgrade dependencies

• aac0914 #262 Thanks @marvinhagemeister! - Remove vendored "hook" Preact version

1.1.2 - Saving Filters

• f292f4c #247 Thanks @marvinhagemeister! - Save component filters in browser settings and restore them upon opening the devtools panel

• 081c8e3 #243 Thanks @marvinhagemeister! - Fix inconsistent wrong size in name input

• 5489540 #244 Thanks @marvinhagemeister! - Use more robust Text node checks

1.1.1 - It's a virtualized world!

• 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.

1.1.0

• Add new "Statistics" tab to collect renderer statistics (#230, thanks @marvinhagemeister)

1.0.1

• Fix error on highlighting text node with "Highlight Updates" (#226, thanks @marvinhagemeister)

1.0.0

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!

Bug Fixes:

• Change default connection message to be more clear (#223, thanks @marvinhagemeister)
• Fix undefined component with prefresh (#222, thanks @marvinhagemeister)
• Fix options._hook arguments not forwarded (#221, thanks @marvinhagemeister)
• Improve Commit-Timeline display (#219, thanks @marvinhagemeister)
• Fix incorrect highlight offset with margins (#218, thanks @marvinhagemeister)

Maintenance:

• Upgrade all dependencies (#220, thanks @marvinhagemeister)
• Fix actions workflow not updating version (#214, thanks @marvinhagemeister)

0.7.0

This release is packed with features!

Highlight updates

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.

Full support for iframes

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 🎉

Lots of UX improvements

Hovering a node in the Profiler will highlight it in the DOM if it is still present.

• "View Source" button in the sidebar to jump to a component definition in the browser debugger 💯
• "View DOM node" button to inspect the DOM node with the native "Elements" panel ⚡
• Selection from the browser's "Elements" tab is synced to Preact Devtools 🎉

Features

• Add support for view source (#210, thanks @marvinhagemeister)
• Add proper support for debugging iframes (#209, thanks @marvinhagemeister)
• Sync selection (#206, thanks @marvinhagemeister)
• Add support for highlight updates (#202, #204, #205, #208, thanks @marvinhagemeister)
• Profiler: Highlight nodes in DOM if present (#199, thanks @marvinhagemeister)

Bug Fixes

• Fix Profiler nodes getting lost due to mutations (#200, thanks @marvinhagemeister)

Maintenance

• Sidebar cleanup (#211, thanks @marvinhagemeister)
• Restructure settings page (#203, #212 thanks @marvinhagemeister)
• Modernize e2e tests (#201, thanks @marvinhagemeister)
• Action docs (#198, thanks @marvinhagemeister)