Tim Gavin представив Quick Blade - розширення Quick Look для macOS, яке суттєво спрощує роботу з Blade-шаблонами Laravel. Достатньо вибрати файл .blade.php у Finder, натиснути пробіл - і ви побачите відрендерену сторінку. Інструмент зчитує проєкт безпосередньо з диска, тому не потребує запущеного сервера розробки, бази даних або підключення до мережі.
Можливості Quick Blade
Розширення виконує комплексну обробку Blade-шаблонів:
- Визначає layout - знаходить батьківський шаблон проєкту
- Вбудовує скомпільований CSS - інтегрує стилі безпосередньо в HTML
- Конвертує Blade-директиви - перетворює їх на валідний HTML-код
- Заповнює змінні - підставляє тестові дані замість echo-виразів
- Стилізує Flux та Livewire теги - коректно відображає компоненти цих бібліотек
- Генерує мініатюри - створює превью для відображення у Finder
Як Quick Blade знаходить layout
Інструмент визначає кореневу директорію Laravel-проєкту відносно відкритого файлу. Після цього шукає layout трьома способами (у порядку пріоритету):
- Тег компонента
<x-layouts.name>
- Директива
@extends
- Layout, прикріплений до класу Livewire-компонента
Якщо файл не містить layout або знаходиться поза Laravel-проєктом, Quick Blade все одно відрендерить його з використанням вбудованої таблиці стилів.
Встановлення
Quick Blade встановлюється через Homebrew однією командою:
brew install --cask timgavin/tap/quick-blade
Детальніші інструкції зі встановлення доступні у репозиторії проєкту на GitHub.
Додаткова інформація
Вихідний код Quick Blade опубліковано на GitHub. Більше деталей про можливості та використання інструменту можна знайти на офіційному сайті quickblade.app.
