JS script for a screen

[mgksmv]

Is it possible to include a JS script for a screen? I created a blade file and did something like this.

In ProductEditScreen class that extends Orchid\Screen\Screen:

public function layout(): iterable
{
    return [
        Layout::view('orchid.screens.product', [
            'rows' => (new ProductEditLayout)->build(new Repository(['product' => $this->product])),
        ]),
    ];
}

Blade file orchid.screens.product:

{!! $rows !!}

<script>
    document.addEventListener('turbo:load', function () {
        console.log('Here');
    });
</script>

But this script works in every page now, not just in this one because Orchid works like SPA. How do I include a JS script for a specific screen? Like in traditional blade files.

[tabuna]

Yes, the state is preserved, which lets you keep the benefits of an SPA while still using server-side rendering.
I recommend inserting it using a Stimulus controller — that way, the code will stay scoped to a specific DOM element and won’t interfere with the rest of the page.