Image upload support (#7)

* feat: add images associated to recipes

* Apply pint changes

* chore: make sure no lazy loading and add strict mode

* chore: linting

---------

Co-authored-by: IronSinew <[email protected]>

.gitignore

@@ -49,3 +49,4 @@ cert.pem
 /draft.yaml
 /.blueprint
 /.editorconfig
+/storage/media-library/*

README.md

@@ -91,7 +91,7 @@ docker-compose up -d php
 - [x] Label Manager
 - [x] Category Manager
 - [x] Recipe Manager
-- [ ] Image uploads
+- [x] Image uploads
 - [ ] Paginate Recipe Manager
 - [ ] User Management
 ### Other
@@ -102,3 +102,4 @@ docker-compose up -d php
 - [ ] "I made it" counter
 - [ ] Reviews/ratings
 - [x] Roles for access to the recipe manager as a contributor
+- [ ] Associate images to labels/categories (?)

app/Http/Controllers/Admin/ImageController.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Enums\BannerTypeEnum;
+use App\Http\Controllers\Controller;
+use Spatie\MediaLibrary\MediaCollections\Models\Media;
+
+class ImageController extends Controller
+{
+    public function makeHero(Media $media)
+    {
+        $media->model->media()->update(['collection_name' => 'default']);
+        $media->update(['collection_name' => 'hero']);
+
+        return redirect()->back()->withBanner('Image set to hero');
+    }
+
+    public function destroy(Media $media)
+    {
+        $media->delete();
+
+        return redirect()->back()
+            ->withBanner('Image deleted', BannerTypeEnum::danger);
+    }
+}

app/Http/Controllers/Admin/RecipeController.php

@@ -10,6 +10,7 @@
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Validation\Rule;
+use Illuminate\Validation\Rules\File;
 use Inertia\Inertia;
 
 class RecipeController extends Controller
@@ -57,7 +58,7 @@ public function store(Request $request): RedirectResponse
     public function edit(Recipe $recipe)
     {
         return Inertia::render('Admin/Recipe/RecipeEdit')->with([
-            'recipe' => fn () => $recipe->makeVisible('id')->loadMissing('labels', 'categories'),
+            'recipe' => fn () => $recipe->makeVisible('id')->loadMissing('labels', 'categories', 'media'),
             'labels' => fn () => Label::withTrashed()
                 ->orderBy('order_column')
                 ->get()
@@ -66,6 +67,7 @@ public function edit(Recipe $recipe)
                 ->orderBy('order_column')
                 ->get()
                 ->makeVisible('id'),
+            'images' => fn () => $recipe->loadMissing('media')->media,
         ]);
     }
 
@@ -128,4 +130,22 @@ public function restore(Recipe $recipe)
         return redirect()->route('admin.recipes.index')
             ->withBanner("Restored {$name}");
     }
+
+    public function imageStore(Recipe $recipe, Request $request)
+    {
+        $request->validate([
+            'images' => ['array'],
+            'images.*' => ['required', File::image()->max(10 * 1024)],
+        ]);
+
+        foreach ($request->images as $key => $image) {
+            $recipe->addMediaFromRequest("images.{$key}")
+                ->setName("{$recipe->name} Image")
+                ->setFileName(sprintf('%s-%s.%s', $recipe->slug, \Str::random(6), $image->extension()))
+                ->preservingOriginal()
+                ->toMediaCollection();
+        }
+
+        return response()->noContent();
+    }
 }

app/Http/Controllers/HomeController.php

@@ -12,7 +12,7 @@ class HomeController extends Controller
     public function __invoke(Request $request): Response
     {
         return Inertia::render('Dashboard')->with([
-            'most_recent_recipes' => Inertia::lazy(fn () => Recipe::with('images', 'labels', 'categories')
+            'most_recent_recipes' => Inertia::lazy(fn () => Recipe::with('media', 'labels', 'categories')
                 ->orderBy('id', 'desc')
                 ->limit(3)
                 ->get()),

app/Http/Controllers/RecipeController.php

@@ -11,7 +11,7 @@ class RecipeController extends Controller
 {
     public function __invoke(Recipe $recipe, Request $request): Response
     {
-        $recipe->loadMissing('images', 'labels', 'categories');
+        $recipe->loadMissing('labels', 'categories', 'media');
 
         return Inertia::render('Recipe/RecipeShow')->with([
             'recipe' => fn () => $recipe,

app/Models/Recipe.php

@@ -2,18 +2,23 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\BelongsToMany;
 use Illuminate\Database\Eloquent\SoftDeletes;
 use Laravel\Scout\Searchable;
+use Spatie\Image\Enums\Fit;
+use Spatie\MediaLibrary\HasMedia;
+use Spatie\MediaLibrary\InteractsWithMedia;
+use Spatie\MediaLibrary\MediaCollections\Models\Media;
 use Spatie\Sluggable\HasSlug;
 use Spatie\Sluggable\SlugOptions;
 
-class Recipe extends Model
+class Recipe extends Model implements HasMedia
 {
-    use HasFactory, HasSlug, Searchable, SoftDeletes;
+    use HasFactory, HasSlug, InteractsWithMedia, Searchable, SoftDeletes;
 
     /**
      * The attributes that are mass assignable.
@@ -45,6 +50,8 @@ class Recipe extends Model
 
     protected $hidden = ['id'];
 
+    protected $appends = ['hero', 'hero_preview'];
+
     public function getRouteKeyName(): string
     {
         return 'slug';
@@ -57,6 +64,35 @@ public function getSlugOptions(): SlugOptions
             ->saveSlugsTo('slug');
     }
 
+    protected function hero(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => $this->getFirstMedia('hero')?->getUrl() ?? '',
+        );
+    }
+
+    protected function heroPreview(): Attribute
+    {
+        return Attribute::make(
+            get: fn () => $this->getFirstMedia('hero')?->preview_url ?? '',
+        );
+    }
+
+    public function registerMediaConversions(?Media $media = null): void
+    {
+        $this
+            ->addMediaConversion('preview')
+            ->fit(Fit::Contain, 600, 400)
+            ->nonQueued();
+    }
+
+    public function registerMediaCollections(): void
+    {
+        $this
+            ->addMediaCollection('hero')
+            ->singleFile();
+    }
+
     public function toSearchableArray(): array
     {
         return [
@@ -75,11 +111,6 @@ public function user(): BelongsTo
         return $this->belongsTo(User::class);
     }
 
-    public function images(): BelongsTo
-    {
-        return $this->belongsTo(Image::class);
-    }
-
     public function labels(): BelongsToMany
     {
         return $this->belongsToMany(Label::class)->orderBy((new Label)->determineOrderColumnName());

app/Providers/AppServiceProvider.php

@@ -4,6 +4,7 @@
 
 use App\Enums\BannerTypeEnum;
 use Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider;
+use Illuminate\Database\Eloquent\Model;
 use Illuminate\Http\RedirectResponse;
 use Illuminate\Support\ServiceProvider;
 
@@ -14,6 +15,9 @@ class AppServiceProvider extends ServiceProvider
      */
     public function register(): void
     {
+        Model::preventLazyLoading(! app()->isProduction());
+        Model::preventAccessingMissingAttributes(! app()->isProduction());
+
         // @codeCoverageIgnoreStart
         if ($this->app->isLocal()) {
             $this->app->register(IdeHelperServiceProvider::class);

bootstrap/app.php

@@ -15,9 +15,9 @@
         $middleware->web(append: [
             \App\Http\Middleware\HandleInertiaRequests::class,
             \Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets::class,
+        ])->validateCsrfTokens(except: [
+            'admin/recipes/*/image',
         ]);
-
-        //
     })
     ->withExceptions(function (Exceptions $exceptions) {
         //

composer.json

@@ -13,6 +13,7 @@
         "laravel/scout": "^10.8",
         "laravel/tinker": "^2.9",
         "spatie/eloquent-sortable": "^4.2",
+        "spatie/laravel-medialibrary": "^11.0.0",
         "spatie/laravel-sluggable": "^3.6",
         "tightenco/ziggy": "^2.0"
     },