Add fallback if locale is not found + limit event listeners to form instead of window

Author: jyrkidn

resources/dist/filament-live-preview.js

@@ -128,9 +128,10 @@ document.addEventListener('peek:modal-initialized', (event) => {
   if (livePreviewForm) {
     const refreshPreviewEvent = () => $modal.refreshPreview()
 
-    window.addEventListener('input', refreshPreviewEvent)
-    window.addEventListener('change', refreshPreviewEvent)
+    livePreviewForm.addEventListener('input', refreshPreviewEvent)
+    livePreviewForm.addEventListener('change', refreshPreviewEvent)
     window.addEventListener('submit', refreshPreviewEvent)
-    window.addEventListener('pointerout', refreshPreviewEvent)
+    livePreviewForm.addEventListener('mouseup', refreshPreviewEvent)
+    livePreviewForm.addEventListener('keyup', refreshPreviewEvent)
   }
 })

resources/js/live-preview/index.js

@@ -11,6 +11,7 @@
 use Pboivin\FilamentPeek\Support\Cache;
 use Wotz\FilamentLivePreview\CachedPreview;
 use Wotz\FilamentLivePreview\Events\RefreshLivePreview;
+use Wotz\LocaleCollection\Facades\LocaleCollection;
 
 trait HasLivePreviewComponent
 {
@@ -119,6 +120,10 @@ public function openPreview(): void
 
                 $locale = $request->query('locale');
 
+                if (! LocaleCollection::firstLocale($locale)) {
+                    $locale = LocaleCollection::first()->locale();
+                }
+
                 CachedPreview::make(static::class, $view, $this->previewModalData, $locale)
                     ->put($this->token, config('filament-peek.internalPreviewUrl.cacheDuration', 60));