Change name

composer.json

@@ -11,13 +11,13 @@
     },
     "autoload": {
         "psr-4": {
-            "Kingsley\\MediaLibraryImage\\": "src/"
+            "Kingsley\\MediaLibraryField\\": "src/"
         }
     },
     "extra": {
         "laravel": {
             "providers": [
-                "Kingsley\\MediaLibraryImage\\MediaLibraryImageServiceProvider"
+                "Kingsley\\MediaLibraryField\\MediaLibraryFieldServiceProvider"
             ]
         }
     },

resources/js/field.js

@@ -1,5 +1,5 @@
 Nova.booting((Vue, router) => {
-    Vue.component('index-media-library-image', require('./components/IndexField'));
-    Vue.component('detail-media-library-image', require('./components/DetailField'));
-    Vue.component('form-media-library-image', require('./components/FormField'));
+    Vue.component('index-media-library-field', require('./components/IndexField'));
+    Vue.component('detail-media-library-field', require('./components/DetailField'));
+    Vue.component('form-media-library-field', require('./components/FormField'));
 })

src/MediaLibraryImage.php → src/MediaLibraryField.php

@@ -1,18 +1,18 @@
 <?php
 
-namespace Kingsley\MediaLibraryImage;
+namespace Kingsley\MediaLibraryField;
 
 use Laravel\Nova\Fields\Field;
 use Laravel\Nova\Http\Requests\NovaRequest;
 
-class MediaLibraryImage extends Field
+class MediaLibraryField extends Field
 {
     /**
      * The field's component.
      *
      * @var string
      */
-    public $component = 'media-library-image';
+    public $component = 'media-library-field';
 
     /**
      * Hydrate the given attribute on the model based on the incoming request.
@@ -49,12 +49,12 @@ protected function fillAttributeFromRequest(NovaRequest $request, $requestAttrib
      */
     protected function resolveAttribute($resource, $attribute)
     {
-        return url(
-            $resource->getFirstMediaUrl(
-                $this->meta()['ml_toMediaCollection'][0],
-                $this->meta()['usingConversion']
-            )
+        $media = $resource->getFirstMediaUrl(
+            $this->meta()['ml_toMediaCollection'][0],
+            $this->meta()['usingConversion']
         );
+
+        return $media ? url($media) : null;
     }
 
     /**

src/MediaLibraryImageServiceProvider.php → src/MediaLibraryFieldServiceProvider.php

@@ -1,12 +1,12 @@
 <?php
 
-namespace Kingsley\MediaLibraryImage;
+namespace Kingsley\MediaLibraryField;
 
 use Laravel\Nova\Nova;
 use Laravel\Nova\Events\ServingNova;
 use Illuminate\Support\ServiceProvider;
 
-class MediaLibraryImageServiceProvider extends ServiceProvider
+class MediaLibraryFieldServiceProvider extends ServiceProvider
 {
     /**
      * Bootstrap any application services.
@@ -16,8 +16,8 @@ class MediaLibraryImageServiceProvider extends ServiceProvider
     public function boot()
     {
         Nova::serving(function (ServingNova $event) {
-            Nova::script('media-library-image', __DIR__.'/../dist/js/field.js');
-            Nova::style('media-library-image', __DIR__.'/../dist/css/field.css');
+            Nova::script('media-library-field', __DIR__.'/../dist/js/field.js');
+            Nova::style('media-library-field', __DIR__.'/../dist/css/field.css');
         });
     }