vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Component graph doesn't show custom renderer components #2147

Open alvarosabu opened 8 months ago

alvarosabu commented 8 months ago

Vue devtools version

6.6.1

Link to minimal reproduction

https://play.tresjs.org/#eNqdVV1z4jYU/SsaZzp5KNgmJGnrZjsU9mO20+xmFt7W+yDsG6xEljSSIDAZ/nuvJDB2Ns2SBQ+D7sfR0dG914/RTIP5W6l4tYQoi65MoZmyxIBdKsKpWLzJI2vy6K9csFpJbckjGVPDimlFS/lwTVWPTL98GE8kl3qqaAE98knOpAB0KSYWZEtutazJqa00wOmfLRy39YSKFTVN0Mii7c4khdTd2M96zuxECqslfyacgbDSuIxcFFIYSxacvCGPuSCk4EC155eR05Pfz96OJxenPecx/gwmI1YvwVsoVxXNyC3lJhhCCJ5ltlGQPT26i5BLq5ZIbX/+7KkeLsgeBMm6+qB7i7SvkqA86owLC7Xi1AKuCLlq6bTqz5ko8U4W3N8JwY/334A2CgrLVjChNWhKMiUNs0wKjP76R4+451sekWSf1pW0MTu0azBVF6B/1iP4pA4h09LSvSPtkWtqq/jmY/DuYPa08aAfQNZg9YZkVC+Myxn0yCC+6JFhm09r65mUAkFBM8pJ4ZTErN3NtU+Q7BNe5o4U3eM2K6ix/XCn3W3Hcv0MT0dy//Mqrufv3fcnuKLGTurvlZyqCvRBy6OZvB+P0+H4h0zeMu2qRwrK/2WLyn6nIJI695fPhAWBrg06BvFZV9TdLmGPULNouEpaBY1LYzfc/a1szbH+57LchFatUXkmMpJiRxCiaFn6hgnLChyxjAzS9BdveGClrZr1Nhcn2FIB6AexhMxpcb/QcinKvpcqIydp6vZBGOxFTzDqRWH+9Guq4jsjBU5ID5/vHDgYs7Chs7WHl3PkUWWtMlmSFKXA/BI4W+lYgE2EqpN2+GgYX8aDpGTGJs6M0XnkJ0cHOIy512CHDIT/LU4P8Dtzdxf7APReUXEM9yZ2dB6nDfG9Ma6Zy2lju+F/DK6LGyHiZYp8fwVTt2XAd9TSwNH6tsJHgzS+QEQcnrCO6666uzisYA3lK4BDwkvQGNgvoWZHgO5D3eHP48uEs3kb0iFiaW6xJq3BN9wtWzypyELWinHQn5Xr2m5lUs7lwz/e1rzqfE4Fxf0z9juzDpRvsFhAr1Duw1Vij4IN7nfTT7DG/42zluWS7y7nf5xfwEi+dBxD2Bh7EGm34jzbj77BsP1n5t3aT5zdoTpELb6VvfXrfhw2tRYM37xwPt5fx+QFlQ4nG8bDRvDtfzRV+38=

Steps to reproduce & screenshots

  1. Open the vue devtools
  2. Open the component graph and navigate until you find TresCanvas component
Screenshot 2024-03-13 at 17 33 27

What is expected?

<TresCanvas /> is the component containing Tres vue custom renderer https://github.com/Tresjs/tres/blob/main/src/components/TresCanvas.vue

Would be nice if the devtools scene graph allow custom render components on the tree for inspection. allowed

What is actually happening?

Components under the Tres custom renderer are not being shown.

System Info

Tres playground:

  System:
    OS: macOS 14.3.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 79.84 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm
  Browsers:
    Brave Browser: 120.1.61.116
    Chrome: 122.0.6261.128
    Firefox: 121.0.1
    Safari: 17.3.1
  npmPackages:
    vue: ^3.4.15 => 3.4.15 

Any additional comments?

Is there any API I could call from Tres codebase to add the custom renderers components from there? Cheers.

If the reproduction link is not helpful please let me know