TODO

[antfu]

• Small tasks: Search TODO in the codebase

core

• Don't crash on RPC errors
• Dock Panel Type @antfu
  • iframe
  • action
    • "Dock as an action button" to run the user script. We need to define a setup context and pass through
  • webcomponent
  • launch button
    • Similar to Nuxt DevTools, to provide a launch page for lazy initialization
  • custom view
    • Give a root element for the user to render themself (other frameworks like React, etc.)
• Dock Sorting
• Dock Catagorizing
• Dock Show More
• Throw error in ID collision of ctx.rpc.register and ctx.docks.register
• Support ctx.rpc.update()
• Support ctx.docks.update() with client-side broadcast to update reactively

core/webcomponents

• Setting Page
• Context Menu for each Dock
  • Refresh page
  • Show address bar
  • "Remove from dock"

core/standalone

• "LanuchPad" like UI for selection entries

vite

• Visualize chunk/assets size in nanovis
• Build dev mode adapter (similar to vite-plugin-inspect, enumlate rolldown's output)

kit

• Introduce valibot to rpc interface, for better type generation and API verification, etc.
• Make client-side RPC for broadcasting
• APIs for parent frame communication (consider iframe and webext, end standalone (disabled) cases)

Integrations

• Try to integrate with Vitest UI
• Try to integrate with Oxlint Visualizer
• Try to integrate Nuxt DevTools
• Build an UI for "Vite DevTools itself", to display avaiable rpc functions etc.

Done

• Chunks graph view @webfansplz (#84 )
• Virtual List @webfansplz (#80 )
• Plugins performance metrics @webfansplz
  • Plugin flow (#76 )
  • Plugin flamegraph (#79 )
• Add search panel for assets @webfansplz (#51 )
• Module detailed list @webfansplz (#50 )
• Assets treemap @webfansplz (#41 )
• Assets list/folder @webfansplz (#26 )
• Asset details @webfansplz (#18 )
• Additional View to /graph to show nested folder-like structure, similar to https://unocss.dev/tools/inspector @webfansplz (#10 )
• Module imports relationships @webfansplz (#11 )

[luoling8192]

#12 Hope it can be helpful 🥺

[liangmiQwQ]

I am trying trying to work on the imports displaying in chunk details (one of todos in #12)
the todo is at the line 30 of this file (permalink)

the PR will be submitted shortly. Thanks!

[Dustinturner44]

• Small tasks: Search TODO in the codebase

core

* [ ]  Don't crash on RPC errors* [ ]  Dock Panel Type [@antfu](https://github.com/antfu)
    
    * [x]  iframe* [ ]  action
      
      * "Dock as an action button" to run the user script. We need to define a setup context and pass through* [ ]  webcomponent* [ ]  launch button
      
      * Similar to Nuxt DevTools, to provide a launch page for lazy initialization* [ ]  custom view
      
      * Give a root element for the user to render themself (other frameworks like React, etc.)[ ]  Throw error in ID collision of `ctx.rpc.register` and `ctx.docks.register`[ ]  Support `ctx.rpc.update()`[ ]  Support `ctx.docks.update()` with client-side broadcast to update reactively

core/webcomponents

* [ ]  Setting Page* [ ]  Context Menu for each Dock
    
    * [ ]  Refresh page* [ ]  Show address bar* [ ]  "Remove from dock"

core/standalone

* [ ]  "LanuchPad" like UI for selection entries

vite

* [ ]  Visualize chunk/assets size in `nanovis`[ ]  Build dev mode adapter (similar to `vite-plugin-inspect`, enumlate rolldown's output)

kit

* [ ]  Introduce valibot to rpc interface, for better type generation and API verification, etc.[ ]  Make client-side RPC for broadcasting[ ]  APIs for parent frame communication (consider iframe and webext, end standalone (disabled) cases)

Integrations

* [ ]  Try to integrate with Vitest UI[ ]  Try to integrate with Oxlint Visualizer[ ]  Try to integrate Nuxt DevTools[ ]  Build an UI for "Vite DevTools itself", to display avaiable rpc functions etc.

Done

[Dustinturner44]

#116