Merge branch 'main' of github.com:spatie/livewire-filepond

spatie · Jul 16, 2024 · a01ea6e · a01ea6e
2 parents 75ca55f + c736c23
commit a01ea6e
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/LivewireFilepondServiceProvider.php b/src/LivewireFilepondServiceProvider.php
@@ -25,6 +25,10 @@ public function packageBooted(): void
             return Utils::pretendResponseIsFile(__DIR__.'/../resources/dist/filepond.js');
         })->name('livewire-filepond.scripts');
 
+        Route::get('_filepond/styles', function () {
+            return Utils::pretendResponseIsFile(__DIR__.'/../resources/dist/filepond.css', 'text/css');
+        })->name('livewire-filepond.styles');
+
         Blade::component('livewire-filepond::upload', 'filepond::upload');
 
         Blade::directive('filepondScripts', function () {
@@ -33,11 +37,16 @@ public function packageBooted(): void
             $scripts = [];
 
             // Default to dynamic js (served by a Laravel route).
-            $fullAssetPath = route('livewire-filepond.scripts');
+            $fullScriptPath = route('livewire-filepond.scripts');
+            $fullStylePath = route('livewire-filepond.styles');
 
             // Use static assets if they have been published
             if (file_exists(public_path('vendor/livewire-filepond/filepond.js'))) {
-                $fullAssetPath = asset('/vendor/livewire-filepond/filepond.js');
+                $fullScriptPath = asset('/vendor/livewire-filepond/filepond.js');
+            }
+
+            if (file_exists(public_path('vendor/livewire-filepond/filepond.css'))) {
+                $fullStylePath = asset('/vendor/livewire-filepond/filepond.css');
             }
 
             if (is_file(__DIR__.'/../resources/hot')) {
@@ -47,7 +56,8 @@ public function packageBooted(): void
                 $scripts[] = sprintf('<script type="module" src="%s" defer data-navigate-track></script>', "{$url}/@vite/client");
             } else {
                 $scripts[] = <<<HTML
-                    <script type="module" src="{$fullAssetPath}?v={$version}" data-navigate-once defer data-navigate-track></script>
+                    <link rel="stylesheet" type="text/css" href="{$fullStylePath}?v={$version}">
+                    <script type="module" src="{$fullScriptPath}?v={$version}" data-navigate-once defer data-navigate-track></script>
                 HTML;
             }