Stack middleware for handling Javascript Unpoly Framework requests.
You can install the package via Composer.
composer require webstronauts/unpoly
You can manually decorate the response with the Unpoly
object.
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Webstronauts\Unpoly\Unpoly;
// ...
$unpoly = new Unpoly();
$unpoly->decorateResponse($request, $response);
You can decorate the response using the supplied Stack middleware.
use Webstronauts\Unpoly\StackUnpoly;
use Webstronauts\Unpoly\Unpoly;
// ...
$app = new StackUnpoly($app, new Unpoly());
To use the package with Laravel, you'll have to wrap it around a middleware instance.
<?php
namespace App\Http\Middleware;
use Closure;
use Webstronauts\Unpoly\Unpoly as UnpolyMiddleware;
class Unpoly
{
/**
* Handle an incoming request.
*
* @param \Illuminate\Http\Request $request
* @param \Closure $next
* @return mixed
*/
public function handle($request, Closure $next)
{
$response = $next($request);
(new UnpolyMiddleware)->decorateResponse($request, $response);
return $response;
}
}
Now use this middleware as described by the Laravel documentation.
<?php
// Within App\Http\Kernel class...
protected $routeMiddleware = [
// ...
'unpoly' => \App\Http\Middleware\Unpoly::class,
];
Whenever a form is submitted through Unpoly, the response is returned as JSON by default. This is because Laravel returns JSON formatted response for any request with the header X-Requested-With
set to XMLHttpRequest
. To make sure the application returns an HTML response for any validation errors, overwrite the convertValidationExceptionToResponse
method in your App\Exceptions\Handler
class.
<?php
// Within App\Exceptions\Handler class...
protected function convertValidationExceptionToResponse(ValidationException $e, $request)
{
if ($e->response) {
return $e->response;
}
return $request->expectsJson() && ! $request->hasHeader('X-Up-Target')
? $this->invalidJson($request, $e)
: $this->invalid($request, $e);
}
If your Laravel session expires and a user attempts to navigate or perform an operating on the page using Unpoly, an abrupt JSON error response will be displayed to the user:
{'error': 'Unauthenticated.'}
To prevent this, create your own Request
and extend Laravel's built-in Illuminate\Http\Request
, and override the expectsJson
method:
namespace App\Http;
use Illuminate\Http\Request as BaseRequest;
class Request extends BaseRequest
{
public function expectsJson()
{
if ($this->hasHeader('X-Up-Target')) {
return false;
}
return parent::expectsJson();
}
}
Then, navigate to your public/index.php
file, and update the usage:
// From...
$response = $kernel->handle(
$request = Illuminate\Http\Request::capture()
);
// To...
$response = $kernel->handle(
$request = App\Http\Request::capture()
);
Now when a user session expires, the <body>
of your page will be replaced with your login page, allowing users to sign back in without refreshing the page.
composer test
Please see CHANGELOG for more information on what has changed recently.
As it's just a simple port of Ruby to PHP code. All credits should go to the Unpoly team and their unpoly gem.
The MIT License (MIT). Please see License File for more information.