add the InjectedXrayBar event.

[xharpenParksuhyeon]

When a JavaScript file is added to the xray bar, we want to add our own custom JavaScript file on our end.

The JavaScript code we want to add is as follows:

$('body').on('click', '.xray-specimen-handle.Specimen', function(e) {
  const $specimen = $(e.target).closest('.xray-specimen.Specimen');
  const title = $specimen.attr('title');

  const apiUrl = `http://localhost:63342/api/file/${title}`;
  window.open(apiUrl);
});

Clicking on the part of the image highlighted below will display the corresponding view file in the IDE.

Therefore, when a JavaScript file is added to the xray bar, we want to trigger the event shown below.

<?php

// This is the XrayMiddleware class.

protected function injectXrayBar($response)
{
    
    // The existing code.
    event(new InjectedXrayBar($response));
}

<?php

namespace BeyondCode\ViewXray\Events;

use Illuminate\Http\Response;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Collection;

class InjectedXrayBar
{
    use SerializesModels;

    /** @var Response */
    private $response;

    public function __construct(Response $response)
    {
        $this->response = $response;
    }

    /**
     * @return Response
     */
    public function getResponse()
    {
        return $this->response;
    }
}