Move recordings UI to Livewire pages with Flux components.

Replace controller-driven Blade views with full-page Livewire index/show/create flows so Flux tables, toasts, and uploads work natively.
2026-08-12 19:17:52 +02:00
parent bfcfc12f58
commit 34ccf0c32b
37 changed files with 1482 additions and 1103 deletions
@@ -0,0 +1,92 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Actions\StoreUploadedRecordings;
+use App\Http\Requests\StoreRecordingRequest;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Validation\Rules\File;
+use Livewire\Component;
+use Livewire\Features\SupportFileUploads\TemporaryUploadedFile;
+use Livewire\WithFileUploads;
+
+class UploadRecordings extends Component
+{
+    use WithFileUploads;
+
+    /**
+     * @var list<TemporaryUploadedFile>
+     */
+    public array $audio = [];
+
+    public string $title = '';
+
+    public bool $saving = false;
+
+    public function updatedAudio(): void
+    {
+        if ($this->saving || $this->audio === []) {
+            return;
+        }
+
+        $this->save();
+    }
+
+    public function save(?StoreUploadedRecordings $store = null): mixed
+    {
+        if ($this->saving) {
+            return null;
+        }
+
+        $this->saving = true;
+
+        $store ??= app(StoreUploadedRecordings::class);
+
+        $this->validate([
+            'audio' => ['required', 'array', 'min:1', 'max:50'],
+            'audio.*' => [
+                'required',
+                File::types(StoreRecordingRequest::AUDIO_EXTENSIONS)->max('2gb'),
+            ],
+            'title' => ['nullable', 'string', 'max:255'],
+        ], [
+            'audio.required' => 'Please choose at least one audio file to upload.',
+            'audio.min' => 'Please choose at least one audio file to upload.',
+            'audio.max' => 'You can upload at most 50 files at once.',
+            'audio.*' => 'Unsupported audio type. Use MP3, WAV, OGG, FLAC, M4A, AAC, WebM, WMA, or AIFF.',
+            'audio.*.max' => 'Each audio file may not be larger than 2 GB.',
+        ]);
+
+        $result = $store->handle(
+            Auth::user(),
+            $this->audio,
+            filled($this->title) ? $this->title : null,
+        );
+
+        $this->audio = [];
+        $this->title = '';
+        $this->saving = false;
+
+        if ($result['recordings'] === []) {
+            session()->flash('error', $result['message']);
+
+            return $this->redirect(route('recordings.create'), navigate: true);
+        }
+
+        session()->flash('success', $result['message']);
+
+        if (count($result['recordings']) === 1) {
+            return $this->redirect(
+                route('recordings.show', $result['recordings'][0]),
+                navigate: true,
+            );
+        }
+
+        return $this->redirect(route('recordings.index'), navigate: true);
+    }
+
+    public function render()
+    {
+        return view('livewire.upload-recordings');
+    }
+}