leanadmin/console-log

consoleLog() for Livewire components

v0.1.4 2023-02-16 09:47 UTC

Requires

• illuminate/view: ^9.0|^10.0
• livewire/livewire: ^2.3

Requires (Dev)

• illuminate/support: ^9.0|^10.0
• illuminate/testing: ^9.0|^10.0
• orchestra/testbench: ^7.0|^8.0
• pestphp/pest: ^1.0|^2.0
• pestphp/pest-plugin-laravel: ^1.0|^2.0
• pestphp/pest-plugin-livewire: ^1.1|^2.0

MIT

• Samuel Štancl

README

A tiny package that adds a consoleLog() method to Livewire. This method sends any data to the browser developer console.

Installation

Require the package via composer:

composer require leanadmin/console-log

Add this to your base layout:

<x-lean::console-log />

By default, events will only show up if your application is in the local environment. If you wish to change that, pass an environment attribute to the component:

<x-lean::console-log environment="local" />

<x-lean::console-log :environment="['local', 'staging']" />

Usage

In any Livewire component, you can use the consoleLog() method to log a value (or values) to the browser console:

$this->consoleLog('foo');
$this->consoleLog($value);

$this->consoleLog('foo', 'bar');
$this->consoleLog($values);

IDE support

Since the package adds a macro, you will not have IDE autosuggest for the consoleLog() method by default.

However, if you wish to add it, simply use the ConsoleLog trait:

use Lean\ConsoleLog\ConsoleLog;

class MyComponent extends Component
{
    use ConsoleLog;
}

This trait has a @method annotation which lets your IDE understand the method.