CHANGELOG.md

0.5.0 (2023-05-18)

Bug Fixes

• build-analyze: improve ui (bd263ee)
• components: improve graph relationship filtering, close #192 (c27f80b)
• debounce disconnect indicator (895e6e3)
• devtools-ui-kit: update unocss config path (#238) (5162bdd)
• double disable vue-inspector (9dc0694)
• improve module meta resolution (7dc3d93)
• install-module: process exit code (8c8097e)
• open-graph: avoid layout shift (4b1eb2c)
• open-graph: use description for facebook (#239) (31c92f5)
• print error on process failing (37f690b)
• style: switch, radio, checkbox hover style (#230) (97f5b1a)
• uninstall modules (#229) (f7db6a2)

Features

• add component inspect button to the sidebar (512d852)
• add dark/light mode switch transition (#224) (782e0da)
• allow override vue-inspector options, close #234 (3311f11)
• components: add legend for graph (de6a97d)
• display vue version, close #236 (83b775a)
• experimental add module from DevTools (#222) (501682b)
• experimental build analyze (#190) (2344afd)
• isolate ui options per-project (#232) (3b99477)
• open-graph: use useSeoMeta over useHead (f7d11ee)
• refactor components, close #227 (0caa4de)
• server-routes: rolling out of experiment state (ed87dfd)
• sidenav overflow as popup (da6c29f)
• ui: fullscreen disconnect indicator (a158b1b)

0.4.6 (2023-05-08)

Bug Fixes

• default state of DockingPanel (a009866)
• DockingPanel clickoutside on iframe (#211) (afdaa5b)
• fix shortcut to togglePanel (#212) (e64dbcd)
• nitro storage link (#220) (ddd2e41)

Features

• add open graph tab (#209) (b94de30)
• allow iframe permissions (#215) (44fce14)

0.4.5 (2023-04-30)

Bug Fixes

• correctly read plugins list (76bc71d)
• use compile time markdown (f9979b9)

0.4.4 (2023-04-30)

Features

• open in file in embeded vscode (#207) (9f17662)

0.4.3 (2023-04-29)

Bug Fixes

• disconnect indicator zindex, close #202 (e9ab49f)
• server-routes watcher (#205) (19fda12)
• wizard: update disable logic (95353b6)
• wizard: use object options instead, close #206 (d63cf58)

Features

• improve settings ui (c0b4bd6)
• support middleware, close #184 (73ef44c)
• support navigating to virtual file (ff27b92)

0.4.2 (2023-04-24)

Bug Fixes

• code style (4a082d1)
• components in graph view style (#197) (3075fc1)
• ui layout (eeb1744)
• ui: sidenav tooltip overlaps with title (#199) (aec5192)
• wizard: builtin enable setup fails on new installs (#200) (9551479)

Features

• add more categories (3d41495)
• categorize tabs (64c48cd)
• help page for each tab (#194) (5ce8df3)
• plugins: add total execution time (2cbb52e)
• support tab badge (80a5ba2)
• syncing color mode backward for iframe, close #195 (76b3c7a)

Performance Improvements

• defer devtools client initialization (2949e0d)
• defer devtools client loading (ebc9a38)
• improve runtime icons render (ea37a07)

0.4.1 (2023-04-18)

Bug Fixes

• fix domain to work with https (#178) (646fb9b)
• server-routes: add method dropdown (#187) (f47060e)
• server-routes: handle base url (06eb4d7)
• server-routes: persistence between route switches (#186) (2791d3e)
• ServerRouteDetail: fix domain port & body (#185) (7b1fbf1)
• ui-kit: NTextInput styles (0ed638e)
• ui-kit: ssr compatibility, close #183 (4f49cd4)

Features

• provide docs for built-in composables (e32b8d5)
• server-routes: more code snippets (40913b9)
• server-routes: open route in editor button (#189) (c0cbfdb)
• styling (4be0a97)
• ui-kit: Make NTextInput more generic (#181) (f3d61da)

0.4.0 (2023-04-11)

Bug Fixes

• server-route: added route type to url (#175) (0bbeb28)
• server-routes: route resolving (1895a16)
• styling (d08b233)
• ui-kit: NCodeBlock layout shift (875ff88)
• wizard: also check versions greater than 3.4 (dd14aac)
• wizard: remove global module install in 3.4 (c5fdf23)

Features

• add panel grids (7304c7b)
• improve style consistentency (4459cf5)
• init server routes tab (#159) (5722c5b)
• optimize tab performance (69dc864)
• scroll trap in iframe (0abc4b3)

0.3.2 (2023-04-07)

Bug Fixes

• imports.preset resolution, close #165 (bba0496)
• hide injected app from the Vue devtools (#167) (26ee4a4)
• improve tab not found view (02bd365)
• open in editor regex, close #169 (8bec14f)
• ui: truncate test in asset details, close #163 (e1af4a0)

Features

• initial drag & drop & write assets (#164) (02bd75d)
• new cli wizard (#170) (069ac33)
• ui-kit: support v-lazy-show for NSectionBlock (4351a6b)

0.3.1 (2023-03-27)

Bug Fixes

• explicit import defineNuxtPlugin (03535dc)

0.3.0 (2023-03-27)

Changes

• Panel toggle shortcut changed to Shift + Alt + D (#153)
• Some design improvements
• New tabs
  • Assets
  • Terminals
• Support upgrading packages in devtools
• Able to measure plugins execution time
• For module authors:
  • @nuxt/devtools-kit is introduced, you can safely depend on it
  • @nuxt/devtools/kit is moved @nuxt/devtools-kit
  • @nuxt/devtools/iframe-client is moved to @nuxt/devtools-kit/iframe-client
  • Extendable RPC is introduced, you can now integration your own client-server communication
• Learn more at docs

New Tabs

Assets

The assets tab that shows all your static assets and their information. You can copy the paths of the assets, or the code snippets of using them. In the future, with the integrations of Nuxt Image, you can even optimize images with a single click.

Plugins

Plugins tab shows all the plugins you are using in your app. As plugins runs before the app is mounted,the time spent in each plugin should be minimal to avoid blocking the app from rendering. The time cost of each plugin provided can be helpful to find performance bottlenecks.

Terminals Tab

In some integrations, they might require to have subprocesses running to do certain jobs. Before DevTools, you either hide the output of the subprocess entirely and swallow the potential warnings/errors, or pipe to stdout and pollute your terminal with multiple outputs. Now you can now have the outputs in DevTools for each process and clearly isolated.

---

Bug Fixes

• assets: show <NuxtImage> snippet when @nuxt/image is installed (#133) (d440f14)
• change shortcut to Shift + Alt + D, close #153 (ede19a7)
• component inspector, close #137 (d608a0f)
• components graph layout (b853005)
• display font preview in assets detail (a18c762)
• extra scrollbar (#139) (a94fd4d)
• improve path display (7ed9657)
• make assets detail scrollable (f0a547d)
• popper text color in light mode (254b45e)
• scrolling regression after splitpanes (455ec6c)
• ui: fix unexpected sidenav icon scale on windows chrome (#138) (310117a)
• vue inspector in latest Nuxt (f736291)

Features

• able to disable tabs, close #132 (0572b18)
• add customTabs option, close #113 (f172ffb)
• add visual dialog to upgrade (d4b43c2)
• ask for restart once upgrade finished (8a97d78)
• expose info on devtools:initialized (71f300d)
• extendable rpc (#131) (96080a8)
• improve assets details view (7b03da3)
• init terminal support (#125) (df3b1db)
• initial assets tab (#120) (fd99453)
• initial support for upgrading packages in devtools (#134) (4deb883)
• introduce @nuxt/devtools/kit (#116) (4a403e2)
• measuring plugins time (38acefb)
• option in npm version check (370f799)
• refresh data (09bf33f)
• self upgrade (1a56f53)
• sticky drawer header (#105) (0813626)
• support file path as meta (6faec60)
• support load shiki-es only when needed (#142) (ca6a64a)
• support ui scaling, close #117 (df4a35f)
• ui: always collapse drawer to give more spaces (b7c8add)

Performance Improvements

• hide the horizontal scroll bar (#124) (6f73c6f)

0.2.5 (2023-02-28)

Bug Fixes

• client: make iframe-client reactive (7f1df2c)
• client: make ws connection non-blocking (6ed46e0)
• deprioritize runtime categoray in components (14d3857)
• filter out lazy runtime component (507cae2)
• ui-kit: make make code block reactive to color mode (2c530d8)
• ui-kit: runtime utils reference (2111622)

Features

• add storage tab (#100) (c153313)
• disconnect indicator (579e091)
• extract resize panel (a30ea5f)
• ui-kit: introduce NCodeBlock and NMarkdown components (f9a4f4b)

0.2.4 (2023-02-28)

Bug Fixes

• hooks extend type (019bad4)
• ui-kit: remove nuxt components override (132bafe)

Features

• able to disable inspectors, close #103 (56d9c56)
• add show workspace filter to component graph (ad8118e)
• client: add splitpanes for resizable columns (#101) (2846ab2)
• re-layout component views (2db818a)
• ui-kit: expose NSectionBlock and NIconTitle, introduce NSelect (#102) (cebe031)

0.2.3 (2023-02-24)

Bug Fixes

• always extends fs.allow (0c07ee0)
• improve isGlobalInstall detection (500215d)

0.2.2 (2023-02-24)

Bug Fixes

• external vite (fc78ef6)

0.2.1 (2023-02-24)

Bug Fixes

• always show shortcut tip (01ddd67)
• should not override Vite's default fs.allow (9b24dd7)

0.2.0 (2023-02-23)

Bug Fixes

• button: remove zoom from buttons to allow double tap on phone (#195) (f22200c)
• click outside handling, fix #90 (40ddb1d)
• correctly exit inspector, close #94 (3900d6b)
• move back to components view when selecting a component (8a62d1f), closes #93
• nuxt ui playground, close #188, close #184 (#192) (7268b3c)
• templates: avoid using blur in no-animation mode, disable animation in Safari (#175) (23e09be)
• ui: NTextInput fill width (de5c772)
• ui: always add global style (3951517)
• ui: auto wrap for example layout, close #163 (#164) (57a4d9e)
• ui: color-mode using nuxt module (#86) (779131e)
• ui: colors (31a33d6)
• ui: darkmode style (9e1e5fe)
• ui: explicit imports (822e8cb)
• ui: fix cjs stub paths (00e6dc3)
• ui: fix color mode toggle on Nuxt (8f03da2)
• ui: improve background contrast (6344904)
• ui: let nuxt/kit resolve module source (#117) (79c08fa)
• ui: make carbon icons as deps (a530f04)
• ui: use NuxtLink (202b1c7)
• use repo for detecting logo (b7b3980)

Features

• add @nuxt/ui (b5b4baa)
• add Typography preset (#130) (e3d332e), closes #129
• click outside to close, close #90 (f6d8d31)
• init component details (e9096a5)
• introduce local module entry (0b42fde)
• new design welcome template (#178) (9129b96)
• refresh page (1a924e1)
• rename icon to logo slot and add content logo (#108) (1391b8f)
• rename to @nuxt/devtools-ui-kit (e0ac298)
• ui: add props for input type (#48) (933e99a)
• ui: enable transformers for unocss (55e1dd1)
• ui: expose unocss preset (7125735)
• ui: extend example layout (#98) (51a2875)
• ui: improve dark mode ssr (8dbd968)
• ui: new NDarkToggle renderless component helper (ecf8a69)
• ui: suport both prefixed and unprefixed icons (be8306e)
• ui: support dark mode for examples (32d18fb)
• update deps (02d0b94)

0.1.6 (2023-02-22)

Bug Fixes

• cli: make sure only one nuxt devtools module is enabled, close #86 (92ccf1c)
• composables popup (e669008)

Features

• improve state editor (e44efe5)

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

0.1.5 (2023-02-22)

Features

• client: allow file column resize in VFS (#82) (70907e0)

Bug Fixes

• do not bundle is-installed-globally, close #84 (87b3232)

0.1.4 (2023-02-16)

Bug Fixes

• cli: global module path, close #78 (c572ed0)

0.1.3 (2023-02-16)

Features

• button for refresh all (e6a498d)

Bug Fixes

• performance downgrade (#66) (8683c50)
• performance downgrade in node env (#71) (a90b825)
• a11y: add aria-label & aria-expanded attrs to toggle button (#49) (7ea0fe6)
• cannot close component inspector (#70) (63bf34f)
• cli: improve windows compatibility, close #62 (e1ff704)
• do not bundle pacote, close #41 (87d64db)
• explicit import performance hook, close #61 (c7f83f8)
• props without reactivity transform (0b21cb8)
• revert vscode default mode to local-serve (9312802)
• trigger client reactivity on app mounted (a9898c1)
• use pointer cursor for user module which redirects to file (#51) (8c05e32)

0.1.2 (2023-02-10)

Bug Fixes

• legacy module path removal (378cc1c)

0.1.1 (2023-02-10)

Bug Fixes

• insecure websocket connection (#36) (2c79aa5)
• use cjs in global install to be compactible with Nuxt 2, close #42 (fb70274)

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.