v4.1.5-beta.2

chore: v4.1.5-beta.2

v4.1.5-beta.1

New

• Display render keys in components tree (#691)
• Copy JSON value context menu on properties (#583)
• Detect Nuxt with appropriate popover (#661)
• Display injected properties (#659)

Fixed

• Duplicate root instances
• Don't break when CSP is on in Firefox (#616) (#621)
• Support Proxy arguments in functions (#709)
• Tree navigation with arrow keys (#665)
• Prevent chrome devtools from opening the print modal (#668)
• Keyboard navigation in filtered list (#663)

Other

• E2E tests migrated to Cypress
• Parts of the UI migrated to @vue/ui
• SharedData system
• Upgraded to ESLint 5 and eslint-plugin-vue 5 beta

v4.1.4

Fixed

• Proxied function error
• Loosing <Root/>

Improved

• ==$vm0 tooltip to explain that the component is accessible in the console
• Improved display of Symbol and Function with multiline arguments

More details

v4.1.3

Fixed

• Fix crash on page refresh (#590)

v4.1.2

Improved

• Filtering now handles circular references (fixes #550), deeply searches in arrays and has other improvements (#572)
• Icons switched from fonticon to SVG for better rendering across all platforms and browsers (#538)
• HTML is escaped for function names, RegExp and other 'native objects' (#573)

Fixed

• Use prototype toString to prevent bad serialization (#569)
• Double quote color in Dark theme (#574)

v4.1.1: 555 - Fix HTML value not escaped in DataField (#556)

Improved

• Props popovers and other tooltips improvements (#544)

Fixed

• HTML strings not escaped in State inspector (#556)
• Body class only modified when creating Vue app (#554)
• Fix context menu throwing errors on any page (#553)
• Fix overlapping text and icon in History (#548)
• Fix component picker not being deactivated when selecting a component (#549)

v4.1.0

New

• You can now select a component in the page with the component-picker button. (#476)
• New keyboard shortcuts (+ displayed in the tooltips) (#519):
  • Tab switching: Ctrl+1...3
  • Force reload: Ctrl+Alt+R
  • Focus Tree/History filter input: Ctrl+F
  • Clear Log/Revert All: Ctrl+Del
  • Pick a component: S
  • Commit All: Ctrl+Enter
  • Toggle Recording: R

Changed

• Switch the order of 'data' and 'props' sections in component inspector to better follow the style guide (#523)

Improved

• Component inspector layout reorganized to be more consistent with the other inspectors. (#495)
• The component highlighter displays the component name. (#476, #533)
• Serialization and type handling improved (#523)
  • Special handling of Vuex Store, VueRouter, Component definition, Function, Set, Map.
  • Serialization is more tolerant to errors (should mitigate #499, #507).
  • Performance improvements.
• Navigating in Tree/History with keyboard will now scroll the view (#519)
• Tooltips will not be constrained by immediate scroll parent anymore. (#532)

Fixed

• Cache Custom values to prevent stack overflow because of circular references (#523, fix #528)
• Path handling on Windows for 'open in editor'. (#509, fix #501)
• Prevent console drawer from toggling when hitting Esc key while focusing an input/textarea. (#512)
• Some retro-compatibility fixes (#534):
  • Vuex state inspector was breaking because it has no getter [email protected]
  • Data editing now works with [email protected]

v4.0.0

New Features

• Inspected component state can now be edited directly from devtools. (#484)
• Events tab now also filters events by component name. (#413)
• Support filtering Vuex state history (#418)
• Responsive layout swap depending on devtools panel width (#454)
• Added option for showing original component name instead of PascalCase (#470)
• Improved support for more native types such as Date, -Infinity, RegExp and Vue components (#472, #474)
• Redesigned state inspector, now with collapsable sections for data, props and computed (#477)
• Added "scroll component into view" button instead of scroll on hover (#478)
• Added right-click inspect in contextMenu when devtools is open (#479)
• Clicking on inspected component title now opens the component source in editor when using a compatible dev server (#483) docs

v3.1.0

New

• Now supports dark theme! (@jhoff via #243)
• UX improvements to state inspector (thanks to @markussorg)
• Alt-clicking a component now toggles the entire sub tree (@bartlomieju via #265)
• Vuex tab now also lists vuex getters (@AnthonySendra via #255)

Fixed

• #256 fix component name inferring from file name on Windows (@posva via #264)
• #271 fix computed properties from mixins not being listed (@bartlomieju via #274)
• #214, #283 fix component tree key navigation

v3.0.0

General

• Styling revamp and responsiveness improvements. (thanks to the contribution by @crswll)

Vuex Tab

• When clicking on a mutation, it no longer time-travels by default so you can inspect each mutation without affecting the state of your app. An extra "time travel" button is added to each mutation.
• Mutation logging can now be paused (it's also persisted via localStorage).

New: Events Tab

• Logs custom events emitted by components. (thanks to the contribution by @markussorg)
• Can also be paused like Vuex mutations.