Transform PHP Vars to JavaScript

, _(*1)

Often, you'll find yourself in situations, where you want to pass some server-side string/array/collection/whatever to your JavaScript. Traditionally, this can be a bit of a pain - especially as your app grows., _(*2)

This package simplifies the process drastically., _(*3)

This source fo, _(*4)

Installation

Begin by installing this package through Composer., _(*5)

{
    "repositories": [
        {
            "type": "vcs",
            "url": "https://github.com/duyluonglc/PHP-Vars-To-Js-Transformer"
        }
    ],
    "require": {
        ...............
        "javascript/utilities": "dev-master"
    }
}

Laravel 5.1 Users


// config/app.php

'providers' => [
    '...',
    'JavaScript\Utilities\JavaScript\JavaScriptServiceProvider'
];

When this provider is booted, you'll gain access to a helpful JavaScript facade, which you may use in your controllers., _(*6)

public function index()
{
    JavaScript::put([
        'foo' => 'bar',
        'user' => User::first(),
        'age' => 29
    ]);

    JavaScript::put('messages', ['hello', 'hi']);

    return View::make('hello');
}

In Laravel 5, of course add use JavaScript; to the top of your controller., _(*7)

Add render() to export variables to views. For example:, _(*8)

<body>
    <h1>My Page</h1>

    {!! JavaScript::render() !!} // <-- Variables prepended to this view
</body>

Using the code above, you'll now be able to access foo, user, and age from your JavaScript., _(*9)

console.log(foo); // bar
console.log(user); // User Obj
console.log(age); // 29
console.log(messages); //array of messages

You can use jquery to extend objects and keep existing attributes by call Javascript::extend($var) instead use put method, _(*10)

You can change default namespace = window of variables by change config. See below., _(*11)

Defaults

php artisan vendor:publish

This will add a new configuration file to: config/javascript.php., _(*12)

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | JavaScript Namespace
    |--------------------------------------------------------------------------
    |
    | By default, we'll add variables to the global window object. However,
    | it's recommended that you change this to some namespace - anything.
    | That way, you can access vars, like "SomeNamespace.someVariable."
    |
    */
    'js_namespace' => 'window',

];