Feature request: Add support for Inertia.js

[MichaelNZ85]

Inertia.js allows you to serve frontend framework components (React/Vue/Svelte components) directly from the Laravel code. It's essentially the "glue" that can stick the frontend and backend together without the need for an API.

However, Laravel + Inertia + React/Vue is not supported by the Laravel Debugbar. Since Inertia uses only one Blade template (which is essentially a master template), then the View tab in the Debugbar is pretty bare. It would be great if you could add support for Inertia, showing which component was rendered and which props were sent to said component.

[websolutionfalcon]

+1
It will be great to support Inertia

[TheKelvinPerez]

Yes +1 as well this would be an amazing feature

[harryqt]

+1

[ArcheeNic]

+1

[oozone]

Yes please, was a bit amazed I couldn't get it to working

[pilutiful]

Yes please +1

[khalidmaquilang]

any update on this?

[erikn69]

Try #1478 and let your review on the PR
Replace your ViewCollector.php with https://raw.githubusercontent.com/laravel-debugbar/src/DataCollector/ViewCollector.php on your vendor for testing

[harryqt]

Thank you for the patch, I can confirm its working for Svelte. 👍

[oozone]

This is fantastic. Thank you all!

[harryqt]

Please, any review on #1478, that way there is a greater chance of it being merged.

That’s the PR I tested on Svelte. It works for me.

[philharmonie]

Unfortunately, it's not working with vue3.

[erikn69]

@philharmonie hi, tested on vue3, no problems

[khalidmaquilang]

@philharmonie hi, tested on vue3, no problems

Yeah! It is working on inertiajs

[philharmonie]

Yes it kinda works, but when I load e.g. 10 users return inertia('Users/Index', ['users' => User::all()]) it shows 10 models in the debugbar for a second and then immediately it refreshes and doesn't show the query for the users table.

[parallels999]

then immediately it refreshes and doesn't show the query for the users table.

That is the ajax, it is the expected behaivor #1490

Check that selector, or disable it

laravel-debugbar/config/debugbar.php

Line 126 in 67e43ef

'ajax_handler_auto_show' => true,

[philharmonie]

Oh thank you very much. I did not know that I am able to switch that. That's it!