laravel-javascript

, _(*1)

Add JavaScript variables from Laravel., _(*2)

ScriptVariables::add('user', Auth::user());

const user = window.config.user

Installation

Install the package via Composer:, _(*3)

composer require cretueusebiu/laravel-javascript

Next, you need to register the service provider and facade:, _(*4)

// config/app.php

'providers' => [
    ...
    Eusebiu\JavaScript\JavaScriptServiceProvider::class,
],

'aliases' => [
    ...
    'ScriptVariables' => Eusebiu\JavaScript\Facades\ScriptVariables::class,
],

Usage

In your controller:, _(*5)

<?php

namespace App\Http\Controllers;

use Eusebiu\JavaScript\Facades\ScriptVariables;

class HomeController extends Controller
{
    public function home()
    {
        ScriptVariables::add('key', 'value');
        ScriptVariables::add('data.user', User::first());
    }
}

Next, in your blade view add:, _(*6)

{{ ScriptVariables::render() }}

Then in your JavaScript you can use:, _(*7)

const key = window.config.key
const user = window.config.data.user

To customize the namespace use ScriptVariables::render('custom')., _(*8)

Global Variables

You can register global variables (like the current user or csrf token) in your AppServiceProvider:, _(*9)

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Eusebiu\JavaScript\Facades\ScriptVariables;

class AppServiceProvider extends ServiceProvider
{
    public function boot()
    {
        ScriptVariables::add(function () {
            return [
                'csrfToken' => csrf_token(),
                'currentUser' => auth()->user(),
            ];
        });
    }
}