routes.php

<?php

/**
 * Handle Patterns
 */
$router->get('patterns', 'App\Controllers\PatternsController@first');

$router
    ->get('patterns/{id}{state?}', 'App\Controllers\PatternsController@show')
    ->where(['id' => '[\w\-\/]+', 'state' => '~[\w\-]+'])
    ->name('patterns');

/**
 * Handle Templates
 */
$router
    ->get('templates/{id}{state?}', 'App\Controllers\TemplatesController@show')
    ->where(['id' => '[\w\-\/]+', 'state' => '~[\w\-]+'])
    ->name('templates');

/**
 * Handle Documentation
 */
$router->get('docs', 'App\Controllers\DocsController@first');

$router
    ->get('docs/{id}', 'App\Controllers\DocsController@show')
    ->where('id', '[\w\-\/]+')
    ->name('documents');

/**
 * Handle root
 */
$router->get('/', 'App\Controllers\RootController@show');

/**
 * Handle Primer Frontend Assets
 */
$router->group('assets/primer', function ($group) {
    $group->get('css/{file}', 'App\Controllers\AssetsController@stylesheet')->where('file', '.+');
    $group->get('js/{file}', 'App\Controllers\AssetsController@javascript')->where('file', '.+');
    $group->get('img/{file}', 'App\Controllers\AssetsController@image')->where('file', '.+');
});