Use livewire/blaze to speed up views

This commit is contained in:
DariusIII
2026-02-24 21:51:06 +01:00
parent ec98395cde
commit 3759ce2ae1
26 changed files with 162 additions and 1 deletions
@@ -1,3 +1,4 @@
@blaze(fold: true)
<!-- resources/views/components/application-logo.blade.php -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path d="M12 0L24 24H0z"/>

Before

Width:  |  Height:  |  Size: 198 B

After

Width:  |  Height:  |  Size: 217 B

@@ -1,3 +1,4 @@
@blaze
@props([
'type' => 'default'
])
@@ -1,3 +1,4 @@
@blaze(fold: true)
<div class="flex items-center [&_a:first-child]:rounded-r-none [&_a:last-child]:rounded-l-none" role="group">
{{ $slot }}
</div>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<a {{ $attributes->merge(['class' => 'bg-blue-500 text-white px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</a>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<button {{ $attributes->merge(['class' => 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</button>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<button {{ $attributes->merge(['class' => 'bg-blue-500 text-white px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</button>
@@ -1,3 +1,4 @@
@blaze
@props(['label', 'for', 'help' => null])
<div class="space-y-1">
@@ -1,3 +1,4 @@
@blaze
@props([
'type' => 'default'
])
@@ -1,3 +1,4 @@
@blaze(fold: true)
<div class="flex items-center [&_a:first-child]:rounded-r-none [&_a:last-child]:rounded-l-none" role="group">
{{ $slot }}
</div>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<a {{ $attributes->merge(['class' => 'bg-blue-500 text-white px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</a>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<button {{ $attributes->merge(['class' => 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</button>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<button {{ $attributes->merge(['class' => 'bg-blue-500 text-white px-3 py-2 rounded-lg inline-block transition']) }}>
{{ $slot }}
</button>
@@ -1 +1,2 @@
@blaze(fold: true)
<input {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-2 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-lg border shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition']) }}>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<label {{ $attributes->merge(['class' => 'block w-full mb-1']) }}>
{{ $slot }}
</label>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<div class="inline-block relative w-64">
<select {{ $attributes->merge(['class' => 'block appearance-none w-full bg-white dark:bg-gray-800 border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded-lg shadow leading-tight focus:outline-none focus:shadow-outline']) }}>
{{ $slot }}
@@ -1 +1,2 @@
@blaze(fold: true)
<textarea {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-2 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-lg border shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition']) }}>{{ $slot }}</textarea>
@@ -1,2 +1,3 @@
@blaze(fold: true)
<input {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-2 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-lg border shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition']) }}>
@@ -1,3 +1,4 @@
@blaze(fold: true)
<label {{ $attributes->merge(['class' => 'block w-full mb-1']) }}>
{{ $slot }}
</label>
@@ -1,3 +1,4 @@
@blaze
{{-- Report button trigger - the modal is rendered once in layouts/main via partials/report-modal --}}
@props([
'releaseId' => null,
@@ -1,3 +1,4 @@
@blaze
@props([
'placeholder' => 'Search releases...',
'name' => 'search',
@@ -1,3 +1,4 @@
@blaze(fold: true)
<select {{ $attributes->merge(['class' => 'px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition']) }}>
{{ $slot }}
</select>
@@ -1 +1,2 @@
@blaze(fold: true)
<textarea {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-2 border-gray-300 dark:border-gray-600 focus:border-blue-500 focus:ring-blue-500 rounded-lg border shadow-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 transition']) }}>{{ $slot }}</textarea>
@@ -1,3 +1,4 @@
@blaze
@props([
'currentView' => 'list',
'covgroup' => null,