365 Days of Code - Day 030

Project Status

Going to start including the project status table moving forward. This should help better track progress over the year.

Laravel From Scratch - Blade Directives

Blade Directives are shortcuts for PHP control structures, such as if/else or for loops. There are a ton of convenience features available through blade directives. Such as @unless.

@unless (Auth::check())
    You are not signed in.
@endunless

1
2
3

@unless (Auth::check())
    You are not signed in.
@endunless

This is a fairly huge topic that dives deep into the power of the blade system.

Laravel From Scratch - Forms

Forms in Laravel are typical forms, but there are a few tricks, such as handling CSRF tokens.

<form>
  @csrf
</form>

1
2
3

<form>
  @csrf
</form>

On the route side, check the data that was submitted by using dd. The request()->all() methods can be used to check the data that was received.

Route::post('/ideas', function () {
    dd(request()->all());
});

1
2
3

Route::post('/ideas', function () {
    dd(request()->all());
});

And the request data is returned.

array:2 [▼ // routes/web.php:9
  "_token" => "Nm7FxeHWJjOKZ3BXNRFdWtxJnTlfUvzFgmBZUHHZ"
  "idea" => "asdf"
]

1
2
3
4

array:2 [▼ // routes/web.php:9
  "_token" => "Nm7FxeHWJjOKZ3BXNRFdWtxJnTlfUvzFgmBZUHHZ"
  "idea" => "asdf"
]

The data could be accessed using the request method.

Route::post('/ideas', function () {
    $idea = request('idea');
    echo $idea;
});

1
2
3
4

Route::post('/ideas', function () {
    $idea = request('idea');
    echo $idea;
});

It is also possible to use a Laravel Facade.

use Illuminate\Support\Facades\Request;

Route::post('/ideas', function () {
    $idea = Request('idea');
    echo $idea;
});

1
2
3
4
5
6

use Illuminate\Support\Facades\Request;

Route::post('/ideas', function () {
    $idea = Request('idea');
    echo $idea;
});

It is also possible to use the request as a parameter.

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

Route::post('/ideas', function (Request $request) {
    $idea = $request->input('idea');
    // or, $request->idea;
    echo $idea;
});

1
2
3
4
5
6
7
8

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

Route::post('/ideas', function (Request $request) {
    $idea = $request->input('idea');
    // or, $request->idea;
    echo $idea;
});

Ensure the correct use class for the method.

Store Session and Redirect

The data pushed via the request can be stored in the session. Furthermore, we can redirect the user to another page, where that data is displayed.

Route::post('/ideas', function (Request $request) {
    $idea = $request->input('idea');
    session()->push('ideas', $idea);

    return redirect('/');
});

1
2
3
4
5
6

Route::post('/ideas', function (Request $request) {
    $idea = $request->input('idea');
    session()->push('ideas', $idea);

    return redirect('/');
});

@if (count($ideas))
<div>
    <h2>Your Ideas</h2>
    <ul>
        @foreach ($ideas as $idea)
            <li>{{ $idea }}
        @endforeach
    </ul>
</div>
@endif

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

@if (count($ideas))
<div>
    <h2>Your Ideas</h2>
    <ul>
        @foreach ($ideas as $idea)
            <li>{{ $idea }}
        @endforeach
    </ul>
</div>
@endif

Syntax Highlighting Blade Files in Markdown

Syntax highlighting. How does it work? iykyk

Syntax highlighters use either regex or parsing to tokenize the source code and apply a style to the tokens.

This is relevant because my Hugo markdown does not support syntax highlighting for Blade by default. I’ll need to add this support, or just use PHP. Hugo uses the Chroma (opens in a new tab) package to provide syntax highlighting. There is no support for Blade in Chroma. To support most highlighting, I’m going to switch my Blade code fences to PHP, even if there are some highlights missing (such as endunless, above).

Much like timezone parsing (opens in a new tab), let’s all be very grateful to the people that maintain syntax highlighting rules.